@hopper-ui/components 1.7.0 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (363) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +685 -313
  7. package/dist/alert/src/Alert.js +11 -10
  8. package/dist/alert/src/index.css +685 -313
  9. package/dist/alert/src/index.js +11 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +48 -48
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +66 -66
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +65 -65
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +48 -48
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +48 -48
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +48 -48
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +93 -93
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +48 -48
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +63 -63
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +104 -104
  31. package/dist/buttons/src/Button.js +7 -6
  32. package/dist/buttons/src/ButtonContext.d.ts +1 -1
  33. package/dist/buttons/src/ButtonGroup.css +49 -49
  34. package/dist/buttons/src/ButtonGroup.js +1 -1
  35. package/dist/buttons/src/ClearButton.css +109 -109
  36. package/dist/buttons/src/ClearButton.js +2 -2
  37. package/dist/buttons/src/CloseButton.css +105 -105
  38. package/dist/buttons/src/CloseButton.js +8 -7
  39. package/dist/buttons/src/EmbeddedButton.css +109 -109
  40. package/dist/buttons/src/EmbeddedButton.js +1 -1
  41. package/dist/buttons/src/LinkButton.css +113 -113
  42. package/dist/buttons/src/LinkButton.js +5 -5
  43. package/dist/buttons/src/ToggleButton.css +729 -0
  44. package/dist/buttons/src/ToggleButton.d.ts +50 -0
  45. package/dist/buttons/src/ToggleButton.js +17 -0
  46. package/dist/buttons/src/ToggleButtonContext.d.ts +22 -0
  47. package/dist/buttons/src/ToggleButtonContext.js +2 -0
  48. package/dist/buttons/src/index.css +633 -261
  49. package/dist/buttons/src/index.d.ts +2 -0
  50. package/dist/buttons/src/index.js +14 -11
  51. package/dist/callout/src/Callout.css +645 -273
  52. package/dist/callout/src/Callout.js +9 -8
  53. package/dist/callout/src/CompactCallout.css +682 -310
  54. package/dist/callout/src/CompactCallout.js +9 -8
  55. package/dist/callout/src/index.css +694 -322
  56. package/dist/callout/src/index.js +11 -10
  57. package/dist/card/src/Card.css +41 -41
  58. package/dist/card/src/Card.js +1 -1
  59. package/dist/card/src/index.css +41 -41
  60. package/dist/card/src/index.js +1 -1
  61. package/dist/checkbox/src/Checkbox.css +57 -57
  62. package/dist/checkbox/src/Checkbox.js +5 -5
  63. package/dist/checkbox/src/CheckboxField.css +44 -44
  64. package/dist/checkbox/src/CheckboxField.js +3 -3
  65. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  66. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  67. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  68. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  69. package/dist/checkbox/src/index.css +109 -109
  70. package/dist/checkbox/src/index.js +13 -13
  71. package/dist/{chunk-2KFOOJ34.js → chunk-222IE227.js} +8 -8
  72. package/dist/{chunk-NC7G3EHF.js → chunk-2JM4DHKX.js} +2 -2
  73. package/dist/{chunk-VBJVG2YA.js → chunk-4GZR3IQU.js} +5 -5
  74. package/dist/{chunk-OS6JDQKO.js → chunk-4U6NS4RG.js} +2 -2
  75. package/dist/{chunk-57RTMTQ7.js → chunk-4UYEDXKD.js} +2 -2
  76. package/dist/{chunk-J5FY5YAZ.js → chunk-4VJFEBFF.js} +1 -1
  77. package/dist/{chunk-67EK2P5M.js → chunk-4VXXQDUF.js} +2 -2
  78. package/dist/{chunk-CT3S2ZJP.js → chunk-55HC57WP.js} +2 -2
  79. package/dist/{chunk-YFQIN27E.js → chunk-5VFGSK3Q.js} +1 -1
  80. package/dist/{chunk-AX3SYX3G.js → chunk-66NSPKER.js} +1 -1
  81. package/dist/{chunk-UFR36PXP.js → chunk-6B5X5DW6.js} +2 -2
  82. package/dist/{chunk-WJE3JIRZ.js → chunk-6ZRODOHF.js} +2 -2
  83. package/dist/{chunk-OYPIU6JL.js → chunk-7AMXCGZH.js} +2 -2
  84. package/dist/{chunk-J6FKM7WM.js → chunk-7N7LPSW5.js} +1 -1
  85. package/dist/{chunk-EDDYY4KO.js → chunk-7WXGQYRX.js} +1 -1
  86. package/dist/{chunk-NFETZ57D.js → chunk-7YQXR4GT.js} +1 -1
  87. package/dist/{chunk-QARGGDML.js → chunk-A6HV7P3V.js} +3 -3
  88. package/dist/{chunk-23WYVBUK.js → chunk-AAQNTM4W.js} +2 -2
  89. package/dist/{chunk-LMH2XI5J.js → chunk-AWFT7OG6.js} +1 -1
  90. package/dist/{chunk-VSCRFXJ2.js → chunk-AWY43QYS.js} +5 -5
  91. package/dist/{chunk-JNJFX2LE.js → chunk-BB3DOJQO.js} +1 -1
  92. package/dist/{chunk-V7VDYDIQ.js → chunk-BDEB6QME.js} +3 -3
  93. package/dist/{chunk-QSCBTSIF.js → chunk-BJ25X6R6.js} +1 -1
  94. package/dist/{chunk-PJ2RHMZ3.js → chunk-BRTA3B4K.js} +2 -2
  95. package/dist/{chunk-UBBZ4LV5.js → chunk-BWG5FBCH.js} +7 -7
  96. package/dist/chunk-BYERWFG4.js +7 -0
  97. package/dist/{chunk-3VZPTUVR.js → chunk-CCRSUEFE.js} +2 -2
  98. package/dist/{chunk-HQJZSCV7.js → chunk-CKAFP2EL.js} +1 -1
  99. package/dist/{chunk-LBXB3JFD.js → chunk-CPFQCM5O.js} +5 -5
  100. package/dist/{chunk-PQVBUEXC.js → chunk-CPXJMPIC.js} +2 -2
  101. package/dist/{chunk-YDNBMCQD.js → chunk-D3NPXS4Z.js} +1 -1
  102. package/dist/{chunk-N7A4SDQA.js → chunk-DIKA2MGL.js} +12 -12
  103. package/dist/{chunk-LUCUQMMD.js → chunk-E7J5N2N7.js} +2 -2
  104. package/dist/{chunk-V5PLUMR5.js → chunk-EF4Y6YRP.js} +3 -3
  105. package/dist/{chunk-UBILZ2MS.js → chunk-ENXNOBTC.js} +1 -1
  106. package/dist/{chunk-JBTFYM4B.js → chunk-EWVJCV2O.js} +2 -2
  107. package/dist/{chunk-RIFW5PYW.js → chunk-EYG6UDBQ.js} +2 -2
  108. package/dist/{chunk-LOFWD2GD.js → chunk-F74KDYAO.js} +2 -2
  109. package/dist/{chunk-PDWWX5JI.js → chunk-FECFPOFS.js} +3 -3
  110. package/dist/{chunk-OINTMN5W.js → chunk-FSZMFYXI.js} +2 -2
  111. package/dist/{chunk-5H2DG3VF.js → chunk-GV3YGT5G.js} +2 -2
  112. package/dist/{chunk-DP4FHVJR.js → chunk-GVWP54YT.js} +10 -10
  113. package/dist/{chunk-OABMTS4J.js → chunk-H2UR6TXA.js} +1 -1
  114. package/dist/{chunk-JVLK5INM.js → chunk-HASWWRCS.js} +3 -3
  115. package/dist/{chunk-KKUSWUZC.js → chunk-HD336FXH.js} +1 -1
  116. package/dist/{chunk-ACG3BFJQ.js → chunk-HP32TIDG.js} +1 -1
  117. package/dist/{chunk-TQQMWXRK.js → chunk-HPBLIFKY.js} +3 -3
  118. package/dist/{chunk-2WU7UWOH.js → chunk-HPIRNUWV.js} +2 -2
  119. package/dist/chunk-HZTYQ5FQ.js +22 -0
  120. package/dist/{chunk-ZLL3VV5V.js → chunk-I4NQWVW5.js} +3 -3
  121. package/dist/{chunk-XEMYAR47.js → chunk-IIRKMSLU.js} +1 -1
  122. package/dist/{chunk-CIQZIY5N.js → chunk-JFWEF5FL.js} +1 -1
  123. package/dist/{chunk-5ZP2KUGN.js → chunk-JVRADRCT.js} +11 -11
  124. package/dist/{chunk-OCK54JWW.js → chunk-KLUMJ3FU.js} +2 -2
  125. package/dist/{chunk-G5GYOSK7.js → chunk-KRFKGNR4.js} +6 -6
  126. package/dist/{chunk-X4IV4VLD.js → chunk-KZRFHAPE.js} +3 -3
  127. package/dist/{chunk-ZRYHXQDJ.js → chunk-LWSLO6LC.js} +1 -1
  128. package/dist/{chunk-QDN24QKG.js → chunk-N2GJBO4E.js} +1 -1
  129. package/dist/{chunk-EBXH6HHZ.js → chunk-NFAXS4BL.js} +8 -8
  130. package/dist/{chunk-GR5QWFCA.js → chunk-NNIP76QL.js} +3 -3
  131. package/dist/{chunk-LACYHXY5.js → chunk-O3AU77GY.js} +2 -2
  132. package/dist/{chunk-G2IQWVGX.js → chunk-ONKHE4YU.js} +1 -1
  133. package/dist/{chunk-IIBLQ2CB.js → chunk-P2ECLWD4.js} +1 -1
  134. package/dist/{chunk-2C4RHHUL.js → chunk-P7LUS57W.js} +1 -1
  135. package/dist/{chunk-AC5FLJJL.js → chunk-P7SFQQMN.js} +1 -1
  136. package/dist/{chunk-S5AHDRSE.js → chunk-PD5XOYBD.js} +1 -1
  137. package/dist/{chunk-I25B6DME.js → chunk-PIXXMNYW.js} +2 -2
  138. package/dist/{chunk-FIY4TUYL.js → chunk-PV4ANCRB.js} +1 -1
  139. package/dist/{chunk-3FHJOMUC.js → chunk-Q6Q4ZVT7.js} +1 -1
  140. package/dist/{chunk-YZBOR2D4.js → chunk-QDAFJ2K6.js} +6 -6
  141. package/dist/{chunk-5FXGGEA5.js → chunk-QVUYB367.js} +10 -19
  142. package/dist/{chunk-NAK42XEC.js → chunk-QWBWJNKA.js} +4 -4
  143. package/dist/{chunk-DE74UTDH.js → chunk-SB56OC2P.js} +2 -2
  144. package/dist/chunk-THGVQPJY.js +137 -0
  145. package/dist/{chunk-6Q6Q4HUH.js → chunk-TIAFFX5V.js} +5 -5
  146. package/dist/{chunk-AV7XDPXN.js → chunk-TXNBDTVF.js} +1 -1
  147. package/dist/{chunk-DEFXMEBJ.js → chunk-UFSLUNXN.js} +2 -2
  148. package/dist/{chunk-V7OAPBQT.js → chunk-UUJTFPH2.js} +1 -1
  149. package/dist/{chunk-HERQEWF5.js → chunk-VNBJ2SRA.js} +2 -2
  150. package/dist/{chunk-L7DSMPLQ.js → chunk-VRSRYMAQ.js} +1 -1
  151. package/dist/{chunk-CC5SXS5R.js → chunk-VZEK74BZ.js} +1 -1
  152. package/dist/{chunk-Z5WDAIAE.js → chunk-W5HNUDUI.js} +2 -2
  153. package/dist/{chunk-6G56A3XH.js → chunk-WQ6N5BII.js} +8 -8
  154. package/dist/{chunk-CNG2EXC7.js → chunk-YHTI4WGJ.js} +2 -2
  155. package/dist/{chunk-53QBBZR4.js → chunk-YSVFXCC7.js} +2 -2
  156. package/dist/{chunk-W2EX7F7K.js → chunk-ZDGQR7RE.js} +1 -1
  157. package/dist/{chunk-ULY62A7P.js → chunk-ZLE5WF3R.js} +3 -3
  158. package/dist/{chunk-6T7TUF6N.js → chunk-ZTPR4526.js} +3 -3
  159. package/dist/combobox/src/ComboBox.css +1053 -681
  160. package/dist/combobox/src/ComboBox.js +20 -20
  161. package/dist/combobox/src/index.css +1053 -681
  162. package/dist/combobox/src/index.js +20 -20
  163. package/dist/contextual-help/src/ContextualHelp.css +976 -604
  164. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  165. package/dist/contextual-help/src/index.css +976 -604
  166. package/dist/contextual-help/src/index.js +4 -4
  167. package/dist/disclosure/src/Disclosure.css +48 -48
  168. package/dist/disclosure/src/Disclosure.js +2 -2
  169. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  170. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  171. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  172. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  173. package/dist/disclosure/src/index.css +73 -73
  174. package/dist/disclosure/src/index.js +8 -8
  175. package/dist/divider/src/Divider.css +40 -40
  176. package/dist/divider/src/Divider.js +1 -1
  177. package/dist/divider/src/index.css +40 -40
  178. package/dist/divider/src/index.js +1 -1
  179. package/dist/error-message/src/ErrorMessage.css +40 -40
  180. package/dist/error-message/src/ErrorMessage.js +2 -2
  181. package/dist/error-message/src/index.css +40 -40
  182. package/dist/error-message/src/index.js +2 -2
  183. package/dist/form/src/Form.css +38 -38
  184. package/dist/form/src/Form.js +1 -1
  185. package/dist/form/src/index.css +38 -38
  186. package/dist/form/src/index.js +1 -1
  187. package/dist/header/src/Header.css +38 -38
  188. package/dist/header/src/index.css +38 -38
  189. package/dist/helper-message/src/HelperMessage.css +40 -40
  190. package/dist/helper-message/src/HelperMessage.js +2 -2
  191. package/dist/helper-message/src/index.css +40 -40
  192. package/dist/helper-message/src/index.js +2 -2
  193. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  194. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  195. package/dist/hopper-provider/src/index.css +39 -39
  196. package/dist/hopper-provider/src/index.js +1 -1
  197. package/dist/icon-list/src/IconList.css +39 -39
  198. package/dist/icon-list/src/IconList.js +1 -1
  199. package/dist/icon-list/src/index.css +39 -39
  200. package/dist/icon-list/src/index.js +1 -1
  201. package/dist/illustrated-message/src/IllustratedMessage.css +652 -280
  202. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  203. package/dist/illustrated-message/src/index.css +652 -280
  204. package/dist/illustrated-message/src/index.js +1 -1
  205. package/dist/image/src/Image.css +41 -41
  206. package/dist/image/src/Image.js +1 -1
  207. package/dist/image/src/SvgImage.css +39 -39
  208. package/dist/image/src/SvgImage.js +1 -1
  209. package/dist/image/src/index.css +42 -42
  210. package/dist/image/src/index.js +2 -2
  211. package/dist/index.css +1403 -1031
  212. package/dist/index.d.ts +3 -0
  213. package/dist/index.js +104 -101
  214. package/dist/inputs/src/Input.css +42 -42
  215. package/dist/inputs/src/Input.js +1 -1
  216. package/dist/inputs/src/InputGroup.css +44 -44
  217. package/dist/inputs/src/InputGroup.js +1 -1
  218. package/dist/inputs/src/NumberField.css +68 -68
  219. package/dist/inputs/src/NumberField.js +10 -10
  220. package/dist/inputs/src/PasswordField.css +653 -281
  221. package/dist/inputs/src/PasswordField.js +10 -10
  222. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  223. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  224. package/dist/inputs/src/SearchField.css +659 -287
  225. package/dist/inputs/src/SearchField.js +11 -11
  226. package/dist/inputs/src/TextArea.css +65 -65
  227. package/dist/inputs/src/TextArea.js +9 -9
  228. package/dist/inputs/src/TextField.css +657 -285
  229. package/dist/inputs/src/TextField.js +13 -13
  230. package/dist/inputs/src/index.css +705 -333
  231. package/dist/inputs/src/index.js +17 -17
  232. package/dist/layout/src/Content.css +38 -38
  233. package/dist/layout/src/Footer.css +38 -38
  234. package/dist/link/src/Link.css +77 -77
  235. package/dist/link/src/Link.js +3 -3
  236. package/dist/link/src/index.css +77 -77
  237. package/dist/link/src/index.js +3 -3
  238. package/dist/list-box/src/ListBox.css +312 -312
  239. package/dist/list-box/src/ListBox.js +7 -7
  240. package/dist/list-box/src/ListBoxItem.css +300 -300
  241. package/dist/list-box/src/ListBoxItem.js +6 -6
  242. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  243. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  244. package/dist/list-box/src/index.css +312 -312
  245. package/dist/list-box/src/index.js +7 -7
  246. package/dist/menu/src/Menu.css +978 -606
  247. package/dist/menu/src/Menu.js +3 -3
  248. package/dist/menu/src/MenuItem.css +117 -117
  249. package/dist/menu/src/MenuItem.js +2 -2
  250. package/dist/menu/src/MenuSection.css +40 -40
  251. package/dist/menu/src/MenuSection.js +1 -1
  252. package/dist/menu/src/index.css +1003 -631
  253. package/dist/menu/src/index.js +6 -6
  254. package/dist/modal/src/BaseModal.css +53 -53
  255. package/dist/modal/src/BaseModal.js +1 -1
  256. package/dist/modal/src/CustomModal.css +54 -54
  257. package/dist/modal/src/CustomModal.js +2 -2
  258. package/dist/modal/src/Modal.css +675 -303
  259. package/dist/modal/src/Modal.js +10 -9
  260. package/dist/modal/src/index.css +676 -304
  261. package/dist/modal/src/index.js +12 -11
  262. package/dist/overlays/popover/src/Popover.css +970 -598
  263. package/dist/overlays/popover/src/Popover.js +2 -2
  264. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  265. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  266. package/dist/overlays/popover/src/index.css +973 -601
  267. package/dist/overlays/popover/src/index.js +3 -3
  268. package/dist/radio/src/DecorativeRadio.css +65 -65
  269. package/dist/radio/src/DecorativeRadio.js +3 -3
  270. package/dist/radio/src/Radio.css +57 -57
  271. package/dist/radio/src/Radio.js +3 -3
  272. package/dist/radio/src/RadioField.css +44 -44
  273. package/dist/radio/src/RadioField.js +2 -2
  274. package/dist/radio/src/RadioGroup.css +109 -109
  275. package/dist/radio/src/RadioGroup.js +7 -7
  276. package/dist/radio/src/index.css +109 -109
  277. package/dist/radio/src/index.js +12 -12
  278. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  279. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  280. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  281. package/dist/segmented-control/src/SegmentedControlItem.js +3 -3
  282. package/dist/segmented-control/src/index.css +54 -54
  283. package/dist/segmented-control/src/index.js +4 -4
  284. package/dist/select/src/Select.css +997 -625
  285. package/dist/select/src/Select.js +18 -18
  286. package/dist/select/src/SelectValue.css +99 -99
  287. package/dist/select/src/SelectValue.js +2 -2
  288. package/dist/select/src/index.css +997 -625
  289. package/dist/select/src/index.js +18 -18
  290. package/dist/spinner/src/Spinner.css +48 -48
  291. package/dist/spinner/src/Spinner.js +2 -2
  292. package/dist/spinner/src/index.css +48 -48
  293. package/dist/spinner/src/index.js +2 -2
  294. package/dist/switch/src/Switch.css +54 -54
  295. package/dist/switch/src/Switch.js +3 -3
  296. package/dist/switch/src/SwitchField.css +44 -44
  297. package/dist/switch/src/SwitchField.js +2 -2
  298. package/dist/switch/src/index.css +60 -60
  299. package/dist/switch/src/index.js +4 -4
  300. package/dist/tabs/src/Tab.css +823 -451
  301. package/dist/tabs/src/Tab.js +2 -2
  302. package/dist/tabs/src/TabLine.css +40 -40
  303. package/dist/tabs/src/TabLine.js +1 -1
  304. package/dist/tabs/src/TabList.css +47 -47
  305. package/dist/tabs/src/TabList.js +2 -2
  306. package/dist/tabs/src/TabPanel.css +40 -40
  307. package/dist/tabs/src/TabPanel.js +1 -1
  308. package/dist/tabs/src/index.css +834 -462
  309. package/dist/tabs/src/index.js +5 -5
  310. package/dist/tag/src/Tag.css +801 -429
  311. package/dist/tag/src/Tag.js +8 -8
  312. package/dist/tag/src/TagGroup.css +48 -48
  313. package/dist/tag/src/TagGroup.js +7 -7
  314. package/dist/tag/src/index.css +811 -439
  315. package/dist/tag/src/index.js +13 -13
  316. package/dist/tile/src/Tile.css +47 -47
  317. package/dist/tile/src/Tile.js +2 -2
  318. package/dist/tile/src/TileGroup.css +39 -39
  319. package/dist/tile/src/TileGroup.js +1 -1
  320. package/dist/tile/src/index.css +48 -48
  321. package/dist/tile/src/index.js +3 -3
  322. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  323. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  324. package/dist/toggle-arrow/src/index.css +40 -40
  325. package/dist/toggle-arrow/src/index.js +1 -1
  326. package/dist/tooltip/src/Tooltip.css +48 -48
  327. package/dist/tooltip/src/Tooltip.js +3 -3
  328. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  329. package/dist/tooltip/src/TooltipTrigger.js +2 -2
  330. package/dist/tooltip/src/index.css +48 -48
  331. package/dist/tooltip/src/index.js +5 -5
  332. package/dist/typography/heading/src/Heading.css +38 -38
  333. package/dist/typography/heading/src/Heading.js +1 -1
  334. package/dist/typography/heading/src/index.css +38 -38
  335. package/dist/typography/heading/src/index.js +1 -1
  336. package/dist/typography/label/src/FieldLabel.css +38 -38
  337. package/dist/typography/label/src/FieldLabel.js +3 -3
  338. package/dist/typography/label/src/Label.css +38 -38
  339. package/dist/typography/label/src/Label.js +1 -1
  340. package/dist/typography/label/src/index.css +38 -38
  341. package/dist/typography/label/src/index.js +3 -3
  342. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  343. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  344. package/dist/typography/overline-text/src/index.css +38 -38
  345. package/dist/typography/overline-text/src/index.js +1 -1
  346. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  347. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  348. package/dist/typography/paragraph/src/index.css +38 -38
  349. package/dist/typography/paragraph/src/index.js +2 -2
  350. package/dist/typography/text/src/Text.css +38 -38
  351. package/dist/typography/text/src/Text.js +1 -1
  352. package/dist/typography/text/src/index.css +38 -38
  353. package/dist/typography/text/src/index.js +1 -1
  354. package/dist/utils/src/ClearSlots.css +38 -38
  355. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  356. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  357. package/dist/utils/src/index.css +38 -38
  358. package/dist/utils/src/index.d.ts +1 -0
  359. package/dist/utils/src/index.js +4 -3
  360. package/dist/utils/src/useProgressVisibility.d.ts +3 -0
  361. package/dist/utils/src/useProgressVisibility.js +2 -0
  362. package/package.json +2 -2
  363. package/dist/{chunk-DCO4XGBI.js → chunk-DAF2CRGN.js} +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___f8I5B {
2
+ .Heading-module__hop-Heading___HuSq0 {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___f8I5B) {
36
+ :where(.Heading-module__hop-Heading___HuSq0) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___RO7T9) {
44
+ :where(.Heading-module__hop-Heading--xs___-U4Fu) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___u2TRR) {
50
+ :where(.Heading-module__hop-Heading--sm___oaTBI) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___BFmdf) {
56
+ :where(.Heading-module__hop-Heading--md___I6yKU) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___hMrrH) {
62
+ :where(.Heading-module__hop-Heading--lg___cSUHh) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___gQz6L) {
68
+ :where(.Heading-module__hop-Heading--xl___cW9vR) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___9oHXD) {
74
+ :where(.Heading-module__hop-Heading--2xl___sK0WX) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
80
+ :where(.Heading-module__hop-Heading--3xl___EY0XE) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___7RaBZ {
88
+ .Form-module__hop-Form___WVGz6 {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___dgJtM {
95
+ .Label-module__hop-Label___jtOw5 {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___dgJtM) {
102
+ :where(.Label-module__hop-Label___jtOw5) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___kUoHY {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___H-91A {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
121
+ :where(.OverlineText-module__hop-OverlineText___qxVHD) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___-Cgyx {
145
+ .OverlineText-module__hop-OverlineText__text___PNTd8 {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
149
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
148
+ .OverlineText-module__hop-OverlineText__text___PNTd8::before,
149
+ .OverlineText-module__hop-OverlineText__text___PNTd8::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
156
+ .OverlineText-module__hop-OverlineText__text___PNTd8::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
159
+ .OverlineText-module__hop-OverlineText__text___PNTd8::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___NFTCi {
164
+ .Text-module__hop-Text___f6AGu {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___NFTCi) {
194
+ :where(.Text-module__hop-Text___f6AGu) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___I0d0v) {
200
+ :where(.Text-module__hop-Text--xs___RsCQP) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___33NDY) {
206
+ :where(.Text-module__hop-Text--sm___TkqFN) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___12lqb) {
212
+ :where(.Text-module__hop-Text--md___1c9p-) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___EIx-l) {
218
+ :where(.Text-module__hop-Text--lg___UwNGw) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___Hgsci) {
224
+ :where(.Text-module__hop-Text--xl___H530M) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___bZva7) {
230
+ :where(.Text-module__hop-Text--2xl___q0Pqd) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___D42Q3) {
236
+ :where(.Text-module__hop-Text--inherit___dgpTW) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___pDtiI {
244
+ .Paragraph-module__hop-Paragraph___5zVew {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___pDtiI:last-child {
256
+ .Paragraph-module__hop-Paragraph___5zVew:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___yzl-N {
259
+ .Paragraph-module__hop-Paragraph--xs___Shxr- {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___mssXe {
262
+ .Paragraph-module__hop-Paragraph--sm___f7Ckx {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___Ujb4e {
265
+ .Paragraph-module__hop-Paragraph--md___ZOruG {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___fzVC0 {
268
+ .Paragraph-module__hop-Paragraph--lg___Qa9SP {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___bF-Yd {
271
+ .Paragraph-module__hop-Paragraph--xl___FCRP5 {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___UuYkH {
274
+ .Paragraph-module__hop-Paragraph--2xl___E-vUz {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___jW721 {
277
+ .Paragraph-module__hop-Paragraph--inherit___MJOlg {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
282
- .Badge-module__hop-Badge___A-Bla {
282
+ .Badge-module__hop-Badge___AOkrP {
283
283
  --hop-Badge-height: 1.5rem;
284
284
  --hop-Badge-width: max-content;
285
285
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -329,67 +329,67 @@
329
329
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
330
330
  border-radius: var(--border-radius);
331
331
  }
332
- .Badge-module__hop-Badge--primary___E55Gz {
332
+ .Badge-module__hop-Badge--primary___q8EQr {
333
333
  --background-color: var(--hop-Badge-primary-background-color);
334
334
  --text-color: var(--hop-Badge-primary-text-color);
335
335
  }
336
- .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
336
+ .Badge-module__hop-Badge--primary___q8EQr[data-hovered] {
337
337
  --background-color: var(--hop-Badge-primary-background-color-hovered);
338
338
  --text-color: var(--hop-Badge-primary-text-color-hovered);
339
339
  }
340
- .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
340
+ .Badge-module__hop-Badge--primary___q8EQr[data-pressed] {
341
341
  --background-color: var(--hop-Badge-primary-background-color-pressed);
342
342
  --text-color: var(--hop-Badge-primary-text-color-pressed);
343
343
  }
344
- .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
344
+ .Badge-module__hop-Badge--primary___q8EQr[data-selected] {
345
345
  --background-color: var(--hop-Badge-primary-background-color-selected);
346
346
  --text-color: var(--hop-Badge-primary-text-color-selected);
347
347
  }
348
- .Badge-module__hop-Badge--secondary___0bxAx {
348
+ .Badge-module__hop-Badge--secondary___cFi7D {
349
349
  --background-color: var(--hop-Badge-secondary-background-color);
350
350
  --text-color: var(--hop-Badge-secondary-text-color);
351
351
  }
352
- .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
352
+ .Badge-module__hop-Badge--secondary___cFi7D[data-hovered] {
353
353
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
354
354
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
355
355
  }
356
- .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
356
+ .Badge-module__hop-Badge--secondary___cFi7D[data-pressed] {
357
357
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
358
358
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
359
359
  }
360
- .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
360
+ .Badge-module__hop-Badge--secondary___cFi7D[data-selected] {
361
361
  --background-color: var(--hop-Badge-secondary-background-color-selected);
362
362
  --text-color: var(--hop-Badge-secondary-text-color-selected);
363
363
  }
364
- .Badge-module__hop-Badge--subdued___zdomT {
364
+ .Badge-module__hop-Badge--subdued___NxemM {
365
365
  --background-color: var(--hop-Badge-subdued-background-color);
366
366
  --text-color: var(--hop-Badge-subdued-text-color);
367
367
  }
368
- .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
368
+ .Badge-module__hop-Badge--subdued___NxemM[data-hovered] {
369
369
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
370
370
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
371
371
  }
372
- .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
372
+ .Badge-module__hop-Badge--subdued___NxemM[data-pressed] {
373
373
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
374
374
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
375
375
  }
376
- .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
376
+ .Badge-module__hop-Badge--subdued___NxemM[data-selected] {
377
377
  --background-color: var(--hop-Badge-subdued-background-color-selected);
378
378
  --text-color: var(--hop-Badge-subdued-text-color-selected);
379
379
  }
380
- .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
380
+ .Badge-module__hop-Badge___AOkrP[data-indeterminate] {
381
381
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
382
382
  --height: var(--hop-Badge-indeterminate-height);
383
383
  --width: var(--hop-Badge-indeterminate-width);
384
384
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
385
385
  }
386
- .Badge-module__hop-Badge___A-Bla[data-disabled] {
386
+ .Badge-module__hop-Badge___AOkrP[data-disabled] {
387
387
  --background-color: var(--hop-Badge-background-color-disabled);
388
388
  --text-color: var(--hop-Badge-text-color-disabled);
389
389
  }
390
390
 
391
391
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
392
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
392
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0 {
393
393
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
394
394
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
395
395
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -430,7 +430,7 @@
430
430
  box-sizing: border-box;
431
431
  inline-size: max-content;
432
432
  }
433
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
433
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top right"] {
434
434
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
435
435
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
436
436
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -438,11 +438,11 @@
438
438
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
439
439
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
440
440
  }
441
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
441
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top right"][data-overlap=circular] {
442
442
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
443
443
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
444
444
  }
445
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
445
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top left"] {
446
446
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
447
447
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
448
448
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -450,11 +450,11 @@
450
450
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
451
451
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
452
452
  }
453
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
453
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top left"][data-overlap=circular] {
454
454
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
455
455
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
456
456
  }
457
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
457
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom right"] {
458
458
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
459
459
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
460
460
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -462,11 +462,11 @@
462
462
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
463
463
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
464
464
  }
465
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
465
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom right"][data-overlap=circular] {
466
466
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
467
467
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
468
468
  }
469
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
469
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom left"] {
470
470
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
471
471
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
472
472
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -474,11 +474,11 @@
474
474
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
475
475
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
476
476
  }
477
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
477
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom left"][data-overlap=circular] {
478
478
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
479
479
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
480
480
  }
481
- .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
481
+ .FloatingBadge-module__hop-FloatingBadge__badge___nFxX- {
482
482
  position: absolute;
483
483
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
484
484
  transform-origin: var(--badge-transform-origin);
@@ -486,7 +486,7 @@
486
486
  }
487
487
 
488
488
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
489
- .ErrorMessage-module__hop-ErrorMessage___XomeT {
489
+ .ErrorMessage-module__hop-ErrorMessage___Tpknp {
490
490
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
491
491
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
492
492
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -503,13 +503,13 @@
503
503
  line-height: var(--hop-ErrorMessage-line-height);
504
504
  color: var(--hop-ErrorMessage-color);
505
505
  }
506
- .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
506
+ .ErrorMessage-module__hop-ErrorMessage__icon___vWdum {
507
507
  flex: 0 0 auto;
508
508
  align-self: flex-start;
509
509
  }
510
510
 
511
511
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
512
- .HelperMessage-module__hop-HelperMessage___QIP7E {
512
+ .HelperMessage-module__hop-HelperMessage___-xbon {
513
513
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
514
514
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
515
515
  display: flex;
@@ -518,13 +518,13 @@
518
518
  box-sizing: border-box;
519
519
  color: var(--hop-HelperMessage-color);
520
520
  }
521
- .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
521
+ .HelperMessage-module__hop-HelperMessage__icon___ABiUW {
522
522
  flex: 0 0 auto;
523
523
  align-self: flex-start;
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
527
- .Input-module__hop-Input___b2lYS {
527
+ .Input-module__hop-Input___WGS2g {
528
528
  --hop-Input-placeholder-font-family: inherit;
529
529
  --hop-Input-placeholder-font-size: inherit;
530
530
  --hop-Input-placeholder-font-weight: inherit;
@@ -572,28 +572,28 @@
572
572
  border: 0;
573
573
  outline-style: none;
574
574
  }
575
- .Input-module__hop-Input--sm___T3sjx {
575
+ .Input-module__hop-Input--sm___CIdII {
576
576
  --font-family: var(--hop-Input-sm-font-family);
577
577
  --font-size: var(--hop-Input-sm-font-size);
578
578
  --font-weight: var(--hop-Input-sm-font-weight);
579
579
  --line-height: var(--hop-Input-sm-line-height);
580
580
  --block-size: var(--hop-Input-sm-block-size);
581
581
  }
582
- .Input-module__hop-Input___b2lYS::placeholder {
582
+ .Input-module__hop-Input___WGS2g::placeholder {
583
583
  font-family: var(--hop-Input-placeholder-font-family);
584
584
  font-size: var(--hop-Input-placeholder-font-size);
585
585
  font-weight: var(--hop-Input-placeholder-font-weight);
586
586
  line-height: var(--hop-Input-placeholder-line-height);
587
587
  color: var(--input-placeholder-color);
588
588
  }
589
- .Input-module__hop-Input___b2lYS[data-disabled] {
589
+ .Input-module__hop-Input___WGS2g[data-disabled] {
590
590
  --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
591
591
  --color: var(--hop-Input-color-disabled);
592
592
  --background-color: var(--hop-Input-background-disabled);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
596
- .InputGroup-module__hop-InputGroup___dpz8J {
596
+ .InputGroup-module__hop-InputGroup___olj1f {
597
597
  --hop-InputGroup-background: var(--hop-neutral-surface);
598
598
  --hop-InputGroup-border-color: var(--hop-neutral-border);
599
599
  --hop-InputGroup-border-width: 0.0625rem;
@@ -624,26 +624,26 @@
624
624
  border: var(--border);
625
625
  border-radius: var(--hop-InputGroup-border-radius);
626
626
  }
627
- .InputGroup-module__hop-InputGroup--fluid___LJngv {
627
+ .InputGroup-module__hop-InputGroup--fluid___LcYzj {
628
628
  --inline-size: 100%;
629
629
  }
630
- .InputGroup-module__hop-InputGroup___dpz8J[data-hovered] {
630
+ .InputGroup-module__hop-InputGroup___olj1f[data-hovered] {
631
631
  --background: var(--hop-InputGroup-background-hover);
632
632
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
633
633
  }
634
- .InputGroup-module__hop-InputGroup___dpz8J[data-focus-within] {
634
+ .InputGroup-module__hop-InputGroup___olj1f[data-focus-within] {
635
635
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
636
636
  }
637
- .InputGroup-module__hop-InputGroup___dpz8J[data-invalid] {
637
+ .InputGroup-module__hop-InputGroup___olj1f[data-invalid] {
638
638
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
639
639
  }
640
- .InputGroup-module__hop-InputGroup___dpz8J[data-disabled] {
640
+ .InputGroup-module__hop-InputGroup___olj1f[data-disabled] {
641
641
  --background: var(--hop-InputGroup-background-disabled);
642
642
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
643
643
  }
644
644
 
645
645
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
646
- .NumberField-module__hop-NumberField___kGvCf {
646
+ .NumberField-module__hop-NumberField___VUznn {
647
647
  --hop-NumberField-gap: var(--hop-space-stack-xs);
648
648
  --hop-NumberField-inline-size: 20rem;
649
649
  --hop-NumberField-inline-size-fluid: 100%;
@@ -679,30 +679,30 @@
679
679
  gap: var(--hop-NumberField-gap);
680
680
  inline-size: var(--inline-size);
681
681
  }
682
- .NumberField-module__hop-NumberField--fluid___B7Hlg {
682
+ .NumberField-module__hop-NumberField--fluid___OVmXv {
683
683
  --inline-size: var(--hop-NumberField-inline-size-fluid);
684
684
  }
685
- .NumberField-module__hop-NumberField__Label___mqltf {
685
+ .NumberField-module__hop-NumberField__Label___8WIxC {
686
686
  order: 0;
687
687
  }
688
- .NumberField-module__hop-NumberField__prefix___8MS11 {
688
+ .NumberField-module__hop-NumberField__prefix___Zrv-b {
689
689
  order: 1;
690
690
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
691
691
  color: var(--hop-NumberField-prefix-color);
692
692
  }
693
- .NumberField-module__hop-NumberField__InputGroup___Jih0X {
693
+ .NumberField-module__hop-NumberField__InputGroup___FHufT {
694
694
  grid-template: var(--hop-NumberField-input-group-template);
695
695
  order: 1;
696
696
  padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
697
697
  }
698
- .NumberField-module__hop-NumberField__ErrorMessage___-kPGi,
699
- .NumberField-module__hop-NumberField__HelperMessage___5teuf {
698
+ .NumberField-module__hop-NumberField__ErrorMessage___XwQct,
699
+ .NumberField-module__hop-NumberField__HelperMessage___G34zr {
700
700
  order: 3;
701
701
  }
702
- .NumberField-module__hop-NumberField__steppers___SD1A2 {
702
+ .NumberField-module__hop-NumberField__steppers___A9ZDE {
703
703
  order: 3;
704
704
  }
705
- .NumberField-module__hop-NumberField__stepper-button___4iXc6 {
705
+ .NumberField-module__hop-NumberField__stepper-button___p7GYn {
706
706
  cursor: pointer;
707
707
  display: flex;
708
708
  grid-area: var(--grid-area, unset);
@@ -722,39 +722,39 @@
722
722
  border-radius: var(--stepper-border-radius, 0);
723
723
  outline: none;
724
724
  }
725
- .NumberField-module__hop-NumberField__stepper-button--increment___vpaq9 {
725
+ .NumberField-module__hop-NumberField__stepper-button--increment___dLaMI {
726
726
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
727
727
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
728
728
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
729
729
  }
730
- .NumberField-module__hop-NumberField__stepper-button--decrement___CA-GO {
730
+ .NumberField-module__hop-NumberField__stepper-button--decrement___bA0-I {
731
731
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
732
732
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
733
733
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
734
734
  }
735
- .NumberField-module__hop-NumberField__stepper-button___4iXc6[data-hovered] {
735
+ .NumberField-module__hop-NumberField__stepper-button___p7GYn[data-hovered] {
736
736
  color: var(--hop-NumberField-stepper-color-hovered);
737
737
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
738
738
  }
739
- .NumberField-module__hop-NumberField__stepper-button___4iXc6[data-pressed] {
739
+ .NumberField-module__hop-NumberField__stepper-button___p7GYn[data-pressed] {
740
740
  color: var(--hop-NumberField-stepper-color-pressed);
741
741
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
742
742
  }
743
- .NumberField-module__hop-NumberField__stepper-button___4iXc6[data-disabled] {
743
+ .NumberField-module__hop-NumberField__stepper-button___p7GYn[data-disabled] {
744
744
  cursor: default;
745
745
  color: var(--hop-NumberField-stepper-color-disabled);
746
746
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
747
747
  }
748
- .NumberField-module__hop-NumberField__stepper-button__icon___eR8Ng {
748
+ .NumberField-module__hop-NumberField__stepper-button__icon___Ioey7 {
749
749
  display: block;
750
750
  max-block-size: 100%;
751
751
  }
752
- .NumberField-module__hop-NumberField__input___RPLAj {
752
+ .NumberField-module__hop-NumberField__input___JWo7h {
753
753
  order: 2;
754
754
  }
755
755
 
756
756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
757
- .IconList-module__hop-IconList___m2E3v {
757
+ .IconList-module__hop-IconList___GGE7v {
758
758
  --hop-IconList-gap: var(--hop-space-inline-xs);
759
759
  display: flex;
760
760
  flex-wrap: wrap;
@@ -763,7 +763,7 @@
763
763
  }
764
764
 
765
765
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
766
- @keyframes Spinner-module__spin___pKwfA {
766
+ @keyframes Spinner-module__spin___O6fJG {
767
767
  0% {
768
768
  transform: rotate(0deg);
769
769
  }
@@ -771,7 +771,7 @@
771
771
  transform: rotate(360deg);
772
772
  }
773
773
  }
774
- .Spinner-module__hop-Spinner___NL-2c {
774
+ .Spinner-module__hop-Spinner___bKr4q {
775
775
  --hop-Spinner-border-radius: var(--hop-shape-circle);
776
776
  --hop-Spinner-sm-wheel-size: 1rem;
777
777
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -779,7 +779,7 @@
779
779
  --hop-Spinner-track-width: 0.125rem;
780
780
  --hop-Spinner-track-opacity: 0.2;
781
781
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
782
- --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
782
+ --hop-Spinner-fill-animation: Spinner-module__spin___O6fJG .8s infinite linear;
783
783
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
784
784
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
785
785
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -790,19 +790,19 @@
790
790
  align-items: center;
791
791
  box-sizing: border-box;
792
792
  }
793
- .Spinner-module__hop-Spinner--sm___o8oor {
793
+ .Spinner-module__hop-Spinner--sm___f3F5Y {
794
794
  --width: var(--hop-Spinner-sm-wheel-size);
795
795
  --height: var(--hop-Spinner-sm-wheel-size);
796
796
  }
797
- .Spinner-module__hop-Spinner--md___Z3T3P {
797
+ .Spinner-module__hop-Spinner--md___oQnqF {
798
798
  --width: var(--hop-Spinner-md-wheel-size);
799
799
  --height: var(--hop-Spinner-md-wheel-size);
800
800
  }
801
- .Spinner-module__hop-Spinner--lg___-2JJ5 {
801
+ .Spinner-module__hop-Spinner--lg___-f2Ai {
802
802
  --width: var(--hop-Spinner-lg-wheel-size);
803
803
  --height: var(--hop-Spinner-lg-wheel-size);
804
804
  }
805
- .Spinner-module__hop-Spinner__track___-5qNx {
805
+ .Spinner-module__hop-Spinner__track___X5WJC {
806
806
  grid-area: spinner;
807
807
  box-sizing: border-box;
808
808
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -811,7 +811,7 @@
811
811
  border: var(--hop-Spinner-track-border);
812
812
  border-radius: var(--hop-Spinner-border-radius);
813
813
  }
814
- .Spinner-module__hop-Spinner__fill___ds519 {
814
+ .Spinner-module__hop-Spinner__fill___Panku {
815
815
  grid-area: spinner;
816
816
  box-sizing: border-box;
817
817
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -822,17 +822,17 @@
822
822
  animation: var(--hop-Spinner-fill-animation);
823
823
  }
824
824
  @media (prefers-reduced-motion: reduce) {
825
- .Spinner-module__hop-Spinner__fill___ds519 {
825
+ .Spinner-module__hop-Spinner__fill___Panku {
826
826
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
827
827
  }
828
828
  }
829
- .Spinner-module__hop-Spinner__label___aAqY5 {
829
+ .Spinner-module__hop-Spinner__label___H25UX {
830
830
  grid-area: label;
831
831
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
832
832
  }
833
833
 
834
834
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
835
- .Button-module__hop-Button___drz4z {
835
+ .Button-module__hop-Button___Wx1Zn {
836
836
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
837
837
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
838
838
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -956,215 +956,215 @@
956
956
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
957
957
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
958
958
  }
959
- .Button-module__hop-Button--fluid___jF2LE {
959
+ .Button-module__hop-Button--fluid___-gqsM {
960
960
  --inline-size: 100%;
961
961
  }
962
- .Button-module__hop-Button--sm___yWI1w {
962
+ .Button-module__hop-Button--sm___V1DL4 {
963
963
  --block-size: var(--hop-Button-sm-height);
964
964
  --padding: var(--hop-Button-sm-padding);
965
965
  }
966
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
966
+ .Button-module__hop-Button--sm___V1DL4[class*=--ghost] {
967
967
  --padding: var(--hop-Button-ghost-sm-padding);
968
968
  }
969
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
969
+ .Button-module__hop-Button--md___nHPE0[class*=--ghost] {
970
970
  --padding: var(--hop-Button-ghost-md-padding);
971
971
  }
972
- .Button-module__hop-Button--icon-only___ZVI03 {
972
+ .Button-module__hop-Button--icon-only___3UEdV {
973
973
  --column-gap: var(--hop-Button-icon-only-column-gap);
974
974
  --padding: var(--hop-Button-icon-only-padding);
975
975
  aspect-ratio: 1;
976
976
  }
977
- .Button-module__hop-Button--primary___gQcR4 {
977
+ .Button-module__hop-Button--primary___3EavW {
978
978
  --background-color: var(--hop-Button-primary-background-color);
979
979
  --color: var(--hop-Button-primary-color);
980
980
  --border: var(--hop-Button-primary-border);
981
981
  --spinner-color: var(--hop-Button-primary-spinner-color);
982
982
  }
983
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
984
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
983
+ .Button-module__hop-Button--primary___3EavW[data-hovered],
984
+ .Button-module__hop-Button--primary___3EavW[data-focus-visible] {
985
985
  --background-color: var(--hop-Button-primary-background-color-hover);
986
986
  --color: var(--hop-Button-primary-color-hover);
987
987
  --border: var(--hop-Button-primary-border-hover);
988
988
  }
989
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
989
+ .Button-module__hop-Button--primary___3EavW[data-pressed] {
990
990
  --background-color: var(--hop-Button-primary-background-color-pressed);
991
991
  --color: var(--hop-Button-primary-color-pressed);
992
992
  --border: var(--hop-Button-primary-border-pressed);
993
993
  }
994
- .Button-module__hop-Button--secondary___iPATA {
994
+ .Button-module__hop-Button--secondary___vcOcq {
995
995
  --background-color: var(--hop-Button-secondary-background-color);
996
996
  --color: var(--hop-Button-secondary-color);
997
997
  --border: var(--hop-Button-secondary-border);
998
998
  --spinner-color: var(--hop-Button-secondary-spinner-color);
999
999
  }
1000
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
1001
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1000
+ .Button-module__hop-Button--secondary___vcOcq[data-hovered],
1001
+ .Button-module__hop-Button--secondary___vcOcq[data-focus-visible] {
1002
1002
  --background-color: var(--hop-Button-secondary-background-color-hover);
1003
1003
  --color: var(--hop-Button-secondary-color-hover);
1004
1004
  --border: var(--hop-Button-secondary-border-hover);
1005
1005
  }
1006
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1006
+ .Button-module__hop-Button--secondary___vcOcq[data-pressed] {
1007
1007
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1008
1008
  --color: var(--hop-Button-secondary-color-pressed);
1009
1009
  --border: var(--hop-Button-secondary-border-pressed);
1010
1010
  }
1011
- .Button-module__hop-Button--upsell___1odMt {
1011
+ .Button-module__hop-Button--upsell___2A2kN {
1012
1012
  --background-color: var(--hop-Button-upsell-background-color);
1013
1013
  --color: var(--hop-Button-upsell-color);
1014
1014
  --border: var(--hop-Button-upsell-border);
1015
1015
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1016
1016
  }
1017
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
1018
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1017
+ .Button-module__hop-Button--upsell___2A2kN[data-hovered],
1018
+ .Button-module__hop-Button--upsell___2A2kN[data-focus-visible] {
1019
1019
  --background-color: var(--hop-Button-upsell-background-color-hover);
1020
1020
  --color: var(--hop-Button-upsell-color-hover);
1021
1021
  --border: var(--hop-Button-upsell-border-hover);
1022
1022
  }
1023
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1023
+ .Button-module__hop-Button--upsell___2A2kN[data-pressed] {
1024
1024
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1025
1025
  --color: var(--hop-Button-upsell-color-pressed);
1026
1026
  --border: var(--hop-Button-upsell-border-pressed);
1027
1027
  }
1028
- .Button-module__hop-Button--danger___nvNVv {
1028
+ .Button-module__hop-Button--danger___5DdXE {
1029
1029
  --background-color: var(--hop-Button-danger-background-color);
1030
1030
  --color: var(--hop-Button-danger-color);
1031
1031
  --border: var(--hop-Button-danger-border);
1032
1032
  --spinner-color: var(--hop-Button-danger-spinner-color);
1033
1033
  }
1034
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
1035
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1034
+ .Button-module__hop-Button--danger___5DdXE[data-hovered],
1035
+ .Button-module__hop-Button--danger___5DdXE[data-focus-visible] {
1036
1036
  --background-color: var(--hop-Button-danger-background-color-hover);
1037
1037
  --color: var(--hop-Button-danger-color-hover);
1038
1038
  --border: var(--hop-Button-danger-border-hover);
1039
1039
  }
1040
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1040
+ .Button-module__hop-Button--danger___5DdXE[data-pressed] {
1041
1041
  --background-color: var(--hop-Button-danger-background-color-pressed);
1042
1042
  --color: var(--hop-Button-danger-color-pressed);
1043
1043
  --border: var(--hop-Button-danger-border-pressed);
1044
1044
  }
1045
- .Button-module__hop-Button--ghost-primary___XUMG1 {
1045
+ .Button-module__hop-Button--ghost-primary___pVC8I {
1046
1046
  --background-color: var(--hop-Button-ghost-primary-background-color);
1047
1047
  --color: var(--hop-Button-ghost-primary-color);
1048
1048
  --border: var(--hop-Button-ghost-primary-border);
1049
1049
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1050
1050
  }
1051
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1052
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1051
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-hovered],
1052
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-focus-visible] {
1053
1053
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1054
1054
  --color: var(--hop-Button-ghost-primary-color-hover);
1055
1055
  --border: var(--hop-Button-ghost-primary-border-hover);
1056
1056
  --text-underline: underline;
1057
1057
  }
1058
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1058
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-pressed] {
1059
1059
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1060
1060
  --color: var(--hop-Button-ghost-primary-color-pressed);
1061
1061
  --border: var(--hop-Button-ghost-primary-border-pressed);
1062
1062
  --text-underline: underline;
1063
1063
  }
1064
- .Button-module__hop-Button--ghost-secondary___YirRd {
1064
+ .Button-module__hop-Button--ghost-secondary___unj0t {
1065
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1066
1066
  --color: var(--hop-Button-ghost-secondary-color);
1067
1067
  --border: var(--hop-Button-ghost-secondary-border);
1068
1068
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1069
1069
  }
1070
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1071
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1070
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-hovered],
1071
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-focus-visible] {
1072
1072
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1073
1073
  --color: var(--hop-Button-ghost-secondary-color-hover);
1074
1074
  --border: var(--hop-Button-ghost-secondary-border-hover);
1075
1075
  --text-underline: underline;
1076
1076
  }
1077
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1077
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-pressed] {
1078
1078
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1079
1079
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1080
1080
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1081
1081
  --text-underline: underline;
1082
1082
  }
1083
- .Button-module__hop-Button--ghost-danger___J37kT {
1083
+ .Button-module__hop-Button--ghost-danger___5hyt5 {
1084
1084
  --background-color: var(--hop-Button-ghost-danger-background-color);
1085
1085
  --color: var(--hop-Button-ghost-danger-color);
1086
1086
  --border: var(--hop-Button-ghost-danger-border);
1087
1087
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1088
1088
  }
1089
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1090
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1089
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-hovered],
1090
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-focus-visible] {
1091
1091
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1092
1092
  --color: var(--hop-Button-ghost-danger-color-hover);
1093
1093
  --border: var(--hop-Button-ghost-danger-border-hover);
1094
1094
  --text-underline: underline;
1095
1095
  }
1096
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1096
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-pressed] {
1097
1097
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1098
1098
  --color: var(--hop-Button-ghost-danger-color-pressed);
1099
1099
  --border: var(--hop-Button-ghost-danger-border-pressed);
1100
1100
  --text-underline: underline;
1101
1101
  }
1102
- .Button-module__hop-Button___drz4z[data-focus-visible] {
1102
+ .Button-module__hop-Button___Wx1Zn[data-focus-visible] {
1103
1103
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1104
1104
  }
1105
- .Button-module__hop-Button___drz4z[data-disabled],
1106
- .Button-module__hop-Button--loading___Vt2Li {
1105
+ .Button-module__hop-Button___Wx1Zn[data-disabled],
1106
+ .Button-module__hop-Button--loading___2lmgM {
1107
1107
  cursor: not-allowed;
1108
1108
  }
1109
- .Button-module__hop-Button___drz4z[data-disabled] {
1109
+ .Button-module__hop-Button___Wx1Zn[data-disabled] {
1110
1110
  --background-color: var(--hop-Button-background-color-disabled);
1111
1111
  --color: var(--hop-Button-color-disabled);
1112
1112
  --border: var(--hop-Button-border-disabled);
1113
1113
  }
1114
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1114
+ .Button-module__hop-Button___Wx1Zn[class*=--ghost][data-disabled] {
1115
1115
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1116
1116
  --color: var(--hop-Button-ghost-color-disabled);
1117
1117
  --border: var(--hop-Button-ghost-border-disabled);
1118
1118
  }
1119
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1119
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--primary___3EavW {
1120
1120
  --background-color: var(--hop-Button-primary-background-color);
1121
1121
  --color: var(--hop-Button-primary-color);
1122
1122
  --border: var(--hop-Button-primary-border);
1123
1123
  }
1124
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1124
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--secondary___vcOcq {
1125
1125
  --background-color: var(--hop-Button-secondary-background-color);
1126
1126
  --color: var(--hop-Button-secondary-color);
1127
1127
  --border: var(--hop-Button-secondary-border);
1128
1128
  }
1129
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1129
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--upsell___2A2kN {
1130
1130
  --background-color: var(--hop-Button-upsell-background-color);
1131
1131
  --color: var(--hop-Button-upsell-color);
1132
1132
  --border: var(--hop-Button-upsell-border);
1133
1133
  }
1134
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1134
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--danger___5DdXE {
1135
1135
  --background-color: var(--hop-Button-danger-background-color);
1136
1136
  --color: var(--hop-Button-danger-color);
1137
1137
  --border: var(--hop-Button-danger-border);
1138
1138
  }
1139
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1139
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-primary___pVC8I {
1140
1140
  --background-color: var(--hop-Button-ghost-primary-background-color);
1141
1141
  --color: var(--hop-Button-ghost-primary-color);
1142
1142
  --border: var(--hop-Button-ghost-primary-border);
1143
1143
  --text-underline: none;
1144
1144
  }
1145
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1145
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-secondary___unj0t {
1146
1146
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1147
1147
  --color: var(--hop-Button-ghost-secondary-color);
1148
1148
  --border: var(--hop-Button-ghost-secondary-border);
1149
1149
  --text-underline: none;
1150
1150
  }
1151
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1151
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-danger___5hyt5 {
1152
1152
  --background-color: var(--hop-Button-ghost-danger-background-color);
1153
1153
  --color: var(--hop-Button-ghost-danger-color);
1154
1154
  --border: var(--hop-Button-ghost-danger-border);
1155
1155
  --text-underline: none;
1156
1156
  }
1157
- .Button-module__hop-Button__Spinner___qFcTX {
1157
+ .Button-module__hop-Button__Spinner___hILkZ {
1158
1158
  position: absolute;
1159
1159
  color: var(--spinner-color);
1160
1160
  }
1161
- .Button-module__hop-Button__icon___i0bX0,
1162
- .Button-module__hop-Button__icon-list___h-l1l {
1161
+ .Button-module__hop-Button__icon___lRWc4,
1162
+ .Button-module__hop-Button__icon-list___xoDBK {
1163
1163
  flex: 0 0 auto;
1164
1164
  justify-self: end;
1165
1165
  order: 1;
1166
1166
  }
1167
- .Button-module__hop-Button__text___gW1zi {
1167
+ .Button-module__hop-Button__text___fEHr6 {
1168
1168
  user-select: none;
1169
1169
  overflow: visible;
1170
1170
  flex: 0 1 auto;
@@ -1174,60 +1174,60 @@
1174
1174
  text-underline-offset: 0.125rem;
1175
1175
  text-wrap: nowrap;
1176
1176
  }
1177
- .Button-module__hop-Button__end-icon___H4Qu5,
1178
- .Button-module__hop-Button__end-icon-list___k4l7m {
1177
+ .Button-module__hop-Button__end-icon___EE6f-,
1178
+ .Button-module__hop-Button__end-icon-list___mPjUM {
1179
1179
  flex: 0 0 auto;
1180
1180
  order: 3;
1181
1181
  }
1182
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1183
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1182
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__icon-list___xoDBK,
1183
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__end-icon-list___mPjUM {
1184
1184
  flex-wrap: nowrap;
1185
1185
  }
1186
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1186
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button___Wx1Zn > *:not(.Button-module__hop-Button__Spinner___hILkZ) {
1187
1187
  opacity: 0;
1188
1188
  }
1189
1189
 
1190
1190
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1191
- .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
1191
+ .ButtonGroup-module__hop-ButtonGroup___FO9mQ {
1192
1192
  display: inline-flex;
1193
1193
  flex-wrap: nowrap;
1194
1194
  gap: var(--hop-space-inline-md);
1195
1195
  }
1196
- .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1196
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
1197
1197
  align-items: center;
1198
1198
  }
1199
- .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1199
+ .ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
1200
1200
  flex-direction: column;
1201
1201
  gap: var(--hop-space-stack-md);
1202
1202
  justify-content: center;
1203
1203
  }
1204
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1204
+ .ButtonGroup-module__hop-ButtonGroup--start___W3fms.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
1205
1205
  align-items: flex-start;
1206
1206
  }
1207
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1207
+ .ButtonGroup-module__hop-ButtonGroup--center___IU5Kr.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
1208
1208
  align-items: center;
1209
1209
  }
1210
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1210
+ .ButtonGroup-module__hop-ButtonGroup--end___K8bE5.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
1211
1211
  align-items: flex-end;
1212
1212
  }
1213
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1213
+ .ButtonGroup-module__hop-ButtonGroup--start___W3fms.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
1214
1214
  justify-content: flex-start;
1215
1215
  }
1216
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1216
+ .ButtonGroup-module__hop-ButtonGroup--center___IU5Kr.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
1217
1217
  justify-content: center;
1218
1218
  }
1219
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1219
+ .ButtonGroup-module__hop-ButtonGroup--end___K8bE5.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
1220
1220
  justify-content: flex-end;
1221
1221
  }
1222
- .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
1222
+ .ButtonGroup-module__hop-ButtonGroup--wrap___uBzFH {
1223
1223
  flex-wrap: wrap;
1224
1224
  }
1225
- .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
1225
+ .ButtonGroup-module__hop-ButtonGroup--fluid___rfxPO {
1226
1226
  inline-size: 100%;
1227
1227
  }
1228
1228
 
1229
1229
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1230
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J {
1231
1231
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1232
1232
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1233
1233
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1391,7 +1391,7 @@
1391
1391
  outline: none;
1392
1392
  transition: color var(--transition);
1393
1393
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J::before {
1395
1395
  content: "";
1396
1396
  position: absolute;
1397
1397
  inset-block-start: 50%;
@@ -1404,284 +1404,284 @@
1404
1404
  border-radius: var(--effect-border-radius);
1405
1405
  transition: background-color var(--transition);
1406
1406
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-square] {
1408
1408
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1409
1409
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-Sk9K {
1411
1411
  --inline-size: var(--hop-EmbeddedButton-md-width);
1412
1412
  --block-size: var(--hop-EmbeddedButton-md-height);
1413
1413
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1414
1414
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hOr9m {
1416
1416
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1417
1417
  --block-size: var(--hop-EmbeddedButton-lg-height);
1418
1418
  --focus-ring-offset: 0;
1419
1419
  }
1420
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
1420
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-Sk9K::before {
1421
1421
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1422
1422
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1423
1423
  }
1424
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
1424
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hOr9m::before {
1425
1425
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1426
1426
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1427
1427
  }
1428
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
1428
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1- {
1429
1429
  --color: var(--hop-EmbeddedButton-neutral-color);
1430
1430
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1431
1431
  }
1432
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
1432
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg {
1433
1433
  --color: var(--hop-EmbeddedButton-subdued-color);
1434
1434
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1435
1435
  }
1436
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
1436
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr {
1437
1437
  --color: var(--hop-EmbeddedButton-progress-color);
1438
1438
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1439
1439
  }
1440
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
1440
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf {
1441
1441
  --color: var(--hop-EmbeddedButton-positive-color);
1442
1442
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1443
1443
  }
1444
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
1444
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN {
1445
1445
  --color: var(--hop-EmbeddedButton-caution-color);
1446
1446
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1447
1447
  }
1448
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
1448
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt {
1449
1449
  --color: var(--hop-EmbeddedButton-negative-color);
1450
1450
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1451
1451
  }
1452
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
1452
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN {
1453
1453
  --color: var(--hop-EmbeddedButton-option1-color);
1454
1454
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1455
1455
  }
1456
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
1456
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5 {
1457
1457
  --color: var(--hop-EmbeddedButton-option2-color);
1458
1458
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1459
1459
  }
1460
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
1460
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7 {
1461
1461
  --color: var(--hop-EmbeddedButton-option3-color);
1462
1462
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1463
1463
  }
1464
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
1464
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg {
1465
1465
  --color: var(--hop-EmbeddedButton-option4-color);
1466
1466
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1467
1467
  }
1468
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
1468
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2 {
1469
1469
  --color: var(--hop-EmbeddedButton-option5-color);
1470
1470
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1471
1471
  }
1472
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
1472
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb {
1473
1473
  --color: var(--hop-EmbeddedButton-option6-color);
1474
1474
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1475
1475
  }
1476
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
1476
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-selected] {
1477
1477
  --color: var(--hop-EmbeddedButton-selected-color);
1478
1478
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1479
1479
  }
1480
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
1480
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-focus-visible] {
1481
1481
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1482
1482
  outline-offset: var(--focus-ring-offset);
1483
1483
  }
1484
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1484
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-disabled] {
1485
1485
  cursor: not-allowed;
1486
1486
  }
1487
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-hovered] {
1488
1488
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1489
1489
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1490
1490
  }
1491
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-focus-visible] {
1492
1492
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1493
1493
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1494
1494
  }
1495
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-pressed] {
1496
1496
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1497
1497
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1498
1498
  }
1499
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-disabled] {
1500
1500
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1501
1501
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1502
1502
  }
1503
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-hovered] {
1504
1504
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1505
1505
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1506
1506
  }
1507
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-focus-visible] {
1508
1508
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1509
1509
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1510
1510
  }
1511
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-pressed] {
1512
1512
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1513
1513
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1514
1514
  }
1515
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-disabled] {
1516
1516
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1517
1517
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1518
1518
  }
1519
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-hovered] {
1520
1520
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1521
1521
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1522
1522
  }
1523
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-focus-visible] {
1524
1524
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1525
1525
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1526
1526
  }
1527
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-pressed] {
1528
1528
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1529
1529
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1530
1530
  }
1531
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-disabled] {
1532
1532
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1533
1533
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1534
1534
  }
1535
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-hovered] {
1536
1536
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1537
1537
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1538
1538
  }
1539
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-focus-visible] {
1540
1540
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1541
1541
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1542
1542
  }
1543
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-pressed] {
1544
1544
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1545
1545
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1546
1546
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-disabled] {
1548
1548
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1549
1549
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1550
1550
  }
1551
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-hovered] {
1552
1552
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1553
1553
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1554
1554
  }
1555
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-focus-visible] {
1556
1556
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1557
1557
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1558
1558
  }
1559
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-pressed] {
1560
1560
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1561
1561
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1562
1562
  }
1563
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-disabled] {
1564
1564
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1565
1565
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1566
1566
  }
1567
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-hovered] {
1568
1568
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1569
1569
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1570
1570
  }
1571
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-focus-visible] {
1572
1572
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1573
1573
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1574
1574
  }
1575
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-pressed] {
1576
1576
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1577
1577
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1578
1578
  }
1579
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-disabled] {
1580
1580
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1581
1581
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1582
1582
  }
1583
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-hovered] {
1584
1584
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1585
1585
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1586
1586
  }
1587
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-focus-visible] {
1588
1588
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1589
1589
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1590
1590
  }
1591
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-pressed] {
1592
1592
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1593
1593
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1594
1594
  }
1595
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-disabled] {
1596
1596
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1597
1597
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1598
1598
  }
1599
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-hovered] {
1600
1600
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1601
1601
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1602
1602
  }
1603
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-focus-visible] {
1604
1604
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1605
1605
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1606
1606
  }
1607
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1607
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-pressed] {
1608
1608
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1609
1609
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1610
1610
  }
1611
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1611
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-disabled] {
1612
1612
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1613
1613
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1614
1614
  }
1615
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1615
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-hovered] {
1616
1616
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1617
1617
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1618
1618
  }
1619
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1619
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-focus-visible] {
1620
1620
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1621
1621
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1622
1622
  }
1623
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1623
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-pressed] {
1624
1624
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1625
1625
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1626
1626
  }
1627
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1627
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-disabled] {
1628
1628
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1629
1629
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1630
1630
  }
1631
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1631
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-hovered] {
1632
1632
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1633
1633
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1634
1634
  }
1635
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1635
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-focus-visible] {
1636
1636
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1637
1637
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1638
1638
  }
1639
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1639
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-pressed] {
1640
1640
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1641
1641
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1642
1642
  }
1643
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1643
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-disabled] {
1644
1644
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1645
1645
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1646
1646
  }
1647
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1647
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-hovered] {
1648
1648
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1649
1649
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1650
1650
  }
1651
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1651
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-focus-visible] {
1652
1652
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1653
1653
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1654
1654
  }
1655
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1655
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-pressed] {
1656
1656
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1657
1657
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1658
1658
  }
1659
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1659
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-disabled] {
1660
1660
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1661
1661
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1662
1662
  }
1663
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1663
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-hovered] {
1664
1664
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1665
1665
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1666
1666
  }
1667
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1667
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-focus-visible] {
1668
1668
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1669
1669
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1670
1670
  }
1671
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1671
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-pressed] {
1672
1672
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1673
1673
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1674
1674
  }
1675
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1675
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-disabled] {
1676
1676
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1677
1677
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1678
1678
  }
1679
- .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1679
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-HR2H {
1680
1680
  position: relative;
1681
1681
  }
1682
1682
 
1683
1683
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1684
- button.CloseButton-module__hop-CloseButton___aWaMI {
1684
+ button.CloseButton-module__hop-CloseButton___UGMsO {
1685
1685
  --hop-CloseButton-margin-top: 0rem;
1686
1686
  --hop-CloseButton-padding: 0rem;
1687
1687
  --hop-CloseButton-width: fit-content;
@@ -1693,7 +1693,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1693
1693
  }
1694
1694
 
1695
1695
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1696
- .Button-module__hop-Button___drz4z {
1696
+ .Button-module__hop-Button___Wx1Zn {
1697
1697
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1698
1698
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1699
1699
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1817,215 +1817,215 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1817
1817
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1818
1818
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1819
1819
  }
1820
- .Button-module__hop-Button--fluid___jF2LE {
1820
+ .Button-module__hop-Button--fluid___-gqsM {
1821
1821
  --inline-size: 100%;
1822
1822
  }
1823
- .Button-module__hop-Button--sm___yWI1w {
1823
+ .Button-module__hop-Button--sm___V1DL4 {
1824
1824
  --block-size: var(--hop-Button-sm-height);
1825
1825
  --padding: var(--hop-Button-sm-padding);
1826
1826
  }
1827
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1827
+ .Button-module__hop-Button--sm___V1DL4[class*=--ghost] {
1828
1828
  --padding: var(--hop-Button-ghost-sm-padding);
1829
1829
  }
1830
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1830
+ .Button-module__hop-Button--md___nHPE0[class*=--ghost] {
1831
1831
  --padding: var(--hop-Button-ghost-md-padding);
1832
1832
  }
1833
- .Button-module__hop-Button--icon-only___ZVI03 {
1833
+ .Button-module__hop-Button--icon-only___3UEdV {
1834
1834
  --column-gap: var(--hop-Button-icon-only-column-gap);
1835
1835
  --padding: var(--hop-Button-icon-only-padding);
1836
1836
  aspect-ratio: 1;
1837
1837
  }
1838
- .Button-module__hop-Button--primary___gQcR4 {
1838
+ .Button-module__hop-Button--primary___3EavW {
1839
1839
  --background-color: var(--hop-Button-primary-background-color);
1840
1840
  --color: var(--hop-Button-primary-color);
1841
1841
  --border: var(--hop-Button-primary-border);
1842
1842
  --spinner-color: var(--hop-Button-primary-spinner-color);
1843
1843
  }
1844
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
1845
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1844
+ .Button-module__hop-Button--primary___3EavW[data-hovered],
1845
+ .Button-module__hop-Button--primary___3EavW[data-focus-visible] {
1846
1846
  --background-color: var(--hop-Button-primary-background-color-hover);
1847
1847
  --color: var(--hop-Button-primary-color-hover);
1848
1848
  --border: var(--hop-Button-primary-border-hover);
1849
1849
  }
1850
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1850
+ .Button-module__hop-Button--primary___3EavW[data-pressed] {
1851
1851
  --background-color: var(--hop-Button-primary-background-color-pressed);
1852
1852
  --color: var(--hop-Button-primary-color-pressed);
1853
1853
  --border: var(--hop-Button-primary-border-pressed);
1854
1854
  }
1855
- .Button-module__hop-Button--secondary___iPATA {
1855
+ .Button-module__hop-Button--secondary___vcOcq {
1856
1856
  --background-color: var(--hop-Button-secondary-background-color);
1857
1857
  --color: var(--hop-Button-secondary-color);
1858
1858
  --border: var(--hop-Button-secondary-border);
1859
1859
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1860
1860
  }
1861
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
1862
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1861
+ .Button-module__hop-Button--secondary___vcOcq[data-hovered],
1862
+ .Button-module__hop-Button--secondary___vcOcq[data-focus-visible] {
1863
1863
  --background-color: var(--hop-Button-secondary-background-color-hover);
1864
1864
  --color: var(--hop-Button-secondary-color-hover);
1865
1865
  --border: var(--hop-Button-secondary-border-hover);
1866
1866
  }
1867
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1867
+ .Button-module__hop-Button--secondary___vcOcq[data-pressed] {
1868
1868
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1869
1869
  --color: var(--hop-Button-secondary-color-pressed);
1870
1870
  --border: var(--hop-Button-secondary-border-pressed);
1871
1871
  }
1872
- .Button-module__hop-Button--upsell___1odMt {
1872
+ .Button-module__hop-Button--upsell___2A2kN {
1873
1873
  --background-color: var(--hop-Button-upsell-background-color);
1874
1874
  --color: var(--hop-Button-upsell-color);
1875
1875
  --border: var(--hop-Button-upsell-border);
1876
1876
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1877
1877
  }
1878
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
1879
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1878
+ .Button-module__hop-Button--upsell___2A2kN[data-hovered],
1879
+ .Button-module__hop-Button--upsell___2A2kN[data-focus-visible] {
1880
1880
  --background-color: var(--hop-Button-upsell-background-color-hover);
1881
1881
  --color: var(--hop-Button-upsell-color-hover);
1882
1882
  --border: var(--hop-Button-upsell-border-hover);
1883
1883
  }
1884
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1884
+ .Button-module__hop-Button--upsell___2A2kN[data-pressed] {
1885
1885
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1886
1886
  --color: var(--hop-Button-upsell-color-pressed);
1887
1887
  --border: var(--hop-Button-upsell-border-pressed);
1888
1888
  }
1889
- .Button-module__hop-Button--danger___nvNVv {
1889
+ .Button-module__hop-Button--danger___5DdXE {
1890
1890
  --background-color: var(--hop-Button-danger-background-color);
1891
1891
  --color: var(--hop-Button-danger-color);
1892
1892
  --border: var(--hop-Button-danger-border);
1893
1893
  --spinner-color: var(--hop-Button-danger-spinner-color);
1894
1894
  }
1895
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
1896
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1895
+ .Button-module__hop-Button--danger___5DdXE[data-hovered],
1896
+ .Button-module__hop-Button--danger___5DdXE[data-focus-visible] {
1897
1897
  --background-color: var(--hop-Button-danger-background-color-hover);
1898
1898
  --color: var(--hop-Button-danger-color-hover);
1899
1899
  --border: var(--hop-Button-danger-border-hover);
1900
1900
  }
1901
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1901
+ .Button-module__hop-Button--danger___5DdXE[data-pressed] {
1902
1902
  --background-color: var(--hop-Button-danger-background-color-pressed);
1903
1903
  --color: var(--hop-Button-danger-color-pressed);
1904
1904
  --border: var(--hop-Button-danger-border-pressed);
1905
1905
  }
1906
- .Button-module__hop-Button--ghost-primary___XUMG1 {
1906
+ .Button-module__hop-Button--ghost-primary___pVC8I {
1907
1907
  --background-color: var(--hop-Button-ghost-primary-background-color);
1908
1908
  --color: var(--hop-Button-ghost-primary-color);
1909
1909
  --border: var(--hop-Button-ghost-primary-border);
1910
1910
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1911
1911
  }
1912
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1913
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1912
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-hovered],
1913
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-focus-visible] {
1914
1914
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1915
1915
  --color: var(--hop-Button-ghost-primary-color-hover);
1916
1916
  --border: var(--hop-Button-ghost-primary-border-hover);
1917
1917
  --text-underline: underline;
1918
1918
  }
1919
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1919
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-pressed] {
1920
1920
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1921
1921
  --color: var(--hop-Button-ghost-primary-color-pressed);
1922
1922
  --border: var(--hop-Button-ghost-primary-border-pressed);
1923
1923
  --text-underline: underline;
1924
1924
  }
1925
- .Button-module__hop-Button--ghost-secondary___YirRd {
1925
+ .Button-module__hop-Button--ghost-secondary___unj0t {
1926
1926
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1927
1927
  --color: var(--hop-Button-ghost-secondary-color);
1928
1928
  --border: var(--hop-Button-ghost-secondary-border);
1929
1929
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1930
1930
  }
1931
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1932
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1931
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-hovered],
1932
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-focus-visible] {
1933
1933
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1934
1934
  --color: var(--hop-Button-ghost-secondary-color-hover);
1935
1935
  --border: var(--hop-Button-ghost-secondary-border-hover);
1936
1936
  --text-underline: underline;
1937
1937
  }
1938
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1938
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-pressed] {
1939
1939
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1940
1940
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1941
1941
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1942
1942
  --text-underline: underline;
1943
1943
  }
1944
- .Button-module__hop-Button--ghost-danger___J37kT {
1944
+ .Button-module__hop-Button--ghost-danger___5hyt5 {
1945
1945
  --background-color: var(--hop-Button-ghost-danger-background-color);
1946
1946
  --color: var(--hop-Button-ghost-danger-color);
1947
1947
  --border: var(--hop-Button-ghost-danger-border);
1948
1948
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1949
1949
  }
1950
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1951
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1950
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-hovered],
1951
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-focus-visible] {
1952
1952
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1953
1953
  --color: var(--hop-Button-ghost-danger-color-hover);
1954
1954
  --border: var(--hop-Button-ghost-danger-border-hover);
1955
1955
  --text-underline: underline;
1956
1956
  }
1957
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1957
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-pressed] {
1958
1958
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1959
1959
  --color: var(--hop-Button-ghost-danger-color-pressed);
1960
1960
  --border: var(--hop-Button-ghost-danger-border-pressed);
1961
1961
  --text-underline: underline;
1962
1962
  }
1963
- .Button-module__hop-Button___drz4z[data-focus-visible] {
1963
+ .Button-module__hop-Button___Wx1Zn[data-focus-visible] {
1964
1964
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1965
1965
  }
1966
- .Button-module__hop-Button___drz4z[data-disabled],
1967
- .Button-module__hop-Button--loading___Vt2Li {
1966
+ .Button-module__hop-Button___Wx1Zn[data-disabled],
1967
+ .Button-module__hop-Button--loading___2lmgM {
1968
1968
  cursor: not-allowed;
1969
1969
  }
1970
- .Button-module__hop-Button___drz4z[data-disabled] {
1970
+ .Button-module__hop-Button___Wx1Zn[data-disabled] {
1971
1971
  --background-color: var(--hop-Button-background-color-disabled);
1972
1972
  --color: var(--hop-Button-color-disabled);
1973
1973
  --border: var(--hop-Button-border-disabled);
1974
1974
  }
1975
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1975
+ .Button-module__hop-Button___Wx1Zn[class*=--ghost][data-disabled] {
1976
1976
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1977
1977
  --color: var(--hop-Button-ghost-color-disabled);
1978
1978
  --border: var(--hop-Button-ghost-border-disabled);
1979
1979
  }
1980
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1980
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--primary___3EavW {
1981
1981
  --background-color: var(--hop-Button-primary-background-color);
1982
1982
  --color: var(--hop-Button-primary-color);
1983
1983
  --border: var(--hop-Button-primary-border);
1984
1984
  }
1985
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1985
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--secondary___vcOcq {
1986
1986
  --background-color: var(--hop-Button-secondary-background-color);
1987
1987
  --color: var(--hop-Button-secondary-color);
1988
1988
  --border: var(--hop-Button-secondary-border);
1989
1989
  }
1990
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1990
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--upsell___2A2kN {
1991
1991
  --background-color: var(--hop-Button-upsell-background-color);
1992
1992
  --color: var(--hop-Button-upsell-color);
1993
1993
  --border: var(--hop-Button-upsell-border);
1994
1994
  }
1995
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1995
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--danger___5DdXE {
1996
1996
  --background-color: var(--hop-Button-danger-background-color);
1997
1997
  --color: var(--hop-Button-danger-color);
1998
1998
  --border: var(--hop-Button-danger-border);
1999
1999
  }
2000
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
2000
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-primary___pVC8I {
2001
2001
  --background-color: var(--hop-Button-ghost-primary-background-color);
2002
2002
  --color: var(--hop-Button-ghost-primary-color);
2003
2003
  --border: var(--hop-Button-ghost-primary-border);
2004
2004
  --text-underline: none;
2005
2005
  }
2006
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
2006
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-secondary___unj0t {
2007
2007
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2008
2008
  --color: var(--hop-Button-ghost-secondary-color);
2009
2009
  --border: var(--hop-Button-ghost-secondary-border);
2010
2010
  --text-underline: none;
2011
2011
  }
2012
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
2012
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-danger___5hyt5 {
2013
2013
  --background-color: var(--hop-Button-ghost-danger-background-color);
2014
2014
  --color: var(--hop-Button-ghost-danger-color);
2015
2015
  --border: var(--hop-Button-ghost-danger-border);
2016
2016
  --text-underline: none;
2017
2017
  }
2018
- .Button-module__hop-Button__Spinner___qFcTX {
2018
+ .Button-module__hop-Button__Spinner___hILkZ {
2019
2019
  position: absolute;
2020
2020
  color: var(--spinner-color);
2021
2021
  }
2022
- .Button-module__hop-Button__icon___i0bX0,
2023
- .Button-module__hop-Button__icon-list___h-l1l {
2022
+ .Button-module__hop-Button__icon___lRWc4,
2023
+ .Button-module__hop-Button__icon-list___xoDBK {
2024
2024
  flex: 0 0 auto;
2025
2025
  justify-self: end;
2026
2026
  order: 1;
2027
2027
  }
2028
- .Button-module__hop-Button__text___gW1zi {
2028
+ .Button-module__hop-Button__text___fEHr6 {
2029
2029
  user-select: none;
2030
2030
  overflow: visible;
2031
2031
  flex: 0 1 auto;
@@ -2035,57 +2035,429 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2035
2035
  text-underline-offset: 0.125rem;
2036
2036
  text-wrap: nowrap;
2037
2037
  }
2038
- .Button-module__hop-Button__end-icon___H4Qu5,
2039
- .Button-module__hop-Button__end-icon-list___k4l7m {
2038
+ .Button-module__hop-Button__end-icon___EE6f-,
2039
+ .Button-module__hop-Button__end-icon-list___mPjUM {
2040
2040
  flex: 0 0 auto;
2041
2041
  order: 3;
2042
2042
  }
2043
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
2044
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
2043
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__icon-list___xoDBK,
2044
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__end-icon-list___mPjUM {
2045
2045
  flex-wrap: nowrap;
2046
2046
  }
2047
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
2047
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button___Wx1Zn > *:not(.Button-module__hop-Button__Spinner___hILkZ) {
2048
2048
  opacity: 0;
2049
2049
  }
2050
- .LinkButton-module__hop-LinkButton___hlYkA {
2050
+ .LinkButton-module__hop-LinkButton___VrebX {
2051
2051
  }
2052
- .LinkButton-module__hop-LinkButton--fluid___iCMfM {
2052
+ .LinkButton-module__hop-LinkButton--fluid___rzyxO {
2053
2053
  }
2054
- .LinkButton-module__hop-LinkButton--sm___yzSw4 {
2054
+ .LinkButton-module__hop-LinkButton--sm___Ptu2v {
2055
2055
  }
2056
- .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
2056
+ .LinkButton-module__hop-LinkButton--icon-only___MmZir {
2057
2057
  }
2058
- .LinkButton-module__hop-LinkButton--primary___l-P07 {
2058
+ .LinkButton-module__hop-LinkButton--primary___qjGCd {
2059
2059
  }
2060
- .LinkButton-module__hop-LinkButton--secondary___37NV- {
2060
+ .LinkButton-module__hop-LinkButton--secondary___x47t0 {
2061
2061
  }
2062
- .LinkButton-module__hop-LinkButton--upsell___cIPT- {
2062
+ .LinkButton-module__hop-LinkButton--upsell___ZFg67 {
2063
2063
  }
2064
- .LinkButton-module__hop-LinkButton--danger___6bQIM {
2064
+ .LinkButton-module__hop-LinkButton--danger___jENLl {
2065
2065
  }
2066
- .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
2066
+ .LinkButton-module__hop-LinkButton--ghost-primary___QLfHs {
2067
2067
  }
2068
- .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
2068
+ .LinkButton-module__hop-LinkButton--ghost-secondary___45pSJ {
2069
2069
  }
2070
- .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
2070
+ .LinkButton-module__hop-LinkButton--ghost-danger___eFBGK {
2071
2071
  }
2072
- .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
2072
+ .LinkButton-module__hop-LinkButton__Spinner___Erl02 {
2073
2073
  }
2074
- .LinkButton-module__hop-LinkButton__icon___CjXqw,
2075
- .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
2074
+ .LinkButton-module__hop-LinkButton__icon___hNrc-,
2075
+ .LinkButton-module__hop-LinkButton__icon-list___g5-92 {
2076
2076
  }
2077
- .LinkButton-module__hop-LinkButton__text___PNN59 {
2077
+ .LinkButton-module__hop-LinkButton__text___hzV-R {
2078
2078
  }
2079
- .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
2080
- .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
2079
+ .LinkButton-module__hop-LinkButton__end-icon___MaWnJ,
2080
+ .LinkButton-module__hop-LinkButton__end-icon-list___EEGiv {
2081
2081
  }
2082
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
2083
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
2082
+ .LinkButton-module__hop-LinkButton___VrebX .LinkButton-module__hop-LinkButton__icon-list___g5-92,
2083
+ .LinkButton-module__hop-LinkButton___VrebX .LinkButton-module__hop-LinkButton__end-icon-list___EEGiv {
2084
2084
  flex-wrap: nowrap;
2085
2085
  }
2086
2086
 
2087
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
2088
+ .ToggleButton-module__hop-ToggleButton___-uAM1 {
2089
+ --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
2090
+ --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
2091
+ --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
2092
+ --hop-ToggleButton-icon-only-column-gap: 0;
2093
+ --hop-ToggleButton-outline-size: var(--hop-space-20);
2094
+ --hop-ToggleButton-border-size: var(--hop-space-10);
2095
+ --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
2096
+ --hop-ToggleButton-icon-only-padding: 0;
2097
+ --hop-ToggleButton-sm-height: 2rem;
2098
+ --hop-ToggleButton-md-height: 2.5rem;
2099
+ --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
2100
+ --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
2101
+ --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
2102
+ --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
2103
+ --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
2104
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2105
+ --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
2106
+ --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
2107
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2108
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2109
+ --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
2110
+ --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
2111
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2112
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2113
+ --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
2114
+ --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
2115
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2116
+ --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
2117
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2118
+ --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
2119
+ --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
2120
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2121
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2122
+ --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2123
+ --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2124
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2125
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2126
+ --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
2127
+ --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2128
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2129
+ --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
2130
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2131
+ --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
2132
+ --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
2133
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2134
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2135
+ --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
2136
+ --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
2137
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2138
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2139
+ --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
2140
+ --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
2141
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2142
+ --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
2143
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2144
+ --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
2145
+ --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
2146
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2147
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2148
+ --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
2149
+ --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
2150
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2151
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2152
+ --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
2153
+ --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
2154
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2155
+ --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
2156
+ --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
2157
+ --hop-ToggleButton-ghost-background-color-disabled: transparent;
2158
+ --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
2159
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2160
+ --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
2161
+ --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
2162
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
2163
+ --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
2164
+ --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
2165
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2166
+ --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
2167
+ --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
2168
+ --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
2169
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2170
+ --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
2171
+ --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
2172
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
2173
+ --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2174
+ --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2175
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2176
+ --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
2177
+ --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
2178
+ --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
2179
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2180
+ --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
2181
+ --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
2182
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
2183
+ --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
2184
+ --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
2185
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2186
+ --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
2187
+ --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
2188
+ --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
2189
+ --inline-size: max-content;
2190
+ --block-size: var(--hop-ToggleButton-md-height);
2191
+ --background-color: var(--hop-primary-surface-strong);
2192
+ --color: var(--hop-primary-text-strong);
2193
+ --column-gap: var(--hop-ToggleButton-column-gap);
2194
+ --spinner: var(--hop-primary-icon-strong);
2195
+ --border: 0;
2196
+ --padding: var(--hop-ToggleButton-md-padding);
2197
+ --text-underline: none;
2198
+ cursor: pointer;
2199
+ position: relative;
2200
+ overflow: hidden;
2201
+ display: flex;
2202
+ column-gap: var(--column-gap);
2203
+ align-items: center;
2204
+ justify-content: center;
2205
+ box-sizing: border-box;
2206
+ inline-size: var(--inline-size);
2207
+ block-size: var(--block-size);
2208
+ padding: var(--padding);
2209
+ color: var(--color);
2210
+ text-decoration: none;
2211
+ white-space: nowrap;
2212
+ background-color: var(--background-color);
2213
+ border: var(--border);
2214
+ border-radius: var(--hop-ToggleButton-border-radius);
2215
+ outline: none;
2216
+ outline-offset: var(--hop-ToggleButton-outline-size);
2217
+ transition:
2218
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
2219
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2220
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
2221
+ }
2222
+ .ToggleButton-module__hop-ToggleButton--fluid___jzJPC {
2223
+ --inline-size: 100%;
2224
+ }
2225
+ .ToggleButton-module__hop-ToggleButton--sm___F7pTZ {
2226
+ --block-size: var(--hop-ToggleButton-sm-height);
2227
+ --padding: var(--hop-ToggleButton-sm-padding);
2228
+ }
2229
+ .ToggleButton-module__hop-ToggleButton--icon-only___4nWx3 {
2230
+ --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
2231
+ --padding: var(--hop-ToggleButton-icon-only-padding);
2232
+ aspect-ratio: 1;
2233
+ }
2234
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB {
2235
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2236
+ --color: var(--hop-ToggleButton-primary-color);
2237
+ --border: var(--hop-ToggleButton-primary-border);
2238
+ --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
2239
+ }
2240
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-hovered],
2241
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-focus-visible] {
2242
+ --background-color: var(--hop-ToggleButton-primary-background-color-hover);
2243
+ --color: var(--hop-ToggleButton-primary-color-hover);
2244
+ --border: var(--hop-ToggleButton-primary-border-hover);
2245
+ }
2246
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-pressed] {
2247
+ --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
2248
+ --color: var(--hop-ToggleButton-primary-color-pressed);
2249
+ --border: var(--hop-ToggleButton-primary-border-pressed);
2250
+ }
2251
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-selected] {
2252
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2253
+ --color: var(--hop-ToggleButton-primary-color-selected);
2254
+ --border: var(--hop-ToggleButton-primary-border-selected);
2255
+ }
2256
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS {
2257
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2258
+ --color: var(--hop-ToggleButton-secondary-color);
2259
+ --border: var(--hop-ToggleButton-secondary-border);
2260
+ --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
2261
+ }
2262
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-hovered],
2263
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-focus-visible] {
2264
+ --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
2265
+ --color: var(--hop-ToggleButton-secondary-color-hover);
2266
+ --border: var(--hop-ToggleButton-secondary-border-hover);
2267
+ }
2268
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-pressed] {
2269
+ --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
2270
+ --color: var(--hop-ToggleButton-secondary-color-pressed);
2271
+ --border: var(--hop-ToggleButton-secondary-border-pressed);
2272
+ }
2273
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-selected] {
2274
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2275
+ --color: var(--hop-ToggleButton-secondary-color-selected);
2276
+ --border: var(--hop-ToggleButton-secondary-border-selected);
2277
+ }
2278
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x {
2279
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2280
+ --color: var(--hop-ToggleButton-upsell-color);
2281
+ --border: var(--hop-ToggleButton-upsell-border);
2282
+ --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
2283
+ }
2284
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-hovered],
2285
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-focus-visible] {
2286
+ --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
2287
+ --color: var(--hop-ToggleButton-upsell-color-hover);
2288
+ --border: var(--hop-ToggleButton-upsell-border-hover);
2289
+ }
2290
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-pressed] {
2291
+ --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
2292
+ --color: var(--hop-ToggleButton-upsell-color-pressed);
2293
+ --border: var(--hop-ToggleButton-upsell-border-pressed);
2294
+ }
2295
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-selected] {
2296
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2297
+ --color: var(--hop-ToggleButton-upsell-color-selected);
2298
+ --border: var(--hop-ToggleButton-upsell-border-selected);
2299
+ }
2300
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd {
2301
+ --background-color: var(--hop-ToggleButton-danger-background-color);
2302
+ --color: var(--hop-ToggleButton-danger-color);
2303
+ --border: var(--hop-ToggleButton-danger-border);
2304
+ --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
2305
+ }
2306
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-hovered],
2307
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-focus-visible] {
2308
+ --background-color: var(--hop-ToggleButton-danger-background-color-hover);
2309
+ --color: var(--hop-ToggleButton-danger-color-hover);
2310
+ --border: var(--hop-ToggleButton-danger-border-hover);
2311
+ }
2312
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-pressed] {
2313
+ --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
2314
+ --color: var(--hop-ToggleButton-danger-color-pressed);
2315
+ --border: var(--hop-ToggleButton-danger-border-pressed);
2316
+ }
2317
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-selected] {
2318
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2319
+ --color: var(--hop-ToggleButton-danger-color-selected);
2320
+ --border: var(--hop-ToggleButton-danger-border-selected);
2321
+ }
2322
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv {
2323
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2324
+ --color: var(--hop-ToggleButton-ghost-primary-color);
2325
+ --border: var(--hop-ToggleButton-ghost-primary-border);
2326
+ --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
2327
+ }
2328
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-hovered],
2329
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-focus-visible] {
2330
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
2331
+ --color: var(--hop-ToggleButton-ghost-primary-color-hover);
2332
+ --border: var(--hop-ToggleButton-ghost-primary-border-hover);
2333
+ --text-underline: underline;
2334
+ }
2335
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-pressed],
2336
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-selected] {
2337
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
2338
+ --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
2339
+ --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
2340
+ }
2341
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-pressed] {
2342
+ --text-underline: underline;
2343
+ }
2344
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP {
2345
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2346
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2347
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2348
+ --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
2349
+ }
2350
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-hovered],
2351
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-focus-visible] {
2352
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
2353
+ --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
2354
+ --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
2355
+ --text-underline: underline;
2356
+ }
2357
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-pressed],
2358
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-selected] {
2359
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
2360
+ --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
2361
+ --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
2362
+ }
2363
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-pressed] {
2364
+ --text-underline: underline;
2365
+ }
2366
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S {
2367
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2368
+ --color: var(--hop-ToggleButton-ghost-danger-color);
2369
+ --border: var(--hop-ToggleButton-ghost-danger-border);
2370
+ --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
2371
+ }
2372
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-hovered],
2373
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-focus-visible] {
2374
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
2375
+ --color: var(--hop-ToggleButton-ghost-danger-color-hover);
2376
+ --border: var(--hop-ToggleButton-ghost-danger-border-hover);
2377
+ --text-underline: underline;
2378
+ }
2379
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-pressed],
2380
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-selected] {
2381
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
2382
+ --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
2383
+ --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
2384
+ }
2385
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-pressed] {
2386
+ --text-underline: underline;
2387
+ }
2388
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-focus-visible] {
2389
+ outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
2390
+ }
2391
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-disabled],
2392
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi {
2393
+ cursor: not-allowed;
2394
+ }
2395
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-disabled] {
2396
+ --background-color: var(--hop-ToggleButton-background-color-disabled);
2397
+ --color: var(--hop-ToggleButton-color-disabled);
2398
+ --border: var(--hop-ToggleButton-border-disabled);
2399
+ }
2400
+ .ToggleButton-module__hop-ToggleButton___-uAM1[class*=--ghost][data-disabled] {
2401
+ --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
2402
+ --color: var(--hop-ToggleButton-ghost-color-disabled);
2403
+ --border: var(--hop-ToggleButton-ghost-border-disabled);
2404
+ }
2405
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--primary___MNgCB {
2406
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2407
+ --color: var(--hop-ToggleButton-primary-color);
2408
+ --border: var(--hop-ToggleButton-primary-border);
2409
+ }
2410
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--secondary___gKOPS {
2411
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2412
+ --color: var(--hop-ToggleButton-secondary-color);
2413
+ --border: var(--hop-ToggleButton-secondary-border);
2414
+ }
2415
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--upsell___-oM8x {
2416
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2417
+ --color: var(--hop-ToggleButton-upsell-color);
2418
+ --border: var(--hop-ToggleButton-upsell-border);
2419
+ }
2420
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton___-uAM1[class*=--ghost] {
2421
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2422
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2423
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2424
+ --text-underline: none;
2425
+ }
2426
+ .ToggleButton-module__hop-ToggleButton__Spinner___EJdHt {
2427
+ position: absolute;
2428
+ color: var(--spinner-color);
2429
+ }
2430
+ .ToggleButton-module__hop-ToggleButton__icon___Qjwhj,
2431
+ .ToggleButton-module__hop-ToggleButton__icon-list___Waqi5 {
2432
+ flex: 0 0 auto;
2433
+ justify-self: end;
2434
+ order: 1;
2435
+ }
2436
+ .ToggleButton-module__hop-ToggleButton__text___hqhyX {
2437
+ user-select: none;
2438
+ overflow: visible;
2439
+ flex: 0 1 auto;
2440
+ order: 2;
2441
+ font-weight: var(--hop-font-weight-505);
2442
+ text-decoration: var(--text-underline);
2443
+ text-underline-offset: 0.125rem;
2444
+ text-wrap: nowrap;
2445
+ }
2446
+ .ToggleButton-module__hop-ToggleButton__end-icon___MJ4Db,
2447
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___spRxI {
2448
+ flex: 0 0 auto;
2449
+ order: 3;
2450
+ }
2451
+ .ToggleButton-module__hop-ToggleButton___-uAM1 .ToggleButton-module__hop-ToggleButton__icon-list___Waqi5,
2452
+ .ToggleButton-module__hop-ToggleButton___-uAM1 .ToggleButton-module__hop-ToggleButton__end-icon-list___spRxI {
2453
+ flex-wrap: nowrap;
2454
+ }
2455
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton___-uAM1 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___EJdHt) {
2456
+ opacity: 0;
2457
+ }
2458
+
2087
2459
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2088
- .PasswordField-module__hop-PasswordField___15NYm {
2460
+ .PasswordField-module__hop-PasswordField___5qF8N {
2089
2461
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2090
2462
  --hop-PasswordField-inline-size: 20rem;
2091
2463
  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
@@ -2096,38 +2468,38 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2096
2468
  inline-size: var(--inline-size);
2097
2469
  max-inline-size: 100%;
2098
2470
  }
2099
- .PasswordField-module__hop-PasswordField--fluid___fjZCZ {
2471
+ .PasswordField-module__hop-PasswordField--fluid___xI0-j {
2100
2472
  --inline-size: 100%;
2101
2473
  }
2102
- .PasswordField-module__hop-PasswordField__Label___fQTe4 {
2474
+ .PasswordField-module__hop-PasswordField__Label___sUXHM {
2103
2475
  order: 0;
2104
2476
  }
2105
- .PasswordField-module__hop-PasswordField__InputGroup___9BMhI {
2477
+ .PasswordField-module__hop-PasswordField__InputGroup___iF-WH {
2106
2478
  order: 1;
2107
2479
  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2108
2480
  }
2109
- .PasswordField-module__hop-PasswordField__ErrorMessage___BMY87,
2110
- .PasswordField-module__hop-PasswordField__HelperMessage___tjF1T {
2481
+ .PasswordField-module__hop-PasswordField__ErrorMessage___idLo7,
2482
+ .PasswordField-module__hop-PasswordField__HelperMessage___xfrrH {
2111
2483
  order: 3;
2112
2484
  }
2113
2485
 
2114
2486
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2115
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___bytPm {
2487
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___-WY8- {
2116
2488
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2117
2489
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2118
2490
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2119
2491
  --char-count-color: var(--hop-RemainingCharacterCount-color);
2120
2492
  color: var(--char-count-color);
2121
2493
  }
2122
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___bytPm[data-invalid] {
2494
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___-WY8-[data-invalid] {
2123
2495
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2124
2496
  }
2125
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___bytPm[data-disabled] {
2497
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___-WY8-[data-disabled] {
2126
2498
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2127
2499
  }
2128
2500
 
2129
2501
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2130
- .SearchField-module__hop-SearchField___qBYFd {
2502
+ .SearchField-module__hop-SearchField___eEvPx {
2131
2503
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2132
2504
  --hop-SearchField-inline-size: 20rem;
2133
2505
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2142,39 +2514,39 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2142
2514
  inline-size: var(--inline-size);
2143
2515
  max-inline-size: 100%;
2144
2516
  }
2145
- .SearchField-module__hop-SearchField--fluid___dL8Qb {
2517
+ .SearchField-module__hop-SearchField--fluid___n7-Av {
2146
2518
  --inline-size: 100%;
2147
2519
  }
2148
- .SearchField-module__hop-SearchField__Label___9RMkv {
2520
+ .SearchField-module__hop-SearchField__Label___1QGO6 {
2149
2521
  order: 0;
2150
2522
  }
2151
- .SearchField-module__hop-SearchField__prefix___c8CWM {
2523
+ .SearchField-module__hop-SearchField__prefix___ZktWN {
2152
2524
  color: var(--hop-SearchField-color);
2153
2525
  }
2154
- .SearchField-module__hop-SearchField__InputGroup___9UmYe {
2526
+ .SearchField-module__hop-SearchField__InputGroup___FSiF7 {
2155
2527
  order: 1;
2156
2528
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2157
2529
  }
2158
- .SearchField-module__hop-SearchField--clearable___uoT-O {
2530
+ .SearchField-module__hop-SearchField--clearable___0qJHD {
2159
2531
  --input-group-padding-inline-end: 0;
2160
2532
  }
2161
- .SearchField-module__hop-SearchField__ErrorMessage___uragj,
2162
- .SearchField-module__hop-SearchField__HelperMessage___2VHqJ {
2533
+ .SearchField-module__hop-SearchField__ErrorMessage___S85pG,
2534
+ .SearchField-module__hop-SearchField__HelperMessage___UHOl1 {
2163
2535
  order: 3;
2164
2536
  }
2165
- .SearchField-module__hop-SearchField___qBYFd input::-webkit-search-cancel-button,
2166
- .SearchField-module__hop-SearchField___qBYFd input::-webkit-search-decoration {
2537
+ .SearchField-module__hop-SearchField___eEvPx input::-webkit-search-cancel-button,
2538
+ .SearchField-module__hop-SearchField___eEvPx input::-webkit-search-decoration {
2167
2539
  appearance: none;
2168
2540
  }
2169
- .SearchField-module__hop-SearchField___qBYFd[data-empty] {
2541
+ .SearchField-module__hop-SearchField___eEvPx[data-empty] {
2170
2542
  --clear-button-display: none;
2171
2543
  }
2172
- .SearchField-module__hop-SearchField__ClearButton___vlLUz {
2544
+ .SearchField-module__hop-SearchField__ClearButton___x7HIo {
2173
2545
  display: var(--clear-button-display);
2174
2546
  }
2175
2547
 
2176
2548
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2177
- .TextArea-module__hop-TextArea___r1Sqd {
2549
+ .TextArea-module__hop-TextArea___VYoNq {
2178
2550
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2179
2551
  --hop-TextArea-inline-size: 20rem;
2180
2552
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2204,34 +2576,34 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2204
2576
  inline-size: var(--inline-size);
2205
2577
  max-inline-size: 100%;
2206
2578
  }
2207
- .TextArea-module__hop-TextArea--fluid___Bw9Pn {
2579
+ .TextArea-module__hop-TextArea--fluid___uF7uB {
2208
2580
  --inline-size: 100%;
2209
2581
  }
2210
- .TextArea-module__hop-TextArea___r1Sqd[data-resize-mode=vertical] {
2582
+ .TextArea-module__hop-TextArea___VYoNq[data-resize-mode=vertical] {
2211
2583
  --resize: vertical;
2212
2584
  }
2213
- .TextArea-module__hop-TextArea__Label___r0qV8 {
2585
+ .TextArea-module__hop-TextArea__Label___xuLhM {
2214
2586
  order: 0;
2215
2587
  }
2216
- .TextArea-module__hop-TextArea__prefix___aO21j {
2588
+ .TextArea-module__hop-TextArea__prefix___k4Ia- {
2217
2589
  color: var(--hop-TextArea-prefix-color);
2218
2590
  }
2219
- .TextArea-module__hop-TextArea__RemainingCharacterCount___M1s4z {
2591
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___OOTyt {
2220
2592
  padding-block-end: var(--hop-space-inset-sm);
2221
2593
  padding-inline: var(--hop-space-inset-md);
2222
2594
  }
2223
- .TextArea-module__hop-TextArea__InputGroup___Izeth {
2595
+ .TextArea-module__hop-TextArea__InputGroup___q-Z4f {
2224
2596
  flex-direction: column;
2225
2597
  gap: 0;
2226
2598
  align-items: flex-end;
2227
2599
  order: 1;
2228
2600
  padding: 0;
2229
2601
  }
2230
- .TextArea-module__hop-TextArea__ErrorMessage___voe0u,
2231
- .TextArea-module__hop-TextArea__HelperMessage___qYCcv {
2602
+ .TextArea-module__hop-TextArea__ErrorMessage___jvGIi,
2603
+ .TextArea-module__hop-TextArea__HelperMessage___oExhG {
2232
2604
  order: 3;
2233
2605
  }
2234
- .TextArea-module__hop-TextArea__textarea___czWmy {
2606
+ .TextArea-module__hop-TextArea__textarea___wP6AZ {
2235
2607
  resize: var(--resize);
2236
2608
  overflow: hidden;
2237
2609
  flex-direction: column;
@@ -2254,29 +2626,29 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2254
2626
  border: 0;
2255
2627
  outline-style: none;
2256
2628
  }
2257
- .TextArea-module__hop-TextArea__textarea--with-character-count___NNXnP {
2629
+ .TextArea-module__hop-TextArea__textarea--with-character-count___-LJFu {
2258
2630
  padding-block-end: 0;
2259
2631
  }
2260
- .TextArea-module__hop-TextArea__textarea--sm___p2t1X {
2632
+ .TextArea-module__hop-TextArea__textarea--sm___fbSH6 {
2261
2633
  --font-family: var(--hop-TextArea-sm-font-family);
2262
2634
  --font-size: var(--hop-TextArea-sm-font-size);
2263
2635
  --font-weight: var(--hop-TextArea-sm-font-weight);
2264
2636
  --line-height: var(--hop-TextArea-sm-line-height);
2265
2637
  }
2266
- .TextArea-module__hop-TextArea__textarea___czWmy::placeholder {
2638
+ .TextArea-module__hop-TextArea__textarea___wP6AZ::placeholder {
2267
2639
  font-family: var(--hop-TextArea-placeholder-font-family);
2268
2640
  font-size: var(--hop-TextArea-placeholder-font-size);
2269
2641
  font-weight: var(--hop-TextArea-placeholder-font-weight);
2270
2642
  line-height: var(--hop-TextArea-placeholder-line-height);
2271
2643
  color: var(--input-placeholder-color);
2272
2644
  }
2273
- .TextArea-module__hop-TextArea__textarea___czWmy[data-disabled] {
2645
+ .TextArea-module__hop-TextArea__textarea___wP6AZ[data-disabled] {
2274
2646
  --input-placeholder-color: var(--hop-TextArea-placeholder-color-disabled);
2275
2647
  color: var(--hop-TextArea-color-disabled);
2276
2648
  }
2277
2649
 
2278
2650
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2279
- .TextField-module__hop-TextField___nNpMg {
2651
+ .TextField-module__hop-TextField___P9TfM {
2280
2652
  --hop-TextField-gap: var(--hop-space-stack-xs);
2281
2653
  --hop-TextField-inline-size: 20rem;
2282
2654
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2287,25 +2659,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2287
2659
  inline-size: var(--inline-size);
2288
2660
  max-inline-size: 100%;
2289
2661
  }
2290
- .TextField-module__hop-TextField--fluid___f42pQ {
2662
+ .TextField-module__hop-TextField--fluid___b7z7H {
2291
2663
  --inline-size: 100%;
2292
2664
  }
2293
- .TextField-module__hop-TextField__Label___5MOpI {
2665
+ .TextField-module__hop-TextField__Label___tS6os {
2294
2666
  order: 0;
2295
2667
  }
2296
- .TextField-module__hop-TextField__prefix___vsNDI {
2668
+ .TextField-module__hop-TextField__prefix___uw6Ge {
2297
2669
  color: var(--hop-TextField-prefix-color);
2298
2670
  }
2299
- .TextField-module__hop-TextField__InputGroup___KqLxZ {
2671
+ .TextField-module__hop-TextField__InputGroup___uEumC {
2300
2672
  order: 1;
2301
2673
  }
2302
- .TextField-module__hop-TextField__ErrorMessage___4kKV8,
2303
- .TextField-module__hop-TextField__HelperMessage___4owpa {
2674
+ .TextField-module__hop-TextField__ErrorMessage___md95t,
2675
+ .TextField-module__hop-TextField__HelperMessage___Wgeg- {
2304
2676
  order: 3;
2305
2677
  }
2306
2678
 
2307
2679
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2308
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
2680
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit {
2309
2681
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2310
2682
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2311
2683
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2336,46 +2708,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2336
2708
  background-color: var(--background-color);
2337
2709
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2338
2710
  }
2339
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
2711
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___LSNvv {
2340
2712
  --size: var(--hop-RichIconAvatarImage-xs-size);
2341
2713
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2342
2714
  }
2343
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
2715
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___jnV5S {
2344
2716
  --size: var(--hop-RichIconAvatarImage-sm-size);
2345
2717
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2346
2718
  }
2347
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
2719
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___M8O9a {
2348
2720
  --size: var(--hop-RichIconAvatarImage-md-size);
2349
2721
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2350
2722
  }
2351
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
2723
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___WQF8T {
2352
2724
  --size: var(--hop-RichIconAvatarImage-lg-size);
2353
2725
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2354
2726
  }
2355
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
2727
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___3Aq66 {
2356
2728
  --size: var(--hop-RichIconAvatarImage-xl-size);
2357
2729
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2358
2730
  }
2359
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
2731
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___T1NI4 {
2360
2732
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2361
2733
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2362
2734
  }
2363
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
2735
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit[data-disabled] {
2364
2736
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2365
2737
  }
2366
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2738
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___ToEf2 {
2367
2739
  position: relative;
2368
2740
  display: block;
2369
2741
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2370
2742
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2371
2743
  }
2372
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2744
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___ToEf2 {
2373
2745
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2374
2746
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2375
2747
  }
2376
2748
 
2377
2749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2378
- .Avatar-module__hop-Avatar___Ihw-T {
2750
+ .Avatar-module__hop-Avatar___HriAB {
2379
2751
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2380
2752
  --hop-Avatar-mix-blend-mode: normal;
2381
2753
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2420,67 +2792,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2420
2792
  background-color: var(--background-color, transparent);
2421
2793
  border-radius: var(--hop-Avatar-border-radius);
2422
2794
  }
2423
- .Avatar-module__hop-Avatar--xs___wUBE6 {
2795
+ .Avatar-module__hop-Avatar--xs___pjQ92 {
2424
2796
  --size: var(--hop-Avatar-xs-size);
2425
2797
  }
2426
- .Avatar-module__hop-Avatar--sm___zFiEI {
2798
+ .Avatar-module__hop-Avatar--sm___q7cGO {
2427
2799
  --size: var(--hop-Avatar-sm-size);
2428
2800
  }
2429
- .Avatar-module__hop-Avatar--md___gGnf1 {
2801
+ .Avatar-module__hop-Avatar--md___fdMTf {
2430
2802
  --size: var(--hop-Avatar-md-size);
2431
2803
  }
2432
- .Avatar-module__hop-Avatar--lg___59OtB {
2804
+ .Avatar-module__hop-Avatar--lg___uqr53 {
2433
2805
  --size: var(--hop-Avatar-lg-size);
2434
2806
  }
2435
- .Avatar-module__hop-Avatar--xl___zCYTU {
2807
+ .Avatar-module__hop-Avatar--xl___tqYt8 {
2436
2808
  --size: var(--hop-Avatar-xl-size);
2437
2809
  }
2438
- .Avatar-module__hop-Avatar--2xl___lpaAF {
2810
+ .Avatar-module__hop-Avatar--2xl___lCG6b {
2439
2811
  --size: var(--hop-Avatar-2xl-size);
2440
2812
  }
2441
- .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
2813
+ .Avatar-module__hop-Avatar--decorative-option1___WszwR {
2442
2814
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2443
2815
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2444
2816
  }
2445
- .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
2817
+ .Avatar-module__hop-Avatar--decorative-option2___zKUFK {
2446
2818
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2447
2819
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2448
2820
  }
2449
- .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
2821
+ .Avatar-module__hop-Avatar--decorative-option3___bec-z {
2450
2822
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2451
2823
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2452
2824
  }
2453
- .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
2825
+ .Avatar-module__hop-Avatar--decorative-option4___xYoNw {
2454
2826
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2455
2827
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2456
2828
  }
2457
- .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
2829
+ .Avatar-module__hop-Avatar--decorative-option5___rIh0- {
2458
2830
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2459
2831
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2460
2832
  }
2461
- .Avatar-module__hop-Avatar--decorative-option6___jliDF {
2833
+ .Avatar-module__hop-Avatar--decorative-option6___TJ13K {
2462
2834
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2463
2835
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2464
2836
  }
2465
- .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
2837
+ .Avatar-module__hop-Avatar--decorative-option7___fg4Lk {
2466
2838
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2467
2839
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2468
2840
  }
2469
- .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
2841
+ .Avatar-module__hop-Avatar--decorative-option8___kMpAb {
2470
2842
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2471
2843
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2472
2844
  }
2473
- .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
2845
+ .Avatar-module__hop-Avatar--decorative-option9___MOmm2 {
2474
2846
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2475
2847
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2476
2848
  }
2477
- .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
2849
+ .Avatar-module__hop-Avatar___HriAB[data-disabled] {
2478
2850
  --background-color: var(--hop-Avatar-background-color-disabled);
2479
2851
  --text-color: var(--hop-Avatar-text-color-disabled);
2480
2852
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2481
2853
  isolation: isolate;
2482
2854
  }
2483
- .Avatar-module__hop-Avatar__image___4XmMJ {
2855
+ .Avatar-module__hop-Avatar__image___cp8fq {
2484
2856
  position: relative;
2485
2857
  display: block;
2486
2858
  box-sizing: border-box;
@@ -2491,7 +2863,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2491
2863
  }
2492
2864
 
2493
2865
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2494
- .Tooltip-module__hop-Tooltip___RIZp2 {
2866
+ .Tooltip-module__hop-Tooltip___6f4ee {
2495
2867
  --hop-Tooltip-max-inline-size: 20rem;
2496
2868
  --hop-Tooltip-slide-amount: 0.25rem;
2497
2869
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2518,29 +2890,29 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2518
2890
  border-radius: var(--hop-Tooltip-border-radius);
2519
2891
  box-shadow: var(--hop-Tooltip-box-shadow);
2520
2892
  }
2521
- .Tooltip-module__hop-Tooltip--top___LYimQ {
2893
+ .Tooltip-module__hop-Tooltip--top___PRavd {
2522
2894
  --origin-x: 0;
2523
2895
  --origin-y: var(--hop-Tooltip-slide-amount);
2524
2896
  }
2525
- .Tooltip-module__hop-Tooltip--right___U7MIG {
2897
+ .Tooltip-module__hop-Tooltip--right___ChLoq {
2526
2898
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2527
2899
  --origin-y: 0;
2528
2900
  }
2529
- .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
2901
+ .Tooltip-module__hop-Tooltip--bottom___ngYL8 {
2530
2902
  --origin-x: 0;
2531
2903
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2532
2904
  }
2533
- .Tooltip-module__hop-Tooltip--left___qVC3o {
2905
+ .Tooltip-module__hop-Tooltip--left___7UF6V {
2534
2906
  --origin-x: var(--hop-Tooltip-slide-amount);
2535
2907
  --origin-y: 0;
2536
2908
  }
2537
- .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
2538
- animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
2909
+ .Tooltip-module__hop-Tooltip___6f4ee[data-entering] {
2910
+ animation: Tooltip-module__slide___zQiGS 0.2s ease-out;
2539
2911
  }
2540
- .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
2541
- animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
2912
+ .Tooltip-module__hop-Tooltip___6f4ee[data-exiting] {
2913
+ animation: Tooltip-module__slide___zQiGS 0.2s ease-in reverse;
2542
2914
  }
2543
- @keyframes Tooltip-module__slide___-wv3b {
2915
+ @keyframes Tooltip-module__slide___zQiGS {
2544
2916
  from {
2545
2917
  transform: translate(var(--origin-x), var(--origin-y));
2546
2918
  opacity: 0;
@@ -2552,44 +2924,44 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2552
2924
  }
2553
2925
 
2554
2926
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2555
- .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
2927
+ .AvatarGroup-module__hop-AvatarGroup___14vi2 {
2556
2928
  --hop-AvatarGroup-display: flex;
2557
2929
  --hop-AvatarGroup-align-items: center;
2558
2930
  display: var(--hop-AvatarGroup-display);
2559
2931
  align-items: var(--hop-AvatarGroup-align-items);
2560
2932
  }
2561
- .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
2933
+ .AvatarGroup-module__hop-AvatarGroup--wrap___sRw9X {
2562
2934
  flex-wrap: wrap;
2563
2935
  }
2564
- .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
2936
+ .AvatarGroup-module__hop-AvatarGroup--xs___1IhWE {
2565
2937
  --gap: -0.125rem;
2566
2938
  }
2567
- .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
2939
+ .AvatarGroup-module__hop-AvatarGroup--sm___IYM9d {
2568
2940
  --gap: -0.25rem;
2569
2941
  }
2570
- .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
2942
+ .AvatarGroup-module__hop-AvatarGroup--md___Ss6sS {
2571
2943
  --gap: -0.5rem;
2572
2944
  }
2573
- .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
2945
+ .AvatarGroup-module__hop-AvatarGroup--lg___6g8T- {
2574
2946
  --gap: -1rem;
2575
2947
  }
2576
- .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
2948
+ .AvatarGroup-module__hop-AvatarGroup--xl___l8V-g {
2577
2949
  --gap: -1rem;
2578
2950
  }
2579
- .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
2951
+ .AvatarGroup-module__hop-AvatarGroup--2xl___S3BrM {
2580
2952
  --gap: -2rem;
2581
2953
  }
2582
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2954
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv {
2583
2955
  margin-inline-start: var(--gap);
2584
2956
  transition: margin var(--hop-easing-duration-2);
2585
2957
  }
2586
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2958
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv {
2587
2959
  margin-inline-start: 0;
2588
2960
  }
2589
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
2961
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv:first-child {
2590
2962
  margin-inline-start: 0;
2591
2963
  }
2592
- .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
2964
+ .AvatarGroup-module__hop-AvatarGroup__label___9hg5q {
2593
2965
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2594
2966
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2595
2967
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2601,7 +2973,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2601
2973
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2602
2974
  line-height: var(--hop-AvatarGroup-label-line-height);
2603
2975
  }
2604
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
2976
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Iohmc {
2605
2977
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2606
2978
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2607
2979
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2619,21 +2991,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2619
2991
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2620
2992
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2621
2993
  }
2622
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
2994
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Iohmc:not(:last-child) {
2623
2995
  margin-block-end: 0.25rem;
2624
2996
  }
2625
- .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
2997
+ .AvatarGroup-module__hop-AvatarGroup--start___jRIlc {
2626
2998
  justify-content: flex-start;
2627
2999
  }
2628
- .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
3000
+ .AvatarGroup-module__hop-AvatarGroup--end___2V4XG {
2629
3001
  justify-content: flex-end;
2630
3002
  }
2631
- .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
3003
+ .AvatarGroup-module__hop-AvatarGroup--center___vqfSf {
2632
3004
  justify-content: center;
2633
3005
  }
2634
3006
 
2635
3007
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2636
- .Checkbox-module__hop-Checkbox___RAOey {
3008
+ .Checkbox-module__hop-Checkbox___jz6pB {
2637
3009
  --hop-Checkbox-box-border-size: 0.0625rem;
2638
3010
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2639
3011
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2708,60 +3080,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2708
3080
  inline-size: max-content;
2709
3081
  max-inline-size: 100%;
2710
3082
  }
2711
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
3083
+ .Checkbox-module__hop-Checkbox___jz6pB[data-focus-visible] {
2712
3084
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2713
3085
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2714
3086
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2715
3087
  --text-color: var(--hop-Checkbox-text-color-focused);
2716
3088
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2717
3089
  }
2718
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
3090
+ .Checkbox-module__hop-Checkbox___jz6pB[data-hovered] {
2719
3091
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2720
3092
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2721
3093
  --text-color: var(--hop-Checkbox-text-color-hovered);
2722
3094
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2723
3095
  }
2724
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
3096
+ .Checkbox-module__hop-Checkbox___jz6pB[data-pressed] {
2725
3097
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2726
3098
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2727
3099
  --text-color: var(--hop-Checkbox-text-color-pressed);
2728
3100
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2729
3101
  }
2730
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
3102
+ .Checkbox-module__hop-Checkbox___jz6pB[data-selected] {
2731
3103
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2732
3104
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2733
3105
  --check-display: var(--hop-Checkbox-check-display-selected);
2734
3106
  --text-color: var(--hop-Checkbox-text-color-selected);
2735
3107
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2736
3108
  }
2737
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
3109
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid] {
2738
3110
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2739
3111
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2740
3112
  --check-color: var(--hop-Checkbox-check-color-invalid);
2741
3113
  --text-color: var(--hop-Checkbox-text-color-invalid);
2742
3114
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2743
3115
  }
2744
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
3116
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-focus-visible]) {
2745
3117
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2746
3118
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2747
3119
  }
2748
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
3120
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-hovered]) {
2749
3121
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2750
3122
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2751
3123
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2752
3124
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2753
3125
  }
2754
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
3126
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-pressed]) {
2755
3127
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2756
3128
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2757
3129
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2758
3130
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2759
3131
  }
2760
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
3132
+ .Checkbox-module__hop-Checkbox___jz6pB:where([data-invalid])[data-selected] {
2761
3133
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2762
3134
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2763
3135
  }
2764
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
3136
+ .Checkbox-module__hop-Checkbox___jz6pB[data-disabled] {
2765
3137
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2766
3138
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2767
3139
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2769,25 +3141,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2769
3141
  --text-color: var(--hop-Checkbox-text-color-disabled);
2770
3142
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2771
3143
  }
2772
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
3144
+ .Checkbox-module__hop-Checkbox--sm___tpJ2T {
2773
3145
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2774
3146
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2775
3147
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2776
3148
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2777
3149
  }
2778
- .Checkbox-module__hop-Checkbox--md___GL7zO {
3150
+ .Checkbox-module__hop-Checkbox--md___Unlka {
2779
3151
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2780
3152
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2781
3153
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2782
3154
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2783
3155
  }
2784
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2785
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
3156
+ .Checkbox-module__hop-Checkbox__icon___x5wUq,
3157
+ .Checkbox-module__hop-Checkbox__icon-list___nWIG8 {
2786
3158
  flex: 0 0 auto;
2787
3159
  order: 3;
2788
3160
  color: var(--icon-color);
2789
3161
  }
2790
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
3162
+ .Checkbox-module__hop-Checkbox__box___C-acZ {
2791
3163
  display: flex;
2792
3164
  flex: 0 0 auto;
2793
3165
  align-items: center;
@@ -2803,11 +3175,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2803
3175
  outline-offset: 0.125rem;
2804
3176
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2805
3177
  }
2806
- .Checkbox-module__hop-Checkbox__check___QKTgI {
3178
+ .Checkbox-module__hop-Checkbox__check___XgRUY {
2807
3179
  display: var(--check-display);
2808
3180
  color: var(--check-color);
2809
3181
  }
2810
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
3182
+ .Checkbox-module__hop-Checkbox__text___L0Jf3 {
2811
3183
  flex: 0 1 auto;
2812
3184
  order: 2;
2813
3185
  min-inline-size: 0;
@@ -2817,7 +3189,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2817
3189
  }
2818
3190
 
2819
3191
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2820
- .CheckboxField-module__hop-CheckboxField___5HYK9 {
3192
+ .CheckboxField-module__hop-CheckboxField___4TNUi {
2821
3193
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2822
3194
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2823
3195
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2836,28 +3208,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2836
3208
  inline-size: max-content;
2837
3209
  max-inline-size: 100%;
2838
3210
  }
2839
- .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
3211
+ .CheckboxField-module__hop-CheckboxField___4TNUi[data-disabled] {
2840
3212
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2841
3213
  }
2842
- .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
3214
+ .CheckboxField-module__hop-CheckboxField--sm___JgKw8 {
2843
3215
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2844
3216
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2845
3217
  }
2846
- .CheckboxField-module__hop-CheckboxField--md___90C92 {
3218
+ .CheckboxField-module__hop-CheckboxField--md___NxTg- {
2847
3219
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2848
3220
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2849
3221
  }
2850
- .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
3222
+ .CheckboxField-module__hop-CheckboxField__description___Kvnnj {
2851
3223
  order: 2;
2852
3224
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2853
3225
  color: var(--description-color);
2854
3226
  }
2855
- .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
3227
+ .CheckboxField-module__hop-CheckboxField__checkbox___emad6 {
2856
3228
  order: 1;
2857
3229
  }
2858
3230
 
2859
3231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2860
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
3232
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj {
2861
3233
  --hop-CheckboxGroup-align-items: flex-start;
2862
3234
  --hop-CheckboxGroup-justify-content: flex-start;
2863
3235
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2896,46 +3268,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2896
3268
  inline-size: max-content;
2897
3269
  max-inline-size: 100%;
2898
3270
  }
2899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
3271
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3 {
2900
3272
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2901
3273
  --list-border-radius: var(--hop-shape-rounded-md);
2902
3274
  }
2903
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3275
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___3u0ez {
2904
3276
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2905
3277
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2906
3278
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2907
3279
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2908
3280
  }
2909
- .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3281
+ .CheckboxGroup-module__hop-CheckboxGroup--md___81ubS {
2910
3282
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2911
3283
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2912
3284
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2913
3285
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2914
3286
  }
2915
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3287
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3.CheckboxGroup-module__hop-CheckboxGroup--sm___3u0ez {
2916
3288
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2917
3289
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2918
3290
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2919
3291
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2920
3292
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2921
3293
  }
2922
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3294
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3.CheckboxGroup-module__hop-CheckboxGroup--md___81ubS {
2923
3295
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2924
3296
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2925
3297
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2926
3298
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2927
3299
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2928
3300
  }
2929
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
3301
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj[data-orientation=horizontal] {
2930
3302
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2931
3303
  }
2932
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
3304
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3[data-orientation=horizontal] {
2933
3305
  --flex-wrap: nowrap;
2934
3306
  }
2935
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
3307
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__label___Z4YUb {
2936
3308
  order: 1;
2937
3309
  }
2938
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
3310
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS {
2939
3311
  display: flex;
2940
3312
  flex-flow: var(--flex-direction) var(--flex-wrap);
2941
3313
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2946,7 +3318,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2946
3318
  border: var(--list-border, none);
2947
3319
  border-radius: var(--list-border-radius, 0);
2948
3320
  }
2949
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
3321
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5 {
2950
3322
  position: relative;
2951
3323
  flex: 0 1 auto;
2952
3324
  align-content: start;
@@ -2954,28 +3326,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2954
3326
  min-inline-size: 0;
2955
3327
  padding: var(--checkbox-padding, 0);
2956
3328
  }
2957
- .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 {
3329
+ .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 {
2958
3330
  content: "";
2959
3331
  position: absolute;
2960
3332
  display: block;
2961
3333
  }
2962
- .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 {
3334
+ .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 {
2963
3335
  inset-block-start: 0;
2964
3336
  inset-inline: 0;
2965
3337
  border-block-start: var(--list-border, none);
2966
3338
  }
2967
- .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 {
3339
+ .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 {
2968
3340
  inset-block: 0;
2969
3341
  inset-inline-start: 0;
2970
3342
  border-inline-start: var(--list-border, none);
2971
3343
  }
2972
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
2973
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
3344
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__error-message___O-W-Y,
3345
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___ZQ4GM {
2974
3346
  order: 3;
2975
3347
  }
2976
3348
 
2977
3349
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2978
- .Checkbox-module__hop-Checkbox___RAOey {
3350
+ .Checkbox-module__hop-Checkbox___jz6pB {
2979
3351
  --hop-Checkbox-box-border-size: 0.0625rem;
2980
3352
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2981
3353
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3050,60 +3422,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3050
3422
  inline-size: max-content;
3051
3423
  max-inline-size: 100%;
3052
3424
  }
3053
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
3425
+ .Checkbox-module__hop-Checkbox___jz6pB[data-focus-visible] {
3054
3426
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3055
3427
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3056
3428
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3057
3429
  --text-color: var(--hop-Checkbox-text-color-focused);
3058
3430
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3059
3431
  }
3060
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
3432
+ .Checkbox-module__hop-Checkbox___jz6pB[data-hovered] {
3061
3433
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3062
3434
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3063
3435
  --text-color: var(--hop-Checkbox-text-color-hovered);
3064
3436
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3065
3437
  }
3066
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
3438
+ .Checkbox-module__hop-Checkbox___jz6pB[data-pressed] {
3067
3439
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3068
3440
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3069
3441
  --text-color: var(--hop-Checkbox-text-color-pressed);
3070
3442
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3071
3443
  }
3072
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
3444
+ .Checkbox-module__hop-Checkbox___jz6pB[data-selected] {
3073
3445
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3074
3446
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3075
3447
  --check-display: var(--hop-Checkbox-check-display-selected);
3076
3448
  --text-color: var(--hop-Checkbox-text-color-selected);
3077
3449
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3078
3450
  }
3079
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
3451
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid] {
3080
3452
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3081
3453
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3082
3454
  --check-color: var(--hop-Checkbox-check-color-invalid);
3083
3455
  --text-color: var(--hop-Checkbox-text-color-invalid);
3084
3456
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3085
3457
  }
3086
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
3458
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-focus-visible]) {
3087
3459
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3088
3460
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3089
3461
  }
3090
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
3462
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-hovered]) {
3091
3463
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3092
3464
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3093
3465
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3094
3466
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3095
3467
  }
3096
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
3468
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-pressed]) {
3097
3469
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3098
3470
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3099
3471
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3100
3472
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3101
3473
  }
3102
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
3474
+ .Checkbox-module__hop-Checkbox___jz6pB:where([data-invalid])[data-selected] {
3103
3475
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3104
3476
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3105
3477
  }
3106
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
3478
+ .Checkbox-module__hop-Checkbox___jz6pB[data-disabled] {
3107
3479
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3108
3480
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3109
3481
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3111,25 +3483,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3111
3483
  --text-color: var(--hop-Checkbox-text-color-disabled);
3112
3484
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3113
3485
  }
3114
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
3486
+ .Checkbox-module__hop-Checkbox--sm___tpJ2T {
3115
3487
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3116
3488
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3117
3489
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3118
3490
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3119
3491
  }
3120
- .Checkbox-module__hop-Checkbox--md___GL7zO {
3492
+ .Checkbox-module__hop-Checkbox--md___Unlka {
3121
3493
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3122
3494
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3123
3495
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3124
3496
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3125
3497
  }
3126
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
3127
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
3498
+ .Checkbox-module__hop-Checkbox__icon___x5wUq,
3499
+ .Checkbox-module__hop-Checkbox__icon-list___nWIG8 {
3128
3500
  flex: 0 0 auto;
3129
3501
  order: 3;
3130
3502
  color: var(--icon-color);
3131
3503
  }
3132
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
3504
+ .Checkbox-module__hop-Checkbox__box___C-acZ {
3133
3505
  display: flex;
3134
3506
  flex: 0 0 auto;
3135
3507
  align-items: center;
@@ -3145,11 +3517,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3145
3517
  outline-offset: 0.125rem;
3146
3518
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3147
3519
  }
3148
- .Checkbox-module__hop-Checkbox__check___QKTgI {
3520
+ .Checkbox-module__hop-Checkbox__check___XgRUY {
3149
3521
  display: var(--check-display);
3150
3522
  color: var(--check-color);
3151
3523
  }
3152
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
3524
+ .Checkbox-module__hop-Checkbox__text___L0Jf3 {
3153
3525
  flex: 0 1 auto;
3154
3526
  order: 2;
3155
3527
  min-inline-size: 0;
@@ -3157,24 +3529,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3157
3529
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3158
3530
  color: var(--text-color);
3159
3531
  }
3160
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
3532
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___LFGl8 {
3161
3533
  }
3162
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
3534
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___UfVrd {
3163
3535
  }
3164
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
3536
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___95r8j {
3165
3537
  }
3166
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
3167
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
3538
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___c8LGL,
3539
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___czZHk {
3168
3540
  }
3169
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
3541
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___jlsuV {
3170
3542
  }
3171
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
3543
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___X3GDa {
3172
3544
  }
3173
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
3545
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___Dk20e {
3174
3546
  }
3175
3547
 
3176
3548
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3177
- .Radio-module__hop-Radio___oBKRQ {
3549
+ .Radio-module__hop-Radio___SVpF9 {
3178
3550
  --hop-Radio-box-border-size: 0.0625rem;
3179
3551
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3180
3552
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3248,60 +3620,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3248
3620
  inline-size: max-content;
3249
3621
  max-inline-size: 100%;
3250
3622
  }
3251
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3623
+ .Radio-module__hop-Radio___SVpF9[data-focus-visible] {
3252
3624
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3253
3625
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3254
3626
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3255
3627
  --text-color: var(--hop-Radio-text-color-focused);
3256
3628
  --icon-color: var(--hop-Radio-icon-color-focused);
3257
3629
  }
3258
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3630
+ .Radio-module__hop-Radio___SVpF9[data-hovered] {
3259
3631
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3260
3632
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3261
3633
  --text-color: var(--hop-Radio-text-color-hovered);
3262
3634
  --icon-color: var(--hop-Radio-icon-color-hovered);
3263
3635
  }
3264
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3636
+ .Radio-module__hop-Radio___SVpF9[data-pressed] {
3265
3637
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3266
3638
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3267
3639
  --text-color: var(--hop-Radio-text-color-pressed);
3268
3640
  --icon-color: var(--hop-Radio-icon-color-pressed);
3269
3641
  }
3270
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3642
+ .Radio-module__hop-Radio___SVpF9[data-selected] {
3271
3643
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3272
3644
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3273
3645
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3274
3646
  --text-color: var(--hop-Radio-text-color-selected);
3275
3647
  --icon-color: var(--hop-Radio-icon-color-selected);
3276
3648
  }
3277
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3649
+ .Radio-module__hop-Radio___SVpF9[data-invalid] {
3278
3650
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3279
3651
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3280
3652
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3281
3653
  --text-color: var(--hop-Radio-text-color-invalid);
3282
3654
  --icon-color: var(--hop-Radio-icon-color-invalid);
3283
3655
  }
3284
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3656
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-focus-visible] {
3285
3657
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3286
3658
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3287
3659
  }
3288
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3660
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-hovered] {
3289
3661
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3290
3662
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3291
3663
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3292
3664
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3293
3665
  }
3294
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3666
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-pressed] {
3295
3667
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3296
3668
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3297
3669
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3298
3670
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3299
3671
  }
3300
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3672
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-selected] {
3301
3673
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3302
3674
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3303
3675
  }
3304
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3676
+ .Radio-module__hop-Radio___SVpF9[data-disabled] {
3305
3677
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3306
3678
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3307
3679
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3309,25 +3681,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3309
3681
  --text-color: var(--hop-Radio-text-color-disabled);
3310
3682
  --icon-color: var(--hop-Radio-icon-color-disabled);
3311
3683
  }
3312
- .Radio-module__hop-Radio--sm___C-Q1U {
3684
+ .Radio-module__hop-Radio--sm___2VxSS {
3313
3685
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3314
3686
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3315
3687
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3316
3688
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3317
3689
  }
3318
- .Radio-module__hop-Radio--md___8cI7H {
3690
+ .Radio-module__hop-Radio--md___SoKxy {
3319
3691
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3320
3692
  --box-block-size: var(--hop-Radio-box-md-block-size);
3321
3693
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3322
3694
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3323
3695
  }
3324
- .Radio-module__hop-Radio__icon___Ai4EA,
3325
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3696
+ .Radio-module__hop-Radio__icon___jd3Nj,
3697
+ .Radio-module__hop-Radio__icon-list___kaKLW {
3326
3698
  flex: 0 0 auto;
3327
3699
  order: 3;
3328
3700
  color: var(--icon-color);
3329
3701
  }
3330
- .Radio-module__hop-Radio__box___gF3Ys {
3702
+ .Radio-module__hop-Radio__box___s-UXr {
3331
3703
  display: flex;
3332
3704
  flex: 0 0 auto;
3333
3705
  align-items: center;
@@ -3343,11 +3715,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3343
3715
  outline-offset: 0.125rem;
3344
3716
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3345
3717
  }
3346
- .Radio-module__hop-Radio__bullet___DLVyb {
3718
+ .Radio-module__hop-Radio__bullet___TVkgE {
3347
3719
  display: var(--bullet-display);
3348
3720
  color: var(--bullet-color);
3349
3721
  }
3350
- .Radio-module__hop-Radio__text___md8fJ {
3722
+ .Radio-module__hop-Radio__text___wGidQ {
3351
3723
  flex: 0 1 auto;
3352
3724
  order: 2;
3353
3725
  min-inline-size: 0;
@@ -3355,24 +3727,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3355
3727
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3356
3728
  color: var(--text-color);
3357
3729
  }
3358
- .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
3730
+ .DecorativeRadio-module__hop-DecorativeRadio___fz9jq {
3359
3731
  }
3360
- .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
3732
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___bFLZO {
3361
3733
  }
3362
- .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
3734
+ .DecorativeRadio-module__hop-DecorativeRadio--md___-sICs {
3363
3735
  }
3364
- .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
3365
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
3736
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___zOmTi,
3737
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___gxHLT {
3366
3738
  }
3367
- .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
3739
+ .DecorativeRadio-module__hop-DecorativeRadio__box___kGIPH {
3368
3740
  }
3369
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
3741
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___GZx61 {
3370
3742
  }
3371
- .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
3743
+ .DecorativeRadio-module__hop-DecorativeRadio__text___CBhls {
3372
3744
  }
3373
3745
 
3374
3746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3375
- .Radio-module__hop-Radio___oBKRQ {
3747
+ .Radio-module__hop-Radio___SVpF9 {
3376
3748
  --hop-Radio-box-border-size: 0.0625rem;
3377
3749
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3378
3750
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3446,60 +3818,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3446
3818
  inline-size: max-content;
3447
3819
  max-inline-size: 100%;
3448
3820
  }
3449
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3821
+ .Radio-module__hop-Radio___SVpF9[data-focus-visible] {
3450
3822
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3451
3823
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3452
3824
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3453
3825
  --text-color: var(--hop-Radio-text-color-focused);
3454
3826
  --icon-color: var(--hop-Radio-icon-color-focused);
3455
3827
  }
3456
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3828
+ .Radio-module__hop-Radio___SVpF9[data-hovered] {
3457
3829
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3458
3830
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3459
3831
  --text-color: var(--hop-Radio-text-color-hovered);
3460
3832
  --icon-color: var(--hop-Radio-icon-color-hovered);
3461
3833
  }
3462
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3834
+ .Radio-module__hop-Radio___SVpF9[data-pressed] {
3463
3835
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3464
3836
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3465
3837
  --text-color: var(--hop-Radio-text-color-pressed);
3466
3838
  --icon-color: var(--hop-Radio-icon-color-pressed);
3467
3839
  }
3468
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3840
+ .Radio-module__hop-Radio___SVpF9[data-selected] {
3469
3841
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3470
3842
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3471
3843
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3472
3844
  --text-color: var(--hop-Radio-text-color-selected);
3473
3845
  --icon-color: var(--hop-Radio-icon-color-selected);
3474
3846
  }
3475
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3847
+ .Radio-module__hop-Radio___SVpF9[data-invalid] {
3476
3848
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3477
3849
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3478
3850
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3479
3851
  --text-color: var(--hop-Radio-text-color-invalid);
3480
3852
  --icon-color: var(--hop-Radio-icon-color-invalid);
3481
3853
  }
3482
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3854
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-focus-visible] {
3483
3855
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3484
3856
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3485
3857
  }
3486
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3858
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-hovered] {
3487
3859
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3488
3860
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3489
3861
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3490
3862
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3491
3863
  }
3492
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3864
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-pressed] {
3493
3865
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3494
3866
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3495
3867
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3496
3868
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3497
3869
  }
3498
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3870
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-selected] {
3499
3871
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3500
3872
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3501
3873
  }
3502
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3874
+ .Radio-module__hop-Radio___SVpF9[data-disabled] {
3503
3875
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3504
3876
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3505
3877
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3507,25 +3879,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3507
3879
  --text-color: var(--hop-Radio-text-color-disabled);
3508
3880
  --icon-color: var(--hop-Radio-icon-color-disabled);
3509
3881
  }
3510
- .Radio-module__hop-Radio--sm___C-Q1U {
3882
+ .Radio-module__hop-Radio--sm___2VxSS {
3511
3883
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3512
3884
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3513
3885
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3514
3886
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3515
3887
  }
3516
- .Radio-module__hop-Radio--md___8cI7H {
3888
+ .Radio-module__hop-Radio--md___SoKxy {
3517
3889
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3518
3890
  --box-block-size: var(--hop-Radio-box-md-block-size);
3519
3891
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3520
3892
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3521
3893
  }
3522
- .Radio-module__hop-Radio__icon___Ai4EA,
3523
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3894
+ .Radio-module__hop-Radio__icon___jd3Nj,
3895
+ .Radio-module__hop-Radio__icon-list___kaKLW {
3524
3896
  flex: 0 0 auto;
3525
3897
  order: 3;
3526
3898
  color: var(--icon-color);
3527
3899
  }
3528
- .Radio-module__hop-Radio__box___gF3Ys {
3900
+ .Radio-module__hop-Radio__box___s-UXr {
3529
3901
  display: flex;
3530
3902
  flex: 0 0 auto;
3531
3903
  align-items: center;
@@ -3541,11 +3913,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3541
3913
  outline-offset: 0.125rem;
3542
3914
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3543
3915
  }
3544
- .Radio-module__hop-Radio__bullet___DLVyb {
3916
+ .Radio-module__hop-Radio__bullet___TVkgE {
3545
3917
  display: var(--bullet-display);
3546
3918
  color: var(--bullet-color);
3547
3919
  }
3548
- .Radio-module__hop-Radio__text___md8fJ {
3920
+ .Radio-module__hop-Radio__text___wGidQ {
3549
3921
  flex: 0 1 auto;
3550
3922
  order: 2;
3551
3923
  min-inline-size: 0;
@@ -3555,7 +3927,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3555
3927
  }
3556
3928
 
3557
3929
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3558
- .RadioField-module__hop-RadioField___RAV19 {
3930
+ .RadioField-module__hop-RadioField___9hWW9 {
3559
3931
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3560
3932
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3561
3933
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3574,28 +3946,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3574
3946
  inline-size: max-content;
3575
3947
  max-inline-size: 100%;
3576
3948
  }
3577
- .RadioField-module__hop-RadioField___RAV19[data-disabled] {
3949
+ .RadioField-module__hop-RadioField___9hWW9[data-disabled] {
3578
3950
  --description-color: var(--hop-RadioField-description-color-disabled);
3579
3951
  }
3580
- .RadioField-module__hop-RadioField--sm___Z2a5J {
3952
+ .RadioField-module__hop-RadioField--sm___Hf2rz {
3581
3953
  --row-gap: var(--hop-RadioField-sm-row-gap);
3582
3954
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3583
3955
  }
3584
- .RadioField-module__hop-RadioField--md___GeCMi {
3956
+ .RadioField-module__hop-RadioField--md___Mlb-S {
3585
3957
  --row-gap: var(--hop-RadioField-md-row-gap);
3586
3958
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3587
3959
  }
3588
- .RadioField-module__hop-RadioField__description___Y7cUM {
3960
+ .RadioField-module__hop-RadioField__description___Cjjsz {
3589
3961
  order: 2;
3590
3962
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3591
3963
  color: var(--description-color);
3592
3964
  }
3593
- .RadioField-module__hop-RadioField__radio___XYtjJ {
3965
+ .RadioField-module__hop-RadioField__radio___tSTqp {
3594
3966
  order: 1;
3595
3967
  }
3596
3968
 
3597
3969
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3598
- .RadioGroup-module__hop-RadioGroup___ydYgr {
3970
+ .RadioGroup-module__hop-RadioGroup___fXCR5 {
3599
3971
  --hop-RadioGroup-align-items: flex-start;
3600
3972
  --hop-RadioGroup-justify-content: flex-start;
3601
3973
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3635,46 +4007,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3635
4007
  inline-size: var(--inline-size);
3636
4008
  max-inline-size: 100%;
3637
4009
  }
3638
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
4010
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO {
3639
4011
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3640
4012
  --list-border-radius: var(--hop-shape-rounded-md);
3641
4013
  }
3642
- .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
4014
+ .RadioGroup-module__hop-RadioGroup--sm___5mBvL {
3643
4015
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3644
4016
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3645
4017
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3646
4018
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3647
4019
  }
3648
- .RadioGroup-module__hop-RadioGroup--md___mccGP {
4020
+ .RadioGroup-module__hop-RadioGroup--md___h8pAP {
3649
4021
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3650
4022
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3651
4023
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3652
4024
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3653
4025
  }
3654
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
4026
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO.RadioGroup-module__hop-RadioGroup--sm___5mBvL {
3655
4027
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3656
4028
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3657
4029
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3658
4030
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3659
4031
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3660
4032
  }
3661
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
4033
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO.RadioGroup-module__hop-RadioGroup--md___h8pAP {
3662
4034
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3663
4035
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3664
4036
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3665
4037
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3666
4038
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3667
4039
  }
3668
- .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
4040
+ .RadioGroup-module__hop-RadioGroup___fXCR5[data-orientation=horizontal] {
3669
4041
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3670
4042
  }
3671
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
4043
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO[data-orientation=horizontal] {
3672
4044
  --flex-wrap: nowrap;
3673
4045
  }
3674
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
4046
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__label___wCflU {
3675
4047
  order: 1;
3676
4048
  }
3677
- .RadioGroup-module__hop-RadioGroup__list___DSncc {
4049
+ .RadioGroup-module__hop-RadioGroup__list___TR88q {
3678
4050
  display: flex;
3679
4051
  flex-flow: var(--flex-direction) var(--flex-wrap);
3680
4052
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3685,7 +4057,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3685
4057
  border: var(--list-border, none);
3686
4058
  border-radius: var(--list-border-radius, 0);
3687
4059
  }
3688
- .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
4060
+ .RadioGroup-module__hop-RadioGroup__list___TR88q > .RadioGroup-module__hop-RadioGroup__radio___kabHu {
3689
4061
  position: relative;
3690
4062
  flex: 0 1 auto;
3691
4063
  align-content: start;
@@ -3693,28 +4065,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3693
4065
  min-inline-size: 0;
3694
4066
  padding: var(--radio-padding, 0);
3695
4067
  }
3696
- .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 {
4068
+ .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 {
3697
4069
  content: "";
3698
4070
  position: absolute;
3699
4071
  display: block;
3700
4072
  }
3701
- .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 {
4073
+ .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 {
3702
4074
  inset-block-start: 0;
3703
4075
  inset-inline: 0;
3704
4076
  border-block-start: var(--list-border, none);
3705
4077
  }
3706
- .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 {
4078
+ .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 {
3707
4079
  inset-block: 0;
3708
4080
  inset-inline-start: 0;
3709
4081
  border-inline-start: var(--list-border, none);
3710
4082
  }
3711
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
3712
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
4083
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__error-message___utJyD,
4084
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__helper-message___ZouxR {
3713
4085
  order: 3;
3714
4086
  }
3715
4087
 
3716
4088
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3717
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
4089
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___fHDu8 {
3718
4090
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3719
4091
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3720
4092
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3740,7 +4112,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3740
4112
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3741
4113
  background-size: 400% 100%;
3742
4114
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3743
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
4115
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___cR4We;
3744
4116
  animation-duration: var(--animation-duration);
3745
4117
  animation-timing-function: ease-in-out;
3746
4118
  animation-fill-mode: forwards;
@@ -3749,19 +4121,19 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3749
4121
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3750
4122
  }
3751
4123
  }
3752
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
4124
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3zA-c {
3753
4125
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3754
4126
  }
3755
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
4127
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___vf1-R {
3756
4128
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3757
4129
  }
3758
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
4130
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___IGDvT {
3759
4131
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3760
4132
  }
3761
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
4133
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___2e9jw {
3762
4134
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3763
4135
  }
3764
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
4136
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___cR4We {
3765
4137
  0% {
3766
4138
  background-position: 125% 50%;
3767
4139
  }
@@ -3771,7 +4143,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3771
4143
  }
3772
4144
 
3773
4145
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3774
- .ListBoxItem-module__hop-ListBoxItem___BJFwm {
4146
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY {
3775
4147
  --hop-ListBoxItem-background-color: transparent;
3776
4148
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3777
4149
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3868,129 +4240,129 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3868
4240
  outline: var(--outline);
3869
4241
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3870
4242
  }
3871
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
4243
+ .ListBoxItem-module__hop-ListBoxItem--xs___LeX35 {
3872
4244
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3873
4245
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3874
4246
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3875
4247
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3876
4248
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3877
4249
  }
3878
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
4250
+ .ListBoxItem-module__hop-ListBoxItem--sm___WXxgI {
3879
4251
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3880
4252
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3881
4253
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3882
4254
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3883
4255
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3884
4256
  }
3885
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
4257
+ .ListBoxItem-module__hop-ListBoxItem--md___G7FrR {
3886
4258
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3887
4259
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3888
4260
  --min-height: var(--hop-ListBoxItem-md-min-height);
3889
4261
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3890
4262
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3891
4263
  }
3892
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
4264
+ .ListBoxItem-module__hop-ListBoxItem--lg___UewHU {
3893
4265
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3894
4266
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3895
4267
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3896
4268
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3897
4269
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3898
4270
  }
3899
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
4271
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-selection-mode] {
3900
4272
  --cursor: pointer;
3901
4273
  }
3902
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
4274
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY:not([data-selection-mode]) {
3903
4275
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3904
4276
  }
3905
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4277
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA) {
3906
4278
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3907
4279
  }
3908
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4280
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA) {
3909
4281
  --checkmark-transition: none;
3910
4282
  }
3911
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
4283
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-selected] {
3912
4284
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3913
4285
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3914
4286
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3915
4287
  --checkmark-opacity: 1;
3916
4288
  }
3917
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
4289
+ .ListBoxItem-module__hop-ListBoxItem--xs___LeX35[data-selected] {
3918
4290
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3919
4291
  }
3920
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
4292
+ .ListBoxItem-module__hop-ListBoxItem--sm___WXxgI[data-selected] {
3921
4293
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3922
4294
  }
3923
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
4295
+ .ListBoxItem-module__hop-ListBoxItem--md___G7FrR[data-selected] {
3924
4296
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3925
4297
  }
3926
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
4298
+ .ListBoxItem-module__hop-ListBoxItem--lg___UewHU[data-selected] {
3927
4299
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3928
4300
  }
3929
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
4301
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-focus-visible] {
3930
4302
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3931
4303
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3932
4304
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3933
4305
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3934
4306
  }
3935
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
4307
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-hovered] {
3936
4308
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3937
4309
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3938
4310
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3939
4311
  }
3940
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
4312
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-pressed] {
3941
4313
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3942
4314
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3943
4315
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3944
4316
  }
3945
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
4317
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-disabled] {
3946
4318
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3947
4319
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3948
4320
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3949
4321
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3950
4322
  --cursor: not-allowed;
3951
4323
  }
3952
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
4324
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid] {
3953
4325
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3954
4326
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3955
4327
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3956
4328
  }
3957
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
4329
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-selected] {
3958
4330
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3959
4331
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3960
4332
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3961
4333
  }
3962
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
4334
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-focus-visible] {
3963
4335
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3964
4336
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3965
4337
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3966
4338
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3967
4339
  }
3968
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
4340
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-hovered] {
3969
4341
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3970
4342
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3971
4343
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3972
4344
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3973
4345
  }
3974
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
4346
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-pressed] {
3975
4347
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3976
4348
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3977
4349
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3978
4350
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3979
4351
  }
3980
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
4352
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-disabled] {
3981
4353
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3982
4354
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3983
4355
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3984
4356
  }
3985
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
4357
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY:has(.ListBoxItem-module__hop-ListBoxItem__description___PhhSo) {
3986
4358
  --row-gap: var(--hop-ListBoxItem-row-gap);
3987
4359
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3988
4360
  }
3989
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
4361
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-loading] {
3990
4362
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3991
4363
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3992
4364
  }
3993
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
4365
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8 {
3994
4366
  display: grid;
3995
4367
  grid-template-areas: var(--grid-template-areas);
3996
4368
  grid-template-columns: var(--grid-template-columns);
@@ -4002,33 +4374,33 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4002
4374
  padding-inline: var(--padding-inline);
4003
4375
  transition: grid-template-columns .3s ease-in-out;
4004
4376
  }
4005
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
4377
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA {
4006
4378
  grid-area: indicator;
4007
4379
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4008
4380
  color: var(--icon-color);
4009
4381
  opacity: var(--checkmark-opacity);
4010
4382
  transition: var(--checkmark-transition);
4011
4383
  }
4012
- .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
4013
- .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
4384
+ .ListBoxItem-module__hop-ListBoxItem__radio___1zXQb,
4385
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___UNkS7 {
4014
4386
  pointer-events: none;
4015
4387
  user-select: none;
4016
4388
  grid-area: indicator;
4017
4389
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4018
4390
  }
4019
- .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
4391
+ .ListBoxItem-module__hop-ListBoxItem__avatar___ir8AJ {
4020
4392
  grid-area: avatar;
4021
4393
  margin-block: var(--avatar-margin-block, 0);
4022
4394
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4023
4395
  }
4024
- .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
4025
- .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
4396
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___x1obK,
4397
+ .ListBoxItem-module__hop-ListBoxItem__icon___OAgg- {
4026
4398
  grid-area: icon;
4027
4399
  flex: 0 0 auto;
4028
4400
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4029
4401
  color: var(--icon-color);
4030
4402
  }
4031
- .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
4403
+ .ListBoxItem-module__hop-ListBoxItem__label___6phiV {
4032
4404
  overflow: hidden;
4033
4405
  grid-area: label;
4034
4406
  min-inline-size: 0;
@@ -4036,18 +4408,18 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4036
4408
  text-overflow: ellipsis;
4037
4409
  white-space: nowrap;
4038
4410
  }
4039
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
4040
- .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
4411
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___iEDnK,
4412
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___WbP-D {
4041
4413
  grid-area: end-icon;
4042
4414
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4043
4415
  color: var(--icon-color);
4044
4416
  }
4045
- .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
4417
+ .ListBoxItem-module__hop-ListBoxItem__badge___yBtua {
4046
4418
  grid-area: badge;
4047
4419
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4048
4420
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4049
4421
  }
4050
- .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
4422
+ .ListBoxItem-module__hop-ListBoxItem__description___PhhSo {
4051
4423
  overflow: hidden;
4052
4424
  display: -webkit-box;
4053
4425
  grid-area: description;
@@ -4058,7 +4430,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4058
4430
  }
4059
4431
 
4060
4432
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4061
- .ListBox-module__hop-ListBox___lYzDi {
4433
+ .ListBox-module__hop-ListBox___8RbZv {
4062
4434
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4063
4435
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4064
4436
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4105,11 +4477,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4105
4477
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4106
4478
  border-radius: var(--hop-ListBox-border-radius);
4107
4479
  }
4108
- .ListBox-module__hop-ListBox--fluid___s8oHK {
4480
+ .ListBox-module__hop-ListBox--fluid___IOIUg {
4109
4481
  --max-width: var(--hop-ListBox-fluid-max-width);
4110
4482
  --width: var(--hop-ListBox-fluid-width);
4111
4483
  }
4112
- .ListBox-module__hop-ListBox__section___dSbP6 {
4484
+ .ListBox-module__hop-ListBox__section___JZRKz {
4113
4485
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4114
4486
  margin-inline: var(--hop-ListBox-section-margin-inline);
4115
4487
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4117,21 +4489,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4117
4489
  border-block-start: var(--section-border-block-start);
4118
4490
  border-block-end: var(--section-border-block-end);
4119
4491
  }
4120
- .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
4492
+ .ListBox-module__hop-ListBox__item___ayJYs + .ListBox-module__hop-ListBox__section___JZRKz {
4121
4493
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4122
4494
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4123
4495
  }
4124
- .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
4496
+ .ListBox-module__hop-ListBox__section___JZRKz:has(+ .ListBox-module__hop-ListBox__item___ayJYs) {
4125
4497
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4126
4498
  }
4127
- .ListBox-module__hop-ListBox__section___dSbP6:first-child {
4499
+ .ListBox-module__hop-ListBox__section___JZRKz:first-child {
4128
4500
  --section-padding-block-start: 0;
4129
4501
  }
4130
- .ListBox-module__hop-ListBox__section___dSbP6:last-child {
4502
+ .ListBox-module__hop-ListBox__section___JZRKz:last-child {
4131
4503
  --section-padding-block-end: 0;
4132
4504
  --section-border-block-end: 0;
4133
4505
  }
4134
- .ListBox-module__hop-ListBox__section-header___OPwVg {
4506
+ .ListBox-module__hop-ListBox__section-header___b4S-D {
4135
4507
  margin: 0;
4136
4508
  padding: var(--hop-ListBox-section-header-padding);
4137
4509
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4142,23 +4514,23 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4142
4514
  text-transform: var(--hop-ListBox-section-header-text-transform);
4143
4515
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4144
4516
  }
4145
- .ListBox-module__hop-ListBox__section-header___OPwVg::before,
4146
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4517
+ .ListBox-module__hop-ListBox__section-header___b4S-D::before,
4518
+ .ListBox-module__hop-ListBox__section-header___b4S-D::after {
4147
4519
  content: "";
4148
4520
  display: block;
4149
4521
  box-sizing: border-box;
4150
4522
  inline-size: 0;
4151
4523
  block-size: 0;
4152
4524
  }
4153
- .ListBox-module__hop-ListBox__section-header___OPwVg::before {
4525
+ .ListBox-module__hop-ListBox__section-header___b4S-D::before {
4154
4526
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4155
4527
  }
4156
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4528
+ .ListBox-module__hop-ListBox__section-header___b4S-D::after {
4157
4529
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4158
4530
  }
4159
4531
 
4160
4532
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
4161
- .HopperProvider-module__hop-HopperProvider___1mjTd {
4533
+ .HopperProvider-module__hop-HopperProvider___tZA7I {
4162
4534
  font-family: var(--hop-body-md-font-family);
4163
4535
  font-size: var(--hop-body-md-font-size);
4164
4536
  font-weight: var(--hop-body-md-font-weight);
@@ -4168,7 +4540,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4168
4540
  }
4169
4541
 
4170
4542
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
4171
- .Link-module__hop-Link___n4WL9 {
4543
+ .Link-module__hop-Link___FV5rG {
4172
4544
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4173
4545
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4174
4546
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4228,137 +4600,137 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4228
4600
  outline: none;
4229
4601
  outline-offset: 0.125rem;
4230
4602
  }
4231
- :where(.Link-module__hop-Link___n4WL9) {
4603
+ :where(.Link-module__hop-Link___FV5rG) {
4232
4604
  font-family: var(--font-family);
4233
4605
  font-size: var(--font-size);
4234
4606
  font-weight: var(--font-weight);
4235
4607
  line-height: var(--line-height);
4236
4608
  }
4237
- :where(.Link-module__hop-Link--xs___kEypx) {
4609
+ :where(.Link-module__hop-Link--xs___u0hBD) {
4238
4610
  --font-size: var(--hop-Link-xs-font-size);
4239
4611
  --font-family: var(--hop-Link-xs-font-family);
4240
4612
  --font-weight: var(--hop-Link-xs-font-weight);
4241
4613
  --line-height: var(--hop-Link-xs-line-height);
4242
4614
  }
4243
- :where(.Link-module__hop-Link--sm___oCoo0) {
4615
+ :where(.Link-module__hop-Link--sm___gnUwM) {
4244
4616
  --font-size: var(--hop-Link-sm-font-size);
4245
4617
  --font-family: var(--hop-Link-sm-font-family);
4246
4618
  --font-weight: var(--hop-Link-sm-font-weight);
4247
4619
  --line-height: var(--hop-Link-sm-line-height);
4248
4620
  }
4249
- :where(.Link-module__hop-Link--md___4u0Jm) {
4621
+ :where(.Link-module__hop-Link--md___59y2t) {
4250
4622
  --font-size: var(--hop-Link-md-font-size);
4251
4623
  --font-family: var(--hop-Link-md-font-family);
4252
4624
  --font-weight: var(--hop-Link-md-font-weight);
4253
4625
  --line-height: var(--hop-Link-md-line-height);
4254
4626
  }
4255
- :where(.Link-module__hop-Link--lg___nFVvq) {
4627
+ :where(.Link-module__hop-Link--lg___BPor-) {
4256
4628
  --font-size: var(--hop-Link-lg-font-size);
4257
4629
  --font-family: var(--hop-Link-lg-font-family);
4258
4630
  --font-weight: var(--hop-Link-lg-font-weight);
4259
4631
  --line-height: var(--hop-Link-lg-line-height);
4260
4632
  }
4261
- :where(.Link-module__hop-Link--xl___yqMaS) {
4633
+ :where(.Link-module__hop-Link--xl___rF4pW) {
4262
4634
  --font-size: var(--hop-Link-xl-font-size);
4263
4635
  --font-family: var(--hop-Link-xl-font-family);
4264
4636
  --font-weight: var(--hop-Link-xl-font-weight);
4265
4637
  --line-height: var(--hop-Link-xl-line-height);
4266
4638
  }
4267
- :where(.Link-module__hop-Link--2xl___EgZxg) {
4639
+ :where(.Link-module__hop-Link--2xl___K-VR3) {
4268
4640
  --font-size: var(--hop-Link-2xl-font-size);
4269
4641
  --font-family: var(--hop-Link-2xl-font-family);
4270
4642
  --font-weight: var(--hop-Link-2xl-font-weight);
4271
4643
  --line-height: var(--hop-Link-2xl-line-height);
4272
4644
  }
4273
- :where(.Link-module__hop-Link--inherit___Xpj78) {
4645
+ :where(.Link-module__hop-Link--inherit___40F4a) {
4274
4646
  --font-size: var(--hop-Link-inherit-size-font-size);
4275
4647
  --font-family: var(--hop-Link-inherit-size-font-family);
4276
4648
  --font-weight: var(--hop-Link-inherit-size-font-weight);
4277
4649
  --line-height: var(--hop-Link-inherit-size-line-height);
4278
4650
  }
4279
- .Link-module__hop-Link___n4WL9[data-focus-visible] {
4651
+ .Link-module__hop-Link___FV5rG[data-focus-visible] {
4280
4652
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4281
4653
  }
4282
- .Link-module__hop-Link___n4WL9[data-disabled] {
4654
+ .Link-module__hop-Link___FV5rG[data-disabled] {
4283
4655
  cursor: default;
4284
4656
  }
4285
- .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
4657
+ .Link-module__hop-Link--standalone___4O8r3 .Link-module__hop-Link__text___11HIV {
4286
4658
  padding: var(--hop-Link-padding-standalone);
4287
4659
  }
4288
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
4660
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--xs___u0hBD .Link-module__hop-Link__text___11HIV {
4289
4661
  padding: var(--hop-Link-padding-standalone-xs);
4290
4662
  }
4291
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
4663
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--sm___gnUwM .Link-module__hop-Link__text___11HIV {
4292
4664
  padding: var(--hop-Link-padding-standalone-sm);
4293
4665
  }
4294
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
4666
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--md___59y2t .Link-module__hop-Link__text___11HIV {
4295
4667
  padding: var(--hop-Link-padding-standalone-md);
4296
4668
  }
4297
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
4669
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--lg___BPor- .Link-module__hop-Link__text___11HIV {
4298
4670
  padding: var(--hop-Link-padding-standalone-lg);
4299
4671
  }
4300
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
4672
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--xl___rF4pW .Link-module__hop-Link__text___11HIV {
4301
4673
  padding: var(--hop-Link-padding-standalone-xl);
4302
4674
  }
4303
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
4675
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--2xl___K-VR3 .Link-module__hop-Link__text___11HIV {
4304
4676
  padding: var(--hop-Link-padding-standalone-2xl);
4305
4677
  }
4306
- .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
4307
- .Link-module__hop-Link--quiet___9GBMr[data-hovered],
4308
- .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
4309
- .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
4678
+ .Link-module__hop-Link--quiet___0hX-l[data-focus-visible],
4679
+ .Link-module__hop-Link--quiet___0hX-l[data-hovered],
4680
+ .Link-module__hop-Link--standalone___4O8r3[data-focus-visible],
4681
+ .Link-module__hop-Link--standalone___4O8r3[data-hovered] {
4310
4682
  text-decoration: underline;
4311
4683
  }
4312
- .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
4684
+ .Link-module__hop-Link___FV5rG:not(.Link-module__hop-Link--quiet___0hX-l, .Link-module__hop-Link--standalone___4O8r3) {
4313
4685
  text-decoration: underline;
4314
4686
  }
4315
- .Link-module__hop-Link--primary___YeNRh {
4687
+ .Link-module__hop-Link--primary___Gtd9h {
4316
4688
  color: var(--hop-Link-primary-text-color);
4317
4689
  }
4318
- .Link-module__hop-Link--primary___YeNRh[data-disabled] {
4690
+ .Link-module__hop-Link--primary___Gtd9h[data-disabled] {
4319
4691
  color: var(--hop-Link-primary-text-disabled-color);
4320
4692
  }
4321
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
4322
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
4693
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-focus-visible],
4694
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-hovered] {
4323
4695
  color: var(--hop-Link-primary-text-hover-color);
4324
4696
  }
4325
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
4697
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-pressed] {
4326
4698
  color: var(--hop-Link-primary-text-pressed-color);
4327
4699
  }
4328
- .Link-module__hop-Link--secondary___0pBbc {
4700
+ .Link-module__hop-Link--secondary___txt5k {
4329
4701
  color: var(--hop-Link-neutral-text-color);
4330
4702
  }
4331
- .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
4703
+ .Link-module__hop-Link--secondary___txt5k[data-disabled] {
4332
4704
  color: var(--hop-Link-neutral-text-disabled-color);
4333
4705
  }
4334
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
4335
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
4706
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-focus-visible],
4707
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-hovered] {
4336
4708
  color: var(--hop-Link-neutral-text-hover-color);
4337
4709
  }
4338
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
4710
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-pressed] {
4339
4711
  color: var(--hop-Link-neutral-text-pressed-color);
4340
4712
  }
4341
- .Link-module__hop-Link__icon___QFMUA,
4342
- .Link-module__hop-Link__icon-list___eQlWg {
4713
+ .Link-module__hop-Link__icon___ZBIMb,
4714
+ .Link-module__hop-Link__icon-list___W15lz {
4343
4715
  order: 2;
4344
4716
  }
4345
- .Link-module__hop-Link__text___1mmQh {
4717
+ .Link-module__hop-Link__text___11HIV {
4346
4718
  order: 1;
4347
4719
  }
4348
- .Link-module__hop-Link__start-icon___Tury5,
4349
- .Link-module__hop-Link__start-icon-list___lkoEc {
4720
+ .Link-module__hop-Link__start-icon___W4fuo,
4721
+ .Link-module__hop-Link__start-icon-list___oVUGp {
4350
4722
  order: 0;
4351
4723
  }
4352
4724
 
4353
4725
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4354
- :where(.Popover-module__hop-Popover___26umq *) {
4726
+ :where(.Popover-module__hop-Popover___x5VHp *) {
4355
4727
  font-family: var(--font-family);
4356
4728
  font-size: var(--font-size);
4357
4729
  font-weight: var(--font-weight);
4358
4730
  line-height: var(--line-height);
4359
4731
  outline: none;
4360
4732
  }
4361
- .Popover-module__hop-Popover___26umq {
4733
+ .Popover-module__hop-Popover___x5VHp {
4362
4734
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4363
4735
  --hop-Popover-inline-width: 25rem;
4364
4736
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4371,22 +4743,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4371
4743
  inline-size: var(--width);
4372
4744
  max-inline-size: var(--max-width);
4373
4745
  }
4374
- .Popover-module__hop-Popover___26umq[data-trigger=Select] {
4746
+ .Popover-module__hop-Popover___x5VHp[data-trigger=Select] {
4375
4747
  --width: var(--hop-Popover-dropdown-inline-width);
4376
4748
  }
4377
- .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
4749
+ .Popover-module__hop-Popover___x5VHp[data-trigger=ComboBox] {
4378
4750
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4379
4751
  }
4380
- .Popover-module__hop-Popover___26umq[data-auto-width] {
4752
+ .Popover-module__hop-Popover___x5VHp[data-auto-width] {
4381
4753
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4382
4754
  }
4383
- .Popover-module__hop-Popover___26umq[data-entering] {
4384
- animation: Popover-module__fade___Rb7-0 0.25s;
4755
+ .Popover-module__hop-Popover___x5VHp[data-entering] {
4756
+ animation: Popover-module__fade___eL1f- 0.25s;
4385
4757
  }
4386
- .Popover-module__hop-Popover___26umq[data-exiting] {
4387
- animation: Popover-module__fade___Rb7-0 0.25s reverse;
4758
+ .Popover-module__hop-Popover___x5VHp[data-exiting] {
4759
+ animation: Popover-module__fade___eL1f- 0.25s reverse;
4388
4760
  }
4389
- @keyframes Popover-module__fade___Rb7-0 {
4761
+ @keyframes Popover-module__fade___eL1f- {
4390
4762
  from {
4391
4763
  opacity: 0;
4392
4764
  }
@@ -4394,14 +4766,14 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4394
4766
  opacity: 1;
4395
4767
  }
4396
4768
  }
4397
- .Popover-module__hop-Popover__wrapper___uZgAA {
4769
+ .Popover-module__hop-Popover__wrapper___pDbFD {
4398
4770
  display: flex;
4399
4771
  flex: 1 1 auto;
4400
4772
  flex-direction: column;
4401
4773
  min-block-size: 0;
4402
4774
  }
4403
- .Popover-module__hop-Popover__dialog___GGJWK,
4404
- .Popover-module__hop-Popover__dropdown___jeauL {
4775
+ .Popover-module__hop-Popover__dialog___zpjq4,
4776
+ .Popover-module__hop-Popover__dropdown___s7tlg {
4405
4777
  --hop-Popover-background: var(--hop-neutral-surface);
4406
4778
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4407
4779
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4449,21 +4821,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4449
4821
  border-radius: var(--hop-Popover-border-radius);
4450
4822
  box-shadow: var(--hop-Popover-box-shadow);
4451
4823
  }
4452
- .Popover-module__hop-Popover__dropdown___jeauL {
4824
+ .Popover-module__hop-Popover__dropdown___s7tlg {
4453
4825
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4454
4826
  --footer-place-self: stretch;
4455
4827
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4456
4828
  --padding: var(--hop-Popover-dropdown-padding);
4457
4829
  overflow: hidden;
4458
4830
  }
4459
- .Popover-module__hop-Popover__dialog___GGJWK {
4831
+ .Popover-module__hop-Popover__dialog___zpjq4 {
4460
4832
  --padding: var(--hop-Popover-dialog-padding);
4461
4833
  }
4462
- .Popover-module__hop-Popover__title___Rlj3j {
4834
+ .Popover-module__hop-Popover__title___nrgOs {
4463
4835
  grid-area: header;
4464
4836
  color: var(--hop-Popover-color);
4465
4837
  }
4466
- .Popover-module__hop-Popover__content___xnLU- {
4838
+ .Popover-module__hop-Popover__content___GZS4O {
4467
4839
  --font-size: var(--hop-Popover-content-font-size);
4468
4840
  --line-height: var(--hop-Popover-content-line-height);
4469
4841
  --font-family: var(--hop-Popover-content-font-family);
@@ -4474,12 +4846,12 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4474
4846
  padding: 0;
4475
4847
  color: var(--hop-Popover-content-color);
4476
4848
  }
4477
- .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4478
- .Popover-module__hop-Popover__content___xnLU- {
4849
+ .Popover-module__hop-Popover___x5VHp:not(:has(.Popover-module__hop-Popover__title___nrgOs)) {
4850
+ .Popover-module__hop-Popover__content___GZS4O {
4479
4851
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4480
4852
  }
4481
4853
  }
4482
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4854
+ .Popover-module__hop-Popover__dropdown___s7tlg .Popover-module__hop-Popover__list-box___aBoQj {
4483
4855
  grid-area: content;
4484
4856
  inline-size: auto;
4485
4857
  min-inline-size: auto;
@@ -4487,7 +4859,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4487
4859
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4488
4860
  border: none;
4489
4861
  }
4490
- .Popover-module__hop-Popover__footer___0FFAg {
4862
+ .Popover-module__hop-Popover__footer___a-oZs {
4491
4863
  --font-size: var(--hop-Popover-footer-font-size);
4492
4864
  --line-height: var(--hop-Popover-footer-line-height);
4493
4865
  grid-area: footer;
@@ -4495,22 +4867,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4495
4867
  margin: var(--footer-margin);
4496
4868
  color: var(--hop-Popover-color);
4497
4869
  }
4498
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4870
+ .Popover-module__hop-Popover__dropdown___s7tlg .Popover-module__hop-Popover__footer___a-oZs {
4499
4871
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4500
4872
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4501
4873
  }
4502
- .Popover-module__hop-Popover__actions___22QyU,
4503
- .Popover-module__hop-Popover__action___1YRad {
4874
+ .Popover-module__hop-Popover__actions___zo0kr,
4875
+ .Popover-module__hop-Popover__action___kis81 {
4504
4876
  grid-area: action;
4505
4877
  justify-self: end;
4506
4878
  margin-block-start: var(--hop-Popover-row-gap);
4507
4879
  }
4508
- .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4880
+ .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 {
4509
4881
  margin-inline-end: var(--hop-Popover-column-gap);
4510
4882
  }
4511
4883
 
4512
4884
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4513
- .PopoverBase-module__hop-PopoverBase___31efu {
4885
+ .PopoverBase-module__hop-PopoverBase___nPlcD {
4514
4886
  --hop-Popover-background: var(--hop-neutral-surface);
4515
4887
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4516
4888
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4540,27 +4912,27 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4540
4912
  box-shadow: var(--hop-Popover-box-shadow);
4541
4913
  transition: opacity var(--hop-easing-duration-2);
4542
4914
  }
4543
- .PopoverBase-module__hop-PopoverBase___31efu[data-entering] {
4915
+ .PopoverBase-module__hop-PopoverBase___nPlcD[data-entering] {
4544
4916
  opacity: 0;
4545
4917
  }
4546
- .PopoverBase-module__hop-PopoverBase___31efu[data-exiting] {
4918
+ .PopoverBase-module__hop-PopoverBase___nPlcD[data-exiting] {
4547
4919
  pointer-events: none;
4548
4920
  opacity: 0;
4549
4921
  transition-timing-function: var(--hop-easing-productive);
4550
4922
  }
4551
4923
 
4552
4924
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
4553
- .ToggleArrow-module__hop-ToggleArrow___F3uDI {
4925
+ .ToggleArrow-module__hop-ToggleArrow___qFH2J {
4554
4926
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
4555
4927
  position: relative;
4556
4928
  transition: transform var(--transition);
4557
4929
  }
4558
- .ToggleArrow-module__hop-ToggleArrow___F3uDI[data-expanded] {
4930
+ .ToggleArrow-module__hop-ToggleArrow___qFH2J[data-expanded] {
4559
4931
  transform: rotate(-180deg);
4560
4932
  }
4561
4933
 
4562
4934
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/combobox/src/ComboBox.module.css/#css-module-data */
4563
- .ComboBox-module__hop-ComboBox___Lb1mQ {
4935
+ .ComboBox-module__hop-ComboBox___lkB7c {
4564
4936
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
4565
4937
  --hop-ComboBox-inline-size: 20rem;
4566
4938
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -4575,20 +4947,20 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4575
4947
  inline-size: var(--inline-size);
4576
4948
  max-inline-size: var(--hop-ComboBox-max-inline-size);
4577
4949
  }
4578
- .ComboBox-module__hop-ComboBox--fluid___Ptot1 {
4950
+ .ComboBox-module__hop-ComboBox--fluid___sKQW0 {
4579
4951
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
4580
4952
  }
4581
- .ComboBox-module__hop-ComboBox__label___0Pla6 {
4953
+ .ComboBox-module__hop-ComboBox__label___Iw02S {
4582
4954
  order: 1;
4583
4955
  }
4584
- .ComboBox-module__hop-ComboBox__trigger___9TwXq {
4956
+ .ComboBox-module__hop-ComboBox__trigger___cNfk9 {
4585
4957
  cursor: text;
4586
4958
  order: 2;
4587
4959
  }
4588
- .ComboBox-module__hop-ComboBox__trigger___9TwXq[data-disabled] {
4960
+ .ComboBox-module__hop-ComboBox__trigger___cNfk9[data-disabled] {
4589
4961
  cursor: default;
4590
4962
  }
4591
- .ComboBox-module__hop-ComboBox__button___e5o3k {
4963
+ .ComboBox-module__hop-ComboBox__button___DVeYv {
4592
4964
  cursor: pointer;
4593
4965
  display: flex;
4594
4966
  flex: 0 0 auto;
@@ -4599,15 +4971,15 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4599
4971
  border: none;
4600
4972
  outline: none;
4601
4973
  }
4602
- .ComboBox-module__hop-ComboBox__button___e5o3k[data-disabled] {
4974
+ .ComboBox-module__hop-ComboBox__button___DVeYv[data-disabled] {
4603
4975
  cursor: default;
4604
4976
  color: var(--hop-ComboBox-button-color-disabled);
4605
4977
  }
4606
- .ComboBox-module__hop-ComboBox__prefix___fFHWF {
4978
+ .ComboBox-module__hop-ComboBox__prefix___FCGdt {
4607
4979
  align-self: center;
4608
4980
  color: var(--hop-ComboBox-prefix-color);
4609
4981
  }
4610
- .ComboBox-module__hop-ComboBox__helper-message___OGSw0,
4611
- .ComboBox-module__hop-ComboBox__error-message___3pCHC {
4982
+ .ComboBox-module__hop-ComboBox__helper-message___dVWNX,
4983
+ .ComboBox-module__hop-ComboBox__error-message___C8JG2 {
4612
4984
  order: 3;
4613
4985
  }