@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,14 +85,14 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
- .Label-module__hop-Label___dgJtM {
88
+ .Label-module__hop-Label___jtOw5 {
89
89
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
90
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
91
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
92
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
93
  --hop-Label-color: var(--hop-neutral-text-weak);
94
94
  }
95
- :where(.Label-module__hop-Label___dgJtM) {
95
+ :where(.Label-module__hop-Label___jtOw5) {
96
96
  font-family: var(--hop-Label-font-family);
97
97
  font-size: var(--hop-Label-font-size);
98
98
  font-weight: var(--hop-Label-font-weight);
@@ -101,17 +101,17 @@
101
101
  }
102
102
 
103
103
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
104
- .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
104
+ .FieldLabel-module__hop-FieldLabel__wrapper___kUoHY {
105
105
  display: flex;
106
106
  gap: var(--hop-space-inset-xs);
107
107
  align-items: center;
108
108
  }
109
- .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
109
+ .FieldLabel-module__hop-FieldLabel__indicator___H-91A {
110
110
  padding-inline-start: var(--hop-space-20);
111
111
  }
112
112
 
113
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
- :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
114
+ :where(.OverlineText-module__hop-OverlineText___qxVHD) {
115
115
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
116
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
117
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +135,26 @@
135
135
  text-transform: uppercase;
136
136
  letter-spacing: var(--letter-spacing);
137
137
  }
138
- .OverlineText-module__hop-OverlineText__text___-Cgyx {
138
+ .OverlineText-module__hop-OverlineText__text___PNTd8 {
139
139
  box-sizing: border-box;
140
140
  }
141
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
142
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
141
+ .OverlineText-module__hop-OverlineText__text___PNTd8::before,
142
+ .OverlineText-module__hop-OverlineText__text___PNTd8::after {
143
143
  content: "";
144
144
  display: block;
145
145
  box-sizing: border-box;
146
146
  inline-size: 0;
147
147
  block-size: 0;
148
148
  }
149
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
149
+ .OverlineText-module__hop-OverlineText__text___PNTd8::before {
150
150
  margin-block-end: var(--bottom-offset);
151
151
  }
152
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
152
+ .OverlineText-module__hop-OverlineText__text___PNTd8::after {
153
153
  margin-block-start: var(--top-offset);
154
154
  }
155
155
 
156
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___NFTCi {
157
+ .Text-module__hop-Text___f6AGu {
158
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +184,49 @@
184
184
  --hop-Text-inherit-size-font-weight: inherit;
185
185
  --hop-Text-inherit-size-line-height: inherit;
186
186
  }
187
- :where(.Text-module__hop-Text___NFTCi) {
187
+ :where(.Text-module__hop-Text___f6AGu) {
188
188
  font-family: var(--font-family);
189
189
  font-size: var(--font-size);
190
190
  font-weight: var(--font-weight);
191
191
  line-height: var(--line-height);
192
192
  }
193
- :where(.Text-module__hop-Text--xs___I0d0v) {
193
+ :where(.Text-module__hop-Text--xs___RsCQP) {
194
194
  --font-size: var(--hop-Text-xs-font-size);
195
195
  --font-family: var(--hop-Text-xs-font-family);
196
196
  --font-weight: var(--hop-Text-xs-font-weight);
197
197
  --line-height: var(--hop-Text-xs-line-height);
198
198
  }
199
- :where(.Text-module__hop-Text--sm___33NDY) {
199
+ :where(.Text-module__hop-Text--sm___TkqFN) {
200
200
  --font-size: var(--hop-Text-sm-font-size);
201
201
  --font-family: var(--hop-Text-sm-font-family);
202
202
  --font-weight: var(--hop-Text-sm-font-weight);
203
203
  --line-height: var(--hop-Text-sm-line-height);
204
204
  }
205
- :where(.Text-module__hop-Text--md___12lqb) {
205
+ :where(.Text-module__hop-Text--md___1c9p-) {
206
206
  --font-size: var(--hop-Text-md-font-size);
207
207
  --font-family: var(--hop-Text-md-font-family);
208
208
  --font-weight: var(--hop-Text-md-font-weight);
209
209
  --line-height: var(--hop-Text-md-line-height);
210
210
  }
211
- :where(.Text-module__hop-Text--lg___EIx-l) {
211
+ :where(.Text-module__hop-Text--lg___UwNGw) {
212
212
  --font-size: var(--hop-Text-lg-font-size);
213
213
  --font-family: var(--hop-Text-lg-font-family);
214
214
  --font-weight: var(--hop-Text-lg-font-weight);
215
215
  --line-height: var(--hop-Text-lg-line-height);
216
216
  }
217
- :where(.Text-module__hop-Text--xl___Hgsci) {
217
+ :where(.Text-module__hop-Text--xl___H530M) {
218
218
  --font-size: var(--hop-Text-xl-font-size);
219
219
  --font-family: var(--hop-Text-xl-font-family);
220
220
  --font-weight: var(--hop-Text-xl-font-weight);
221
221
  --line-height: var(--hop-Text-xl-line-height);
222
222
  }
223
- :where(.Text-module__hop-Text--2xl___bZva7) {
223
+ :where(.Text-module__hop-Text--2xl___q0Pqd) {
224
224
  --font-size: var(--hop-Text-2xl-font-size);
225
225
  --font-family: var(--hop-Text-2xl-font-family);
226
226
  --font-weight: var(--hop-Text-2xl-font-weight);
227
227
  --line-height: var(--hop-Text-2xl-line-height);
228
228
  }
229
- :where(.Text-module__hop-Text--inherit___D42Q3) {
229
+ :where(.Text-module__hop-Text--inherit___dgpTW) {
230
230
  --font-size: var(--hop-Text-inherit-size-font-size);
231
231
  --font-family: var(--hop-Text-inherit-size-font-family);
232
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +234,7 @@
234
234
  }
235
235
 
236
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
- .Paragraph-module__hop-Paragraph___pDtiI {
237
+ .Paragraph-module__hop-Paragraph___5zVew {
238
238
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
239
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
240
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,40 +246,40 @@
246
246
  margin-block-end: var(--margin-block-end);
247
247
  overflow-wrap: break-word;
248
248
  }
249
- .Paragraph-module__hop-Paragraph___pDtiI:last-child {
249
+ .Paragraph-module__hop-Paragraph___5zVew:last-child {
250
250
  --margin-block-end: 0;
251
251
  }
252
- .Paragraph-module__hop-Paragraph--xs___yzl-N {
252
+ .Paragraph-module__hop-Paragraph--xs___Shxr- {
253
253
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
254
  }
255
- .Paragraph-module__hop-Paragraph--sm___mssXe {
255
+ .Paragraph-module__hop-Paragraph--sm___f7Ckx {
256
256
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
257
  }
258
- .Paragraph-module__hop-Paragraph--md___Ujb4e {
258
+ .Paragraph-module__hop-Paragraph--md___ZOruG {
259
259
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
260
  }
261
- .Paragraph-module__hop-Paragraph--lg___fzVC0 {
261
+ .Paragraph-module__hop-Paragraph--lg___Qa9SP {
262
262
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--xl___bF-Yd {
264
+ .Paragraph-module__hop-Paragraph--xl___FCRP5 {
265
265
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--2xl___UuYkH {
267
+ .Paragraph-module__hop-Paragraph--2xl___E-vUz {
268
268
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--inherit___jW721 {
270
+ .Paragraph-module__hop-Paragraph--inherit___MJOlg {
271
271
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
272
  }
273
273
 
274
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
275
- .Form-module__hop-Form___7RaBZ {
275
+ .Form-module__hop-Form___WVGz6 {
276
276
  display: flex;
277
277
  flex-direction: column;
278
278
  gap: var(--hop-space-stack-lg);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
282
- .IconList-module__hop-IconList___m2E3v {
282
+ .IconList-module__hop-IconList___GGE7v {
283
283
  --hop-IconList-gap: var(--hop-space-inline-xs);
284
284
  display: flex;
285
285
  flex-wrap: wrap;
@@ -288,7 +288,7 @@
288
288
  }
289
289
 
290
290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
291
- @keyframes Spinner-module__spin___pKwfA {
291
+ @keyframes Spinner-module__spin___O6fJG {
292
292
  0% {
293
293
  transform: rotate(0deg);
294
294
  }
@@ -296,7 +296,7 @@
296
296
  transform: rotate(360deg);
297
297
  }
298
298
  }
299
- .Spinner-module__hop-Spinner___NL-2c {
299
+ .Spinner-module__hop-Spinner___bKr4q {
300
300
  --hop-Spinner-border-radius: var(--hop-shape-circle);
301
301
  --hop-Spinner-sm-wheel-size: 1rem;
302
302
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -304,7 +304,7 @@
304
304
  --hop-Spinner-track-width: 0.125rem;
305
305
  --hop-Spinner-track-opacity: 0.2;
306
306
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
307
- --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___O6fJG .8s infinite linear;
308
308
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
309
309
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
310
310
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -315,19 +315,19 @@
315
315
  align-items: center;
316
316
  box-sizing: border-box;
317
317
  }
318
- .Spinner-module__hop-Spinner--sm___o8oor {
318
+ .Spinner-module__hop-Spinner--sm___f3F5Y {
319
319
  --width: var(--hop-Spinner-sm-wheel-size);
320
320
  --height: var(--hop-Spinner-sm-wheel-size);
321
321
  }
322
- .Spinner-module__hop-Spinner--md___Z3T3P {
322
+ .Spinner-module__hop-Spinner--md___oQnqF {
323
323
  --width: var(--hop-Spinner-md-wheel-size);
324
324
  --height: var(--hop-Spinner-md-wheel-size);
325
325
  }
326
- .Spinner-module__hop-Spinner--lg___-2JJ5 {
326
+ .Spinner-module__hop-Spinner--lg___-f2Ai {
327
327
  --width: var(--hop-Spinner-lg-wheel-size);
328
328
  --height: var(--hop-Spinner-lg-wheel-size);
329
329
  }
330
- .Spinner-module__hop-Spinner__track___-5qNx {
330
+ .Spinner-module__hop-Spinner__track___X5WJC {
331
331
  grid-area: spinner;
332
332
  box-sizing: border-box;
333
333
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -336,7 +336,7 @@
336
336
  border: var(--hop-Spinner-track-border);
337
337
  border-radius: var(--hop-Spinner-border-radius);
338
338
  }
339
- .Spinner-module__hop-Spinner__fill___ds519 {
339
+ .Spinner-module__hop-Spinner__fill___Panku {
340
340
  grid-area: spinner;
341
341
  box-sizing: border-box;
342
342
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -347,17 +347,17 @@
347
347
  animation: var(--hop-Spinner-fill-animation);
348
348
  }
349
349
  @media (prefers-reduced-motion: reduce) {
350
- .Spinner-module__hop-Spinner__fill___ds519 {
350
+ .Spinner-module__hop-Spinner__fill___Panku {
351
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
352
352
  }
353
353
  }
354
- .Spinner-module__hop-Spinner__label___aAqY5 {
354
+ .Spinner-module__hop-Spinner__label___H25UX {
355
355
  grid-area: label;
356
356
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
357
357
  }
358
358
 
359
359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
360
- .Button-module__hop-Button___drz4z {
360
+ .Button-module__hop-Button___Wx1Zn {
361
361
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
362
362
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
363
363
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -481,215 +481,215 @@
481
481
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
482
482
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
483
483
  }
484
- .Button-module__hop-Button--fluid___jF2LE {
484
+ .Button-module__hop-Button--fluid___-gqsM {
485
485
  --inline-size: 100%;
486
486
  }
487
- .Button-module__hop-Button--sm___yWI1w {
487
+ .Button-module__hop-Button--sm___V1DL4 {
488
488
  --block-size: var(--hop-Button-sm-height);
489
489
  --padding: var(--hop-Button-sm-padding);
490
490
  }
491
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
491
+ .Button-module__hop-Button--sm___V1DL4[class*=--ghost] {
492
492
  --padding: var(--hop-Button-ghost-sm-padding);
493
493
  }
494
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
494
+ .Button-module__hop-Button--md___nHPE0[class*=--ghost] {
495
495
  --padding: var(--hop-Button-ghost-md-padding);
496
496
  }
497
- .Button-module__hop-Button--icon-only___ZVI03 {
497
+ .Button-module__hop-Button--icon-only___3UEdV {
498
498
  --column-gap: var(--hop-Button-icon-only-column-gap);
499
499
  --padding: var(--hop-Button-icon-only-padding);
500
500
  aspect-ratio: 1;
501
501
  }
502
- .Button-module__hop-Button--primary___gQcR4 {
502
+ .Button-module__hop-Button--primary___3EavW {
503
503
  --background-color: var(--hop-Button-primary-background-color);
504
504
  --color: var(--hop-Button-primary-color);
505
505
  --border: var(--hop-Button-primary-border);
506
506
  --spinner-color: var(--hop-Button-primary-spinner-color);
507
507
  }
508
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
509
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
508
+ .Button-module__hop-Button--primary___3EavW[data-hovered],
509
+ .Button-module__hop-Button--primary___3EavW[data-focus-visible] {
510
510
  --background-color: var(--hop-Button-primary-background-color-hover);
511
511
  --color: var(--hop-Button-primary-color-hover);
512
512
  --border: var(--hop-Button-primary-border-hover);
513
513
  }
514
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
514
+ .Button-module__hop-Button--primary___3EavW[data-pressed] {
515
515
  --background-color: var(--hop-Button-primary-background-color-pressed);
516
516
  --color: var(--hop-Button-primary-color-pressed);
517
517
  --border: var(--hop-Button-primary-border-pressed);
518
518
  }
519
- .Button-module__hop-Button--secondary___iPATA {
519
+ .Button-module__hop-Button--secondary___vcOcq {
520
520
  --background-color: var(--hop-Button-secondary-background-color);
521
521
  --color: var(--hop-Button-secondary-color);
522
522
  --border: var(--hop-Button-secondary-border);
523
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
524
524
  }
525
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
526
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
525
+ .Button-module__hop-Button--secondary___vcOcq[data-hovered],
526
+ .Button-module__hop-Button--secondary___vcOcq[data-focus-visible] {
527
527
  --background-color: var(--hop-Button-secondary-background-color-hover);
528
528
  --color: var(--hop-Button-secondary-color-hover);
529
529
  --border: var(--hop-Button-secondary-border-hover);
530
530
  }
531
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
531
+ .Button-module__hop-Button--secondary___vcOcq[data-pressed] {
532
532
  --background-color: var(--hop-Button-secondary-background-color-pressed);
533
533
  --color: var(--hop-Button-secondary-color-pressed);
534
534
  --border: var(--hop-Button-secondary-border-pressed);
535
535
  }
536
- .Button-module__hop-Button--upsell___1odMt {
536
+ .Button-module__hop-Button--upsell___2A2kN {
537
537
  --background-color: var(--hop-Button-upsell-background-color);
538
538
  --color: var(--hop-Button-upsell-color);
539
539
  --border: var(--hop-Button-upsell-border);
540
540
  --spinner-color: var(--hop-Button-upsell-spinner-color);
541
541
  }
542
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
543
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
542
+ .Button-module__hop-Button--upsell___2A2kN[data-hovered],
543
+ .Button-module__hop-Button--upsell___2A2kN[data-focus-visible] {
544
544
  --background-color: var(--hop-Button-upsell-background-color-hover);
545
545
  --color: var(--hop-Button-upsell-color-hover);
546
546
  --border: var(--hop-Button-upsell-border-hover);
547
547
  }
548
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
548
+ .Button-module__hop-Button--upsell___2A2kN[data-pressed] {
549
549
  --background-color: var(--hop-Button-upsell-background-color-pressed);
550
550
  --color: var(--hop-Button-upsell-color-pressed);
551
551
  --border: var(--hop-Button-upsell-border-pressed);
552
552
  }
553
- .Button-module__hop-Button--danger___nvNVv {
553
+ .Button-module__hop-Button--danger___5DdXE {
554
554
  --background-color: var(--hop-Button-danger-background-color);
555
555
  --color: var(--hop-Button-danger-color);
556
556
  --border: var(--hop-Button-danger-border);
557
557
  --spinner-color: var(--hop-Button-danger-spinner-color);
558
558
  }
559
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
560
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
559
+ .Button-module__hop-Button--danger___5DdXE[data-hovered],
560
+ .Button-module__hop-Button--danger___5DdXE[data-focus-visible] {
561
561
  --background-color: var(--hop-Button-danger-background-color-hover);
562
562
  --color: var(--hop-Button-danger-color-hover);
563
563
  --border: var(--hop-Button-danger-border-hover);
564
564
  }
565
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
565
+ .Button-module__hop-Button--danger___5DdXE[data-pressed] {
566
566
  --background-color: var(--hop-Button-danger-background-color-pressed);
567
567
  --color: var(--hop-Button-danger-color-pressed);
568
568
  --border: var(--hop-Button-danger-border-pressed);
569
569
  }
570
- .Button-module__hop-Button--ghost-primary___XUMG1 {
570
+ .Button-module__hop-Button--ghost-primary___pVC8I {
571
571
  --background-color: var(--hop-Button-ghost-primary-background-color);
572
572
  --color: var(--hop-Button-ghost-primary-color);
573
573
  --border: var(--hop-Button-ghost-primary-border);
574
574
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
575
575
  }
576
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
577
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
576
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-hovered],
577
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-focus-visible] {
578
578
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
579
579
  --color: var(--hop-Button-ghost-primary-color-hover);
580
580
  --border: var(--hop-Button-ghost-primary-border-hover);
581
581
  --text-underline: underline;
582
582
  }
583
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
583
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-pressed] {
584
584
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
585
585
  --color: var(--hop-Button-ghost-primary-color-pressed);
586
586
  --border: var(--hop-Button-ghost-primary-border-pressed);
587
587
  --text-underline: underline;
588
588
  }
589
- .Button-module__hop-Button--ghost-secondary___YirRd {
589
+ .Button-module__hop-Button--ghost-secondary___unj0t {
590
590
  --background-color: var(--hop-Button-ghost-secondary-background-color);
591
591
  --color: var(--hop-Button-ghost-secondary-color);
592
592
  --border: var(--hop-Button-ghost-secondary-border);
593
593
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
594
594
  }
595
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
596
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
595
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-hovered],
596
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-focus-visible] {
597
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
598
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
599
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
600
600
  --text-underline: underline;
601
601
  }
602
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
602
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-pressed] {
603
603
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
604
604
  --color: var(--hop-Button-ghost-secondary-color-pressed);
605
605
  --border: var(--hop-Button-ghost-secondary-border-pressed);
606
606
  --text-underline: underline;
607
607
  }
608
- .Button-module__hop-Button--ghost-danger___J37kT {
608
+ .Button-module__hop-Button--ghost-danger___5hyt5 {
609
609
  --background-color: var(--hop-Button-ghost-danger-background-color);
610
610
  --color: var(--hop-Button-ghost-danger-color);
611
611
  --border: var(--hop-Button-ghost-danger-border);
612
612
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
613
613
  }
614
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
615
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
614
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-hovered],
615
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-focus-visible] {
616
616
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
617
617
  --color: var(--hop-Button-ghost-danger-color-hover);
618
618
  --border: var(--hop-Button-ghost-danger-border-hover);
619
619
  --text-underline: underline;
620
620
  }
621
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
621
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-pressed] {
622
622
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
623
623
  --color: var(--hop-Button-ghost-danger-color-pressed);
624
624
  --border: var(--hop-Button-ghost-danger-border-pressed);
625
625
  --text-underline: underline;
626
626
  }
627
- .Button-module__hop-Button___drz4z[data-focus-visible] {
627
+ .Button-module__hop-Button___Wx1Zn[data-focus-visible] {
628
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
629
629
  }
630
- .Button-module__hop-Button___drz4z[data-disabled],
631
- .Button-module__hop-Button--loading___Vt2Li {
630
+ .Button-module__hop-Button___Wx1Zn[data-disabled],
631
+ .Button-module__hop-Button--loading___2lmgM {
632
632
  cursor: not-allowed;
633
633
  }
634
- .Button-module__hop-Button___drz4z[data-disabled] {
634
+ .Button-module__hop-Button___Wx1Zn[data-disabled] {
635
635
  --background-color: var(--hop-Button-background-color-disabled);
636
636
  --color: var(--hop-Button-color-disabled);
637
637
  --border: var(--hop-Button-border-disabled);
638
638
  }
639
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
639
+ .Button-module__hop-Button___Wx1Zn[class*=--ghost][data-disabled] {
640
640
  --background-color: var(--hop-Button-ghost-background-color-disabled);
641
641
  --color: var(--hop-Button-ghost-color-disabled);
642
642
  --border: var(--hop-Button-ghost-border-disabled);
643
643
  }
644
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
644
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--primary___3EavW {
645
645
  --background-color: var(--hop-Button-primary-background-color);
646
646
  --color: var(--hop-Button-primary-color);
647
647
  --border: var(--hop-Button-primary-border);
648
648
  }
649
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
649
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--secondary___vcOcq {
650
650
  --background-color: var(--hop-Button-secondary-background-color);
651
651
  --color: var(--hop-Button-secondary-color);
652
652
  --border: var(--hop-Button-secondary-border);
653
653
  }
654
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
654
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--upsell___2A2kN {
655
655
  --background-color: var(--hop-Button-upsell-background-color);
656
656
  --color: var(--hop-Button-upsell-color);
657
657
  --border: var(--hop-Button-upsell-border);
658
658
  }
659
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
659
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--danger___5DdXE {
660
660
  --background-color: var(--hop-Button-danger-background-color);
661
661
  --color: var(--hop-Button-danger-color);
662
662
  --border: var(--hop-Button-danger-border);
663
663
  }
664
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
664
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-primary___pVC8I {
665
665
  --background-color: var(--hop-Button-ghost-primary-background-color);
666
666
  --color: var(--hop-Button-ghost-primary-color);
667
667
  --border: var(--hop-Button-ghost-primary-border);
668
668
  --text-underline: none;
669
669
  }
670
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
670
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-secondary___unj0t {
671
671
  --background-color: var(--hop-Button-ghost-secondary-background-color);
672
672
  --color: var(--hop-Button-ghost-secondary-color);
673
673
  --border: var(--hop-Button-ghost-secondary-border);
674
674
  --text-underline: none;
675
675
  }
676
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
676
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-danger___5hyt5 {
677
677
  --background-color: var(--hop-Button-ghost-danger-background-color);
678
678
  --color: var(--hop-Button-ghost-danger-color);
679
679
  --border: var(--hop-Button-ghost-danger-border);
680
680
  --text-underline: none;
681
681
  }
682
- .Button-module__hop-Button__Spinner___qFcTX {
682
+ .Button-module__hop-Button__Spinner___hILkZ {
683
683
  position: absolute;
684
684
  color: var(--spinner-color);
685
685
  }
686
- .Button-module__hop-Button__icon___i0bX0,
687
- .Button-module__hop-Button__icon-list___h-l1l {
686
+ .Button-module__hop-Button__icon___lRWc4,
687
+ .Button-module__hop-Button__icon-list___xoDBK {
688
688
  flex: 0 0 auto;
689
689
  justify-self: end;
690
690
  order: 1;
691
691
  }
692
- .Button-module__hop-Button__text___gW1zi {
692
+ .Button-module__hop-Button__text___fEHr6 {
693
693
  user-select: none;
694
694
  overflow: visible;
695
695
  flex: 0 1 auto;
@@ -699,60 +699,60 @@
699
699
  text-underline-offset: 0.125rem;
700
700
  text-wrap: nowrap;
701
701
  }
702
- .Button-module__hop-Button__end-icon___H4Qu5,
703
- .Button-module__hop-Button__end-icon-list___k4l7m {
702
+ .Button-module__hop-Button__end-icon___EE6f-,
703
+ .Button-module__hop-Button__end-icon-list___mPjUM {
704
704
  flex: 0 0 auto;
705
705
  order: 3;
706
706
  }
707
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
708
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
707
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__icon-list___xoDBK,
708
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__end-icon-list___mPjUM {
709
709
  flex-wrap: nowrap;
710
710
  }
711
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
711
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button___Wx1Zn > *:not(.Button-module__hop-Button__Spinner___hILkZ) {
712
712
  opacity: 0;
713
713
  }
714
714
 
715
715
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
716
- .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
716
+ .ButtonGroup-module__hop-ButtonGroup___FO9mQ {
717
717
  display: inline-flex;
718
718
  flex-wrap: nowrap;
719
719
  gap: var(--hop-space-inline-md);
720
720
  }
721
- .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
722
722
  align-items: center;
723
723
  }
724
- .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
725
725
  flex-direction: column;
726
726
  gap: var(--hop-space-stack-md);
727
727
  justify-content: center;
728
728
  }
729
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___W3fms.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
730
730
  align-items: flex-start;
731
731
  }
732
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___IU5Kr.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
733
733
  align-items: center;
734
734
  }
735
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___K8bE5.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
736
736
  align-items: flex-end;
737
737
  }
738
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___W3fms.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
739
739
  justify-content: flex-start;
740
740
  }
741
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___IU5Kr.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
742
742
  justify-content: center;
743
743
  }
744
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___K8bE5.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
745
745
  justify-content: flex-end;
746
746
  }
747
- .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___uBzFH {
748
748
  flex-wrap: wrap;
749
749
  }
750
- .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___rfxPO {
751
751
  inline-size: 100%;
752
752
  }
753
753
 
754
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
755
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J {
756
756
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
757
757
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
758
758
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -916,7 +916,7 @@
916
916
  outline: none;
917
917
  transition: color var(--transition);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J::before {
920
920
  content: "";
921
921
  position: absolute;
922
922
  inset-block-start: 50%;
@@ -929,284 +929,284 @@
929
929
  border-radius: var(--effect-border-radius);
930
930
  transition: background-color var(--transition);
931
931
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-square] {
933
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
934
934
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-Sk9K {
936
936
  --inline-size: var(--hop-EmbeddedButton-md-width);
937
937
  --block-size: var(--hop-EmbeddedButton-md-height);
938
938
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
939
939
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hOr9m {
941
941
  --inline-size: var(--hop-EmbeddedButton-lg-width);
942
942
  --block-size: var(--hop-EmbeddedButton-lg-height);
943
943
  --focus-ring-offset: 0;
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-Sk9K::before {
946
946
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
947
947
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
948
948
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hOr9m::before {
950
950
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
951
951
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
952
952
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1- {
954
954
  --color: var(--hop-EmbeddedButton-neutral-color);
955
955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
956
956
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg {
958
958
  --color: var(--hop-EmbeddedButton-subdued-color);
959
959
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
960
960
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr {
962
962
  --color: var(--hop-EmbeddedButton-progress-color);
963
963
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
964
964
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf {
966
966
  --color: var(--hop-EmbeddedButton-positive-color);
967
967
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
968
968
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN {
970
970
  --color: var(--hop-EmbeddedButton-caution-color);
971
971
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
972
972
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt {
974
974
  --color: var(--hop-EmbeddedButton-negative-color);
975
975
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
976
976
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN {
978
978
  --color: var(--hop-EmbeddedButton-option1-color);
979
979
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
980
980
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5 {
982
982
  --color: var(--hop-EmbeddedButton-option2-color);
983
983
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
984
984
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7 {
986
986
  --color: var(--hop-EmbeddedButton-option3-color);
987
987
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
988
988
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg {
990
990
  --color: var(--hop-EmbeddedButton-option4-color);
991
991
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
992
992
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2 {
994
994
  --color: var(--hop-EmbeddedButton-option5-color);
995
995
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
996
996
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb {
998
998
  --color: var(--hop-EmbeddedButton-option6-color);
999
999
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1000
1000
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-selected] {
1002
1002
  --color: var(--hop-EmbeddedButton-selected-color);
1003
1003
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1004
1004
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-focus-visible] {
1006
1006
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1007
1007
  outline-offset: var(--focus-ring-offset);
1008
1008
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-disabled] {
1010
1010
  cursor: not-allowed;
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-hovered] {
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1014
1014
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1015
1015
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-focus-visible] {
1017
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1018
1018
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1019
1019
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-pressed] {
1021
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1022
1022
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1023
1023
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-disabled] {
1025
1025
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1026
1026
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1027
1027
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-hovered] {
1029
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1030
1030
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1031
1031
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-focus-visible] {
1033
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1034
1034
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1035
1035
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-pressed] {
1037
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1038
1038
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1039
1039
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-disabled] {
1041
1041
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1042
1042
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1043
1043
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-hovered] {
1045
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1046
1046
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1047
1047
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-focus-visible] {
1049
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1050
1050
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1051
1051
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-pressed] {
1053
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1054
1054
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1055
1055
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-disabled] {
1057
1057
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1058
1058
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1059
1059
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-hovered] {
1061
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1062
1062
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1063
1063
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-focus-visible] {
1065
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1066
1066
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1067
1067
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-pressed] {
1069
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1070
1070
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1071
1071
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-disabled] {
1073
1073
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1074
1074
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1075
1075
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-hovered] {
1077
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1078
1078
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1079
1079
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-focus-visible] {
1081
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1082
1082
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1083
1083
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-pressed] {
1085
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1086
1086
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1087
1087
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-disabled] {
1089
1089
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1090
1090
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1091
1091
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-hovered] {
1093
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1094
1094
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1095
1095
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-focus-visible] {
1097
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1098
1098
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1099
1099
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-pressed] {
1101
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1102
1102
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1103
1103
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-disabled] {
1105
1105
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1106
1106
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1107
1107
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-hovered] {
1109
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1110
1110
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1111
1111
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-focus-visible] {
1113
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1114
1114
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1115
1115
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-pressed] {
1117
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1118
1118
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1119
1119
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-disabled] {
1121
1121
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1122
1122
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1123
1123
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-hovered] {
1125
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1126
1126
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1127
1127
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-focus-visible] {
1129
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1130
1130
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1131
1131
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-pressed] {
1133
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1134
1134
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1135
1135
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-disabled] {
1137
1137
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1138
1138
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1139
1139
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-hovered] {
1141
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1142
1142
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1143
1143
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-focus-visible] {
1145
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1146
1146
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1147
1147
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-pressed] {
1149
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1150
1150
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1151
1151
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-disabled] {
1153
1153
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1154
1154
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1155
1155
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-hovered] {
1157
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1158
1158
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1159
1159
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-focus-visible] {
1161
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1162
1162
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1163
1163
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-pressed] {
1165
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1166
1166
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1167
1167
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-disabled] {
1169
1169
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1170
1170
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1171
1171
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-hovered] {
1173
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1174
1174
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1175
1175
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-focus-visible] {
1177
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1178
1178
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1179
1179
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-pressed] {
1181
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1182
1182
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1183
1183
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-disabled] {
1185
1185
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1186
1186
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1187
1187
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-hovered] {
1189
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1190
1190
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1191
1191
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-focus-visible] {
1193
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1194
1194
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1195
1195
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-pressed] {
1197
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1198
1198
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1199
1199
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-disabled] {
1201
1201
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1202
1202
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1203
1203
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-HR2H {
1205
1205
  position: relative;
1206
1206
  }
1207
1207
 
1208
1208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1209
- button.CloseButton-module__hop-CloseButton___aWaMI {
1209
+ button.CloseButton-module__hop-CloseButton___UGMsO {
1210
1210
  --hop-CloseButton-margin-top: 0rem;
1211
1211
  --hop-CloseButton-padding: 0rem;
1212
1212
  --hop-CloseButton-width: fit-content;
@@ -1218,7 +1218,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1218
1218
  }
1219
1219
 
1220
1220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1221
- .Button-module__hop-Button___drz4z {
1221
+ .Button-module__hop-Button___Wx1Zn {
1222
1222
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1223
1223
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1224
1224
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1342,215 +1342,215 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1342
1342
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1343
1343
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1344
1344
  }
1345
- .Button-module__hop-Button--fluid___jF2LE {
1345
+ .Button-module__hop-Button--fluid___-gqsM {
1346
1346
  --inline-size: 100%;
1347
1347
  }
1348
- .Button-module__hop-Button--sm___yWI1w {
1348
+ .Button-module__hop-Button--sm___V1DL4 {
1349
1349
  --block-size: var(--hop-Button-sm-height);
1350
1350
  --padding: var(--hop-Button-sm-padding);
1351
1351
  }
1352
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1352
+ .Button-module__hop-Button--sm___V1DL4[class*=--ghost] {
1353
1353
  --padding: var(--hop-Button-ghost-sm-padding);
1354
1354
  }
1355
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1355
+ .Button-module__hop-Button--md___nHPE0[class*=--ghost] {
1356
1356
  --padding: var(--hop-Button-ghost-md-padding);
1357
1357
  }
1358
- .Button-module__hop-Button--icon-only___ZVI03 {
1358
+ .Button-module__hop-Button--icon-only___3UEdV {
1359
1359
  --column-gap: var(--hop-Button-icon-only-column-gap);
1360
1360
  --padding: var(--hop-Button-icon-only-padding);
1361
1361
  aspect-ratio: 1;
1362
1362
  }
1363
- .Button-module__hop-Button--primary___gQcR4 {
1363
+ .Button-module__hop-Button--primary___3EavW {
1364
1364
  --background-color: var(--hop-Button-primary-background-color);
1365
1365
  --color: var(--hop-Button-primary-color);
1366
1366
  --border: var(--hop-Button-primary-border);
1367
1367
  --spinner-color: var(--hop-Button-primary-spinner-color);
1368
1368
  }
1369
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
1370
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1369
+ .Button-module__hop-Button--primary___3EavW[data-hovered],
1370
+ .Button-module__hop-Button--primary___3EavW[data-focus-visible] {
1371
1371
  --background-color: var(--hop-Button-primary-background-color-hover);
1372
1372
  --color: var(--hop-Button-primary-color-hover);
1373
1373
  --border: var(--hop-Button-primary-border-hover);
1374
1374
  }
1375
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1375
+ .Button-module__hop-Button--primary___3EavW[data-pressed] {
1376
1376
  --background-color: var(--hop-Button-primary-background-color-pressed);
1377
1377
  --color: var(--hop-Button-primary-color-pressed);
1378
1378
  --border: var(--hop-Button-primary-border-pressed);
1379
1379
  }
1380
- .Button-module__hop-Button--secondary___iPATA {
1380
+ .Button-module__hop-Button--secondary___vcOcq {
1381
1381
  --background-color: var(--hop-Button-secondary-background-color);
1382
1382
  --color: var(--hop-Button-secondary-color);
1383
1383
  --border: var(--hop-Button-secondary-border);
1384
1384
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1385
1385
  }
1386
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
1387
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1386
+ .Button-module__hop-Button--secondary___vcOcq[data-hovered],
1387
+ .Button-module__hop-Button--secondary___vcOcq[data-focus-visible] {
1388
1388
  --background-color: var(--hop-Button-secondary-background-color-hover);
1389
1389
  --color: var(--hop-Button-secondary-color-hover);
1390
1390
  --border: var(--hop-Button-secondary-border-hover);
1391
1391
  }
1392
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1392
+ .Button-module__hop-Button--secondary___vcOcq[data-pressed] {
1393
1393
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1394
1394
  --color: var(--hop-Button-secondary-color-pressed);
1395
1395
  --border: var(--hop-Button-secondary-border-pressed);
1396
1396
  }
1397
- .Button-module__hop-Button--upsell___1odMt {
1397
+ .Button-module__hop-Button--upsell___2A2kN {
1398
1398
  --background-color: var(--hop-Button-upsell-background-color);
1399
1399
  --color: var(--hop-Button-upsell-color);
1400
1400
  --border: var(--hop-Button-upsell-border);
1401
1401
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1402
1402
  }
1403
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
1404
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1403
+ .Button-module__hop-Button--upsell___2A2kN[data-hovered],
1404
+ .Button-module__hop-Button--upsell___2A2kN[data-focus-visible] {
1405
1405
  --background-color: var(--hop-Button-upsell-background-color-hover);
1406
1406
  --color: var(--hop-Button-upsell-color-hover);
1407
1407
  --border: var(--hop-Button-upsell-border-hover);
1408
1408
  }
1409
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1409
+ .Button-module__hop-Button--upsell___2A2kN[data-pressed] {
1410
1410
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1411
1411
  --color: var(--hop-Button-upsell-color-pressed);
1412
1412
  --border: var(--hop-Button-upsell-border-pressed);
1413
1413
  }
1414
- .Button-module__hop-Button--danger___nvNVv {
1414
+ .Button-module__hop-Button--danger___5DdXE {
1415
1415
  --background-color: var(--hop-Button-danger-background-color);
1416
1416
  --color: var(--hop-Button-danger-color);
1417
1417
  --border: var(--hop-Button-danger-border);
1418
1418
  --spinner-color: var(--hop-Button-danger-spinner-color);
1419
1419
  }
1420
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
1421
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1420
+ .Button-module__hop-Button--danger___5DdXE[data-hovered],
1421
+ .Button-module__hop-Button--danger___5DdXE[data-focus-visible] {
1422
1422
  --background-color: var(--hop-Button-danger-background-color-hover);
1423
1423
  --color: var(--hop-Button-danger-color-hover);
1424
1424
  --border: var(--hop-Button-danger-border-hover);
1425
1425
  }
1426
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1426
+ .Button-module__hop-Button--danger___5DdXE[data-pressed] {
1427
1427
  --background-color: var(--hop-Button-danger-background-color-pressed);
1428
1428
  --color: var(--hop-Button-danger-color-pressed);
1429
1429
  --border: var(--hop-Button-danger-border-pressed);
1430
1430
  }
1431
- .Button-module__hop-Button--ghost-primary___XUMG1 {
1431
+ .Button-module__hop-Button--ghost-primary___pVC8I {
1432
1432
  --background-color: var(--hop-Button-ghost-primary-background-color);
1433
1433
  --color: var(--hop-Button-ghost-primary-color);
1434
1434
  --border: var(--hop-Button-ghost-primary-border);
1435
1435
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1436
1436
  }
1437
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1438
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1437
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-hovered],
1438
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-focus-visible] {
1439
1439
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1440
1440
  --color: var(--hop-Button-ghost-primary-color-hover);
1441
1441
  --border: var(--hop-Button-ghost-primary-border-hover);
1442
1442
  --text-underline: underline;
1443
1443
  }
1444
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1444
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-pressed] {
1445
1445
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1446
1446
  --color: var(--hop-Button-ghost-primary-color-pressed);
1447
1447
  --border: var(--hop-Button-ghost-primary-border-pressed);
1448
1448
  --text-underline: underline;
1449
1449
  }
1450
- .Button-module__hop-Button--ghost-secondary___YirRd {
1450
+ .Button-module__hop-Button--ghost-secondary___unj0t {
1451
1451
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1452
1452
  --color: var(--hop-Button-ghost-secondary-color);
1453
1453
  --border: var(--hop-Button-ghost-secondary-border);
1454
1454
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1455
1455
  }
1456
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1457
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1456
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-hovered],
1457
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-focus-visible] {
1458
1458
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1459
1459
  --color: var(--hop-Button-ghost-secondary-color-hover);
1460
1460
  --border: var(--hop-Button-ghost-secondary-border-hover);
1461
1461
  --text-underline: underline;
1462
1462
  }
1463
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1463
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-pressed] {
1464
1464
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1465
1465
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1466
1466
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1467
1467
  --text-underline: underline;
1468
1468
  }
1469
- .Button-module__hop-Button--ghost-danger___J37kT {
1469
+ .Button-module__hop-Button--ghost-danger___5hyt5 {
1470
1470
  --background-color: var(--hop-Button-ghost-danger-background-color);
1471
1471
  --color: var(--hop-Button-ghost-danger-color);
1472
1472
  --border: var(--hop-Button-ghost-danger-border);
1473
1473
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1474
1474
  }
1475
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1476
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1475
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-hovered],
1476
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-focus-visible] {
1477
1477
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1478
1478
  --color: var(--hop-Button-ghost-danger-color-hover);
1479
1479
  --border: var(--hop-Button-ghost-danger-border-hover);
1480
1480
  --text-underline: underline;
1481
1481
  }
1482
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1482
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-pressed] {
1483
1483
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1484
1484
  --color: var(--hop-Button-ghost-danger-color-pressed);
1485
1485
  --border: var(--hop-Button-ghost-danger-border-pressed);
1486
1486
  --text-underline: underline;
1487
1487
  }
1488
- .Button-module__hop-Button___drz4z[data-focus-visible] {
1488
+ .Button-module__hop-Button___Wx1Zn[data-focus-visible] {
1489
1489
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1490
1490
  }
1491
- .Button-module__hop-Button___drz4z[data-disabled],
1492
- .Button-module__hop-Button--loading___Vt2Li {
1491
+ .Button-module__hop-Button___Wx1Zn[data-disabled],
1492
+ .Button-module__hop-Button--loading___2lmgM {
1493
1493
  cursor: not-allowed;
1494
1494
  }
1495
- .Button-module__hop-Button___drz4z[data-disabled] {
1495
+ .Button-module__hop-Button___Wx1Zn[data-disabled] {
1496
1496
  --background-color: var(--hop-Button-background-color-disabled);
1497
1497
  --color: var(--hop-Button-color-disabled);
1498
1498
  --border: var(--hop-Button-border-disabled);
1499
1499
  }
1500
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1500
+ .Button-module__hop-Button___Wx1Zn[class*=--ghost][data-disabled] {
1501
1501
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1502
1502
  --color: var(--hop-Button-ghost-color-disabled);
1503
1503
  --border: var(--hop-Button-ghost-border-disabled);
1504
1504
  }
1505
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1505
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--primary___3EavW {
1506
1506
  --background-color: var(--hop-Button-primary-background-color);
1507
1507
  --color: var(--hop-Button-primary-color);
1508
1508
  --border: var(--hop-Button-primary-border);
1509
1509
  }
1510
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1510
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--secondary___vcOcq {
1511
1511
  --background-color: var(--hop-Button-secondary-background-color);
1512
1512
  --color: var(--hop-Button-secondary-color);
1513
1513
  --border: var(--hop-Button-secondary-border);
1514
1514
  }
1515
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1515
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--upsell___2A2kN {
1516
1516
  --background-color: var(--hop-Button-upsell-background-color);
1517
1517
  --color: var(--hop-Button-upsell-color);
1518
1518
  --border: var(--hop-Button-upsell-border);
1519
1519
  }
1520
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1520
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--danger___5DdXE {
1521
1521
  --background-color: var(--hop-Button-danger-background-color);
1522
1522
  --color: var(--hop-Button-danger-color);
1523
1523
  --border: var(--hop-Button-danger-border);
1524
1524
  }
1525
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1525
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-primary___pVC8I {
1526
1526
  --background-color: var(--hop-Button-ghost-primary-background-color);
1527
1527
  --color: var(--hop-Button-ghost-primary-color);
1528
1528
  --border: var(--hop-Button-ghost-primary-border);
1529
1529
  --text-underline: none;
1530
1530
  }
1531
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1531
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-secondary___unj0t {
1532
1532
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1533
1533
  --color: var(--hop-Button-ghost-secondary-color);
1534
1534
  --border: var(--hop-Button-ghost-secondary-border);
1535
1535
  --text-underline: none;
1536
1536
  }
1537
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1537
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-danger___5hyt5 {
1538
1538
  --background-color: var(--hop-Button-ghost-danger-background-color);
1539
1539
  --color: var(--hop-Button-ghost-danger-color);
1540
1540
  --border: var(--hop-Button-ghost-danger-border);
1541
1541
  --text-underline: none;
1542
1542
  }
1543
- .Button-module__hop-Button__Spinner___qFcTX {
1543
+ .Button-module__hop-Button__Spinner___hILkZ {
1544
1544
  position: absolute;
1545
1545
  color: var(--spinner-color);
1546
1546
  }
1547
- .Button-module__hop-Button__icon___i0bX0,
1548
- .Button-module__hop-Button__icon-list___h-l1l {
1547
+ .Button-module__hop-Button__icon___lRWc4,
1548
+ .Button-module__hop-Button__icon-list___xoDBK {
1549
1549
  flex: 0 0 auto;
1550
1550
  justify-self: end;
1551
1551
  order: 1;
1552
1552
  }
1553
- .Button-module__hop-Button__text___gW1zi {
1553
+ .Button-module__hop-Button__text___fEHr6 {
1554
1554
  user-select: none;
1555
1555
  overflow: visible;
1556
1556
  flex: 0 1 auto;
@@ -1560,57 +1560,429 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1560
1560
  text-underline-offset: 0.125rem;
1561
1561
  text-wrap: nowrap;
1562
1562
  }
1563
- .Button-module__hop-Button__end-icon___H4Qu5,
1564
- .Button-module__hop-Button__end-icon-list___k4l7m {
1563
+ .Button-module__hop-Button__end-icon___EE6f-,
1564
+ .Button-module__hop-Button__end-icon-list___mPjUM {
1565
1565
  flex: 0 0 auto;
1566
1566
  order: 3;
1567
1567
  }
1568
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1569
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1568
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__icon-list___xoDBK,
1569
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__end-icon-list___mPjUM {
1570
1570
  flex-wrap: nowrap;
1571
1571
  }
1572
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1572
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button___Wx1Zn > *:not(.Button-module__hop-Button__Spinner___hILkZ) {
1573
1573
  opacity: 0;
1574
1574
  }
1575
- .LinkButton-module__hop-LinkButton___hlYkA {
1575
+ .LinkButton-module__hop-LinkButton___VrebX {
1576
1576
  }
1577
- .LinkButton-module__hop-LinkButton--fluid___iCMfM {
1577
+ .LinkButton-module__hop-LinkButton--fluid___rzyxO {
1578
1578
  }
1579
- .LinkButton-module__hop-LinkButton--sm___yzSw4 {
1579
+ .LinkButton-module__hop-LinkButton--sm___Ptu2v {
1580
1580
  }
1581
- .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___MmZir {
1582
1582
  }
1583
- .LinkButton-module__hop-LinkButton--primary___l-P07 {
1583
+ .LinkButton-module__hop-LinkButton--primary___qjGCd {
1584
1584
  }
1585
- .LinkButton-module__hop-LinkButton--secondary___37NV- {
1585
+ .LinkButton-module__hop-LinkButton--secondary___x47t0 {
1586
1586
  }
1587
- .LinkButton-module__hop-LinkButton--upsell___cIPT- {
1587
+ .LinkButton-module__hop-LinkButton--upsell___ZFg67 {
1588
1588
  }
1589
- .LinkButton-module__hop-LinkButton--danger___6bQIM {
1589
+ .LinkButton-module__hop-LinkButton--danger___jENLl {
1590
1590
  }
1591
- .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___QLfHs {
1592
1592
  }
1593
- .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___45pSJ {
1594
1594
  }
1595
- .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___eFBGK {
1596
1596
  }
1597
- .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___Erl02 {
1598
1598
  }
1599
- .LinkButton-module__hop-LinkButton__icon___CjXqw,
1600
- .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
1599
+ .LinkButton-module__hop-LinkButton__icon___hNrc-,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___g5-92 {
1601
1601
  }
1602
- .LinkButton-module__hop-LinkButton__text___PNN59 {
1602
+ .LinkButton-module__hop-LinkButton__text___hzV-R {
1603
1603
  }
1604
- .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
1605
- .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___MaWnJ,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___EEGiv {
1606
1606
  }
1607
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
1608
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1607
+ .LinkButton-module__hop-LinkButton___VrebX .LinkButton-module__hop-LinkButton__icon-list___g5-92,
1608
+ .LinkButton-module__hop-LinkButton___VrebX .LinkButton-module__hop-LinkButton__end-icon-list___EEGiv {
1609
1609
  flex-wrap: nowrap;
1610
1610
  }
1611
1611
 
1612
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1613
+ .ToggleButton-module__hop-ToggleButton___-uAM1 {
1614
+ --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1615
+ --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1616
+ --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1617
+ --hop-ToggleButton-icon-only-column-gap: 0;
1618
+ --hop-ToggleButton-outline-size: var(--hop-space-20);
1619
+ --hop-ToggleButton-border-size: var(--hop-space-10);
1620
+ --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1621
+ --hop-ToggleButton-icon-only-padding: 0;
1622
+ --hop-ToggleButton-sm-height: 2rem;
1623
+ --hop-ToggleButton-md-height: 2.5rem;
1624
+ --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1625
+ --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1626
+ --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1627
+ --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1628
+ --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1629
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1630
+ --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1631
+ --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1632
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1633
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1634
+ --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1635
+ --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1636
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1637
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1638
+ --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1639
+ --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1640
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1641
+ --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1642
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1643
+ --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1644
+ --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1645
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1646
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1647
+ --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1648
+ --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1649
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1650
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1651
+ --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1652
+ --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1653
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1654
+ --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1655
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1656
+ --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1657
+ --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1658
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1659
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1660
+ --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1661
+ --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1662
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1663
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1664
+ --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1665
+ --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1666
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1667
+ --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1668
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
1669
+ --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
1670
+ --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
1671
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
1672
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
1673
+ --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1674
+ --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
1675
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
1676
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
1677
+ --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
1678
+ --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
1679
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
1680
+ --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
1681
+ --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
1682
+ --hop-ToggleButton-ghost-background-color-disabled: transparent;
1683
+ --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
1684
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
1685
+ --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
1686
+ --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
1687
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
1688
+ --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1689
+ --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1690
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
1691
+ --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
1692
+ --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1693
+ --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
1694
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
1695
+ --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1696
+ --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1697
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
1698
+ --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1699
+ --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1700
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
1701
+ --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1702
+ --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1703
+ --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1704
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
1705
+ --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
1706
+ --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
1707
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
1708
+ --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1709
+ --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1710
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
1711
+ --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
1712
+ --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1713
+ --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
1714
+ --inline-size: max-content;
1715
+ --block-size: var(--hop-ToggleButton-md-height);
1716
+ --background-color: var(--hop-primary-surface-strong);
1717
+ --color: var(--hop-primary-text-strong);
1718
+ --column-gap: var(--hop-ToggleButton-column-gap);
1719
+ --spinner: var(--hop-primary-icon-strong);
1720
+ --border: 0;
1721
+ --padding: var(--hop-ToggleButton-md-padding);
1722
+ --text-underline: none;
1723
+ cursor: pointer;
1724
+ position: relative;
1725
+ overflow: hidden;
1726
+ display: flex;
1727
+ column-gap: var(--column-gap);
1728
+ align-items: center;
1729
+ justify-content: center;
1730
+ box-sizing: border-box;
1731
+ inline-size: var(--inline-size);
1732
+ block-size: var(--block-size);
1733
+ padding: var(--padding);
1734
+ color: var(--color);
1735
+ text-decoration: none;
1736
+ white-space: nowrap;
1737
+ background-color: var(--background-color);
1738
+ border: var(--border);
1739
+ border-radius: var(--hop-ToggleButton-border-radius);
1740
+ outline: none;
1741
+ outline-offset: var(--hop-ToggleButton-outline-size);
1742
+ transition:
1743
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1744
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1745
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1746
+ }
1747
+ .ToggleButton-module__hop-ToggleButton--fluid___jzJPC {
1748
+ --inline-size: 100%;
1749
+ }
1750
+ .ToggleButton-module__hop-ToggleButton--sm___F7pTZ {
1751
+ --block-size: var(--hop-ToggleButton-sm-height);
1752
+ --padding: var(--hop-ToggleButton-sm-padding);
1753
+ }
1754
+ .ToggleButton-module__hop-ToggleButton--icon-only___4nWx3 {
1755
+ --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1756
+ --padding: var(--hop-ToggleButton-icon-only-padding);
1757
+ aspect-ratio: 1;
1758
+ }
1759
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB {
1760
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1761
+ --color: var(--hop-ToggleButton-primary-color);
1762
+ --border: var(--hop-ToggleButton-primary-border);
1763
+ --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1764
+ }
1765
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-hovered],
1766
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-focus-visible] {
1767
+ --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1768
+ --color: var(--hop-ToggleButton-primary-color-hover);
1769
+ --border: var(--hop-ToggleButton-primary-border-hover);
1770
+ }
1771
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-pressed] {
1772
+ --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1773
+ --color: var(--hop-ToggleButton-primary-color-pressed);
1774
+ --border: var(--hop-ToggleButton-primary-border-pressed);
1775
+ }
1776
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-selected] {
1777
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1778
+ --color: var(--hop-ToggleButton-primary-color-selected);
1779
+ --border: var(--hop-ToggleButton-primary-border-selected);
1780
+ }
1781
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS {
1782
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1783
+ --color: var(--hop-ToggleButton-secondary-color);
1784
+ --border: var(--hop-ToggleButton-secondary-border);
1785
+ --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1786
+ }
1787
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-hovered],
1788
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-focus-visible] {
1789
+ --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1790
+ --color: var(--hop-ToggleButton-secondary-color-hover);
1791
+ --border: var(--hop-ToggleButton-secondary-border-hover);
1792
+ }
1793
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-pressed] {
1794
+ --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1795
+ --color: var(--hop-ToggleButton-secondary-color-pressed);
1796
+ --border: var(--hop-ToggleButton-secondary-border-pressed);
1797
+ }
1798
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-selected] {
1799
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1800
+ --color: var(--hop-ToggleButton-secondary-color-selected);
1801
+ --border: var(--hop-ToggleButton-secondary-border-selected);
1802
+ }
1803
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x {
1804
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1805
+ --color: var(--hop-ToggleButton-upsell-color);
1806
+ --border: var(--hop-ToggleButton-upsell-border);
1807
+ --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1808
+ }
1809
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-hovered],
1810
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-focus-visible] {
1811
+ --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1812
+ --color: var(--hop-ToggleButton-upsell-color-hover);
1813
+ --border: var(--hop-ToggleButton-upsell-border-hover);
1814
+ }
1815
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-pressed] {
1816
+ --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1817
+ --color: var(--hop-ToggleButton-upsell-color-pressed);
1818
+ --border: var(--hop-ToggleButton-upsell-border-pressed);
1819
+ }
1820
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-selected] {
1821
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1822
+ --color: var(--hop-ToggleButton-upsell-color-selected);
1823
+ --border: var(--hop-ToggleButton-upsell-border-selected);
1824
+ }
1825
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd {
1826
+ --background-color: var(--hop-ToggleButton-danger-background-color);
1827
+ --color: var(--hop-ToggleButton-danger-color);
1828
+ --border: var(--hop-ToggleButton-danger-border);
1829
+ --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
1830
+ }
1831
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-hovered],
1832
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-focus-visible] {
1833
+ --background-color: var(--hop-ToggleButton-danger-background-color-hover);
1834
+ --color: var(--hop-ToggleButton-danger-color-hover);
1835
+ --border: var(--hop-ToggleButton-danger-border-hover);
1836
+ }
1837
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-pressed] {
1838
+ --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
1839
+ --color: var(--hop-ToggleButton-danger-color-pressed);
1840
+ --border: var(--hop-ToggleButton-danger-border-pressed);
1841
+ }
1842
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-selected] {
1843
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
1844
+ --color: var(--hop-ToggleButton-danger-color-selected);
1845
+ --border: var(--hop-ToggleButton-danger-border-selected);
1846
+ }
1847
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv {
1848
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
1849
+ --color: var(--hop-ToggleButton-ghost-primary-color);
1850
+ --border: var(--hop-ToggleButton-ghost-primary-border);
1851
+ --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
1852
+ }
1853
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-hovered],
1854
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-focus-visible] {
1855
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
1856
+ --color: var(--hop-ToggleButton-ghost-primary-color-hover);
1857
+ --border: var(--hop-ToggleButton-ghost-primary-border-hover);
1858
+ --text-underline: underline;
1859
+ }
1860
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-pressed],
1861
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-selected] {
1862
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1863
+ --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
1864
+ --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
1865
+ }
1866
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-pressed] {
1867
+ --text-underline: underline;
1868
+ }
1869
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP {
1870
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1871
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
1872
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
1873
+ --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
1874
+ }
1875
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-hovered],
1876
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-focus-visible] {
1877
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1878
+ --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
1879
+ --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
1880
+ --text-underline: underline;
1881
+ }
1882
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-pressed],
1883
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-selected] {
1884
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1885
+ --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
1886
+ --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
1887
+ }
1888
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-pressed] {
1889
+ --text-underline: underline;
1890
+ }
1891
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S {
1892
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
1893
+ --color: var(--hop-ToggleButton-ghost-danger-color);
1894
+ --border: var(--hop-ToggleButton-ghost-danger-border);
1895
+ --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
1896
+ }
1897
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-hovered],
1898
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-focus-visible] {
1899
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
1900
+ --color: var(--hop-ToggleButton-ghost-danger-color-hover);
1901
+ --border: var(--hop-ToggleButton-ghost-danger-border-hover);
1902
+ --text-underline: underline;
1903
+ }
1904
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-pressed],
1905
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-selected] {
1906
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1907
+ --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
1908
+ --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
1909
+ }
1910
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-pressed] {
1911
+ --text-underline: underline;
1912
+ }
1913
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-focus-visible] {
1914
+ outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1915
+ }
1916
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-disabled],
1917
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi {
1918
+ cursor: not-allowed;
1919
+ }
1920
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-disabled] {
1921
+ --background-color: var(--hop-ToggleButton-background-color-disabled);
1922
+ --color: var(--hop-ToggleButton-color-disabled);
1923
+ --border: var(--hop-ToggleButton-border-disabled);
1924
+ }
1925
+ .ToggleButton-module__hop-ToggleButton___-uAM1[class*=--ghost][data-disabled] {
1926
+ --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
1927
+ --color: var(--hop-ToggleButton-ghost-color-disabled);
1928
+ --border: var(--hop-ToggleButton-ghost-border-disabled);
1929
+ }
1930
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--primary___MNgCB {
1931
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1932
+ --color: var(--hop-ToggleButton-primary-color);
1933
+ --border: var(--hop-ToggleButton-primary-border);
1934
+ }
1935
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--secondary___gKOPS {
1936
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1937
+ --color: var(--hop-ToggleButton-secondary-color);
1938
+ --border: var(--hop-ToggleButton-secondary-border);
1939
+ }
1940
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--upsell___-oM8x {
1941
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1942
+ --color: var(--hop-ToggleButton-upsell-color);
1943
+ --border: var(--hop-ToggleButton-upsell-border);
1944
+ }
1945
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton___-uAM1[class*=--ghost] {
1946
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1947
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
1948
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
1949
+ --text-underline: none;
1950
+ }
1951
+ .ToggleButton-module__hop-ToggleButton__Spinner___EJdHt {
1952
+ position: absolute;
1953
+ color: var(--spinner-color);
1954
+ }
1955
+ .ToggleButton-module__hop-ToggleButton__icon___Qjwhj,
1956
+ .ToggleButton-module__hop-ToggleButton__icon-list___Waqi5 {
1957
+ flex: 0 0 auto;
1958
+ justify-self: end;
1959
+ order: 1;
1960
+ }
1961
+ .ToggleButton-module__hop-ToggleButton__text___hqhyX {
1962
+ user-select: none;
1963
+ overflow: visible;
1964
+ flex: 0 1 auto;
1965
+ order: 2;
1966
+ font-weight: var(--hop-font-weight-505);
1967
+ text-decoration: var(--text-underline);
1968
+ text-underline-offset: 0.125rem;
1969
+ text-wrap: nowrap;
1970
+ }
1971
+ .ToggleButton-module__hop-ToggleButton__end-icon___MJ4Db,
1972
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___spRxI {
1973
+ flex: 0 0 auto;
1974
+ order: 3;
1975
+ }
1976
+ .ToggleButton-module__hop-ToggleButton___-uAM1 .ToggleButton-module__hop-ToggleButton__icon-list___Waqi5,
1977
+ .ToggleButton-module__hop-ToggleButton___-uAM1 .ToggleButton-module__hop-ToggleButton__end-icon-list___spRxI {
1978
+ flex-wrap: nowrap;
1979
+ }
1980
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton___-uAM1 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___EJdHt) {
1981
+ opacity: 0;
1982
+ }
1983
+
1612
1984
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1613
- .HopperProvider-module__hop-HopperProvider___1mjTd {
1985
+ .HopperProvider-module__hop-HopperProvider___tZA7I {
1614
1986
  font-family: var(--hop-body-md-font-family);
1615
1987
  font-size: var(--hop-body-md-font-size);
1616
1988
  font-weight: var(--hop-body-md-font-weight);
@@ -1620,7 +1992,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1620
1992
  }
1621
1993
 
1622
1994
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1623
- .Link-module__hop-Link___n4WL9 {
1995
+ .Link-module__hop-Link___FV5rG {
1624
1996
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1625
1997
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1626
1998
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1680,130 +2052,130 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1680
2052
  outline: none;
1681
2053
  outline-offset: 0.125rem;
1682
2054
  }
1683
- :where(.Link-module__hop-Link___n4WL9) {
2055
+ :where(.Link-module__hop-Link___FV5rG) {
1684
2056
  font-family: var(--font-family);
1685
2057
  font-size: var(--font-size);
1686
2058
  font-weight: var(--font-weight);
1687
2059
  line-height: var(--line-height);
1688
2060
  }
1689
- :where(.Link-module__hop-Link--xs___kEypx) {
2061
+ :where(.Link-module__hop-Link--xs___u0hBD) {
1690
2062
  --font-size: var(--hop-Link-xs-font-size);
1691
2063
  --font-family: var(--hop-Link-xs-font-family);
1692
2064
  --font-weight: var(--hop-Link-xs-font-weight);
1693
2065
  --line-height: var(--hop-Link-xs-line-height);
1694
2066
  }
1695
- :where(.Link-module__hop-Link--sm___oCoo0) {
2067
+ :where(.Link-module__hop-Link--sm___gnUwM) {
1696
2068
  --font-size: var(--hop-Link-sm-font-size);
1697
2069
  --font-family: var(--hop-Link-sm-font-family);
1698
2070
  --font-weight: var(--hop-Link-sm-font-weight);
1699
2071
  --line-height: var(--hop-Link-sm-line-height);
1700
2072
  }
1701
- :where(.Link-module__hop-Link--md___4u0Jm) {
2073
+ :where(.Link-module__hop-Link--md___59y2t) {
1702
2074
  --font-size: var(--hop-Link-md-font-size);
1703
2075
  --font-family: var(--hop-Link-md-font-family);
1704
2076
  --font-weight: var(--hop-Link-md-font-weight);
1705
2077
  --line-height: var(--hop-Link-md-line-height);
1706
2078
  }
1707
- :where(.Link-module__hop-Link--lg___nFVvq) {
2079
+ :where(.Link-module__hop-Link--lg___BPor-) {
1708
2080
  --font-size: var(--hop-Link-lg-font-size);
1709
2081
  --font-family: var(--hop-Link-lg-font-family);
1710
2082
  --font-weight: var(--hop-Link-lg-font-weight);
1711
2083
  --line-height: var(--hop-Link-lg-line-height);
1712
2084
  }
1713
- :where(.Link-module__hop-Link--xl___yqMaS) {
2085
+ :where(.Link-module__hop-Link--xl___rF4pW) {
1714
2086
  --font-size: var(--hop-Link-xl-font-size);
1715
2087
  --font-family: var(--hop-Link-xl-font-family);
1716
2088
  --font-weight: var(--hop-Link-xl-font-weight);
1717
2089
  --line-height: var(--hop-Link-xl-line-height);
1718
2090
  }
1719
- :where(.Link-module__hop-Link--2xl___EgZxg) {
2091
+ :where(.Link-module__hop-Link--2xl___K-VR3) {
1720
2092
  --font-size: var(--hop-Link-2xl-font-size);
1721
2093
  --font-family: var(--hop-Link-2xl-font-family);
1722
2094
  --font-weight: var(--hop-Link-2xl-font-weight);
1723
2095
  --line-height: var(--hop-Link-2xl-line-height);
1724
2096
  }
1725
- :where(.Link-module__hop-Link--inherit___Xpj78) {
2097
+ :where(.Link-module__hop-Link--inherit___40F4a) {
1726
2098
  --font-size: var(--hop-Link-inherit-size-font-size);
1727
2099
  --font-family: var(--hop-Link-inherit-size-font-family);
1728
2100
  --font-weight: var(--hop-Link-inherit-size-font-weight);
1729
2101
  --line-height: var(--hop-Link-inherit-size-line-height);
1730
2102
  }
1731
- .Link-module__hop-Link___n4WL9[data-focus-visible] {
2103
+ .Link-module__hop-Link___FV5rG[data-focus-visible] {
1732
2104
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1733
2105
  }
1734
- .Link-module__hop-Link___n4WL9[data-disabled] {
2106
+ .Link-module__hop-Link___FV5rG[data-disabled] {
1735
2107
  cursor: default;
1736
2108
  }
1737
- .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
2109
+ .Link-module__hop-Link--standalone___4O8r3 .Link-module__hop-Link__text___11HIV {
1738
2110
  padding: var(--hop-Link-padding-standalone);
1739
2111
  }
1740
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
2112
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--xs___u0hBD .Link-module__hop-Link__text___11HIV {
1741
2113
  padding: var(--hop-Link-padding-standalone-xs);
1742
2114
  }
1743
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
2115
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--sm___gnUwM .Link-module__hop-Link__text___11HIV {
1744
2116
  padding: var(--hop-Link-padding-standalone-sm);
1745
2117
  }
1746
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
2118
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--md___59y2t .Link-module__hop-Link__text___11HIV {
1747
2119
  padding: var(--hop-Link-padding-standalone-md);
1748
2120
  }
1749
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
2121
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--lg___BPor- .Link-module__hop-Link__text___11HIV {
1750
2122
  padding: var(--hop-Link-padding-standalone-lg);
1751
2123
  }
1752
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
2124
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--xl___rF4pW .Link-module__hop-Link__text___11HIV {
1753
2125
  padding: var(--hop-Link-padding-standalone-xl);
1754
2126
  }
1755
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
2127
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--2xl___K-VR3 .Link-module__hop-Link__text___11HIV {
1756
2128
  padding: var(--hop-Link-padding-standalone-2xl);
1757
2129
  }
1758
- .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
1759
- .Link-module__hop-Link--quiet___9GBMr[data-hovered],
1760
- .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
1761
- .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
2130
+ .Link-module__hop-Link--quiet___0hX-l[data-focus-visible],
2131
+ .Link-module__hop-Link--quiet___0hX-l[data-hovered],
2132
+ .Link-module__hop-Link--standalone___4O8r3[data-focus-visible],
2133
+ .Link-module__hop-Link--standalone___4O8r3[data-hovered] {
1762
2134
  text-decoration: underline;
1763
2135
  }
1764
- .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
2136
+ .Link-module__hop-Link___FV5rG:not(.Link-module__hop-Link--quiet___0hX-l, .Link-module__hop-Link--standalone___4O8r3) {
1765
2137
  text-decoration: underline;
1766
2138
  }
1767
- .Link-module__hop-Link--primary___YeNRh {
2139
+ .Link-module__hop-Link--primary___Gtd9h {
1768
2140
  color: var(--hop-Link-primary-text-color);
1769
2141
  }
1770
- .Link-module__hop-Link--primary___YeNRh[data-disabled] {
2142
+ .Link-module__hop-Link--primary___Gtd9h[data-disabled] {
1771
2143
  color: var(--hop-Link-primary-text-disabled-color);
1772
2144
  }
1773
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
1774
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
2145
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-focus-visible],
2146
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-hovered] {
1775
2147
  color: var(--hop-Link-primary-text-hover-color);
1776
2148
  }
1777
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
2149
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-pressed] {
1778
2150
  color: var(--hop-Link-primary-text-pressed-color);
1779
2151
  }
1780
- .Link-module__hop-Link--secondary___0pBbc {
2152
+ .Link-module__hop-Link--secondary___txt5k {
1781
2153
  color: var(--hop-Link-neutral-text-color);
1782
2154
  }
1783
- .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
2155
+ .Link-module__hop-Link--secondary___txt5k[data-disabled] {
1784
2156
  color: var(--hop-Link-neutral-text-disabled-color);
1785
2157
  }
1786
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
1787
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
2158
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-focus-visible],
2159
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-hovered] {
1788
2160
  color: var(--hop-Link-neutral-text-hover-color);
1789
2161
  }
1790
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
2162
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-pressed] {
1791
2163
  color: var(--hop-Link-neutral-text-pressed-color);
1792
2164
  }
1793
- .Link-module__hop-Link__icon___QFMUA,
1794
- .Link-module__hop-Link__icon-list___eQlWg {
2165
+ .Link-module__hop-Link__icon___ZBIMb,
2166
+ .Link-module__hop-Link__icon-list___W15lz {
1795
2167
  order: 2;
1796
2168
  }
1797
- .Link-module__hop-Link__text___1mmQh {
2169
+ .Link-module__hop-Link__text___11HIV {
1798
2170
  order: 1;
1799
2171
  }
1800
- .Link-module__hop-Link__start-icon___Tury5,
1801
- .Link-module__hop-Link__start-icon-list___lkoEc {
2172
+ .Link-module__hop-Link__start-icon___W4fuo,
2173
+ .Link-module__hop-Link__start-icon-list___oVUGp {
1802
2174
  order: 0;
1803
2175
  }
1804
2176
 
1805
2177
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1806
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
2178
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit {
1807
2179
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1808
2180
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1809
2181
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1834,46 +2206,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1834
2206
  background-color: var(--background-color);
1835
2207
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1836
2208
  }
1837
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
2209
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___LSNvv {
1838
2210
  --size: var(--hop-RichIconAvatarImage-xs-size);
1839
2211
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1840
2212
  }
1841
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
2213
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___jnV5S {
1842
2214
  --size: var(--hop-RichIconAvatarImage-sm-size);
1843
2215
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1844
2216
  }
1845
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
2217
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___M8O9a {
1846
2218
  --size: var(--hop-RichIconAvatarImage-md-size);
1847
2219
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1848
2220
  }
1849
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
2221
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___WQF8T {
1850
2222
  --size: var(--hop-RichIconAvatarImage-lg-size);
1851
2223
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1852
2224
  }
1853
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
2225
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___3Aq66 {
1854
2226
  --size: var(--hop-RichIconAvatarImage-xl-size);
1855
2227
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1856
2228
  }
1857
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
2229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___T1NI4 {
1858
2230
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1859
2231
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1860
2232
  }
1861
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
2233
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit[data-disabled] {
1862
2234
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1863
2235
  }
1864
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2236
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___ToEf2 {
1865
2237
  position: relative;
1866
2238
  display: block;
1867
2239
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1868
2240
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1869
2241
  }
1870
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2242
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___ToEf2 {
1871
2243
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1872
2244
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1873
2245
  }
1874
2246
 
1875
2247
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
1876
- .Avatar-module__hop-Avatar___Ihw-T {
2248
+ .Avatar-module__hop-Avatar___HriAB {
1877
2249
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1878
2250
  --hop-Avatar-mix-blend-mode: normal;
1879
2251
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1918,67 +2290,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1918
2290
  background-color: var(--background-color, transparent);
1919
2291
  border-radius: var(--hop-Avatar-border-radius);
1920
2292
  }
1921
- .Avatar-module__hop-Avatar--xs___wUBE6 {
2293
+ .Avatar-module__hop-Avatar--xs___pjQ92 {
1922
2294
  --size: var(--hop-Avatar-xs-size);
1923
2295
  }
1924
- .Avatar-module__hop-Avatar--sm___zFiEI {
2296
+ .Avatar-module__hop-Avatar--sm___q7cGO {
1925
2297
  --size: var(--hop-Avatar-sm-size);
1926
2298
  }
1927
- .Avatar-module__hop-Avatar--md___gGnf1 {
2299
+ .Avatar-module__hop-Avatar--md___fdMTf {
1928
2300
  --size: var(--hop-Avatar-md-size);
1929
2301
  }
1930
- .Avatar-module__hop-Avatar--lg___59OtB {
2302
+ .Avatar-module__hop-Avatar--lg___uqr53 {
1931
2303
  --size: var(--hop-Avatar-lg-size);
1932
2304
  }
1933
- .Avatar-module__hop-Avatar--xl___zCYTU {
2305
+ .Avatar-module__hop-Avatar--xl___tqYt8 {
1934
2306
  --size: var(--hop-Avatar-xl-size);
1935
2307
  }
1936
- .Avatar-module__hop-Avatar--2xl___lpaAF {
2308
+ .Avatar-module__hop-Avatar--2xl___lCG6b {
1937
2309
  --size: var(--hop-Avatar-2xl-size);
1938
2310
  }
1939
- .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
2311
+ .Avatar-module__hop-Avatar--decorative-option1___WszwR {
1940
2312
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1941
2313
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1942
2314
  }
1943
- .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
2315
+ .Avatar-module__hop-Avatar--decorative-option2___zKUFK {
1944
2316
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1945
2317
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1946
2318
  }
1947
- .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
2319
+ .Avatar-module__hop-Avatar--decorative-option3___bec-z {
1948
2320
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1949
2321
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1950
2322
  }
1951
- .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
2323
+ .Avatar-module__hop-Avatar--decorative-option4___xYoNw {
1952
2324
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1953
2325
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1954
2326
  }
1955
- .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
2327
+ .Avatar-module__hop-Avatar--decorative-option5___rIh0- {
1956
2328
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1957
2329
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1958
2330
  }
1959
- .Avatar-module__hop-Avatar--decorative-option6___jliDF {
2331
+ .Avatar-module__hop-Avatar--decorative-option6___TJ13K {
1960
2332
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1961
2333
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1962
2334
  }
1963
- .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
2335
+ .Avatar-module__hop-Avatar--decorative-option7___fg4Lk {
1964
2336
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1965
2337
  --text-color: var(--hop-Avatar-decorative-7-text-color);
1966
2338
  }
1967
- .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
2339
+ .Avatar-module__hop-Avatar--decorative-option8___kMpAb {
1968
2340
  --background-color: var(--hop-Avatar-decorative-8-background-color);
1969
2341
  --text-color: var(--hop-Avatar-decorative-8-text-color);
1970
2342
  }
1971
- .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
2343
+ .Avatar-module__hop-Avatar--decorative-option9___MOmm2 {
1972
2344
  --background-color: var(--hop-Avatar-decorative-9-background-color);
1973
2345
  --text-color: var(--hop-Avatar-decorative-9-text-color);
1974
2346
  }
1975
- .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
2347
+ .Avatar-module__hop-Avatar___HriAB[data-disabled] {
1976
2348
  --background-color: var(--hop-Avatar-background-color-disabled);
1977
2349
  --text-color: var(--hop-Avatar-text-color-disabled);
1978
2350
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1979
2351
  isolation: isolate;
1980
2352
  }
1981
- .Avatar-module__hop-Avatar__image___4XmMJ {
2353
+ .Avatar-module__hop-Avatar__image___cp8fq {
1982
2354
  position: relative;
1983
2355
  display: block;
1984
2356
  box-sizing: border-box;
@@ -1989,7 +2361,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1989
2361
  }
1990
2362
 
1991
2363
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
1992
- .Tooltip-module__hop-Tooltip___RIZp2 {
2364
+ .Tooltip-module__hop-Tooltip___6f4ee {
1993
2365
  --hop-Tooltip-max-inline-size: 20rem;
1994
2366
  --hop-Tooltip-slide-amount: 0.25rem;
1995
2367
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2016,29 +2388,29 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2016
2388
  border-radius: var(--hop-Tooltip-border-radius);
2017
2389
  box-shadow: var(--hop-Tooltip-box-shadow);
2018
2390
  }
2019
- .Tooltip-module__hop-Tooltip--top___LYimQ {
2391
+ .Tooltip-module__hop-Tooltip--top___PRavd {
2020
2392
  --origin-x: 0;
2021
2393
  --origin-y: var(--hop-Tooltip-slide-amount);
2022
2394
  }
2023
- .Tooltip-module__hop-Tooltip--right___U7MIG {
2395
+ .Tooltip-module__hop-Tooltip--right___ChLoq {
2024
2396
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2025
2397
  --origin-y: 0;
2026
2398
  }
2027
- .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
2399
+ .Tooltip-module__hop-Tooltip--bottom___ngYL8 {
2028
2400
  --origin-x: 0;
2029
2401
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2030
2402
  }
2031
- .Tooltip-module__hop-Tooltip--left___qVC3o {
2403
+ .Tooltip-module__hop-Tooltip--left___7UF6V {
2032
2404
  --origin-x: var(--hop-Tooltip-slide-amount);
2033
2405
  --origin-y: 0;
2034
2406
  }
2035
- .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
2036
- animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
2407
+ .Tooltip-module__hop-Tooltip___6f4ee[data-entering] {
2408
+ animation: Tooltip-module__slide___zQiGS 0.2s ease-out;
2037
2409
  }
2038
- .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
2039
- animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
2410
+ .Tooltip-module__hop-Tooltip___6f4ee[data-exiting] {
2411
+ animation: Tooltip-module__slide___zQiGS 0.2s ease-in reverse;
2040
2412
  }
2041
- @keyframes Tooltip-module__slide___-wv3b {
2413
+ @keyframes Tooltip-module__slide___zQiGS {
2042
2414
  from {
2043
2415
  transform: translate(var(--origin-x), var(--origin-y));
2044
2416
  opacity: 0;
@@ -2050,44 +2422,44 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2050
2422
  }
2051
2423
 
2052
2424
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2053
- .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
2425
+ .AvatarGroup-module__hop-AvatarGroup___14vi2 {
2054
2426
  --hop-AvatarGroup-display: flex;
2055
2427
  --hop-AvatarGroup-align-items: center;
2056
2428
  display: var(--hop-AvatarGroup-display);
2057
2429
  align-items: var(--hop-AvatarGroup-align-items);
2058
2430
  }
2059
- .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
2431
+ .AvatarGroup-module__hop-AvatarGroup--wrap___sRw9X {
2060
2432
  flex-wrap: wrap;
2061
2433
  }
2062
- .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
2434
+ .AvatarGroup-module__hop-AvatarGroup--xs___1IhWE {
2063
2435
  --gap: -0.125rem;
2064
2436
  }
2065
- .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
2437
+ .AvatarGroup-module__hop-AvatarGroup--sm___IYM9d {
2066
2438
  --gap: -0.25rem;
2067
2439
  }
2068
- .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
2440
+ .AvatarGroup-module__hop-AvatarGroup--md___Ss6sS {
2069
2441
  --gap: -0.5rem;
2070
2442
  }
2071
- .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
2443
+ .AvatarGroup-module__hop-AvatarGroup--lg___6g8T- {
2072
2444
  --gap: -1rem;
2073
2445
  }
2074
- .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
2446
+ .AvatarGroup-module__hop-AvatarGroup--xl___l8V-g {
2075
2447
  --gap: -1rem;
2076
2448
  }
2077
- .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
2449
+ .AvatarGroup-module__hop-AvatarGroup--2xl___S3BrM {
2078
2450
  --gap: -2rem;
2079
2451
  }
2080
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2452
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv {
2081
2453
  margin-inline-start: var(--gap);
2082
2454
  transition: margin var(--hop-easing-duration-2);
2083
2455
  }
2084
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2456
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv {
2085
2457
  margin-inline-start: 0;
2086
2458
  }
2087
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
2459
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv:first-child {
2088
2460
  margin-inline-start: 0;
2089
2461
  }
2090
- .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
2462
+ .AvatarGroup-module__hop-AvatarGroup__label___9hg5q {
2091
2463
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2092
2464
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2093
2465
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2099,7 +2471,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2099
2471
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2100
2472
  line-height: var(--hop-AvatarGroup-label-line-height);
2101
2473
  }
2102
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
2474
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Iohmc {
2103
2475
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2104
2476
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2105
2477
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2117,21 +2489,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2117
2489
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2118
2490
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2119
2491
  }
2120
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
2492
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Iohmc:not(:last-child) {
2121
2493
  margin-block-end: 0.25rem;
2122
2494
  }
2123
- .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
2495
+ .AvatarGroup-module__hop-AvatarGroup--start___jRIlc {
2124
2496
  justify-content: flex-start;
2125
2497
  }
2126
- .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
2498
+ .AvatarGroup-module__hop-AvatarGroup--end___2V4XG {
2127
2499
  justify-content: flex-end;
2128
2500
  }
2129
- .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
2501
+ .AvatarGroup-module__hop-AvatarGroup--center___vqfSf {
2130
2502
  justify-content: center;
2131
2503
  }
2132
2504
 
2133
2505
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2134
- .Badge-module__hop-Badge___A-Bla {
2506
+ .Badge-module__hop-Badge___AOkrP {
2135
2507
  --hop-Badge-height: 1.5rem;
2136
2508
  --hop-Badge-width: max-content;
2137
2509
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2181,67 +2553,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2181
2553
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2182
2554
  border-radius: var(--border-radius);
2183
2555
  }
2184
- .Badge-module__hop-Badge--primary___E55Gz {
2556
+ .Badge-module__hop-Badge--primary___q8EQr {
2185
2557
  --background-color: var(--hop-Badge-primary-background-color);
2186
2558
  --text-color: var(--hop-Badge-primary-text-color);
2187
2559
  }
2188
- .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
2560
+ .Badge-module__hop-Badge--primary___q8EQr[data-hovered] {
2189
2561
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2190
2562
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2191
2563
  }
2192
- .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
2564
+ .Badge-module__hop-Badge--primary___q8EQr[data-pressed] {
2193
2565
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2194
2566
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2195
2567
  }
2196
- .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
2568
+ .Badge-module__hop-Badge--primary___q8EQr[data-selected] {
2197
2569
  --background-color: var(--hop-Badge-primary-background-color-selected);
2198
2570
  --text-color: var(--hop-Badge-primary-text-color-selected);
2199
2571
  }
2200
- .Badge-module__hop-Badge--secondary___0bxAx {
2572
+ .Badge-module__hop-Badge--secondary___cFi7D {
2201
2573
  --background-color: var(--hop-Badge-secondary-background-color);
2202
2574
  --text-color: var(--hop-Badge-secondary-text-color);
2203
2575
  }
2204
- .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
2576
+ .Badge-module__hop-Badge--secondary___cFi7D[data-hovered] {
2205
2577
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2206
2578
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2207
2579
  }
2208
- .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
2580
+ .Badge-module__hop-Badge--secondary___cFi7D[data-pressed] {
2209
2581
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2210
2582
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2211
2583
  }
2212
- .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
2584
+ .Badge-module__hop-Badge--secondary___cFi7D[data-selected] {
2213
2585
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2214
2586
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2215
2587
  }
2216
- .Badge-module__hop-Badge--subdued___zdomT {
2588
+ .Badge-module__hop-Badge--subdued___NxemM {
2217
2589
  --background-color: var(--hop-Badge-subdued-background-color);
2218
2590
  --text-color: var(--hop-Badge-subdued-text-color);
2219
2591
  }
2220
- .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
2592
+ .Badge-module__hop-Badge--subdued___NxemM[data-hovered] {
2221
2593
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2222
2594
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2223
2595
  }
2224
- .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
2596
+ .Badge-module__hop-Badge--subdued___NxemM[data-pressed] {
2225
2597
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2226
2598
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2227
2599
  }
2228
- .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
2600
+ .Badge-module__hop-Badge--subdued___NxemM[data-selected] {
2229
2601
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2230
2602
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2231
2603
  }
2232
- .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
2604
+ .Badge-module__hop-Badge___AOkrP[data-indeterminate] {
2233
2605
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2234
2606
  --height: var(--hop-Badge-indeterminate-height);
2235
2607
  --width: var(--hop-Badge-indeterminate-width);
2236
2608
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2237
2609
  }
2238
- .Badge-module__hop-Badge___A-Bla[data-disabled] {
2610
+ .Badge-module__hop-Badge___AOkrP[data-disabled] {
2239
2611
  --background-color: var(--hop-Badge-background-color-disabled);
2240
2612
  --text-color: var(--hop-Badge-text-color-disabled);
2241
2613
  }
2242
2614
 
2243
2615
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2244
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
2616
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0 {
2245
2617
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2246
2618
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2247
2619
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2282,7 +2654,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2282
2654
  box-sizing: border-box;
2283
2655
  inline-size: max-content;
2284
2656
  }
2285
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
2657
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top right"] {
2286
2658
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2287
2659
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2288
2660
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2290,11 +2662,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2290
2662
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2291
2663
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2292
2664
  }
2293
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
2665
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top right"][data-overlap=circular] {
2294
2666
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2295
2667
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2296
2668
  }
2297
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
2669
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top left"] {
2298
2670
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2299
2671
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2300
2672
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2302,11 +2674,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2302
2674
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2303
2675
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2304
2676
  }
2305
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
2677
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top left"][data-overlap=circular] {
2306
2678
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2307
2679
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2308
2680
  }
2309
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
2681
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom right"] {
2310
2682
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2311
2683
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2312
2684
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2314,11 +2686,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2314
2686
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2315
2687
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2316
2688
  }
2317
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
2689
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom right"][data-overlap=circular] {
2318
2690
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2319
2691
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2320
2692
  }
2321
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
2693
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom left"] {
2322
2694
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2323
2695
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2324
2696
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2326,11 +2698,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2326
2698
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2327
2699
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2328
2700
  }
2329
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
2701
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom left"][data-overlap=circular] {
2330
2702
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2331
2703
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2332
2704
  }
2333
- .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
2705
+ .FloatingBadge-module__hop-FloatingBadge__badge___nFxX- {
2334
2706
  position: absolute;
2335
2707
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2336
2708
  transform-origin: var(--badge-transform-origin);
@@ -2338,7 +2710,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2338
2710
  }
2339
2711
 
2340
2712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2341
- .Checkbox-module__hop-Checkbox___RAOey {
2713
+ .Checkbox-module__hop-Checkbox___jz6pB {
2342
2714
  --hop-Checkbox-box-border-size: 0.0625rem;
2343
2715
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2344
2716
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2413,60 +2785,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2413
2785
  inline-size: max-content;
2414
2786
  max-inline-size: 100%;
2415
2787
  }
2416
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2788
+ .Checkbox-module__hop-Checkbox___jz6pB[data-focus-visible] {
2417
2789
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2418
2790
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2419
2791
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2420
2792
  --text-color: var(--hop-Checkbox-text-color-focused);
2421
2793
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2422
2794
  }
2423
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2795
+ .Checkbox-module__hop-Checkbox___jz6pB[data-hovered] {
2424
2796
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2425
2797
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2426
2798
  --text-color: var(--hop-Checkbox-text-color-hovered);
2427
2799
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2428
2800
  }
2429
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2801
+ .Checkbox-module__hop-Checkbox___jz6pB[data-pressed] {
2430
2802
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2431
2803
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2432
2804
  --text-color: var(--hop-Checkbox-text-color-pressed);
2433
2805
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2434
2806
  }
2435
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
2807
+ .Checkbox-module__hop-Checkbox___jz6pB[data-selected] {
2436
2808
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2437
2809
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2438
2810
  --check-display: var(--hop-Checkbox-check-display-selected);
2439
2811
  --text-color: var(--hop-Checkbox-text-color-selected);
2440
2812
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2441
2813
  }
2442
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
2814
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid] {
2443
2815
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2444
2816
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2445
2817
  --check-color: var(--hop-Checkbox-check-color-invalid);
2446
2818
  --text-color: var(--hop-Checkbox-text-color-invalid);
2447
2819
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2448
2820
  }
2449
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
2821
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-focus-visible]) {
2450
2822
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2451
2823
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2452
2824
  }
2453
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
2825
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-hovered]) {
2454
2826
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2455
2827
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2456
2828
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2457
2829
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2458
2830
  }
2459
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
2831
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-pressed]) {
2460
2832
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2461
2833
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2462
2834
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2463
2835
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2464
2836
  }
2465
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
2837
+ .Checkbox-module__hop-Checkbox___jz6pB:where([data-invalid])[data-selected] {
2466
2838
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2467
2839
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2468
2840
  }
2469
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
2841
+ .Checkbox-module__hop-Checkbox___jz6pB[data-disabled] {
2470
2842
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2471
2843
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2472
2844
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2474,25 +2846,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2474
2846
  --text-color: var(--hop-Checkbox-text-color-disabled);
2475
2847
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2476
2848
  }
2477
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
2849
+ .Checkbox-module__hop-Checkbox--sm___tpJ2T {
2478
2850
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2479
2851
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2480
2852
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2481
2853
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2482
2854
  }
2483
- .Checkbox-module__hop-Checkbox--md___GL7zO {
2855
+ .Checkbox-module__hop-Checkbox--md___Unlka {
2484
2856
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2485
2857
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2486
2858
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2487
2859
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2488
2860
  }
2489
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2490
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
2861
+ .Checkbox-module__hop-Checkbox__icon___x5wUq,
2862
+ .Checkbox-module__hop-Checkbox__icon-list___nWIG8 {
2491
2863
  flex: 0 0 auto;
2492
2864
  order: 3;
2493
2865
  color: var(--icon-color);
2494
2866
  }
2495
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
2867
+ .Checkbox-module__hop-Checkbox__box___C-acZ {
2496
2868
  display: flex;
2497
2869
  flex: 0 0 auto;
2498
2870
  align-items: center;
@@ -2508,11 +2880,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2508
2880
  outline-offset: 0.125rem;
2509
2881
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2510
2882
  }
2511
- .Checkbox-module__hop-Checkbox__check___QKTgI {
2883
+ .Checkbox-module__hop-Checkbox__check___XgRUY {
2512
2884
  display: var(--check-display);
2513
2885
  color: var(--check-color);
2514
2886
  }
2515
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
2887
+ .Checkbox-module__hop-Checkbox__text___L0Jf3 {
2516
2888
  flex: 0 1 auto;
2517
2889
  order: 2;
2518
2890
  min-inline-size: 0;
@@ -2522,7 +2894,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2522
2894
  }
2523
2895
 
2524
2896
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2525
- .CheckboxField-module__hop-CheckboxField___5HYK9 {
2897
+ .CheckboxField-module__hop-CheckboxField___4TNUi {
2526
2898
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2527
2899
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2528
2900
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2541,28 +2913,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2541
2913
  inline-size: max-content;
2542
2914
  max-inline-size: 100%;
2543
2915
  }
2544
- .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
2916
+ .CheckboxField-module__hop-CheckboxField___4TNUi[data-disabled] {
2545
2917
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2546
2918
  }
2547
- .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
2919
+ .CheckboxField-module__hop-CheckboxField--sm___JgKw8 {
2548
2920
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2549
2921
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2550
2922
  }
2551
- .CheckboxField-module__hop-CheckboxField--md___90C92 {
2923
+ .CheckboxField-module__hop-CheckboxField--md___NxTg- {
2552
2924
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2553
2925
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2554
2926
  }
2555
- .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
2927
+ .CheckboxField-module__hop-CheckboxField__description___Kvnnj {
2556
2928
  order: 2;
2557
2929
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2558
2930
  color: var(--description-color);
2559
2931
  }
2560
- .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
2932
+ .CheckboxField-module__hop-CheckboxField__checkbox___emad6 {
2561
2933
  order: 1;
2562
2934
  }
2563
2935
 
2564
2936
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2565
- .ErrorMessage-module__hop-ErrorMessage___XomeT {
2937
+ .ErrorMessage-module__hop-ErrorMessage___Tpknp {
2566
2938
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2567
2939
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2568
2940
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2579,13 +2951,13 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2579
2951
  line-height: var(--hop-ErrorMessage-line-height);
2580
2952
  color: var(--hop-ErrorMessage-color);
2581
2953
  }
2582
- .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
2954
+ .ErrorMessage-module__hop-ErrorMessage__icon___vWdum {
2583
2955
  flex: 0 0 auto;
2584
2956
  align-self: flex-start;
2585
2957
  }
2586
2958
 
2587
2959
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2588
- .HelperMessage-module__hop-HelperMessage___QIP7E {
2960
+ .HelperMessage-module__hop-HelperMessage___-xbon {
2589
2961
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2590
2962
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2591
2963
  display: flex;
@@ -2594,13 +2966,13 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2594
2966
  box-sizing: border-box;
2595
2967
  color: var(--hop-HelperMessage-color);
2596
2968
  }
2597
- .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
2969
+ .HelperMessage-module__hop-HelperMessage__icon___ABiUW {
2598
2970
  flex: 0 0 auto;
2599
2971
  align-self: flex-start;
2600
2972
  }
2601
2973
 
2602
2974
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2603
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
2975
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj {
2604
2976
  --hop-CheckboxGroup-align-items: flex-start;
2605
2977
  --hop-CheckboxGroup-justify-content: flex-start;
2606
2978
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2639,46 +3011,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2639
3011
  inline-size: max-content;
2640
3012
  max-inline-size: 100%;
2641
3013
  }
2642
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
3014
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3 {
2643
3015
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2644
3016
  --list-border-radius: var(--hop-shape-rounded-md);
2645
3017
  }
2646
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3018
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___3u0ez {
2647
3019
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2648
3020
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2649
3021
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2650
3022
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2651
3023
  }
2652
- .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3024
+ .CheckboxGroup-module__hop-CheckboxGroup--md___81ubS {
2653
3025
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2654
3026
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2655
3027
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2656
3028
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2657
3029
  }
2658
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3030
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3.CheckboxGroup-module__hop-CheckboxGroup--sm___3u0ez {
2659
3031
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2660
3032
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2661
3033
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2662
3034
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2663
3035
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2664
3036
  }
2665
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3037
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3.CheckboxGroup-module__hop-CheckboxGroup--md___81ubS {
2666
3038
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2667
3039
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2668
3040
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2669
3041
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2670
3042
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2671
3043
  }
2672
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
3044
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj[data-orientation=horizontal] {
2673
3045
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2674
3046
  }
2675
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
3047
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3[data-orientation=horizontal] {
2676
3048
  --flex-wrap: nowrap;
2677
3049
  }
2678
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
3050
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__label___Z4YUb {
2679
3051
  order: 1;
2680
3052
  }
2681
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
3053
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS {
2682
3054
  display: flex;
2683
3055
  flex-flow: var(--flex-direction) var(--flex-wrap);
2684
3056
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2689,7 +3061,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2689
3061
  border: var(--list-border, none);
2690
3062
  border-radius: var(--list-border-radius, 0);
2691
3063
  }
2692
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
3064
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5 {
2693
3065
  position: relative;
2694
3066
  flex: 0 1 auto;
2695
3067
  align-content: start;
@@ -2697,28 +3069,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2697
3069
  min-inline-size: 0;
2698
3070
  padding: var(--checkbox-padding, 0);
2699
3071
  }
2700
- .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 {
3072
+ .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 {
2701
3073
  content: "";
2702
3074
  position: absolute;
2703
3075
  display: block;
2704
3076
  }
2705
- .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 {
3077
+ .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 {
2706
3078
  inset-block-start: 0;
2707
3079
  inset-inline: 0;
2708
3080
  border-block-start: var(--list-border, none);
2709
3081
  }
2710
- .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 {
3082
+ .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 {
2711
3083
  inset-block: 0;
2712
3084
  inset-inline-start: 0;
2713
3085
  border-inline-start: var(--list-border, none);
2714
3086
  }
2715
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
2716
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
3087
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__error-message___O-W-Y,
3088
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___ZQ4GM {
2717
3089
  order: 3;
2718
3090
  }
2719
3091
 
2720
3092
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2721
- .Checkbox-module__hop-Checkbox___RAOey {
3093
+ .Checkbox-module__hop-Checkbox___jz6pB {
2722
3094
  --hop-Checkbox-box-border-size: 0.0625rem;
2723
3095
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2724
3096
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2793,60 +3165,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2793
3165
  inline-size: max-content;
2794
3166
  max-inline-size: 100%;
2795
3167
  }
2796
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
3168
+ .Checkbox-module__hop-Checkbox___jz6pB[data-focus-visible] {
2797
3169
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2798
3170
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2799
3171
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2800
3172
  --text-color: var(--hop-Checkbox-text-color-focused);
2801
3173
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2802
3174
  }
2803
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
3175
+ .Checkbox-module__hop-Checkbox___jz6pB[data-hovered] {
2804
3176
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2805
3177
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2806
3178
  --text-color: var(--hop-Checkbox-text-color-hovered);
2807
3179
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2808
3180
  }
2809
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
3181
+ .Checkbox-module__hop-Checkbox___jz6pB[data-pressed] {
2810
3182
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2811
3183
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2812
3184
  --text-color: var(--hop-Checkbox-text-color-pressed);
2813
3185
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2814
3186
  }
2815
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
3187
+ .Checkbox-module__hop-Checkbox___jz6pB[data-selected] {
2816
3188
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2817
3189
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2818
3190
  --check-display: var(--hop-Checkbox-check-display-selected);
2819
3191
  --text-color: var(--hop-Checkbox-text-color-selected);
2820
3192
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2821
3193
  }
2822
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
3194
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid] {
2823
3195
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2824
3196
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2825
3197
  --check-color: var(--hop-Checkbox-check-color-invalid);
2826
3198
  --text-color: var(--hop-Checkbox-text-color-invalid);
2827
3199
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2828
3200
  }
2829
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
3201
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-focus-visible]) {
2830
3202
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2831
3203
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2832
3204
  }
2833
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
3205
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-hovered]) {
2834
3206
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2835
3207
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2836
3208
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2837
3209
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2838
3210
  }
2839
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
3211
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-pressed]) {
2840
3212
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2841
3213
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2842
3214
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2843
3215
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2844
3216
  }
2845
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
3217
+ .Checkbox-module__hop-Checkbox___jz6pB:where([data-invalid])[data-selected] {
2846
3218
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2847
3219
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2848
3220
  }
2849
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
3221
+ .Checkbox-module__hop-Checkbox___jz6pB[data-disabled] {
2850
3222
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2851
3223
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2852
3224
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2854,25 +3226,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2854
3226
  --text-color: var(--hop-Checkbox-text-color-disabled);
2855
3227
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2856
3228
  }
2857
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
3229
+ .Checkbox-module__hop-Checkbox--sm___tpJ2T {
2858
3230
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2859
3231
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2860
3232
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2861
3233
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2862
3234
  }
2863
- .Checkbox-module__hop-Checkbox--md___GL7zO {
3235
+ .Checkbox-module__hop-Checkbox--md___Unlka {
2864
3236
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2865
3237
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2866
3238
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2867
3239
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2868
3240
  }
2869
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2870
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
3241
+ .Checkbox-module__hop-Checkbox__icon___x5wUq,
3242
+ .Checkbox-module__hop-Checkbox__icon-list___nWIG8 {
2871
3243
  flex: 0 0 auto;
2872
3244
  order: 3;
2873
3245
  color: var(--icon-color);
2874
3246
  }
2875
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
3247
+ .Checkbox-module__hop-Checkbox__box___C-acZ {
2876
3248
  display: flex;
2877
3249
  flex: 0 0 auto;
2878
3250
  align-items: center;
@@ -2888,11 +3260,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2888
3260
  outline-offset: 0.125rem;
2889
3261
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2890
3262
  }
2891
- .Checkbox-module__hop-Checkbox__check___QKTgI {
3263
+ .Checkbox-module__hop-Checkbox__check___XgRUY {
2892
3264
  display: var(--check-display);
2893
3265
  color: var(--check-color);
2894
3266
  }
2895
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
3267
+ .Checkbox-module__hop-Checkbox__text___L0Jf3 {
2896
3268
  flex: 0 1 auto;
2897
3269
  order: 2;
2898
3270
  min-inline-size: 0;
@@ -2900,24 +3272,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2900
3272
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2901
3273
  color: var(--text-color);
2902
3274
  }
2903
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
3275
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___LFGl8 {
2904
3276
  }
2905
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
3277
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___UfVrd {
2906
3278
  }
2907
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
3279
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___95r8j {
2908
3280
  }
2909
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
2910
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
3281
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___c8LGL,
3282
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___czZHk {
2911
3283
  }
2912
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
3284
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___jlsuV {
2913
3285
  }
2914
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
3286
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___X3GDa {
2915
3287
  }
2916
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
3288
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___Dk20e {
2917
3289
  }
2918
3290
 
2919
3291
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2920
- .Radio-module__hop-Radio___oBKRQ {
3292
+ .Radio-module__hop-Radio___SVpF9 {
2921
3293
  --hop-Radio-box-border-size: 0.0625rem;
2922
3294
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2923
3295
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2991,60 +3363,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2991
3363
  inline-size: max-content;
2992
3364
  max-inline-size: 100%;
2993
3365
  }
2994
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3366
+ .Radio-module__hop-Radio___SVpF9[data-focus-visible] {
2995
3367
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2996
3368
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2997
3369
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2998
3370
  --text-color: var(--hop-Radio-text-color-focused);
2999
3371
  --icon-color: var(--hop-Radio-icon-color-focused);
3000
3372
  }
3001
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3373
+ .Radio-module__hop-Radio___SVpF9[data-hovered] {
3002
3374
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3003
3375
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3004
3376
  --text-color: var(--hop-Radio-text-color-hovered);
3005
3377
  --icon-color: var(--hop-Radio-icon-color-hovered);
3006
3378
  }
3007
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3379
+ .Radio-module__hop-Radio___SVpF9[data-pressed] {
3008
3380
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3009
3381
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3010
3382
  --text-color: var(--hop-Radio-text-color-pressed);
3011
3383
  --icon-color: var(--hop-Radio-icon-color-pressed);
3012
3384
  }
3013
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3385
+ .Radio-module__hop-Radio___SVpF9[data-selected] {
3014
3386
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3015
3387
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3016
3388
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3017
3389
  --text-color: var(--hop-Radio-text-color-selected);
3018
3390
  --icon-color: var(--hop-Radio-icon-color-selected);
3019
3391
  }
3020
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3392
+ .Radio-module__hop-Radio___SVpF9[data-invalid] {
3021
3393
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3022
3394
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3023
3395
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3024
3396
  --text-color: var(--hop-Radio-text-color-invalid);
3025
3397
  --icon-color: var(--hop-Radio-icon-color-invalid);
3026
3398
  }
3027
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3399
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-focus-visible] {
3028
3400
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3029
3401
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3030
3402
  }
3031
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3403
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-hovered] {
3032
3404
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3033
3405
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3034
3406
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3035
3407
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3036
3408
  }
3037
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3409
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-pressed] {
3038
3410
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3039
3411
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3040
3412
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3041
3413
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3042
3414
  }
3043
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3415
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-selected] {
3044
3416
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3045
3417
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3046
3418
  }
3047
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3419
+ .Radio-module__hop-Radio___SVpF9[data-disabled] {
3048
3420
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3049
3421
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3050
3422
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3052,25 +3424,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3052
3424
  --text-color: var(--hop-Radio-text-color-disabled);
3053
3425
  --icon-color: var(--hop-Radio-icon-color-disabled);
3054
3426
  }
3055
- .Radio-module__hop-Radio--sm___C-Q1U {
3427
+ .Radio-module__hop-Radio--sm___2VxSS {
3056
3428
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3057
3429
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3058
3430
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3059
3431
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3060
3432
  }
3061
- .Radio-module__hop-Radio--md___8cI7H {
3433
+ .Radio-module__hop-Radio--md___SoKxy {
3062
3434
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3063
3435
  --box-block-size: var(--hop-Radio-box-md-block-size);
3064
3436
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3065
3437
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3066
3438
  }
3067
- .Radio-module__hop-Radio__icon___Ai4EA,
3068
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3439
+ .Radio-module__hop-Radio__icon___jd3Nj,
3440
+ .Radio-module__hop-Radio__icon-list___kaKLW {
3069
3441
  flex: 0 0 auto;
3070
3442
  order: 3;
3071
3443
  color: var(--icon-color);
3072
3444
  }
3073
- .Radio-module__hop-Radio__box___gF3Ys {
3445
+ .Radio-module__hop-Radio__box___s-UXr {
3074
3446
  display: flex;
3075
3447
  flex: 0 0 auto;
3076
3448
  align-items: center;
@@ -3086,11 +3458,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3086
3458
  outline-offset: 0.125rem;
3087
3459
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3088
3460
  }
3089
- .Radio-module__hop-Radio__bullet___DLVyb {
3461
+ .Radio-module__hop-Radio__bullet___TVkgE {
3090
3462
  display: var(--bullet-display);
3091
3463
  color: var(--bullet-color);
3092
3464
  }
3093
- .Radio-module__hop-Radio__text___md8fJ {
3465
+ .Radio-module__hop-Radio__text___wGidQ {
3094
3466
  flex: 0 1 auto;
3095
3467
  order: 2;
3096
3468
  min-inline-size: 0;
@@ -3098,24 +3470,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3098
3470
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3099
3471
  color: var(--text-color);
3100
3472
  }
3101
- .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
3473
+ .DecorativeRadio-module__hop-DecorativeRadio___fz9jq {
3102
3474
  }
3103
- .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
3475
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___bFLZO {
3104
3476
  }
3105
- .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
3477
+ .DecorativeRadio-module__hop-DecorativeRadio--md___-sICs {
3106
3478
  }
3107
- .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
3108
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
3479
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___zOmTi,
3480
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___gxHLT {
3109
3481
  }
3110
- .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
3482
+ .DecorativeRadio-module__hop-DecorativeRadio__box___kGIPH {
3111
3483
  }
3112
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
3484
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___GZx61 {
3113
3485
  }
3114
- .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
3486
+ .DecorativeRadio-module__hop-DecorativeRadio__text___CBhls {
3115
3487
  }
3116
3488
 
3117
3489
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3118
- .Radio-module__hop-Radio___oBKRQ {
3490
+ .Radio-module__hop-Radio___SVpF9 {
3119
3491
  --hop-Radio-box-border-size: 0.0625rem;
3120
3492
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3121
3493
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3189,60 +3561,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3189
3561
  inline-size: max-content;
3190
3562
  max-inline-size: 100%;
3191
3563
  }
3192
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3564
+ .Radio-module__hop-Radio___SVpF9[data-focus-visible] {
3193
3565
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3194
3566
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3195
3567
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3196
3568
  --text-color: var(--hop-Radio-text-color-focused);
3197
3569
  --icon-color: var(--hop-Radio-icon-color-focused);
3198
3570
  }
3199
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3571
+ .Radio-module__hop-Radio___SVpF9[data-hovered] {
3200
3572
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3201
3573
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3202
3574
  --text-color: var(--hop-Radio-text-color-hovered);
3203
3575
  --icon-color: var(--hop-Radio-icon-color-hovered);
3204
3576
  }
3205
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3577
+ .Radio-module__hop-Radio___SVpF9[data-pressed] {
3206
3578
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3207
3579
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3208
3580
  --text-color: var(--hop-Radio-text-color-pressed);
3209
3581
  --icon-color: var(--hop-Radio-icon-color-pressed);
3210
3582
  }
3211
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3583
+ .Radio-module__hop-Radio___SVpF9[data-selected] {
3212
3584
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3213
3585
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3214
3586
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3215
3587
  --text-color: var(--hop-Radio-text-color-selected);
3216
3588
  --icon-color: var(--hop-Radio-icon-color-selected);
3217
3589
  }
3218
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3590
+ .Radio-module__hop-Radio___SVpF9[data-invalid] {
3219
3591
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3220
3592
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3221
3593
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3222
3594
  --text-color: var(--hop-Radio-text-color-invalid);
3223
3595
  --icon-color: var(--hop-Radio-icon-color-invalid);
3224
3596
  }
3225
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3597
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-focus-visible] {
3226
3598
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3227
3599
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3228
3600
  }
3229
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3601
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-hovered] {
3230
3602
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3231
3603
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3232
3604
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3233
3605
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3234
3606
  }
3235
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3607
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-pressed] {
3236
3608
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3237
3609
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3238
3610
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3239
3611
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3240
3612
  }
3241
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3613
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-selected] {
3242
3614
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3243
3615
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3244
3616
  }
3245
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3617
+ .Radio-module__hop-Radio___SVpF9[data-disabled] {
3246
3618
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3247
3619
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3248
3620
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3250,25 +3622,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3250
3622
  --text-color: var(--hop-Radio-text-color-disabled);
3251
3623
  --icon-color: var(--hop-Radio-icon-color-disabled);
3252
3624
  }
3253
- .Radio-module__hop-Radio--sm___C-Q1U {
3625
+ .Radio-module__hop-Radio--sm___2VxSS {
3254
3626
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3255
3627
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3256
3628
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3257
3629
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3258
3630
  }
3259
- .Radio-module__hop-Radio--md___8cI7H {
3631
+ .Radio-module__hop-Radio--md___SoKxy {
3260
3632
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3261
3633
  --box-block-size: var(--hop-Radio-box-md-block-size);
3262
3634
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3263
3635
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3264
3636
  }
3265
- .Radio-module__hop-Radio__icon___Ai4EA,
3266
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3637
+ .Radio-module__hop-Radio__icon___jd3Nj,
3638
+ .Radio-module__hop-Radio__icon-list___kaKLW {
3267
3639
  flex: 0 0 auto;
3268
3640
  order: 3;
3269
3641
  color: var(--icon-color);
3270
3642
  }
3271
- .Radio-module__hop-Radio__box___gF3Ys {
3643
+ .Radio-module__hop-Radio__box___s-UXr {
3272
3644
  display: flex;
3273
3645
  flex: 0 0 auto;
3274
3646
  align-items: center;
@@ -3284,11 +3656,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3284
3656
  outline-offset: 0.125rem;
3285
3657
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3286
3658
  }
3287
- .Radio-module__hop-Radio__bullet___DLVyb {
3659
+ .Radio-module__hop-Radio__bullet___TVkgE {
3288
3660
  display: var(--bullet-display);
3289
3661
  color: var(--bullet-color);
3290
3662
  }
3291
- .Radio-module__hop-Radio__text___md8fJ {
3663
+ .Radio-module__hop-Radio__text___wGidQ {
3292
3664
  flex: 0 1 auto;
3293
3665
  order: 2;
3294
3666
  min-inline-size: 0;
@@ -3298,7 +3670,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3298
3670
  }
3299
3671
 
3300
3672
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3301
- .RadioField-module__hop-RadioField___RAV19 {
3673
+ .RadioField-module__hop-RadioField___9hWW9 {
3302
3674
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3303
3675
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3304
3676
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3317,28 +3689,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3317
3689
  inline-size: max-content;
3318
3690
  max-inline-size: 100%;
3319
3691
  }
3320
- .RadioField-module__hop-RadioField___RAV19[data-disabled] {
3692
+ .RadioField-module__hop-RadioField___9hWW9[data-disabled] {
3321
3693
  --description-color: var(--hop-RadioField-description-color-disabled);
3322
3694
  }
3323
- .RadioField-module__hop-RadioField--sm___Z2a5J {
3695
+ .RadioField-module__hop-RadioField--sm___Hf2rz {
3324
3696
  --row-gap: var(--hop-RadioField-sm-row-gap);
3325
3697
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3326
3698
  }
3327
- .RadioField-module__hop-RadioField--md___GeCMi {
3699
+ .RadioField-module__hop-RadioField--md___Mlb-S {
3328
3700
  --row-gap: var(--hop-RadioField-md-row-gap);
3329
3701
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3330
3702
  }
3331
- .RadioField-module__hop-RadioField__description___Y7cUM {
3703
+ .RadioField-module__hop-RadioField__description___Cjjsz {
3332
3704
  order: 2;
3333
3705
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3334
3706
  color: var(--description-color);
3335
3707
  }
3336
- .RadioField-module__hop-RadioField__radio___XYtjJ {
3708
+ .RadioField-module__hop-RadioField__radio___tSTqp {
3337
3709
  order: 1;
3338
3710
  }
3339
3711
 
3340
3712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3341
- .RadioGroup-module__hop-RadioGroup___ydYgr {
3713
+ .RadioGroup-module__hop-RadioGroup___fXCR5 {
3342
3714
  --hop-RadioGroup-align-items: flex-start;
3343
3715
  --hop-RadioGroup-justify-content: flex-start;
3344
3716
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3378,46 +3750,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3378
3750
  inline-size: var(--inline-size);
3379
3751
  max-inline-size: 100%;
3380
3752
  }
3381
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
3753
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO {
3382
3754
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3383
3755
  --list-border-radius: var(--hop-shape-rounded-md);
3384
3756
  }
3385
- .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3757
+ .RadioGroup-module__hop-RadioGroup--sm___5mBvL {
3386
3758
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3387
3759
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3388
3760
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3389
3761
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3390
3762
  }
3391
- .RadioGroup-module__hop-RadioGroup--md___mccGP {
3763
+ .RadioGroup-module__hop-RadioGroup--md___h8pAP {
3392
3764
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3393
3765
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3394
3766
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3395
3767
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3396
3768
  }
3397
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3769
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO.RadioGroup-module__hop-RadioGroup--sm___5mBvL {
3398
3770
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3399
3771
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3400
3772
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3401
3773
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3402
3774
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3403
3775
  }
3404
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
3776
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO.RadioGroup-module__hop-RadioGroup--md___h8pAP {
3405
3777
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3406
3778
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3407
3779
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3408
3780
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3409
3781
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3410
3782
  }
3411
- .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
3783
+ .RadioGroup-module__hop-RadioGroup___fXCR5[data-orientation=horizontal] {
3412
3784
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3413
3785
  }
3414
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
3786
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO[data-orientation=horizontal] {
3415
3787
  --flex-wrap: nowrap;
3416
3788
  }
3417
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
3789
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__label___wCflU {
3418
3790
  order: 1;
3419
3791
  }
3420
- .RadioGroup-module__hop-RadioGroup__list___DSncc {
3792
+ .RadioGroup-module__hop-RadioGroup__list___TR88q {
3421
3793
  display: flex;
3422
3794
  flex-flow: var(--flex-direction) var(--flex-wrap);
3423
3795
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3428,7 +3800,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3428
3800
  border: var(--list-border, none);
3429
3801
  border-radius: var(--list-border-radius, 0);
3430
3802
  }
3431
- .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
3803
+ .RadioGroup-module__hop-RadioGroup__list___TR88q > .RadioGroup-module__hop-RadioGroup__radio___kabHu {
3432
3804
  position: relative;
3433
3805
  flex: 0 1 auto;
3434
3806
  align-content: start;
@@ -3436,28 +3808,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3436
3808
  min-inline-size: 0;
3437
3809
  padding: var(--radio-padding, 0);
3438
3810
  }
3439
- .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 {
3811
+ .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 {
3440
3812
  content: "";
3441
3813
  position: absolute;
3442
3814
  display: block;
3443
3815
  }
3444
- .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 {
3816
+ .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 {
3445
3817
  inset-block-start: 0;
3446
3818
  inset-inline: 0;
3447
3819
  border-block-start: var(--list-border, none);
3448
3820
  }
3449
- .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 {
3821
+ .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 {
3450
3822
  inset-block: 0;
3451
3823
  inset-inline-start: 0;
3452
3824
  border-inline-start: var(--list-border, none);
3453
3825
  }
3454
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
3455
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
3826
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__error-message___utJyD,
3827
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__helper-message___ZouxR {
3456
3828
  order: 3;
3457
3829
  }
3458
3830
 
3459
3831
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3460
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
3832
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___fHDu8 {
3461
3833
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3462
3834
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3463
3835
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3483,7 +3855,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3483
3855
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3484
3856
  background-size: 400% 100%;
3485
3857
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3486
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
3858
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___cR4We;
3487
3859
  animation-duration: var(--animation-duration);
3488
3860
  animation-timing-function: ease-in-out;
3489
3861
  animation-fill-mode: forwards;
@@ -3492,19 +3864,19 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3492
3864
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3493
3865
  }
3494
3866
  }
3495
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
3867
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3zA-c {
3496
3868
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3497
3869
  }
3498
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
3870
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___vf1-R {
3499
3871
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3500
3872
  }
3501
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
3873
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___IGDvT {
3502
3874
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3503
3875
  }
3504
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
3876
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___2e9jw {
3505
3877
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3506
3878
  }
3507
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
3879
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___cR4We {
3508
3880
  0% {
3509
3881
  background-position: 125% 50%;
3510
3882
  }
@@ -3514,7 +3886,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3514
3886
  }
3515
3887
 
3516
3888
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3517
- .ListBoxItem-module__hop-ListBoxItem___BJFwm {
3889
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY {
3518
3890
  --hop-ListBoxItem-background-color: transparent;
3519
3891
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3520
3892
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3611,129 +3983,129 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3611
3983
  outline: var(--outline);
3612
3984
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3613
3985
  }
3614
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
3986
+ .ListBoxItem-module__hop-ListBoxItem--xs___LeX35 {
3615
3987
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3616
3988
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3617
3989
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3618
3990
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3619
3991
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3620
3992
  }
3621
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
3993
+ .ListBoxItem-module__hop-ListBoxItem--sm___WXxgI {
3622
3994
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3623
3995
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3624
3996
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3625
3997
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3626
3998
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3627
3999
  }
3628
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
4000
+ .ListBoxItem-module__hop-ListBoxItem--md___G7FrR {
3629
4001
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3630
4002
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3631
4003
  --min-height: var(--hop-ListBoxItem-md-min-height);
3632
4004
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3633
4005
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3634
4006
  }
3635
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
4007
+ .ListBoxItem-module__hop-ListBoxItem--lg___UewHU {
3636
4008
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3637
4009
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3638
4010
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3639
4011
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3640
4012
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3641
4013
  }
3642
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
4014
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-selection-mode] {
3643
4015
  --cursor: pointer;
3644
4016
  }
3645
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
4017
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY:not([data-selection-mode]) {
3646
4018
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3647
4019
  }
3648
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4020
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA) {
3649
4021
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3650
4022
  }
3651
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4023
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA) {
3652
4024
  --checkmark-transition: none;
3653
4025
  }
3654
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
4026
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-selected] {
3655
4027
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3656
4028
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3657
4029
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3658
4030
  --checkmark-opacity: 1;
3659
4031
  }
3660
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
4032
+ .ListBoxItem-module__hop-ListBoxItem--xs___LeX35[data-selected] {
3661
4033
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3662
4034
  }
3663
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
4035
+ .ListBoxItem-module__hop-ListBoxItem--sm___WXxgI[data-selected] {
3664
4036
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3665
4037
  }
3666
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
4038
+ .ListBoxItem-module__hop-ListBoxItem--md___G7FrR[data-selected] {
3667
4039
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3668
4040
  }
3669
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
4041
+ .ListBoxItem-module__hop-ListBoxItem--lg___UewHU[data-selected] {
3670
4042
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3671
4043
  }
3672
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
4044
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-focus-visible] {
3673
4045
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3674
4046
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3675
4047
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3676
4048
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3677
4049
  }
3678
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
4050
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-hovered] {
3679
4051
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3680
4052
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3681
4053
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3682
4054
  }
3683
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
4055
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-pressed] {
3684
4056
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3685
4057
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3686
4058
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3687
4059
  }
3688
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
4060
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-disabled] {
3689
4061
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3690
4062
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3691
4063
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3692
4064
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3693
4065
  --cursor: not-allowed;
3694
4066
  }
3695
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
4067
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid] {
3696
4068
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3697
4069
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3698
4070
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3699
4071
  }
3700
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
4072
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-selected] {
3701
4073
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3702
4074
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3703
4075
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3704
4076
  }
3705
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
4077
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-focus-visible] {
3706
4078
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3707
4079
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3708
4080
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3709
4081
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3710
4082
  }
3711
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
4083
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-hovered] {
3712
4084
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3713
4085
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3714
4086
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3715
4087
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3716
4088
  }
3717
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
4089
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-pressed] {
3718
4090
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3719
4091
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3720
4092
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3721
4093
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3722
4094
  }
3723
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
4095
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-disabled] {
3724
4096
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3725
4097
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3726
4098
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3727
4099
  }
3728
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
4100
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY:has(.ListBoxItem-module__hop-ListBoxItem__description___PhhSo) {
3729
4101
  --row-gap: var(--hop-ListBoxItem-row-gap);
3730
4102
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3731
4103
  }
3732
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
4104
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-loading] {
3733
4105
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3734
4106
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3735
4107
  }
3736
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
4108
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8 {
3737
4109
  display: grid;
3738
4110
  grid-template-areas: var(--grid-template-areas);
3739
4111
  grid-template-columns: var(--grid-template-columns);
@@ -3745,33 +4117,33 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3745
4117
  padding-inline: var(--padding-inline);
3746
4118
  transition: grid-template-columns .3s ease-in-out;
3747
4119
  }
3748
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
4120
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA {
3749
4121
  grid-area: indicator;
3750
4122
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3751
4123
  color: var(--icon-color);
3752
4124
  opacity: var(--checkmark-opacity);
3753
4125
  transition: var(--checkmark-transition);
3754
4126
  }
3755
- .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
3756
- .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
4127
+ .ListBoxItem-module__hop-ListBoxItem__radio___1zXQb,
4128
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___UNkS7 {
3757
4129
  pointer-events: none;
3758
4130
  user-select: none;
3759
4131
  grid-area: indicator;
3760
4132
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3761
4133
  }
3762
- .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
4134
+ .ListBoxItem-module__hop-ListBoxItem__avatar___ir8AJ {
3763
4135
  grid-area: avatar;
3764
4136
  margin-block: var(--avatar-margin-block, 0);
3765
4137
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3766
4138
  }
3767
- .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
3768
- .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
4139
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___x1obK,
4140
+ .ListBoxItem-module__hop-ListBoxItem__icon___OAgg- {
3769
4141
  grid-area: icon;
3770
4142
  flex: 0 0 auto;
3771
4143
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3772
4144
  color: var(--icon-color);
3773
4145
  }
3774
- .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
4146
+ .ListBoxItem-module__hop-ListBoxItem__label___6phiV {
3775
4147
  overflow: hidden;
3776
4148
  grid-area: label;
3777
4149
  min-inline-size: 0;
@@ -3779,18 +4151,18 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3779
4151
  text-overflow: ellipsis;
3780
4152
  white-space: nowrap;
3781
4153
  }
3782
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
3783
- .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
4154
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___iEDnK,
4155
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___WbP-D {
3784
4156
  grid-area: end-icon;
3785
4157
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3786
4158
  color: var(--icon-color);
3787
4159
  }
3788
- .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
4160
+ .ListBoxItem-module__hop-ListBoxItem__badge___yBtua {
3789
4161
  grid-area: badge;
3790
4162
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3791
4163
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3792
4164
  }
3793
- .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
4165
+ .ListBoxItem-module__hop-ListBoxItem__description___PhhSo {
3794
4166
  overflow: hidden;
3795
4167
  display: -webkit-box;
3796
4168
  grid-area: description;
@@ -3801,7 +4173,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3801
4173
  }
3802
4174
 
3803
4175
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
3804
- .ListBox-module__hop-ListBox___lYzDi {
4176
+ .ListBox-module__hop-ListBox___8RbZv {
3805
4177
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3806
4178
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3807
4179
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3848,11 +4220,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3848
4220
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3849
4221
  border-radius: var(--hop-ListBox-border-radius);
3850
4222
  }
3851
- .ListBox-module__hop-ListBox--fluid___s8oHK {
4223
+ .ListBox-module__hop-ListBox--fluid___IOIUg {
3852
4224
  --max-width: var(--hop-ListBox-fluid-max-width);
3853
4225
  --width: var(--hop-ListBox-fluid-width);
3854
4226
  }
3855
- .ListBox-module__hop-ListBox__section___dSbP6 {
4227
+ .ListBox-module__hop-ListBox__section___JZRKz {
3856
4228
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3857
4229
  margin-inline: var(--hop-ListBox-section-margin-inline);
3858
4230
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3860,21 +4232,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3860
4232
  border-block-start: var(--section-border-block-start);
3861
4233
  border-block-end: var(--section-border-block-end);
3862
4234
  }
3863
- .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
4235
+ .ListBox-module__hop-ListBox__item___ayJYs + .ListBox-module__hop-ListBox__section___JZRKz {
3864
4236
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3865
4237
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3866
4238
  }
3867
- .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
4239
+ .ListBox-module__hop-ListBox__section___JZRKz:has(+ .ListBox-module__hop-ListBox__item___ayJYs) {
3868
4240
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3869
4241
  }
3870
- .ListBox-module__hop-ListBox__section___dSbP6:first-child {
4242
+ .ListBox-module__hop-ListBox__section___JZRKz:first-child {
3871
4243
  --section-padding-block-start: 0;
3872
4244
  }
3873
- .ListBox-module__hop-ListBox__section___dSbP6:last-child {
4245
+ .ListBox-module__hop-ListBox__section___JZRKz:last-child {
3874
4246
  --section-padding-block-end: 0;
3875
4247
  --section-border-block-end: 0;
3876
4248
  }
3877
- .ListBox-module__hop-ListBox__section-header___OPwVg {
4249
+ .ListBox-module__hop-ListBox__section-header___b4S-D {
3878
4250
  margin: 0;
3879
4251
  padding: var(--hop-ListBox-section-header-padding);
3880
4252
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3885,30 +4257,30 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3885
4257
  text-transform: var(--hop-ListBox-section-header-text-transform);
3886
4258
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3887
4259
  }
3888
- .ListBox-module__hop-ListBox__section-header___OPwVg::before,
3889
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4260
+ .ListBox-module__hop-ListBox__section-header___b4S-D::before,
4261
+ .ListBox-module__hop-ListBox__section-header___b4S-D::after {
3890
4262
  content: "";
3891
4263
  display: block;
3892
4264
  box-sizing: border-box;
3893
4265
  inline-size: 0;
3894
4266
  block-size: 0;
3895
4267
  }
3896
- .ListBox-module__hop-ListBox__section-header___OPwVg::before {
4268
+ .ListBox-module__hop-ListBox__section-header___b4S-D::before {
3897
4269
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3898
4270
  }
3899
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4271
+ .ListBox-module__hop-ListBox__section-header___b4S-D::after {
3900
4272
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3901
4273
  }
3902
4274
 
3903
4275
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3904
- :where(.Popover-module__hop-Popover___26umq *) {
4276
+ :where(.Popover-module__hop-Popover___x5VHp *) {
3905
4277
  font-family: var(--font-family);
3906
4278
  font-size: var(--font-size);
3907
4279
  font-weight: var(--font-weight);
3908
4280
  line-height: var(--line-height);
3909
4281
  outline: none;
3910
4282
  }
3911
- .Popover-module__hop-Popover___26umq {
4283
+ .Popover-module__hop-Popover___x5VHp {
3912
4284
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3913
4285
  --hop-Popover-inline-width: 25rem;
3914
4286
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3921,22 +4293,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3921
4293
  inline-size: var(--width);
3922
4294
  max-inline-size: var(--max-width);
3923
4295
  }
3924
- .Popover-module__hop-Popover___26umq[data-trigger=Select] {
4296
+ .Popover-module__hop-Popover___x5VHp[data-trigger=Select] {
3925
4297
  --width: var(--hop-Popover-dropdown-inline-width);
3926
4298
  }
3927
- .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
4299
+ .Popover-module__hop-Popover___x5VHp[data-trigger=ComboBox] {
3928
4300
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3929
4301
  }
3930
- .Popover-module__hop-Popover___26umq[data-auto-width] {
4302
+ .Popover-module__hop-Popover___x5VHp[data-auto-width] {
3931
4303
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3932
4304
  }
3933
- .Popover-module__hop-Popover___26umq[data-entering] {
3934
- animation: Popover-module__fade___Rb7-0 0.25s;
4305
+ .Popover-module__hop-Popover___x5VHp[data-entering] {
4306
+ animation: Popover-module__fade___eL1f- 0.25s;
3935
4307
  }
3936
- .Popover-module__hop-Popover___26umq[data-exiting] {
3937
- animation: Popover-module__fade___Rb7-0 0.25s reverse;
4308
+ .Popover-module__hop-Popover___x5VHp[data-exiting] {
4309
+ animation: Popover-module__fade___eL1f- 0.25s reverse;
3938
4310
  }
3939
- @keyframes Popover-module__fade___Rb7-0 {
4311
+ @keyframes Popover-module__fade___eL1f- {
3940
4312
  from {
3941
4313
  opacity: 0;
3942
4314
  }
@@ -3944,14 +4316,14 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3944
4316
  opacity: 1;
3945
4317
  }
3946
4318
  }
3947
- .Popover-module__hop-Popover__wrapper___uZgAA {
4319
+ .Popover-module__hop-Popover__wrapper___pDbFD {
3948
4320
  display: flex;
3949
4321
  flex: 1 1 auto;
3950
4322
  flex-direction: column;
3951
4323
  min-block-size: 0;
3952
4324
  }
3953
- .Popover-module__hop-Popover__dialog___GGJWK,
3954
- .Popover-module__hop-Popover__dropdown___jeauL {
4325
+ .Popover-module__hop-Popover__dialog___zpjq4,
4326
+ .Popover-module__hop-Popover__dropdown___s7tlg {
3955
4327
  --hop-Popover-background: var(--hop-neutral-surface);
3956
4328
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3957
4329
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3999,21 +4371,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3999
4371
  border-radius: var(--hop-Popover-border-radius);
4000
4372
  box-shadow: var(--hop-Popover-box-shadow);
4001
4373
  }
4002
- .Popover-module__hop-Popover__dropdown___jeauL {
4374
+ .Popover-module__hop-Popover__dropdown___s7tlg {
4003
4375
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4004
4376
  --footer-place-self: stretch;
4005
4377
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4006
4378
  --padding: var(--hop-Popover-dropdown-padding);
4007
4379
  overflow: hidden;
4008
4380
  }
4009
- .Popover-module__hop-Popover__dialog___GGJWK {
4381
+ .Popover-module__hop-Popover__dialog___zpjq4 {
4010
4382
  --padding: var(--hop-Popover-dialog-padding);
4011
4383
  }
4012
- .Popover-module__hop-Popover__title___Rlj3j {
4384
+ .Popover-module__hop-Popover__title___nrgOs {
4013
4385
  grid-area: header;
4014
4386
  color: var(--hop-Popover-color);
4015
4387
  }
4016
- .Popover-module__hop-Popover__content___xnLU- {
4388
+ .Popover-module__hop-Popover__content___GZS4O {
4017
4389
  --font-size: var(--hop-Popover-content-font-size);
4018
4390
  --line-height: var(--hop-Popover-content-line-height);
4019
4391
  --font-family: var(--hop-Popover-content-font-family);
@@ -4024,12 +4396,12 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4024
4396
  padding: 0;
4025
4397
  color: var(--hop-Popover-content-color);
4026
4398
  }
4027
- .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4028
- .Popover-module__hop-Popover__content___xnLU- {
4399
+ .Popover-module__hop-Popover___x5VHp:not(:has(.Popover-module__hop-Popover__title___nrgOs)) {
4400
+ .Popover-module__hop-Popover__content___GZS4O {
4029
4401
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4030
4402
  }
4031
4403
  }
4032
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4404
+ .Popover-module__hop-Popover__dropdown___s7tlg .Popover-module__hop-Popover__list-box___aBoQj {
4033
4405
  grid-area: content;
4034
4406
  inline-size: auto;
4035
4407
  min-inline-size: auto;
@@ -4037,7 +4409,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4037
4409
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4038
4410
  border: none;
4039
4411
  }
4040
- .Popover-module__hop-Popover__footer___0FFAg {
4412
+ .Popover-module__hop-Popover__footer___a-oZs {
4041
4413
  --font-size: var(--hop-Popover-footer-font-size);
4042
4414
  --line-height: var(--hop-Popover-footer-line-height);
4043
4415
  grid-area: footer;
@@ -4045,22 +4417,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4045
4417
  margin: var(--footer-margin);
4046
4418
  color: var(--hop-Popover-color);
4047
4419
  }
4048
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4420
+ .Popover-module__hop-Popover__dropdown___s7tlg .Popover-module__hop-Popover__footer___a-oZs {
4049
4421
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4050
4422
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4051
4423
  }
4052
- .Popover-module__hop-Popover__actions___22QyU,
4053
- .Popover-module__hop-Popover__action___1YRad {
4424
+ .Popover-module__hop-Popover__actions___zo0kr,
4425
+ .Popover-module__hop-Popover__action___kis81 {
4054
4426
  grid-area: action;
4055
4427
  justify-self: end;
4056
4428
  margin-block-start: var(--hop-Popover-row-gap);
4057
4429
  }
4058
- .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4430
+ .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 {
4059
4431
  margin-inline-end: var(--hop-Popover-column-gap);
4060
4432
  }
4061
4433
 
4062
4434
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4063
- .PopoverBase-module__hop-PopoverBase___31efu {
4435
+ .PopoverBase-module__hop-PopoverBase___nPlcD {
4064
4436
  --hop-Popover-background: var(--hop-neutral-surface);
4065
4437
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4066
4438
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4090,17 +4462,17 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4090
4462
  box-shadow: var(--hop-Popover-box-shadow);
4091
4463
  transition: opacity var(--hop-easing-duration-2);
4092
4464
  }
4093
- .PopoverBase-module__hop-PopoverBase___31efu[data-entering] {
4465
+ .PopoverBase-module__hop-PopoverBase___nPlcD[data-entering] {
4094
4466
  opacity: 0;
4095
4467
  }
4096
- .PopoverBase-module__hop-PopoverBase___31efu[data-exiting] {
4468
+ .PopoverBase-module__hop-PopoverBase___nPlcD[data-exiting] {
4097
4469
  pointer-events: none;
4098
4470
  opacity: 0;
4099
4471
  transition-timing-function: var(--hop-easing-productive);
4100
4472
  }
4101
4473
 
4102
4474
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/contextual-help/src/ContextualHelp.module.css/#css-module-data */
4103
- .ContextualHelp-module__hop-ContextualHelp___DzLJ0 {
4475
+ .ContextualHelp-module__hop-ContextualHelp___MvdQh {
4104
4476
  --hop-ContextualHelp-block-size: fit-content;
4105
4477
  --hop-ContextualHelp-inline-size: fit-content;
4106
4478
  --hop-ContextualHelp-box-sizing: border-box;
@@ -4132,10 +4504,10 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4132
4504
  border-radius: var(--hop-ContextualHelp-border-radius);
4133
4505
  outline: var(--hop-ContextualHelp-outline);
4134
4506
  }
4135
- .ContextualHelp-module__hop-ContextualHelp___DzLJ0[data-focus-visible] {
4507
+ .ContextualHelp-module__hop-ContextualHelp___MvdQh[data-focus-visible] {
4136
4508
  outline: var(--hop-ContextualHelp-outline-size) solid var(--hop-ContextualHelp-focus-ring-color);
4137
4509
  }
4138
- .ContextualHelp-module__hop-ContextualHelp__popover___rV7qC {
4510
+ .ContextualHelp-module__hop-ContextualHelp__popover___mIhQk {
4139
4511
  --hop-ContextualHelp__popover-outline: none;
4140
4512
  --hop-ContextualHelp__popover-border: none;
4141
4513
  --hop-ContextualHelp__popover-max-inline-size: 20rem;