@hopper-ui/components 1.8.0 → 1.8.2

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 (353) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +485 -386
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +485 -386
  9. package/dist/alert/src/index.js +9 -9
  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 +4 -4
  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 +9 -9
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +3 -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 +4 -3
  30. package/dist/buttons/src/Button.css +104 -104
  31. package/dist/buttons/src/Button.js +5 -5
  32. package/dist/buttons/src/ButtonGroup.css +49 -49
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +109 -109
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +105 -105
  37. package/dist/buttons/src/CloseButton.js +6 -6
  38. package/dist/buttons/src/EmbeddedButton.css +109 -109
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +113 -113
  41. package/dist/buttons/src/LinkButton.js +4 -4
  42. package/dist/buttons/src/ToggleButton.css +221 -122
  43. package/dist/buttons/src/ToggleButton.d.ts +3 -4
  44. package/dist/buttons/src/ToggleButton.js +4 -4
  45. package/dist/buttons/src/index.css +433 -334
  46. package/dist/buttons/src/index.d.ts +1 -1
  47. package/dist/buttons/src/index.js +11 -11
  48. package/dist/callout/src/Callout.css +445 -346
  49. package/dist/callout/src/Callout.js +7 -7
  50. package/dist/callout/src/CompactCallout.css +482 -383
  51. package/dist/callout/src/CompactCallout.js +7 -7
  52. package/dist/callout/src/index.css +494 -395
  53. package/dist/callout/src/index.js +9 -9
  54. package/dist/card/src/Card.css +41 -41
  55. package/dist/card/src/Card.js +1 -1
  56. package/dist/card/src/index.css +41 -41
  57. package/dist/card/src/index.js +1 -1
  58. package/dist/checkbox/src/Checkbox.css +57 -57
  59. package/dist/checkbox/src/Checkbox.js +4 -4
  60. package/dist/checkbox/src/CheckboxField.css +44 -44
  61. package/dist/checkbox/src/CheckboxField.js +3 -3
  62. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  63. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  64. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  65. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  66. package/dist/checkbox/src/index.css +109 -109
  67. package/dist/checkbox/src/index.js +11 -11
  68. package/dist/{chunk-DGU5YZM5.js → chunk-2EOZLJ3U.js} +6 -6
  69. package/dist/{chunk-3OGBUJLO.js → chunk-2QPUHBJ6.js} +3 -3
  70. package/dist/{chunk-KD5CC7J2.js → chunk-2UBRJW2J.js} +1 -1
  71. package/dist/{chunk-BD2ZOQJW.js → chunk-2ZNBGFYO.js} +1 -1
  72. package/dist/{chunk-URTTLQAC.js → chunk-3BP4XOAL.js} +1 -1
  73. package/dist/{chunk-FORSJNLX.js → chunk-3MYOCKT2.js} +8 -8
  74. package/dist/{chunk-KOLL65WL.js → chunk-4O27LL2N.js} +2 -2
  75. package/dist/{chunk-TXETMX5H.js → chunk-5ZMGVSCQ.js} +1 -1
  76. package/dist/{chunk-RBUBE5ET.js → chunk-6Y4WK3RQ.js} +1 -1
  77. package/dist/{chunk-YF4DILIQ.js → chunk-A5X5HCFF.js} +1 -1
  78. package/dist/{chunk-2AD6XN2R.js → chunk-AJ4JHO3L.js} +2 -2
  79. package/dist/{chunk-UPGCU4V3.js → chunk-AN3RU3NY.js} +3 -3
  80. package/dist/{chunk-3YYC7XZW.js → chunk-B62S77SN.js} +3 -3
  81. package/dist/{chunk-VFURXZPW.js → chunk-BCBQINY3.js} +2 -2
  82. package/dist/{chunk-F6VSINXC.js → chunk-BHFIGTK6.js} +1 -1
  83. package/dist/{chunk-FXNQDM7U.js → chunk-BV3ROFY6.js} +1 -1
  84. package/dist/{chunk-VTHB4J4N.js → chunk-C2JYCOJJ.js} +2 -2
  85. package/dist/{chunk-QCFV6G6K.js → chunk-C4F7EZIQ.js} +1 -1
  86. package/dist/{chunk-X72OOA2X.js → chunk-C7CNYQRP.js} +2 -2
  87. package/dist/{chunk-EWP3IGMD.js → chunk-CDC6G4DW.js} +1 -1
  88. package/dist/{chunk-ETBPFG5Z.js → chunk-CHJUYY53.js} +1 -1
  89. package/dist/{chunk-JNV6W5JC.js → chunk-CMNPB35A.js} +12 -12
  90. package/dist/{chunk-5F2LUFRN.js → chunk-CU3QGP2L.js} +2 -2
  91. package/dist/{chunk-E5RHW4IY.js → chunk-E3KVQKBW.js} +3 -3
  92. package/dist/{chunk-VUWTKMHT.js → chunk-EOXIVZJH.js} +1 -1
  93. package/dist/{chunk-57WEWZ4L.js → chunk-FC6G5MQ3.js} +2 -2
  94. package/dist/{chunk-D7ICCQM5.js → chunk-FQHEXVEO.js} +2 -2
  95. package/dist/{chunk-VQRXNT3Q.js → chunk-GDX6X4AK.js} +2 -2
  96. package/dist/{chunk-TGQ4XIIL.js → chunk-GNG2NV76.js} +1 -1
  97. package/dist/{chunk-Q4BKNDZD.js → chunk-GTGTEHOA.js} +2 -2
  98. package/dist/{chunk-G5AQXKGI.js → chunk-GUPD7SCD.js} +1 -1
  99. package/dist/{chunk-7KXUKO5L.js → chunk-I62K2ZHG.js} +1 -1
  100. package/dist/{chunk-UGZYYO3T.js → chunk-IKQ2EV2Y.js} +1 -1
  101. package/dist/{chunk-UH3WEXVR.js → chunk-J6QWUF6I.js} +4 -4
  102. package/dist/{chunk-KN6OG3WN.js → chunk-JG7DCSZ7.js} +1 -1
  103. package/dist/{chunk-N6JCPZ5G.js → chunk-JSK57VIX.js} +2 -2
  104. package/dist/{chunk-DSK6IH5M.js → chunk-KG3UXYPM.js} +3 -3
  105. package/dist/{chunk-QXZSPZWJ.js → chunk-KHPSEX4H.js} +1 -1
  106. package/dist/{chunk-RM3WVAEZ.js → chunk-LDWHZCH4.js} +1 -1
  107. package/dist/{chunk-7WJAJGOX.js → chunk-MRHZL6GL.js} +2 -2
  108. package/dist/{chunk-WLNEXEEX.js → chunk-MVXDSVBA.js} +1 -1
  109. package/dist/{chunk-K3GNQGLK.js → chunk-N2INWSSP.js} +1 -1
  110. package/dist/{chunk-VX7TMQSF.js → chunk-O4U6DKHU.js} +2 -2
  111. package/dist/{chunk-HL2I2YUG.js → chunk-O6RCJ73Y.js} +2 -2
  112. package/dist/{chunk-I377K7IX.js → chunk-OM4XR33Z.js} +3 -3
  113. package/dist/{chunk-QXTTPOP5.js → chunk-OPG3YAOS.js} +1 -1
  114. package/dist/{chunk-NRUHVUQY.js → chunk-OZ7NZPDM.js} +1 -1
  115. package/dist/{chunk-WEKPO5YP.js → chunk-P4YL7PZX.js} +2 -2
  116. package/dist/{chunk-L64YORM7.js → chunk-PT5SYITB.js} +5 -5
  117. package/dist/{chunk-VEXKMBM6.js → chunk-PVIZJ22K.js} +1 -1
  118. package/dist/{chunk-M64J2RXB.js → chunk-Q7NZNQEE.js} +2 -2
  119. package/dist/{chunk-FSS4CZQI.js → chunk-QIGTPOAF.js} +10 -10
  120. package/dist/{chunk-GHMBKUTU.js → chunk-QXX3VYMF.js} +1 -1
  121. package/dist/{chunk-FJUFE7XU.js → chunk-R3F4R2GR.js} +5 -5
  122. package/dist/{chunk-Q252HANX.js → chunk-RXNIOPGX.js} +4 -3
  123. package/dist/{chunk-JASPC6XG.js → chunk-SLJKAEOC.js} +5 -5
  124. package/dist/{chunk-ZWCN6ASW.js → chunk-SUNGEQNN.js} +2 -2
  125. package/dist/{chunk-A5MNOCQ2.js → chunk-T52WHF7R.js} +1 -1
  126. package/dist/{chunk-NGZNCS3G.js → chunk-TBOTEIRR.js} +1 -1
  127. package/dist/{chunk-ZHEWPE46.js → chunk-THRSW2TA.js} +1 -1
  128. package/dist/{chunk-72UDPGXN.js → chunk-TQFW3GV6.js} +1 -1
  129. package/dist/{chunk-DB4Y2SXS.js → chunk-TRMO7MV5.js} +11 -11
  130. package/dist/{chunk-DOP43XH5.js → chunk-TSXCJZLH.js} +2 -2
  131. package/dist/{chunk-XQ3MES4Y.js → chunk-UEJAUKJY.js} +8 -8
  132. package/dist/{chunk-7K3TKE2R.js → chunk-UH3RWAZV.js} +2 -2
  133. package/dist/{chunk-HF5YS5Z6.js → chunk-V4FVG6RD.js} +4 -4
  134. package/dist/{chunk-76JOA74P.js → chunk-VDPXCFLQ.js} +5 -5
  135. package/dist/{chunk-SLK22PRQ.js → chunk-VK4C7IPE.js} +7 -7
  136. package/dist/{chunk-5MNBACCS.js → chunk-VNFZDWVB.js} +1 -1
  137. package/dist/{chunk-GVGOWUJG.js → chunk-VQ6HKO7S.js} +2 -2
  138. package/dist/{chunk-PPBA6RPY.js → chunk-VQN3EOEE.js} +2 -2
  139. package/dist/{chunk-NNPOWTQ4.js → chunk-VSAMAS7P.js} +5 -5
  140. package/dist/{chunk-WOQOIB6V.js → chunk-W57EDX3L.js} +1 -1
  141. package/dist/{chunk-Y7ACQLH4.js → chunk-WSW2WVYZ.js} +1 -1
  142. package/dist/{chunk-D3QAZ56J.js → chunk-WTBYPRRW.js} +3 -3
  143. package/dist/{chunk-JHAHLWQJ.js → chunk-WTDBPVO2.js} +2 -2
  144. package/dist/{chunk-ESCEY6RN.js → chunk-XFWOCVQF.js} +3 -3
  145. package/dist/{chunk-GDODCIB6.js → chunk-XIWBIDKX.js} +3 -3
  146. package/dist/{chunk-PWYDH3ZA.js → chunk-XSUYZDYB.js} +1 -1
  147. package/dist/{chunk-3ETJUGAP.js → chunk-XYQU45MO.js} +3 -3
  148. package/dist/{chunk-KIXYAIPB.js → chunk-Y5RKQQHZ.js} +2 -2
  149. package/dist/{chunk-LO44K2EI.js → chunk-YG4VQFHZ.js} +2 -2
  150. package/dist/{chunk-VECFKZI5.js → chunk-YJZJ6EGK.js} +3 -3
  151. package/dist/{chunk-FPHBQO6G.js → chunk-YLUR4I4O.js} +1 -1
  152. package/dist/{chunk-JQLKVLV7.js → chunk-YT6KAZ7W.js} +2 -2
  153. package/dist/{chunk-RNGFFSNG.js → chunk-ZBVXOGE7.js} +8 -8
  154. package/dist/combobox/src/ComboBox.css +853 -754
  155. package/dist/combobox/src/ComboBox.js +19 -19
  156. package/dist/combobox/src/index.css +853 -754
  157. package/dist/combobox/src/index.js +19 -19
  158. package/dist/contextual-help/src/ContextualHelp.css +776 -677
  159. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  160. package/dist/contextual-help/src/index.css +776 -677
  161. package/dist/contextual-help/src/index.js +4 -4
  162. package/dist/disclosure/src/Disclosure.css +48 -48
  163. package/dist/disclosure/src/Disclosure.js +1 -1
  164. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  165. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  166. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  167. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  168. package/dist/disclosure/src/index.css +73 -73
  169. package/dist/disclosure/src/index.js +7 -7
  170. package/dist/divider/src/Divider.css +40 -40
  171. package/dist/divider/src/Divider.js +1 -1
  172. package/dist/divider/src/index.css +40 -40
  173. package/dist/divider/src/index.js +1 -1
  174. package/dist/error-message/src/ErrorMessage.css +40 -40
  175. package/dist/error-message/src/ErrorMessage.js +2 -2
  176. package/dist/error-message/src/index.css +40 -40
  177. package/dist/error-message/src/index.js +2 -2
  178. package/dist/form/src/Form.css +38 -38
  179. package/dist/form/src/Form.js +1 -1
  180. package/dist/form/src/index.css +38 -38
  181. package/dist/form/src/index.js +1 -1
  182. package/dist/header/src/Header.css +38 -38
  183. package/dist/header/src/index.css +38 -38
  184. package/dist/helper-message/src/HelperMessage.css +40 -40
  185. package/dist/helper-message/src/HelperMessage.js +2 -2
  186. package/dist/helper-message/src/index.css +40 -40
  187. package/dist/helper-message/src/index.js +2 -2
  188. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  189. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  190. package/dist/hopper-provider/src/index.css +39 -39
  191. package/dist/hopper-provider/src/index.js +1 -1
  192. package/dist/icon-list/src/IconList.css +39 -39
  193. package/dist/icon-list/src/IconList.js +1 -1
  194. package/dist/icon-list/src/index.css +39 -39
  195. package/dist/icon-list/src/index.js +1 -1
  196. package/dist/illustrated-message/src/IllustratedMessage.css +452 -353
  197. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  198. package/dist/illustrated-message/src/index.css +452 -353
  199. package/dist/illustrated-message/src/index.js +1 -1
  200. package/dist/image/src/Image.css +41 -41
  201. package/dist/image/src/Image.js +1 -1
  202. package/dist/image/src/SvgImage.css +39 -39
  203. package/dist/image/src/SvgImage.js +1 -1
  204. package/dist/image/src/index.css +42 -42
  205. package/dist/image/src/index.js +2 -2
  206. package/dist/index.css +1203 -1104
  207. package/dist/index.d.ts +1 -1
  208. package/dist/index.js +89 -89
  209. package/dist/inputs/src/Input.css +42 -42
  210. package/dist/inputs/src/Input.js +1 -1
  211. package/dist/inputs/src/InputGroup.css +44 -44
  212. package/dist/inputs/src/InputGroup.js +1 -1
  213. package/dist/inputs/src/NumberField.css +68 -68
  214. package/dist/inputs/src/NumberField.js +10 -10
  215. package/dist/inputs/src/PasswordField.css +453 -354
  216. package/dist/inputs/src/PasswordField.js +10 -10
  217. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  218. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  219. package/dist/inputs/src/SearchField.css +459 -360
  220. package/dist/inputs/src/SearchField.js +11 -11
  221. package/dist/inputs/src/TextArea.css +65 -65
  222. package/dist/inputs/src/TextArea.js +9 -9
  223. package/dist/inputs/src/TextField.css +457 -358
  224. package/dist/inputs/src/TextField.js +13 -13
  225. package/dist/inputs/src/index.css +505 -406
  226. package/dist/inputs/src/index.js +17 -17
  227. package/dist/layout/src/Content.css +38 -38
  228. package/dist/layout/src/Footer.css +38 -38
  229. package/dist/link/src/Link.css +77 -77
  230. package/dist/link/src/Link.js +3 -3
  231. package/dist/link/src/index.css +77 -77
  232. package/dist/link/src/index.js +3 -3
  233. package/dist/list-box/src/ListBox.css +312 -312
  234. package/dist/list-box/src/ListBox.js +8 -8
  235. package/dist/list-box/src/ListBoxItem.css +300 -300
  236. package/dist/list-box/src/ListBoxItem.js +6 -6
  237. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  238. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  239. package/dist/list-box/src/index.css +312 -312
  240. package/dist/list-box/src/index.js +8 -8
  241. package/dist/menu/src/Menu.css +778 -679
  242. package/dist/menu/src/Menu.js +2 -2
  243. package/dist/menu/src/MenuItem.css +117 -117
  244. package/dist/menu/src/MenuItem.js +2 -2
  245. package/dist/menu/src/MenuSection.css +40 -40
  246. package/dist/menu/src/MenuSection.js +1 -1
  247. package/dist/menu/src/index.css +803 -704
  248. package/dist/menu/src/index.js +5 -5
  249. package/dist/modal/src/BaseModal.css +53 -53
  250. package/dist/modal/src/BaseModal.js +1 -1
  251. package/dist/modal/src/CustomModal.css +54 -54
  252. package/dist/modal/src/CustomModal.js +2 -2
  253. package/dist/modal/src/Modal.css +475 -376
  254. package/dist/modal/src/Modal.js +8 -8
  255. package/dist/modal/src/index.css +476 -377
  256. package/dist/modal/src/index.js +9 -9
  257. package/dist/overlays/popover/src/Popover.css +770 -671
  258. package/dist/overlays/popover/src/Popover.js +3 -3
  259. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  260. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  261. package/dist/overlays/popover/src/index.css +773 -674
  262. package/dist/overlays/popover/src/index.js +4 -4
  263. package/dist/radio/src/DecorativeRadio.css +65 -65
  264. package/dist/radio/src/DecorativeRadio.js +3 -3
  265. package/dist/radio/src/Radio.css +57 -57
  266. package/dist/radio/src/Radio.js +3 -3
  267. package/dist/radio/src/RadioField.css +44 -44
  268. package/dist/radio/src/RadioField.js +2 -2
  269. package/dist/radio/src/RadioGroup.css +109 -109
  270. package/dist/radio/src/RadioGroup.js +7 -7
  271. package/dist/radio/src/index.css +109 -109
  272. package/dist/radio/src/index.js +11 -11
  273. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  274. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  275. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  276. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  277. package/dist/segmented-control/src/index.css +54 -54
  278. package/dist/segmented-control/src/index.js +3 -3
  279. package/dist/select/src/Select.css +797 -698
  280. package/dist/select/src/Select.js +18 -18
  281. package/dist/select/src/SelectValue.css +99 -99
  282. package/dist/select/src/SelectValue.js +2 -2
  283. package/dist/select/src/index.css +797 -698
  284. package/dist/select/src/index.js +18 -18
  285. package/dist/spinner/src/Spinner.css +48 -48
  286. package/dist/spinner/src/Spinner.js +2 -2
  287. package/dist/spinner/src/index.css +48 -48
  288. package/dist/spinner/src/index.js +2 -2
  289. package/dist/switch/src/Switch.css +54 -54
  290. package/dist/switch/src/Switch.js +3 -3
  291. package/dist/switch/src/SwitchField.css +44 -44
  292. package/dist/switch/src/SwitchField.js +2 -2
  293. package/dist/switch/src/index.css +60 -60
  294. package/dist/switch/src/index.js +4 -4
  295. package/dist/tabs/src/Tab.css +623 -524
  296. package/dist/tabs/src/Tab.js +2 -2
  297. package/dist/tabs/src/TabLine.css +40 -40
  298. package/dist/tabs/src/TabLine.js +1 -1
  299. package/dist/tabs/src/TabList.css +47 -47
  300. package/dist/tabs/src/TabList.js +2 -2
  301. package/dist/tabs/src/TabPanel.css +40 -40
  302. package/dist/tabs/src/TabPanel.js +1 -1
  303. package/dist/tabs/src/index.css +634 -535
  304. package/dist/tabs/src/index.js +5 -5
  305. package/dist/tag/src/Tag.css +601 -502
  306. package/dist/tag/src/Tag.js +7 -7
  307. package/dist/tag/src/TagGroup.css +48 -48
  308. package/dist/tag/src/TagGroup.js +7 -7
  309. package/dist/tag/src/index.css +611 -512
  310. package/dist/tag/src/index.js +12 -12
  311. package/dist/tile/src/Tile.css +47 -47
  312. package/dist/tile/src/Tile.js +2 -2
  313. package/dist/tile/src/TileGroup.css +39 -39
  314. package/dist/tile/src/TileGroup.js +1 -1
  315. package/dist/tile/src/index.css +48 -48
  316. package/dist/tile/src/index.js +3 -3
  317. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  318. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  319. package/dist/toggle-arrow/src/index.css +40 -40
  320. package/dist/toggle-arrow/src/index.js +1 -1
  321. package/dist/tooltip/src/Tooltip.css +48 -48
  322. package/dist/tooltip/src/Tooltip.js +3 -3
  323. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  324. package/dist/tooltip/src/index.css +48 -48
  325. package/dist/tooltip/src/index.js +3 -3
  326. package/dist/typography/heading/src/Heading.css +38 -38
  327. package/dist/typography/heading/src/Heading.js +1 -1
  328. package/dist/typography/heading/src/index.css +38 -38
  329. package/dist/typography/heading/src/index.js +1 -1
  330. package/dist/typography/label/src/FieldLabel.css +38 -38
  331. package/dist/typography/label/src/FieldLabel.js +3 -3
  332. package/dist/typography/label/src/Label.css +38 -38
  333. package/dist/typography/label/src/Label.js +1 -1
  334. package/dist/typography/label/src/index.css +38 -38
  335. package/dist/typography/label/src/index.js +3 -3
  336. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  337. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  338. package/dist/typography/overline-text/src/index.css +38 -38
  339. package/dist/typography/overline-text/src/index.js +1 -1
  340. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  341. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  342. package/dist/typography/paragraph/src/index.css +38 -38
  343. package/dist/typography/paragraph/src/index.js +2 -2
  344. package/dist/typography/text/src/Text.css +38 -38
  345. package/dist/typography/text/src/Text.js +1 -1
  346. package/dist/typography/text/src/index.css +38 -38
  347. package/dist/typography/text/src/index.js +1 -1
  348. package/dist/utils/src/ClearSlots.css +38 -38
  349. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  350. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  351. package/dist/utils/src/index.css +38 -38
  352. package/dist/utils/src/index.js +2 -2
  353. package/package.json +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___EG00A {
2
+ .Heading-module__hop-Heading___ex9Pl {
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___EG00A) {
36
+ :where(.Heading-module__hop-Heading___ex9Pl) {
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___xNucC) {
44
+ :where(.Heading-module__hop-Heading--xs___U-anE) {
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___05Byx) {
50
+ :where(.Heading-module__hop-Heading--sm___9euNX) {
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___7vlXO) {
56
+ :where(.Heading-module__hop-Heading--md___m9G-q) {
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___-iM4S) {
62
+ :where(.Heading-module__hop-Heading--lg___seVEu) {
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___YiFxf) {
68
+ :where(.Heading-module__hop-Heading--xl___-ctXd) {
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___sLtGX) {
74
+ :where(.Heading-module__hop-Heading--2xl___nm0lD) {
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___L3BmC) {
80
+ :where(.Heading-module__hop-Heading--3xl___UlnoB) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,14 +85,14 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
- .Label-module__hop-Label___x-D7q {
88
+ .Label-module__hop-Label___ClY-C {
89
89
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
90
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
91
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
92
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
93
  --hop-Label-color: var(--hop-neutral-text-weak);
94
94
  }
95
- :where(.Label-module__hop-Label___x-D7q) {
95
+ :where(.Label-module__hop-Label___ClY-C) {
96
96
  font-family: var(--hop-Label-font-family);
97
97
  font-size: var(--hop-Label-font-size);
98
98
  font-weight: var(--hop-Label-font-weight);
@@ -101,17 +101,17 @@
101
101
  }
102
102
 
103
103
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
104
- .FieldLabel-module__hop-FieldLabel__wrapper___VGoF6 {
104
+ .FieldLabel-module__hop-FieldLabel__wrapper___P-qSb {
105
105
  display: flex;
106
106
  gap: var(--hop-space-inset-xs);
107
107
  align-items: center;
108
108
  }
109
- .FieldLabel-module__hop-FieldLabel__indicator___fp8NS {
109
+ .FieldLabel-module__hop-FieldLabel__indicator___lbxSg {
110
110
  padding-inline-start: var(--hop-space-20);
111
111
  }
112
112
 
113
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
- :where(.OverlineText-module__hop-OverlineText___uqriG) {
114
+ :where(.OverlineText-module__hop-OverlineText___RBrct) {
115
115
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
116
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
117
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +135,26 @@
135
135
  text-transform: uppercase;
136
136
  letter-spacing: var(--letter-spacing);
137
137
  }
138
- .OverlineText-module__hop-OverlineText__text___QC4h8 {
138
+ .OverlineText-module__hop-OverlineText__text___ue5ai {
139
139
  box-sizing: border-box;
140
140
  }
141
- .OverlineText-module__hop-OverlineText__text___QC4h8::before,
142
- .OverlineText-module__hop-OverlineText__text___QC4h8::after {
141
+ .OverlineText-module__hop-OverlineText__text___ue5ai::before,
142
+ .OverlineText-module__hop-OverlineText__text___ue5ai::after {
143
143
  content: "";
144
144
  display: block;
145
145
  box-sizing: border-box;
146
146
  inline-size: 0;
147
147
  block-size: 0;
148
148
  }
149
- .OverlineText-module__hop-OverlineText__text___QC4h8::before {
149
+ .OverlineText-module__hop-OverlineText__text___ue5ai::before {
150
150
  margin-block-end: var(--bottom-offset);
151
151
  }
152
- .OverlineText-module__hop-OverlineText__text___QC4h8::after {
152
+ .OverlineText-module__hop-OverlineText__text___ue5ai::after {
153
153
  margin-block-start: var(--top-offset);
154
154
  }
155
155
 
156
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___TlqAw {
157
+ .Text-module__hop-Text___Mm3Jn {
158
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +184,49 @@
184
184
  --hop-Text-inherit-size-font-weight: inherit;
185
185
  --hop-Text-inherit-size-line-height: inherit;
186
186
  }
187
- :where(.Text-module__hop-Text___TlqAw) {
187
+ :where(.Text-module__hop-Text___Mm3Jn) {
188
188
  font-family: var(--font-family);
189
189
  font-size: var(--font-size);
190
190
  font-weight: var(--font-weight);
191
191
  line-height: var(--line-height);
192
192
  }
193
- :where(.Text-module__hop-Text--xs___r7Jh2) {
193
+ :where(.Text-module__hop-Text--xs___Ce3vK) {
194
194
  --font-size: var(--hop-Text-xs-font-size);
195
195
  --font-family: var(--hop-Text-xs-font-family);
196
196
  --font-weight: var(--hop-Text-xs-font-weight);
197
197
  --line-height: var(--hop-Text-xs-line-height);
198
198
  }
199
- :where(.Text-module__hop-Text--sm___47IuM) {
199
+ :where(.Text-module__hop-Text--sm___UcccH) {
200
200
  --font-size: var(--hop-Text-sm-font-size);
201
201
  --font-family: var(--hop-Text-sm-font-family);
202
202
  --font-weight: var(--hop-Text-sm-font-weight);
203
203
  --line-height: var(--hop-Text-sm-line-height);
204
204
  }
205
- :where(.Text-module__hop-Text--md___C2YwB) {
205
+ :where(.Text-module__hop-Text--md___YcqAT) {
206
206
  --font-size: var(--hop-Text-md-font-size);
207
207
  --font-family: var(--hop-Text-md-font-family);
208
208
  --font-weight: var(--hop-Text-md-font-weight);
209
209
  --line-height: var(--hop-Text-md-line-height);
210
210
  }
211
- :where(.Text-module__hop-Text--lg___hfcIw) {
211
+ :where(.Text-module__hop-Text--lg___RaBlz) {
212
212
  --font-size: var(--hop-Text-lg-font-size);
213
213
  --font-family: var(--hop-Text-lg-font-family);
214
214
  --font-weight: var(--hop-Text-lg-font-weight);
215
215
  --line-height: var(--hop-Text-lg-line-height);
216
216
  }
217
- :where(.Text-module__hop-Text--xl___jSZWl) {
217
+ :where(.Text-module__hop-Text--xl___jBI5K) {
218
218
  --font-size: var(--hop-Text-xl-font-size);
219
219
  --font-family: var(--hop-Text-xl-font-family);
220
220
  --font-weight: var(--hop-Text-xl-font-weight);
221
221
  --line-height: var(--hop-Text-xl-line-height);
222
222
  }
223
- :where(.Text-module__hop-Text--2xl___3Q3EA) {
223
+ :where(.Text-module__hop-Text--2xl___jrcN4) {
224
224
  --font-size: var(--hop-Text-2xl-font-size);
225
225
  --font-family: var(--hop-Text-2xl-font-family);
226
226
  --font-weight: var(--hop-Text-2xl-font-weight);
227
227
  --line-height: var(--hop-Text-2xl-line-height);
228
228
  }
229
- :where(.Text-module__hop-Text--inherit___S3ePi) {
229
+ :where(.Text-module__hop-Text--inherit___Rc2fv) {
230
230
  --font-size: var(--hop-Text-inherit-size-font-size);
231
231
  --font-family: var(--hop-Text-inherit-size-font-family);
232
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +234,7 @@
234
234
  }
235
235
 
236
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
- .Paragraph-module__hop-Paragraph___HpT17 {
237
+ .Paragraph-module__hop-Paragraph___AWLqo {
238
238
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
239
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
240
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,40 +246,40 @@
246
246
  margin-block-end: var(--margin-block-end);
247
247
  overflow-wrap: break-word;
248
248
  }
249
- .Paragraph-module__hop-Paragraph___HpT17:last-child {
249
+ .Paragraph-module__hop-Paragraph___AWLqo:last-child {
250
250
  --margin-block-end: 0;
251
251
  }
252
- .Paragraph-module__hop-Paragraph--xs___DXGDe {
252
+ .Paragraph-module__hop-Paragraph--xs___us82- {
253
253
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
254
  }
255
- .Paragraph-module__hop-Paragraph--sm___qshKm {
255
+ .Paragraph-module__hop-Paragraph--sm___oQXcj {
256
256
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
257
  }
258
- .Paragraph-module__hop-Paragraph--md___UEgGX {
258
+ .Paragraph-module__hop-Paragraph--md___ONjfY {
259
259
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
260
  }
261
- .Paragraph-module__hop-Paragraph--lg___EvhSs {
261
+ .Paragraph-module__hop-Paragraph--lg___MwXba {
262
262
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--xl___X9E7u {
264
+ .Paragraph-module__hop-Paragraph--xl___G0-ya {
265
265
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--2xl___MYUu5 {
267
+ .Paragraph-module__hop-Paragraph--2xl___RNqOG {
268
268
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--inherit___IZyrO {
270
+ .Paragraph-module__hop-Paragraph--inherit___EaPeU {
271
271
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
272
  }
273
273
 
274
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
275
- .Form-module__hop-Form___uqGvw {
275
+ .Form-module__hop-Form___oRthn {
276
276
  display: flex;
277
277
  flex-direction: column;
278
278
  gap: var(--hop-space-stack-lg);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
282
- .IconList-module__hop-IconList___TpK2G {
282
+ .IconList-module__hop-IconList___z6OUy {
283
283
  --hop-IconList-gap: var(--hop-space-inline-xs);
284
284
  display: flex;
285
285
  flex-wrap: wrap;
@@ -288,7 +288,7 @@
288
288
  }
289
289
 
290
290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
291
- @keyframes Spinner-module__spin___Qq0VA {
291
+ @keyframes Spinner-module__spin___SnxzS {
292
292
  0% {
293
293
  transform: rotate(0deg);
294
294
  }
@@ -296,7 +296,7 @@
296
296
  transform: rotate(360deg);
297
297
  }
298
298
  }
299
- .Spinner-module__hop-Spinner___q7lsB {
299
+ .Spinner-module__hop-Spinner___Oa3G6 {
300
300
  --hop-Spinner-border-radius: var(--hop-shape-circle);
301
301
  --hop-Spinner-sm-wheel-size: 1rem;
302
302
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -304,7 +304,7 @@
304
304
  --hop-Spinner-track-width: 0.125rem;
305
305
  --hop-Spinner-track-opacity: 0.2;
306
306
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
307
- --hop-Spinner-fill-animation: Spinner-module__spin___Qq0VA .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___SnxzS .8s infinite linear;
308
308
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
309
309
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
310
310
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -315,19 +315,19 @@
315
315
  align-items: center;
316
316
  box-sizing: border-box;
317
317
  }
318
- .Spinner-module__hop-Spinner--sm___jaKcR {
318
+ .Spinner-module__hop-Spinner--sm___0XkYa {
319
319
  --width: var(--hop-Spinner-sm-wheel-size);
320
320
  --height: var(--hop-Spinner-sm-wheel-size);
321
321
  }
322
- .Spinner-module__hop-Spinner--md___GNVfI {
322
+ .Spinner-module__hop-Spinner--md___dWYu5 {
323
323
  --width: var(--hop-Spinner-md-wheel-size);
324
324
  --height: var(--hop-Spinner-md-wheel-size);
325
325
  }
326
- .Spinner-module__hop-Spinner--lg___s54Hy {
326
+ .Spinner-module__hop-Spinner--lg___qpxbh {
327
327
  --width: var(--hop-Spinner-lg-wheel-size);
328
328
  --height: var(--hop-Spinner-lg-wheel-size);
329
329
  }
330
- .Spinner-module__hop-Spinner__track___P2N1M {
330
+ .Spinner-module__hop-Spinner__track___Yntu2 {
331
331
  grid-area: spinner;
332
332
  box-sizing: border-box;
333
333
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -336,7 +336,7 @@
336
336
  border: var(--hop-Spinner-track-border);
337
337
  border-radius: var(--hop-Spinner-border-radius);
338
338
  }
339
- .Spinner-module__hop-Spinner__fill___DA6KG {
339
+ .Spinner-module__hop-Spinner__fill___bJDXw {
340
340
  grid-area: spinner;
341
341
  box-sizing: border-box;
342
342
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -347,17 +347,17 @@
347
347
  animation: var(--hop-Spinner-fill-animation);
348
348
  }
349
349
  @media (prefers-reduced-motion: reduce) {
350
- .Spinner-module__hop-Spinner__fill___DA6KG {
350
+ .Spinner-module__hop-Spinner__fill___bJDXw {
351
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
352
352
  }
353
353
  }
354
- .Spinner-module__hop-Spinner__label___7Vmlu {
354
+ .Spinner-module__hop-Spinner__label___oVU-P {
355
355
  grid-area: label;
356
356
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
357
357
  }
358
358
 
359
359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
360
- .Button-module__hop-Button___0Z1G- {
360
+ .Button-module__hop-Button___8zkEy {
361
361
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
362
362
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
363
363
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -481,215 +481,215 @@
481
481
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
482
482
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
483
483
  }
484
- .Button-module__hop-Button--fluid___ocE9B {
484
+ .Button-module__hop-Button--fluid___eZzEd {
485
485
  --inline-size: 100%;
486
486
  }
487
- .Button-module__hop-Button--sm___Iin1k {
487
+ .Button-module__hop-Button--sm___K0sPh {
488
488
  --block-size: var(--hop-Button-sm-height);
489
489
  --padding: var(--hop-Button-sm-padding);
490
490
  }
491
- .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
491
+ .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
492
492
  --padding: var(--hop-Button-ghost-sm-padding);
493
493
  }
494
- .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
494
+ .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
495
495
  --padding: var(--hop-Button-ghost-md-padding);
496
496
  }
497
- .Button-module__hop-Button--icon-only___aWeym {
497
+ .Button-module__hop-Button--icon-only___rYzdc {
498
498
  --column-gap: var(--hop-Button-icon-only-column-gap);
499
499
  --padding: var(--hop-Button-icon-only-padding);
500
500
  aspect-ratio: 1;
501
501
  }
502
- .Button-module__hop-Button--primary___3Qmg3 {
502
+ .Button-module__hop-Button--primary___hkH0I {
503
503
  --background-color: var(--hop-Button-primary-background-color);
504
504
  --color: var(--hop-Button-primary-color);
505
505
  --border: var(--hop-Button-primary-border);
506
506
  --spinner-color: var(--hop-Button-primary-spinner-color);
507
507
  }
508
- .Button-module__hop-Button--primary___3Qmg3[data-hovered],
509
- .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
508
+ .Button-module__hop-Button--primary___hkH0I[data-hovered],
509
+ .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
510
510
  --background-color: var(--hop-Button-primary-background-color-hover);
511
511
  --color: var(--hop-Button-primary-color-hover);
512
512
  --border: var(--hop-Button-primary-border-hover);
513
513
  }
514
- .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
514
+ .Button-module__hop-Button--primary___hkH0I[data-pressed] {
515
515
  --background-color: var(--hop-Button-primary-background-color-pressed);
516
516
  --color: var(--hop-Button-primary-color-pressed);
517
517
  --border: var(--hop-Button-primary-border-pressed);
518
518
  }
519
- .Button-module__hop-Button--secondary___u3qlM {
519
+ .Button-module__hop-Button--secondary___hSZYE {
520
520
  --background-color: var(--hop-Button-secondary-background-color);
521
521
  --color: var(--hop-Button-secondary-color);
522
522
  --border: var(--hop-Button-secondary-border);
523
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
524
524
  }
525
- .Button-module__hop-Button--secondary___u3qlM[data-hovered],
526
- .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
525
+ .Button-module__hop-Button--secondary___hSZYE[data-hovered],
526
+ .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
527
527
  --background-color: var(--hop-Button-secondary-background-color-hover);
528
528
  --color: var(--hop-Button-secondary-color-hover);
529
529
  --border: var(--hop-Button-secondary-border-hover);
530
530
  }
531
- .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
531
+ .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
532
532
  --background-color: var(--hop-Button-secondary-background-color-pressed);
533
533
  --color: var(--hop-Button-secondary-color-pressed);
534
534
  --border: var(--hop-Button-secondary-border-pressed);
535
535
  }
536
- .Button-module__hop-Button--upsell___Wa1Kb {
536
+ .Button-module__hop-Button--upsell___9z1o- {
537
537
  --background-color: var(--hop-Button-upsell-background-color);
538
538
  --color: var(--hop-Button-upsell-color);
539
539
  --border: var(--hop-Button-upsell-border);
540
540
  --spinner-color: var(--hop-Button-upsell-spinner-color);
541
541
  }
542
- .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
543
- .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
542
+ .Button-module__hop-Button--upsell___9z1o-[data-hovered],
543
+ .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
544
544
  --background-color: var(--hop-Button-upsell-background-color-hover);
545
545
  --color: var(--hop-Button-upsell-color-hover);
546
546
  --border: var(--hop-Button-upsell-border-hover);
547
547
  }
548
- .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
548
+ .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
549
549
  --background-color: var(--hop-Button-upsell-background-color-pressed);
550
550
  --color: var(--hop-Button-upsell-color-pressed);
551
551
  --border: var(--hop-Button-upsell-border-pressed);
552
552
  }
553
- .Button-module__hop-Button--danger___de-7T {
553
+ .Button-module__hop-Button--danger___KbLep {
554
554
  --background-color: var(--hop-Button-danger-background-color);
555
555
  --color: var(--hop-Button-danger-color);
556
556
  --border: var(--hop-Button-danger-border);
557
557
  --spinner-color: var(--hop-Button-danger-spinner-color);
558
558
  }
559
- .Button-module__hop-Button--danger___de-7T[data-hovered],
560
- .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
559
+ .Button-module__hop-Button--danger___KbLep[data-hovered],
560
+ .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
561
561
  --background-color: var(--hop-Button-danger-background-color-hover);
562
562
  --color: var(--hop-Button-danger-color-hover);
563
563
  --border: var(--hop-Button-danger-border-hover);
564
564
  }
565
- .Button-module__hop-Button--danger___de-7T[data-pressed] {
565
+ .Button-module__hop-Button--danger___KbLep[data-pressed] {
566
566
  --background-color: var(--hop-Button-danger-background-color-pressed);
567
567
  --color: var(--hop-Button-danger-color-pressed);
568
568
  --border: var(--hop-Button-danger-border-pressed);
569
569
  }
570
- .Button-module__hop-Button--ghost-primary___f-GHo {
570
+ .Button-module__hop-Button--ghost-primary___8jSf1 {
571
571
  --background-color: var(--hop-Button-ghost-primary-background-color);
572
572
  --color: var(--hop-Button-ghost-primary-color);
573
573
  --border: var(--hop-Button-ghost-primary-border);
574
574
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
575
575
  }
576
- .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
577
- .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
576
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
577
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
578
578
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
579
579
  --color: var(--hop-Button-ghost-primary-color-hover);
580
580
  --border: var(--hop-Button-ghost-primary-border-hover);
581
581
  --text-underline: underline;
582
582
  }
583
- .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
583
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
584
584
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
585
585
  --color: var(--hop-Button-ghost-primary-color-pressed);
586
586
  --border: var(--hop-Button-ghost-primary-border-pressed);
587
587
  --text-underline: underline;
588
588
  }
589
- .Button-module__hop-Button--ghost-secondary___732dQ {
589
+ .Button-module__hop-Button--ghost-secondary___TRM6h {
590
590
  --background-color: var(--hop-Button-ghost-secondary-background-color);
591
591
  --color: var(--hop-Button-ghost-secondary-color);
592
592
  --border: var(--hop-Button-ghost-secondary-border);
593
593
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
594
594
  }
595
- .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
596
- .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
595
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
596
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
597
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
598
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
599
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
600
600
  --text-underline: underline;
601
601
  }
602
- .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
602
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
603
603
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
604
604
  --color: var(--hop-Button-ghost-secondary-color-pressed);
605
605
  --border: var(--hop-Button-ghost-secondary-border-pressed);
606
606
  --text-underline: underline;
607
607
  }
608
- .Button-module__hop-Button--ghost-danger___mXQFT {
608
+ .Button-module__hop-Button--ghost-danger___-22ky {
609
609
  --background-color: var(--hop-Button-ghost-danger-background-color);
610
610
  --color: var(--hop-Button-ghost-danger-color);
611
611
  --border: var(--hop-Button-ghost-danger-border);
612
612
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
613
613
  }
614
- .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
615
- .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
614
+ .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
615
+ .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
616
616
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
617
617
  --color: var(--hop-Button-ghost-danger-color-hover);
618
618
  --border: var(--hop-Button-ghost-danger-border-hover);
619
619
  --text-underline: underline;
620
620
  }
621
- .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
621
+ .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
622
622
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
623
623
  --color: var(--hop-Button-ghost-danger-color-pressed);
624
624
  --border: var(--hop-Button-ghost-danger-border-pressed);
625
625
  --text-underline: underline;
626
626
  }
627
- .Button-module__hop-Button___0Z1G-[data-focus-visible] {
627
+ .Button-module__hop-Button___8zkEy[data-focus-visible] {
628
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
629
629
  }
630
- .Button-module__hop-Button___0Z1G-[data-disabled],
631
- .Button-module__hop-Button--loading___3l487 {
630
+ .Button-module__hop-Button___8zkEy[data-disabled],
631
+ .Button-module__hop-Button--loading___yOWuT {
632
632
  cursor: not-allowed;
633
633
  }
634
- .Button-module__hop-Button___0Z1G-[data-disabled] {
634
+ .Button-module__hop-Button___8zkEy[data-disabled] {
635
635
  --background-color: var(--hop-Button-background-color-disabled);
636
636
  --color: var(--hop-Button-color-disabled);
637
637
  --border: var(--hop-Button-border-disabled);
638
638
  }
639
- .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
639
+ .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
640
640
  --background-color: var(--hop-Button-ghost-background-color-disabled);
641
641
  --color: var(--hop-Button-ghost-color-disabled);
642
642
  --border: var(--hop-Button-ghost-border-disabled);
643
643
  }
644
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
644
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
645
645
  --background-color: var(--hop-Button-primary-background-color);
646
646
  --color: var(--hop-Button-primary-color);
647
647
  --border: var(--hop-Button-primary-border);
648
648
  }
649
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
649
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
650
650
  --background-color: var(--hop-Button-secondary-background-color);
651
651
  --color: var(--hop-Button-secondary-color);
652
652
  --border: var(--hop-Button-secondary-border);
653
653
  }
654
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
654
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
655
655
  --background-color: var(--hop-Button-upsell-background-color);
656
656
  --color: var(--hop-Button-upsell-color);
657
657
  --border: var(--hop-Button-upsell-border);
658
658
  }
659
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
659
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
660
660
  --background-color: var(--hop-Button-danger-background-color);
661
661
  --color: var(--hop-Button-danger-color);
662
662
  --border: var(--hop-Button-danger-border);
663
663
  }
664
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
664
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
665
665
  --background-color: var(--hop-Button-ghost-primary-background-color);
666
666
  --color: var(--hop-Button-ghost-primary-color);
667
667
  --border: var(--hop-Button-ghost-primary-border);
668
668
  --text-underline: none;
669
669
  }
670
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
670
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
671
671
  --background-color: var(--hop-Button-ghost-secondary-background-color);
672
672
  --color: var(--hop-Button-ghost-secondary-color);
673
673
  --border: var(--hop-Button-ghost-secondary-border);
674
674
  --text-underline: none;
675
675
  }
676
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
676
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
677
677
  --background-color: var(--hop-Button-ghost-danger-background-color);
678
678
  --color: var(--hop-Button-ghost-danger-color);
679
679
  --border: var(--hop-Button-ghost-danger-border);
680
680
  --text-underline: none;
681
681
  }
682
- .Button-module__hop-Button__Spinner___Aydmf {
682
+ .Button-module__hop-Button__Spinner___F4Img {
683
683
  position: absolute;
684
684
  color: var(--spinner-color);
685
685
  }
686
- .Button-module__hop-Button__icon___3H1Sb,
687
- .Button-module__hop-Button__icon-list___iWElA {
686
+ .Button-module__hop-Button__icon___9WDgY,
687
+ .Button-module__hop-Button__icon-list___hcP-v {
688
688
  flex: 0 0 auto;
689
689
  justify-self: end;
690
690
  order: 1;
691
691
  }
692
- .Button-module__hop-Button__text___ZFtXo {
692
+ .Button-module__hop-Button__text___o1TcA {
693
693
  user-select: none;
694
694
  overflow: visible;
695
695
  flex: 0 1 auto;
@@ -699,60 +699,60 @@
699
699
  text-underline-offset: 0.125rem;
700
700
  text-wrap: nowrap;
701
701
  }
702
- .Button-module__hop-Button__end-icon___nOaCX,
703
- .Button-module__hop-Button__end-icon-list___ge2sI {
702
+ .Button-module__hop-Button__end-icon___6QGCl,
703
+ .Button-module__hop-Button__end-icon-list___iZhOt {
704
704
  flex: 0 0 auto;
705
705
  order: 3;
706
706
  }
707
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
708
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
707
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
708
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
709
709
  flex-wrap: nowrap;
710
710
  }
711
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
711
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
712
712
  opacity: 0;
713
713
  }
714
714
 
715
715
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
716
- .ButtonGroup-module__hop-ButtonGroup___LQF3m {
716
+ .ButtonGroup-module__hop-ButtonGroup___Q5c8f {
717
717
  display: inline-flex;
718
718
  flex-wrap: nowrap;
719
719
  gap: var(--hop-space-inline-md);
720
720
  }
721
- .ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
722
722
  align-items: center;
723
723
  }
724
- .ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
725
725
  flex-direction: column;
726
726
  gap: var(--hop-space-stack-md);
727
727
  justify-content: center;
728
728
  }
729
- .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
730
730
  align-items: flex-start;
731
731
  }
732
- .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
733
733
  align-items: center;
734
734
  }
735
- .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
736
736
  align-items: flex-end;
737
737
  }
738
- .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
739
739
  justify-content: flex-start;
740
740
  }
741
- .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
742
742
  justify-content: center;
743
743
  }
744
- .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
745
745
  justify-content: flex-end;
746
746
  }
747
- .ButtonGroup-module__hop-ButtonGroup--wrap___TJ4km {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___45A9q {
748
748
  flex-wrap: wrap;
749
749
  }
750
- .ButtonGroup-module__hop-ButtonGroup--fluid___gXntW {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___AXS6Y {
751
751
  inline-size: 100%;
752
752
  }
753
753
 
754
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
755
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab {
756
756
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
757
757
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
758
758
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -916,7 +916,7 @@
916
916
  outline: none;
917
917
  transition: color var(--transition);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab::before {
920
920
  content: "";
921
921
  position: absolute;
922
922
  inset-block-start: 50%;
@@ -929,284 +929,284 @@
929
929
  border-radius: var(--effect-border-radius);
930
930
  transition: background-color var(--transition);
931
931
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-square] {
933
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
934
934
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7 {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX {
936
936
  --inline-size: var(--hop-EmbeddedButton-md-width);
937
937
  --block-size: var(--hop-EmbeddedButton-md-height);
938
938
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
939
939
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe- {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF {
941
941
  --inline-size: var(--hop-EmbeddedButton-lg-width);
942
942
  --block-size: var(--hop-EmbeddedButton-lg-height);
943
943
  --focus-ring-offset: 0;
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX::before {
946
946
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
947
947
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
948
948
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe-::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF::before {
950
950
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
951
951
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
952
952
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs {
954
954
  --color: var(--hop-EmbeddedButton-neutral-color);
955
955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
956
956
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG- {
958
958
  --color: var(--hop-EmbeddedButton-subdued-color);
959
959
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
960
960
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO {
962
962
  --color: var(--hop-EmbeddedButton-progress-color);
963
963
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
964
964
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu {
966
966
  --color: var(--hop-EmbeddedButton-positive-color);
967
967
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
968
968
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0 {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM- {
970
970
  --color: var(--hop-EmbeddedButton-caution-color);
971
971
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
972
972
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX {
974
974
  --color: var(--hop-EmbeddedButton-negative-color);
975
975
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
976
976
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9 {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW {
978
978
  --color: var(--hop-EmbeddedButton-option1-color);
979
979
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
980
980
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2 {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5 {
982
982
  --color: var(--hop-EmbeddedButton-option2-color);
983
983
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
984
984
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG {
986
986
  --color: var(--hop-EmbeddedButton-option3-color);
987
987
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
988
988
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3 {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn {
990
990
  --color: var(--hop-EmbeddedButton-option4-color);
991
991
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
992
992
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN {
994
994
  --color: var(--hop-EmbeddedButton-option5-color);
995
995
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
996
996
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI {
998
998
  --color: var(--hop-EmbeddedButton-option6-color);
999
999
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1000
1000
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-selected] {
1002
1002
  --color: var(--hop-EmbeddedButton-selected-color);
1003
1003
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1004
1004
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-focus-visible] {
1006
1006
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1007
1007
  outline-offset: var(--focus-ring-offset);
1008
1008
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-disabled] {
1010
1010
  cursor: not-allowed;
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-hovered] {
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1014
1014
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1015
1015
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-focus-visible] {
1017
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1018
1018
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1019
1019
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-pressed] {
1021
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1022
1022
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1023
1023
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-disabled] {
1025
1025
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1026
1026
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1027
1027
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-hovered] {
1029
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1030
1030
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1031
1031
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-focus-visible] {
1033
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1034
1034
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1035
1035
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-pressed] {
1037
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1038
1038
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1039
1039
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-disabled] {
1041
1041
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1042
1042
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1043
1043
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-hovered] {
1045
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1046
1046
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1047
1047
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-focus-visible] {
1049
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1050
1050
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1051
1051
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-pressed] {
1053
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1054
1054
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1055
1055
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-disabled] {
1057
1057
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1058
1058
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1059
1059
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-hovered] {
1061
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1062
1062
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1063
1063
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-focus-visible] {
1065
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1066
1066
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1067
1067
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-pressed] {
1069
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1070
1070
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1071
1071
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-disabled] {
1073
1073
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1074
1074
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1075
1075
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-hovered] {
1077
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1078
1078
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1079
1079
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-focus-visible] {
1081
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1082
1082
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1083
1083
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-pressed] {
1085
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1086
1086
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1087
1087
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-disabled] {
1089
1089
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1090
1090
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1091
1091
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-hovered] {
1093
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1094
1094
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1095
1095
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-focus-visible] {
1097
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1098
1098
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1099
1099
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-pressed] {
1101
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1102
1102
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1103
1103
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-disabled] {
1105
1105
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1106
1106
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1107
1107
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-hovered] {
1109
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1110
1110
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1111
1111
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-focus-visible] {
1113
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1114
1114
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1115
1115
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-pressed] {
1117
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1118
1118
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1119
1119
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-disabled] {
1121
1121
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1122
1122
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1123
1123
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-hovered] {
1125
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1126
1126
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1127
1127
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-focus-visible] {
1129
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1130
1130
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1131
1131
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-pressed] {
1133
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1134
1134
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1135
1135
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-disabled] {
1137
1137
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1138
1138
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1139
1139
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-hovered] {
1141
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1142
1142
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1143
1143
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-focus-visible] {
1145
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1146
1146
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1147
1147
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-pressed] {
1149
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1150
1150
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1151
1151
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-disabled] {
1153
1153
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1154
1154
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1155
1155
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-hovered] {
1157
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1158
1158
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1159
1159
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-focus-visible] {
1161
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1162
1162
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1163
1163
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-pressed] {
1165
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1166
1166
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1167
1167
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-disabled] {
1169
1169
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1170
1170
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1171
1171
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-hovered] {
1173
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1174
1174
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1175
1175
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-focus-visible] {
1177
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1178
1178
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1179
1179
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-pressed] {
1181
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1182
1182
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1183
1183
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-disabled] {
1185
1185
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1186
1186
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1187
1187
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-hovered] {
1189
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1190
1190
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1191
1191
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-focus-visible] {
1193
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1194
1194
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1195
1195
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-pressed] {
1197
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1198
1198
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1199
1199
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-disabled] {
1201
1201
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1202
1202
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1203
1203
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton__icon___LgoT6 {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___2wJ-D {
1205
1205
  position: relative;
1206
1206
  }
1207
1207
 
1208
1208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1209
- button.CloseButton-module__hop-CloseButton___i-yPG {
1209
+ button.CloseButton-module__hop-CloseButton___8MAgF {
1210
1210
  --hop-CloseButton-margin-top: 0rem;
1211
1211
  --hop-CloseButton-padding: 0rem;
1212
1212
  --hop-CloseButton-width: fit-content;
@@ -1218,7 +1218,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1218
1218
  }
1219
1219
 
1220
1220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1221
- .Button-module__hop-Button___0Z1G- {
1221
+ .Button-module__hop-Button___8zkEy {
1222
1222
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1223
1223
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1224
1224
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1342,215 +1342,215 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1342
1342
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1343
1343
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1344
1344
  }
1345
- .Button-module__hop-Button--fluid___ocE9B {
1345
+ .Button-module__hop-Button--fluid___eZzEd {
1346
1346
  --inline-size: 100%;
1347
1347
  }
1348
- .Button-module__hop-Button--sm___Iin1k {
1348
+ .Button-module__hop-Button--sm___K0sPh {
1349
1349
  --block-size: var(--hop-Button-sm-height);
1350
1350
  --padding: var(--hop-Button-sm-padding);
1351
1351
  }
1352
- .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
1352
+ .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1353
1353
  --padding: var(--hop-Button-ghost-sm-padding);
1354
1354
  }
1355
- .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
1355
+ .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1356
1356
  --padding: var(--hop-Button-ghost-md-padding);
1357
1357
  }
1358
- .Button-module__hop-Button--icon-only___aWeym {
1358
+ .Button-module__hop-Button--icon-only___rYzdc {
1359
1359
  --column-gap: var(--hop-Button-icon-only-column-gap);
1360
1360
  --padding: var(--hop-Button-icon-only-padding);
1361
1361
  aspect-ratio: 1;
1362
1362
  }
1363
- .Button-module__hop-Button--primary___3Qmg3 {
1363
+ .Button-module__hop-Button--primary___hkH0I {
1364
1364
  --background-color: var(--hop-Button-primary-background-color);
1365
1365
  --color: var(--hop-Button-primary-color);
1366
1366
  --border: var(--hop-Button-primary-border);
1367
1367
  --spinner-color: var(--hop-Button-primary-spinner-color);
1368
1368
  }
1369
- .Button-module__hop-Button--primary___3Qmg3[data-hovered],
1370
- .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
1369
+ .Button-module__hop-Button--primary___hkH0I[data-hovered],
1370
+ .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1371
1371
  --background-color: var(--hop-Button-primary-background-color-hover);
1372
1372
  --color: var(--hop-Button-primary-color-hover);
1373
1373
  --border: var(--hop-Button-primary-border-hover);
1374
1374
  }
1375
- .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
1375
+ .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1376
1376
  --background-color: var(--hop-Button-primary-background-color-pressed);
1377
1377
  --color: var(--hop-Button-primary-color-pressed);
1378
1378
  --border: var(--hop-Button-primary-border-pressed);
1379
1379
  }
1380
- .Button-module__hop-Button--secondary___u3qlM {
1380
+ .Button-module__hop-Button--secondary___hSZYE {
1381
1381
  --background-color: var(--hop-Button-secondary-background-color);
1382
1382
  --color: var(--hop-Button-secondary-color);
1383
1383
  --border: var(--hop-Button-secondary-border);
1384
1384
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1385
1385
  }
1386
- .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1387
- .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1386
+ .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1387
+ .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1388
1388
  --background-color: var(--hop-Button-secondary-background-color-hover);
1389
1389
  --color: var(--hop-Button-secondary-color-hover);
1390
1390
  --border: var(--hop-Button-secondary-border-hover);
1391
1391
  }
1392
- .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1392
+ .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1393
1393
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1394
1394
  --color: var(--hop-Button-secondary-color-pressed);
1395
1395
  --border: var(--hop-Button-secondary-border-pressed);
1396
1396
  }
1397
- .Button-module__hop-Button--upsell___Wa1Kb {
1397
+ .Button-module__hop-Button--upsell___9z1o- {
1398
1398
  --background-color: var(--hop-Button-upsell-background-color);
1399
1399
  --color: var(--hop-Button-upsell-color);
1400
1400
  --border: var(--hop-Button-upsell-border);
1401
1401
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1402
1402
  }
1403
- .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1404
- .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1403
+ .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1404
+ .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1405
1405
  --background-color: var(--hop-Button-upsell-background-color-hover);
1406
1406
  --color: var(--hop-Button-upsell-color-hover);
1407
1407
  --border: var(--hop-Button-upsell-border-hover);
1408
1408
  }
1409
- .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1409
+ .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1410
1410
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1411
1411
  --color: var(--hop-Button-upsell-color-pressed);
1412
1412
  --border: var(--hop-Button-upsell-border-pressed);
1413
1413
  }
1414
- .Button-module__hop-Button--danger___de-7T {
1414
+ .Button-module__hop-Button--danger___KbLep {
1415
1415
  --background-color: var(--hop-Button-danger-background-color);
1416
1416
  --color: var(--hop-Button-danger-color);
1417
1417
  --border: var(--hop-Button-danger-border);
1418
1418
  --spinner-color: var(--hop-Button-danger-spinner-color);
1419
1419
  }
1420
- .Button-module__hop-Button--danger___de-7T[data-hovered],
1421
- .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1420
+ .Button-module__hop-Button--danger___KbLep[data-hovered],
1421
+ .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1422
1422
  --background-color: var(--hop-Button-danger-background-color-hover);
1423
1423
  --color: var(--hop-Button-danger-color-hover);
1424
1424
  --border: var(--hop-Button-danger-border-hover);
1425
1425
  }
1426
- .Button-module__hop-Button--danger___de-7T[data-pressed] {
1426
+ .Button-module__hop-Button--danger___KbLep[data-pressed] {
1427
1427
  --background-color: var(--hop-Button-danger-background-color-pressed);
1428
1428
  --color: var(--hop-Button-danger-color-pressed);
1429
1429
  --border: var(--hop-Button-danger-border-pressed);
1430
1430
  }
1431
- .Button-module__hop-Button--ghost-primary___f-GHo {
1431
+ .Button-module__hop-Button--ghost-primary___8jSf1 {
1432
1432
  --background-color: var(--hop-Button-ghost-primary-background-color);
1433
1433
  --color: var(--hop-Button-ghost-primary-color);
1434
1434
  --border: var(--hop-Button-ghost-primary-border);
1435
1435
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1436
1436
  }
1437
- .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1438
- .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1437
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1438
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1439
1439
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1440
1440
  --color: var(--hop-Button-ghost-primary-color-hover);
1441
1441
  --border: var(--hop-Button-ghost-primary-border-hover);
1442
1442
  --text-underline: underline;
1443
1443
  }
1444
- .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1444
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1445
1445
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1446
1446
  --color: var(--hop-Button-ghost-primary-color-pressed);
1447
1447
  --border: var(--hop-Button-ghost-primary-border-pressed);
1448
1448
  --text-underline: underline;
1449
1449
  }
1450
- .Button-module__hop-Button--ghost-secondary___732dQ {
1450
+ .Button-module__hop-Button--ghost-secondary___TRM6h {
1451
1451
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1452
1452
  --color: var(--hop-Button-ghost-secondary-color);
1453
1453
  --border: var(--hop-Button-ghost-secondary-border);
1454
1454
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1455
1455
  }
1456
- .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1457
- .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1456
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1457
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1458
1458
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1459
1459
  --color: var(--hop-Button-ghost-secondary-color-hover);
1460
1460
  --border: var(--hop-Button-ghost-secondary-border-hover);
1461
1461
  --text-underline: underline;
1462
1462
  }
1463
- .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1463
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1464
1464
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1465
1465
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1466
1466
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1467
1467
  --text-underline: underline;
1468
1468
  }
1469
- .Button-module__hop-Button--ghost-danger___mXQFT {
1469
+ .Button-module__hop-Button--ghost-danger___-22ky {
1470
1470
  --background-color: var(--hop-Button-ghost-danger-background-color);
1471
1471
  --color: var(--hop-Button-ghost-danger-color);
1472
1472
  --border: var(--hop-Button-ghost-danger-border);
1473
1473
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1474
1474
  }
1475
- .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1476
- .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1475
+ .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1476
+ .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1477
1477
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1478
1478
  --color: var(--hop-Button-ghost-danger-color-hover);
1479
1479
  --border: var(--hop-Button-ghost-danger-border-hover);
1480
1480
  --text-underline: underline;
1481
1481
  }
1482
- .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1482
+ .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1483
1483
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1484
1484
  --color: var(--hop-Button-ghost-danger-color-pressed);
1485
1485
  --border: var(--hop-Button-ghost-danger-border-pressed);
1486
1486
  --text-underline: underline;
1487
1487
  }
1488
- .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1488
+ .Button-module__hop-Button___8zkEy[data-focus-visible] {
1489
1489
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1490
1490
  }
1491
- .Button-module__hop-Button___0Z1G-[data-disabled],
1492
- .Button-module__hop-Button--loading___3l487 {
1491
+ .Button-module__hop-Button___8zkEy[data-disabled],
1492
+ .Button-module__hop-Button--loading___yOWuT {
1493
1493
  cursor: not-allowed;
1494
1494
  }
1495
- .Button-module__hop-Button___0Z1G-[data-disabled] {
1495
+ .Button-module__hop-Button___8zkEy[data-disabled] {
1496
1496
  --background-color: var(--hop-Button-background-color-disabled);
1497
1497
  --color: var(--hop-Button-color-disabled);
1498
1498
  --border: var(--hop-Button-border-disabled);
1499
1499
  }
1500
- .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1500
+ .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1501
1501
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1502
1502
  --color: var(--hop-Button-ghost-color-disabled);
1503
1503
  --border: var(--hop-Button-ghost-border-disabled);
1504
1504
  }
1505
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1505
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1506
1506
  --background-color: var(--hop-Button-primary-background-color);
1507
1507
  --color: var(--hop-Button-primary-color);
1508
1508
  --border: var(--hop-Button-primary-border);
1509
1509
  }
1510
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1510
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1511
1511
  --background-color: var(--hop-Button-secondary-background-color);
1512
1512
  --color: var(--hop-Button-secondary-color);
1513
1513
  --border: var(--hop-Button-secondary-border);
1514
1514
  }
1515
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1515
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1516
1516
  --background-color: var(--hop-Button-upsell-background-color);
1517
1517
  --color: var(--hop-Button-upsell-color);
1518
1518
  --border: var(--hop-Button-upsell-border);
1519
1519
  }
1520
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1520
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1521
1521
  --background-color: var(--hop-Button-danger-background-color);
1522
1522
  --color: var(--hop-Button-danger-color);
1523
1523
  --border: var(--hop-Button-danger-border);
1524
1524
  }
1525
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
1525
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
1526
1526
  --background-color: var(--hop-Button-ghost-primary-background-color);
1527
1527
  --color: var(--hop-Button-ghost-primary-color);
1528
1528
  --border: var(--hop-Button-ghost-primary-border);
1529
1529
  --text-underline: none;
1530
1530
  }
1531
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
1531
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
1532
1532
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1533
1533
  --color: var(--hop-Button-ghost-secondary-color);
1534
1534
  --border: var(--hop-Button-ghost-secondary-border);
1535
1535
  --text-underline: none;
1536
1536
  }
1537
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
1537
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
1538
1538
  --background-color: var(--hop-Button-ghost-danger-background-color);
1539
1539
  --color: var(--hop-Button-ghost-danger-color);
1540
1540
  --border: var(--hop-Button-ghost-danger-border);
1541
1541
  --text-underline: none;
1542
1542
  }
1543
- .Button-module__hop-Button__Spinner___Aydmf {
1543
+ .Button-module__hop-Button__Spinner___F4Img {
1544
1544
  position: absolute;
1545
1545
  color: var(--spinner-color);
1546
1546
  }
1547
- .Button-module__hop-Button__icon___3H1Sb,
1548
- .Button-module__hop-Button__icon-list___iWElA {
1547
+ .Button-module__hop-Button__icon___9WDgY,
1548
+ .Button-module__hop-Button__icon-list___hcP-v {
1549
1549
  flex: 0 0 auto;
1550
1550
  justify-self: end;
1551
1551
  order: 1;
1552
1552
  }
1553
- .Button-module__hop-Button__text___ZFtXo {
1553
+ .Button-module__hop-Button__text___o1TcA {
1554
1554
  user-select: none;
1555
1555
  overflow: visible;
1556
1556
  flex: 0 1 auto;
@@ -1560,57 +1560,57 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1560
1560
  text-underline-offset: 0.125rem;
1561
1561
  text-wrap: nowrap;
1562
1562
  }
1563
- .Button-module__hop-Button__end-icon___nOaCX,
1564
- .Button-module__hop-Button__end-icon-list___ge2sI {
1563
+ .Button-module__hop-Button__end-icon___6QGCl,
1564
+ .Button-module__hop-Button__end-icon-list___iZhOt {
1565
1565
  flex: 0 0 auto;
1566
1566
  order: 3;
1567
1567
  }
1568
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
1569
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
1568
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
1569
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
1570
1570
  flex-wrap: nowrap;
1571
1571
  }
1572
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
1572
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
1573
1573
  opacity: 0;
1574
1574
  }
1575
- .LinkButton-module__hop-LinkButton___-WoGS {
1575
+ .LinkButton-module__hop-LinkButton___2nN8n {
1576
1576
  }
1577
- .LinkButton-module__hop-LinkButton--fluid___dxw2A {
1577
+ .LinkButton-module__hop-LinkButton--fluid___49oZv {
1578
1578
  }
1579
- .LinkButton-module__hop-LinkButton--sm___OyTLF {
1579
+ .LinkButton-module__hop-LinkButton--sm___9b02I {
1580
1580
  }
1581
- .LinkButton-module__hop-LinkButton--icon-only___JOox2 {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___7vpiv {
1582
1582
  }
1583
- .LinkButton-module__hop-LinkButton--primary___GqNpo {
1583
+ .LinkButton-module__hop-LinkButton--primary___J8UqT {
1584
1584
  }
1585
- .LinkButton-module__hop-LinkButton--secondary___Bekbp {
1585
+ .LinkButton-module__hop-LinkButton--secondary___MiSOP {
1586
1586
  }
1587
- .LinkButton-module__hop-LinkButton--upsell___SKX6u {
1587
+ .LinkButton-module__hop-LinkButton--upsell___2nJG1 {
1588
1588
  }
1589
- .LinkButton-module__hop-LinkButton--danger___qDii5 {
1589
+ .LinkButton-module__hop-LinkButton--danger___To7Pv {
1590
1590
  }
1591
- .LinkButton-module__hop-LinkButton--ghost-primary___e2zJB {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___oEPTJ {
1592
1592
  }
1593
- .LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___51Xbb {
1594
1594
  }
1595
- .LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___Dc7L- {
1596
1596
  }
1597
- .LinkButton-module__hop-LinkButton__Spinner___3DWvP {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___uQrb2 {
1598
1598
  }
1599
- .LinkButton-module__hop-LinkButton__icon___agTeu,
1600
- .LinkButton-module__hop-LinkButton__icon-list___vFCgT {
1599
+ .LinkButton-module__hop-LinkButton__icon___9z8lE,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___TVvwm {
1601
1601
  }
1602
- .LinkButton-module__hop-LinkButton__text___pBNkq {
1602
+ .LinkButton-module__hop-LinkButton__text___gbj3a {
1603
1603
  }
1604
- .LinkButton-module__hop-LinkButton__end-icon___Ya3uz,
1605
- .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___JTQT7,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
1606
1606
  }
1607
- .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__icon-list___vFCgT,
1608
- .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1607
+ .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__icon-list___TVvwm,
1608
+ .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
1609
1609
  flex-wrap: nowrap;
1610
1610
  }
1611
1611
 
1612
1612
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1613
- .ToggleButton-module__hop-ToggleButton___oE-c4 {
1613
+ .ToggleButton-module__hop-ToggleButton___cQggT {
1614
1614
  --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1615
1615
  --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1616
1616
  --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
@@ -1665,19 +1665,52 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1665
1665
  --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1666
1666
  --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1667
1667
  --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1668
- --hop-ToggleButton-tertiary-color: var(--hop-neutral-text-weak);
1669
- --hop-ToggleButton-tertiary-color-hover: var(--hop-neutral-text-weak-hover);
1670
- --hop-ToggleButton-tertiary-color-pressed: var(--hop-neutral-text-weak-press);
1671
- --hop-ToggleButton-tertiary-background-color: transparent;
1672
- --hop-ToggleButton-tertiary-background-color-hover: var(--hop-neutral-surface-hover);
1673
- --hop-ToggleButton-tertiary-background-color-pressed: var(--hop-neutral-surface-press);
1674
- --hop-ToggleButton-tertiary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color);
1675
- --hop-ToggleButton-tertiary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-hover);
1676
- --hop-ToggleButton-tertiary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-pressed);
1677
- --hop-ToggleButton-tertiary-spinner-color: var(--hop-neutral-icon);
1678
- --hop-ToggleButton-tertiary-color-disabled: var(--hop-neutral-text-disabled);
1679
- --hop-ToggleButton-tertiary-background-color-disabled: transparent;
1680
- --hop-ToggleButton-tertiary-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-disabled);
1668
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
1669
+ --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
1670
+ --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
1671
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
1672
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
1673
+ --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1674
+ --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
1675
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
1676
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
1677
+ --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
1678
+ --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
1679
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
1680
+ --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
1681
+ --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
1682
+ --hop-ToggleButton-ghost-background-color-disabled: transparent;
1683
+ --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
1684
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
1685
+ --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
1686
+ --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
1687
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
1688
+ --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1689
+ --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1690
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
1691
+ --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
1692
+ --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1693
+ --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
1694
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
1695
+ --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1696
+ --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1697
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
1698
+ --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1699
+ --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1700
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
1701
+ --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1702
+ --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1703
+ --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1704
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
1705
+ --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
1706
+ --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
1707
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
1708
+ --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1709
+ --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1710
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
1711
+ --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
1712
+ --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1713
+ --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
1681
1714
  --inline-size: max-content;
1682
1715
  --block-size: var(--hop-ToggleButton-md-height);
1683
1716
  --background-color: var(--hop-primary-surface-strong);
@@ -1711,155 +1744,221 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1711
1744
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1712
1745
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1713
1746
  }
1714
- .ToggleButton-module__hop-ToggleButton--fluid___tjNCt {
1747
+ .ToggleButton-module__hop-ToggleButton--fluid___rl9FX {
1715
1748
  --inline-size: 100%;
1716
1749
  }
1717
- .ToggleButton-module__hop-ToggleButton--sm___3FzX2 {
1750
+ .ToggleButton-module__hop-ToggleButton--sm___-x-OZ {
1718
1751
  --block-size: var(--hop-ToggleButton-sm-height);
1719
1752
  --padding: var(--hop-ToggleButton-sm-padding);
1720
1753
  }
1721
- .ToggleButton-module__hop-ToggleButton--icon-only___sdnLP {
1754
+ .ToggleButton-module__hop-ToggleButton--icon-only___W2v-S {
1722
1755
  --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1723
1756
  --padding: var(--hop-ToggleButton-icon-only-padding);
1724
1757
  aspect-ratio: 1;
1725
1758
  }
1726
- .ToggleButton-module__hop-ToggleButton--primary___j98yk {
1759
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1727
1760
  --background-color: var(--hop-ToggleButton-primary-background-color);
1728
1761
  --color: var(--hop-ToggleButton-primary-color);
1729
1762
  --border: var(--hop-ToggleButton-primary-border);
1730
1763
  --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1731
1764
  }
1732
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-hovered],
1733
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-focus-visible] {
1765
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-hovered],
1766
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-focus-visible] {
1734
1767
  --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1735
1768
  --color: var(--hop-ToggleButton-primary-color-hover);
1736
1769
  --border: var(--hop-ToggleButton-primary-border-hover);
1737
1770
  }
1738
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-pressed] {
1771
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-pressed] {
1739
1772
  --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1740
1773
  --color: var(--hop-ToggleButton-primary-color-pressed);
1741
1774
  --border: var(--hop-ToggleButton-primary-border-pressed);
1742
1775
  }
1743
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-selected] {
1776
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-selected] {
1744
1777
  --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1745
1778
  --color: var(--hop-ToggleButton-primary-color-selected);
1746
1779
  --border: var(--hop-ToggleButton-primary-border-selected);
1747
1780
  }
1748
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1781
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1749
1782
  --background-color: var(--hop-ToggleButton-secondary-background-color);
1750
1783
  --color: var(--hop-ToggleButton-secondary-color);
1751
1784
  --border: var(--hop-ToggleButton-secondary-border);
1752
1785
  --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1753
1786
  }
1754
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-hovered],
1755
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-focus-visible] {
1787
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-hovered],
1788
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-focus-visible] {
1756
1789
  --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1757
1790
  --color: var(--hop-ToggleButton-secondary-color-hover);
1758
1791
  --border: var(--hop-ToggleButton-secondary-border-hover);
1759
1792
  }
1760
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-pressed] {
1793
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-pressed] {
1761
1794
  --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1762
1795
  --color: var(--hop-ToggleButton-secondary-color-pressed);
1763
1796
  --border: var(--hop-ToggleButton-secondary-border-pressed);
1764
1797
  }
1765
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-selected] {
1798
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-selected] {
1766
1799
  --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1767
1800
  --color: var(--hop-ToggleButton-secondary-color-selected);
1768
1801
  --border: var(--hop-ToggleButton-secondary-border-selected);
1769
1802
  }
1770
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1803
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1771
1804
  --background-color: var(--hop-ToggleButton-upsell-background-color);
1772
1805
  --color: var(--hop-ToggleButton-upsell-color);
1773
1806
  --border: var(--hop-ToggleButton-upsell-border);
1774
1807
  --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1775
1808
  }
1776
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-hovered],
1777
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-focus-visible] {
1809
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-hovered],
1810
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-focus-visible] {
1778
1811
  --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1779
1812
  --color: var(--hop-ToggleButton-upsell-color-hover);
1780
1813
  --border: var(--hop-ToggleButton-upsell-border-hover);
1781
1814
  }
1782
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-pressed] {
1815
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-pressed] {
1783
1816
  --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1784
1817
  --color: var(--hop-ToggleButton-upsell-color-pressed);
1785
1818
  --border: var(--hop-ToggleButton-upsell-border-pressed);
1786
1819
  }
1787
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-selected] {
1820
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-selected] {
1788
1821
  --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1789
1822
  --color: var(--hop-ToggleButton-upsell-color-selected);
1790
1823
  --border: var(--hop-ToggleButton-upsell-border-selected);
1791
1824
  }
1792
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1793
- --background-color: var(--hop-ToggleButton-tertiary-background-color);
1794
- --color: var(--hop-ToggleButton-tertiary-color);
1795
- --border: var(--hop-ToggleButton-tertiary-border);
1796
- --spinner-color: var(--hop-ToggleButton-tertiary-spinner-color);
1797
- }
1798
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-hovered],
1799
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-focus-visible] {
1800
- --background-color: var(--hop-ToggleButton-tertiary-background-color-hover);
1801
- --color: var(--hop-ToggleButton-tertiary-color-hover);
1802
- --border: var(--hop-ToggleButton-tertiary-border-hover);
1825
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7 {
1826
+ --background-color: var(--hop-ToggleButton-danger-background-color);
1827
+ --color: var(--hop-ToggleButton-danger-color);
1828
+ --border: var(--hop-ToggleButton-danger-border);
1829
+ --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
1830
+ }
1831
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-hovered],
1832
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-focus-visible] {
1833
+ --background-color: var(--hop-ToggleButton-danger-background-color-hover);
1834
+ --color: var(--hop-ToggleButton-danger-color-hover);
1835
+ --border: var(--hop-ToggleButton-danger-border-hover);
1836
+ }
1837
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-pressed] {
1838
+ --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
1839
+ --color: var(--hop-ToggleButton-danger-color-pressed);
1840
+ --border: var(--hop-ToggleButton-danger-border-pressed);
1841
+ }
1842
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-selected] {
1843
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
1844
+ --color: var(--hop-ToggleButton-danger-color-selected);
1845
+ --border: var(--hop-ToggleButton-danger-border-selected);
1846
+ }
1847
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u {
1848
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
1849
+ --color: var(--hop-ToggleButton-ghost-primary-color);
1850
+ --border: var(--hop-ToggleButton-ghost-primary-border);
1851
+ --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
1852
+ }
1853
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-hovered],
1854
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-focus-visible] {
1855
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
1856
+ --color: var(--hop-ToggleButton-ghost-primary-color-hover);
1857
+ --border: var(--hop-ToggleButton-ghost-primary-border-hover);
1803
1858
  --text-underline: underline;
1804
1859
  }
1805
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed],
1806
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-selected] {
1807
- --background-color: var(--hop-ToggleButton-tertiary-background-color-pressed);
1808
- --color: var(--hop-ToggleButton-tertiary-color-pressed);
1809
- --border: var(--hop-ToggleButton-tertiary-border-pressed);
1860
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed],
1861
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-selected] {
1862
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1863
+ --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
1864
+ --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
1810
1865
  }
1811
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed] {
1866
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed] {
1812
1867
  --text-underline: underline;
1813
1868
  }
1814
- .ToggleButton-module__hop-ToggleButton___oE-c4[data-focus-visible] {
1869
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d {
1870
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1871
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
1872
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
1873
+ --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
1874
+ }
1875
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-hovered],
1876
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-focus-visible] {
1877
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1878
+ --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
1879
+ --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
1880
+ --text-underline: underline;
1881
+ }
1882
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed],
1883
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-selected] {
1884
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1885
+ --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
1886
+ --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
1887
+ }
1888
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed] {
1889
+ --text-underline: underline;
1890
+ }
1891
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8 {
1892
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
1893
+ --color: var(--hop-ToggleButton-ghost-danger-color);
1894
+ --border: var(--hop-ToggleButton-ghost-danger-border);
1895
+ --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
1896
+ }
1897
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-hovered],
1898
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-focus-visible] {
1899
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
1900
+ --color: var(--hop-ToggleButton-ghost-danger-color-hover);
1901
+ --border: var(--hop-ToggleButton-ghost-danger-border-hover);
1902
+ --text-underline: underline;
1903
+ }
1904
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed],
1905
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-selected] {
1906
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1907
+ --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
1908
+ --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
1909
+ }
1910
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed] {
1911
+ --text-underline: underline;
1912
+ }
1913
+ .ToggleButton-module__hop-ToggleButton___cQggT[data-focus-visible] {
1815
1914
  outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1816
1915
  }
1817
- .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled],
1818
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv {
1916
+ .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled],
1917
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01 {
1819
1918
  cursor: not-allowed;
1820
1919
  }
1821
- .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled] {
1920
+ .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled] {
1822
1921
  --background-color: var(--hop-ToggleButton-background-color-disabled);
1823
1922
  --color: var(--hop-ToggleButton-color-disabled);
1824
1923
  --border: var(--hop-ToggleButton-border-disabled);
1825
1924
  }
1826
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-disabled] {
1827
- --background-color: var(--hop-ToggleButton-tertiary-background-color-disabled);
1828
- --color: var(--hop-ToggleButton-tertiary-color-disabled);
1829
- --border: var(--hop-ToggleButton-tertiary-border-disabled);
1925
+ .ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost][data-disabled] {
1926
+ --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
1927
+ --color: var(--hop-ToggleButton-ghost-color-disabled);
1928
+ --border: var(--hop-ToggleButton-ghost-border-disabled);
1830
1929
  }
1831
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--primary___j98yk {
1930
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1832
1931
  --background-color: var(--hop-ToggleButton-primary-background-color);
1833
1932
  --color: var(--hop-ToggleButton-primary-color);
1834
1933
  --border: var(--hop-ToggleButton-primary-border);
1835
1934
  }
1836
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1935
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1837
1936
  --background-color: var(--hop-ToggleButton-secondary-background-color);
1838
1937
  --color: var(--hop-ToggleButton-secondary-color);
1839
1938
  --border: var(--hop-ToggleButton-secondary-border);
1840
1939
  }
1841
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1940
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1842
1941
  --background-color: var(--hop-ToggleButton-upsell-background-color);
1843
1942
  --color: var(--hop-ToggleButton-upsell-color);
1844
1943
  --border: var(--hop-ToggleButton-upsell-border);
1845
1944
  }
1846
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1847
- --background-color: var(--hop-ToggleButton-tertiary-background-color);
1848
- --color: var(--hop-ToggleButton-tertiary-color);
1849
- --border: var(--hop-ToggleButton-tertiary-border);
1945
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost] {
1946
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1947
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
1948
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
1850
1949
  --text-underline: none;
1851
1950
  }
1852
- .ToggleButton-module__hop-ToggleButton__Spinner___eTDKR {
1951
+ .ToggleButton-module__hop-ToggleButton__Spinner___SwSbO {
1853
1952
  position: absolute;
1854
1953
  color: var(--spinner-color);
1855
1954
  }
1856
- .ToggleButton-module__hop-ToggleButton__icon___9MF68,
1857
- .ToggleButton-module__hop-ToggleButton__icon-list___36wAy {
1955
+ .ToggleButton-module__hop-ToggleButton__icon___nOFkE,
1956
+ .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk {
1858
1957
  flex: 0 0 auto;
1859
1958
  justify-self: end;
1860
1959
  order: 1;
1861
1960
  }
1862
- .ToggleButton-module__hop-ToggleButton__text___dDxdD {
1961
+ .ToggleButton-module__hop-ToggleButton__text___ZdN6c {
1863
1962
  user-select: none;
1864
1963
  overflow: visible;
1865
1964
  flex: 0 1 auto;
@@ -1869,21 +1968,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1869
1968
  text-underline-offset: 0.125rem;
1870
1969
  text-wrap: nowrap;
1871
1970
  }
1872
- .ToggleButton-module__hop-ToggleButton__end-icon___kTzUI,
1873
- .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1971
+ .ToggleButton-module__hop-ToggleButton__end-icon___gYUgH,
1972
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
1874
1973
  flex: 0 0 auto;
1875
1974
  order: 3;
1876
1975
  }
1877
- .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__icon-list___36wAy,
1878
- .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1976
+ .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk,
1977
+ .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
1879
1978
  flex-wrap: nowrap;
1880
1979
  }
1881
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton___oE-c4 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___eTDKR) {
1980
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SwSbO) {
1882
1981
  opacity: 0;
1883
1982
  }
1884
1983
 
1885
1984
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1886
- .HopperProvider-module__hop-HopperProvider___0oWjx {
1985
+ .HopperProvider-module__hop-HopperProvider___V57bd {
1887
1986
  font-family: var(--hop-body-md-font-family);
1888
1987
  font-size: var(--hop-body-md-font-size);
1889
1988
  font-weight: var(--hop-body-md-font-weight);
@@ -1893,7 +1992,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1893
1992
  }
1894
1993
 
1895
1994
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1896
- .Link-module__hop-Link___zN0GU {
1995
+ .Link-module__hop-Link___wpopk {
1897
1996
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1898
1997
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1899
1998
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1953,130 +2052,130 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1953
2052
  outline: none;
1954
2053
  outline-offset: 0.125rem;
1955
2054
  }
1956
- :where(.Link-module__hop-Link___zN0GU) {
2055
+ :where(.Link-module__hop-Link___wpopk) {
1957
2056
  font-family: var(--font-family);
1958
2057
  font-size: var(--font-size);
1959
2058
  font-weight: var(--font-weight);
1960
2059
  line-height: var(--line-height);
1961
2060
  }
1962
- :where(.Link-module__hop-Link--xs___ABclH) {
2061
+ :where(.Link-module__hop-Link--xs___aNep6) {
1963
2062
  --font-size: var(--hop-Link-xs-font-size);
1964
2063
  --font-family: var(--hop-Link-xs-font-family);
1965
2064
  --font-weight: var(--hop-Link-xs-font-weight);
1966
2065
  --line-height: var(--hop-Link-xs-line-height);
1967
2066
  }
1968
- :where(.Link-module__hop-Link--sm___6euWI) {
2067
+ :where(.Link-module__hop-Link--sm___xGDoN) {
1969
2068
  --font-size: var(--hop-Link-sm-font-size);
1970
2069
  --font-family: var(--hop-Link-sm-font-family);
1971
2070
  --font-weight: var(--hop-Link-sm-font-weight);
1972
2071
  --line-height: var(--hop-Link-sm-line-height);
1973
2072
  }
1974
- :where(.Link-module__hop-Link--md___-4wx-) {
2073
+ :where(.Link-module__hop-Link--md___PPF1-) {
1975
2074
  --font-size: var(--hop-Link-md-font-size);
1976
2075
  --font-family: var(--hop-Link-md-font-family);
1977
2076
  --font-weight: var(--hop-Link-md-font-weight);
1978
2077
  --line-height: var(--hop-Link-md-line-height);
1979
2078
  }
1980
- :where(.Link-module__hop-Link--lg___r5ujq) {
2079
+ :where(.Link-module__hop-Link--lg___h6IR3) {
1981
2080
  --font-size: var(--hop-Link-lg-font-size);
1982
2081
  --font-family: var(--hop-Link-lg-font-family);
1983
2082
  --font-weight: var(--hop-Link-lg-font-weight);
1984
2083
  --line-height: var(--hop-Link-lg-line-height);
1985
2084
  }
1986
- :where(.Link-module__hop-Link--xl___ntD7P) {
2085
+ :where(.Link-module__hop-Link--xl___4ER9H) {
1987
2086
  --font-size: var(--hop-Link-xl-font-size);
1988
2087
  --font-family: var(--hop-Link-xl-font-family);
1989
2088
  --font-weight: var(--hop-Link-xl-font-weight);
1990
2089
  --line-height: var(--hop-Link-xl-line-height);
1991
2090
  }
1992
- :where(.Link-module__hop-Link--2xl___tluwP) {
2091
+ :where(.Link-module__hop-Link--2xl___70ZO5) {
1993
2092
  --font-size: var(--hop-Link-2xl-font-size);
1994
2093
  --font-family: var(--hop-Link-2xl-font-family);
1995
2094
  --font-weight: var(--hop-Link-2xl-font-weight);
1996
2095
  --line-height: var(--hop-Link-2xl-line-height);
1997
2096
  }
1998
- :where(.Link-module__hop-Link--inherit___RyQa4) {
2097
+ :where(.Link-module__hop-Link--inherit___M4jaV) {
1999
2098
  --font-size: var(--hop-Link-inherit-size-font-size);
2000
2099
  --font-family: var(--hop-Link-inherit-size-font-family);
2001
2100
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2002
2101
  --line-height: var(--hop-Link-inherit-size-line-height);
2003
2102
  }
2004
- .Link-module__hop-Link___zN0GU[data-focus-visible] {
2103
+ .Link-module__hop-Link___wpopk[data-focus-visible] {
2005
2104
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2006
2105
  }
2007
- .Link-module__hop-Link___zN0GU[data-disabled] {
2106
+ .Link-module__hop-Link___wpopk[data-disabled] {
2008
2107
  cursor: default;
2009
2108
  }
2010
- .Link-module__hop-Link--standalone___l-iNG .Link-module__hop-Link__text___9BuwZ {
2109
+ .Link-module__hop-Link--standalone___P1yGq .Link-module__hop-Link__text___cN3Uw {
2011
2110
  padding: var(--hop-Link-padding-standalone);
2012
2111
  }
2013
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xs___ABclH .Link-module__hop-Link__text___9BuwZ {
2112
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xs___aNep6 .Link-module__hop-Link__text___cN3Uw {
2014
2113
  padding: var(--hop-Link-padding-standalone-xs);
2015
2114
  }
2016
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--sm___6euWI .Link-module__hop-Link__text___9BuwZ {
2115
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--sm___xGDoN .Link-module__hop-Link__text___cN3Uw {
2017
2116
  padding: var(--hop-Link-padding-standalone-sm);
2018
2117
  }
2019
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--md___-4wx- .Link-module__hop-Link__text___9BuwZ {
2118
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--md___PPF1- .Link-module__hop-Link__text___cN3Uw {
2020
2119
  padding: var(--hop-Link-padding-standalone-md);
2021
2120
  }
2022
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--lg___r5ujq .Link-module__hop-Link__text___9BuwZ {
2121
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--lg___h6IR3 .Link-module__hop-Link__text___cN3Uw {
2023
2122
  padding: var(--hop-Link-padding-standalone-lg);
2024
2123
  }
2025
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xl___ntD7P .Link-module__hop-Link__text___9BuwZ {
2124
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xl___4ER9H .Link-module__hop-Link__text___cN3Uw {
2026
2125
  padding: var(--hop-Link-padding-standalone-xl);
2027
2126
  }
2028
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--2xl___tluwP .Link-module__hop-Link__text___9BuwZ {
2127
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--2xl___70ZO5 .Link-module__hop-Link__text___cN3Uw {
2029
2128
  padding: var(--hop-Link-padding-standalone-2xl);
2030
2129
  }
2031
- .Link-module__hop-Link--quiet___p89Vc[data-focus-visible],
2032
- .Link-module__hop-Link--quiet___p89Vc[data-hovered],
2033
- .Link-module__hop-Link--standalone___l-iNG[data-focus-visible],
2034
- .Link-module__hop-Link--standalone___l-iNG[data-hovered] {
2130
+ .Link-module__hop-Link--quiet___wyz1d[data-focus-visible],
2131
+ .Link-module__hop-Link--quiet___wyz1d[data-hovered],
2132
+ .Link-module__hop-Link--standalone___P1yGq[data-focus-visible],
2133
+ .Link-module__hop-Link--standalone___P1yGq[data-hovered] {
2035
2134
  text-decoration: underline;
2036
2135
  }
2037
- .Link-module__hop-Link___zN0GU:not(.Link-module__hop-Link--quiet___p89Vc, .Link-module__hop-Link--standalone___l-iNG) {
2136
+ .Link-module__hop-Link___wpopk:not(.Link-module__hop-Link--quiet___wyz1d, .Link-module__hop-Link--standalone___P1yGq) {
2038
2137
  text-decoration: underline;
2039
2138
  }
2040
- .Link-module__hop-Link--primary___o0ags {
2139
+ .Link-module__hop-Link--primary___23P65 {
2041
2140
  color: var(--hop-Link-primary-text-color);
2042
2141
  }
2043
- .Link-module__hop-Link--primary___o0ags[data-disabled] {
2142
+ .Link-module__hop-Link--primary___23P65[data-disabled] {
2044
2143
  color: var(--hop-Link-primary-text-disabled-color);
2045
2144
  }
2046
- .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-focus-visible],
2047
- .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-hovered] {
2145
+ .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-focus-visible],
2146
+ .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-hovered] {
2048
2147
  color: var(--hop-Link-primary-text-hover-color);
2049
2148
  }
2050
- .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-pressed] {
2149
+ .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-pressed] {
2051
2150
  color: var(--hop-Link-primary-text-pressed-color);
2052
2151
  }
2053
- .Link-module__hop-Link--secondary___jcpD5 {
2152
+ .Link-module__hop-Link--secondary___5biyI {
2054
2153
  color: var(--hop-Link-neutral-text-color);
2055
2154
  }
2056
- .Link-module__hop-Link--secondary___jcpD5[data-disabled] {
2155
+ .Link-module__hop-Link--secondary___5biyI[data-disabled] {
2057
2156
  color: var(--hop-Link-neutral-text-disabled-color);
2058
2157
  }
2059
- .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-focus-visible],
2060
- .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-hovered] {
2158
+ .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-focus-visible],
2159
+ .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-hovered] {
2061
2160
  color: var(--hop-Link-neutral-text-hover-color);
2062
2161
  }
2063
- .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-pressed] {
2162
+ .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-pressed] {
2064
2163
  color: var(--hop-Link-neutral-text-pressed-color);
2065
2164
  }
2066
- .Link-module__hop-Link__icon___N8Pvt,
2067
- .Link-module__hop-Link__icon-list___jgYl- {
2165
+ .Link-module__hop-Link__icon___OO3s-,
2166
+ .Link-module__hop-Link__icon-list___oV6ff {
2068
2167
  order: 2;
2069
2168
  }
2070
- .Link-module__hop-Link__text___9BuwZ {
2169
+ .Link-module__hop-Link__text___cN3Uw {
2071
2170
  order: 1;
2072
2171
  }
2073
- .Link-module__hop-Link__start-icon___GOMwu,
2074
- .Link-module__hop-Link__start-icon-list___P72wB {
2172
+ .Link-module__hop-Link__start-icon___ZF3vH,
2173
+ .Link-module__hop-Link__start-icon-list___eQ4MF {
2075
2174
  order: 0;
2076
2175
  }
2077
2176
 
2078
2177
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2079
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB {
2178
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
2080
2179
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2081
2180
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2082
2181
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2107,46 +2206,46 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2107
2206
  background-color: var(--background-color);
2108
2207
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2109
2208
  }
2110
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV {
2209
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
2111
2210
  --size: var(--hop-RichIconAvatarImage-xs-size);
2112
2211
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2113
2212
  }
2114
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0 {
2213
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
2115
2214
  --size: var(--hop-RichIconAvatarImage-sm-size);
2116
2215
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2117
2216
  }
2118
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk {
2217
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
2119
2218
  --size: var(--hop-RichIconAvatarImage-md-size);
2120
2219
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2121
2220
  }
2122
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs {
2221
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
2123
2222
  --size: var(--hop-RichIconAvatarImage-lg-size);
2124
2223
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2125
2224
  }
2126
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5 {
2225
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
2127
2226
  --size: var(--hop-RichIconAvatarImage-xl-size);
2128
2227
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2129
2228
  }
2130
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN {
2229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
2131
2230
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2132
2231
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2133
2232
  }
2134
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] {
2233
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
2135
2234
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2136
2235
  }
2137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
2236
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2138
2237
  position: relative;
2139
2238
  display: block;
2140
2239
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2141
2240
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2142
2241
  }
2143
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
2242
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2144
2243
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2145
2244
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2146
2245
  }
2147
2246
 
2148
2247
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2149
- .Avatar-module__hop-Avatar___sOX9A {
2248
+ .Avatar-module__hop-Avatar___uaqDg {
2150
2249
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2151
2250
  --hop-Avatar-mix-blend-mode: normal;
2152
2251
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2191,67 +2290,67 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2191
2290
  background-color: var(--background-color, transparent);
2192
2291
  border-radius: var(--hop-Avatar-border-radius);
2193
2292
  }
2194
- .Avatar-module__hop-Avatar--xs___i1aUW {
2293
+ .Avatar-module__hop-Avatar--xs___JnxQL {
2195
2294
  --size: var(--hop-Avatar-xs-size);
2196
2295
  }
2197
- .Avatar-module__hop-Avatar--sm___nwUvL {
2296
+ .Avatar-module__hop-Avatar--sm___wGq1I {
2198
2297
  --size: var(--hop-Avatar-sm-size);
2199
2298
  }
2200
- .Avatar-module__hop-Avatar--md___uyw33 {
2299
+ .Avatar-module__hop-Avatar--md___RIHVc {
2201
2300
  --size: var(--hop-Avatar-md-size);
2202
2301
  }
2203
- .Avatar-module__hop-Avatar--lg___Mui78 {
2302
+ .Avatar-module__hop-Avatar--lg___BoomX {
2204
2303
  --size: var(--hop-Avatar-lg-size);
2205
2304
  }
2206
- .Avatar-module__hop-Avatar--xl___hHaUG {
2305
+ .Avatar-module__hop-Avatar--xl___9-mvF {
2207
2306
  --size: var(--hop-Avatar-xl-size);
2208
2307
  }
2209
- .Avatar-module__hop-Avatar--2xl___pqrQN {
2308
+ .Avatar-module__hop-Avatar--2xl___YOeDn {
2210
2309
  --size: var(--hop-Avatar-2xl-size);
2211
2310
  }
2212
- .Avatar-module__hop-Avatar--decorative-option1___s0WXt {
2311
+ .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
2213
2312
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2214
2313
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2215
2314
  }
2216
- .Avatar-module__hop-Avatar--decorative-option2___c3i5W {
2315
+ .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
2217
2316
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2218
2317
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2219
2318
  }
2220
- .Avatar-module__hop-Avatar--decorative-option3___vCyti {
2319
+ .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
2221
2320
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2222
2321
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2223
2322
  }
2224
- .Avatar-module__hop-Avatar--decorative-option4___JbRKY {
2323
+ .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
2225
2324
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2226
2325
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2227
2326
  }
2228
- .Avatar-module__hop-Avatar--decorative-option5___xoYBk {
2327
+ .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
2229
2328
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2230
2329
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2231
2330
  }
2232
- .Avatar-module__hop-Avatar--decorative-option6___T7ZoY {
2331
+ .Avatar-module__hop-Avatar--decorative-option6___ku007 {
2233
2332
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2234
2333
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2235
2334
  }
2236
- .Avatar-module__hop-Avatar--decorative-option7___wTPOD {
2335
+ .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
2237
2336
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2238
2337
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2239
2338
  }
2240
- .Avatar-module__hop-Avatar--decorative-option8___swMm0 {
2339
+ .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
2241
2340
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2242
2341
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2243
2342
  }
2244
- .Avatar-module__hop-Avatar--decorative-option9___en8-c {
2343
+ .Avatar-module__hop-Avatar--decorative-option9___-du9m {
2245
2344
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2246
2345
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2247
2346
  }
2248
- .Avatar-module__hop-Avatar___sOX9A[data-disabled] {
2347
+ .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
2249
2348
  --background-color: var(--hop-Avatar-background-color-disabled);
2250
2349
  --text-color: var(--hop-Avatar-text-color-disabled);
2251
2350
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2252
2351
  isolation: isolate;
2253
2352
  }
2254
- .Avatar-module__hop-Avatar__image___aGfAg {
2353
+ .Avatar-module__hop-Avatar__image___Wkz1L {
2255
2354
  position: relative;
2256
2355
  display: block;
2257
2356
  box-sizing: border-box;
@@ -2262,7 +2361,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2262
2361
  }
2263
2362
 
2264
2363
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2265
- .Tooltip-module__hop-Tooltip___nVbS- {
2364
+ .Tooltip-module__hop-Tooltip___Q5E29 {
2266
2365
  --hop-Tooltip-max-inline-size: 20rem;
2267
2366
  --hop-Tooltip-slide-amount: 0.25rem;
2268
2367
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2289,29 +2388,29 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2289
2388
  border-radius: var(--hop-Tooltip-border-radius);
2290
2389
  box-shadow: var(--hop-Tooltip-box-shadow);
2291
2390
  }
2292
- .Tooltip-module__hop-Tooltip--top___0Picg {
2391
+ .Tooltip-module__hop-Tooltip--top___hZc5W {
2293
2392
  --origin-x: 0;
2294
2393
  --origin-y: var(--hop-Tooltip-slide-amount);
2295
2394
  }
2296
- .Tooltip-module__hop-Tooltip--right___J7XGb {
2395
+ .Tooltip-module__hop-Tooltip--right___zD66s {
2297
2396
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2298
2397
  --origin-y: 0;
2299
2398
  }
2300
- .Tooltip-module__hop-Tooltip--bottom___apr36 {
2399
+ .Tooltip-module__hop-Tooltip--bottom___MLy5R {
2301
2400
  --origin-x: 0;
2302
2401
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2303
2402
  }
2304
- .Tooltip-module__hop-Tooltip--left___98KWK {
2403
+ .Tooltip-module__hop-Tooltip--left___keFSC {
2305
2404
  --origin-x: var(--hop-Tooltip-slide-amount);
2306
2405
  --origin-y: 0;
2307
2406
  }
2308
- .Tooltip-module__hop-Tooltip___nVbS-[data-entering] {
2309
- animation: Tooltip-module__slide___COczJ 0.2s ease-out;
2407
+ .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
2408
+ animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
2310
2409
  }
2311
- .Tooltip-module__hop-Tooltip___nVbS-[data-exiting] {
2312
- animation: Tooltip-module__slide___COczJ 0.2s ease-in reverse;
2410
+ .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
2411
+ animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
2313
2412
  }
2314
- @keyframes Tooltip-module__slide___COczJ {
2413
+ @keyframes Tooltip-module__slide___wmKJ7 {
2315
2414
  from {
2316
2415
  transform: translate(var(--origin-x), var(--origin-y));
2317
2416
  opacity: 0;
@@ -2323,44 +2422,44 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2323
2422
  }
2324
2423
 
2325
2424
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2326
- .AvatarGroup-module__hop-AvatarGroup___OnxWJ {
2425
+ .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
2327
2426
  --hop-AvatarGroup-display: flex;
2328
2427
  --hop-AvatarGroup-align-items: center;
2329
2428
  display: var(--hop-AvatarGroup-display);
2330
2429
  align-items: var(--hop-AvatarGroup-align-items);
2331
2430
  }
2332
- .AvatarGroup-module__hop-AvatarGroup--wrap___4--rv {
2431
+ .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
2333
2432
  flex-wrap: wrap;
2334
2433
  }
2335
- .AvatarGroup-module__hop-AvatarGroup--xs___L8mre {
2434
+ .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
2336
2435
  --gap: -0.125rem;
2337
2436
  }
2338
- .AvatarGroup-module__hop-AvatarGroup--sm___UjcIm {
2437
+ .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
2339
2438
  --gap: -0.25rem;
2340
2439
  }
2341
- .AvatarGroup-module__hop-AvatarGroup--md___sBcpK {
2440
+ .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
2342
2441
  --gap: -0.5rem;
2343
2442
  }
2344
- .AvatarGroup-module__hop-AvatarGroup--lg___7YAak {
2443
+ .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
2345
2444
  --gap: -1rem;
2346
2445
  }
2347
- .AvatarGroup-module__hop-AvatarGroup--xl___nbZIy {
2446
+ .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
2348
2447
  --gap: -1rem;
2349
2448
  }
2350
- .AvatarGroup-module__hop-AvatarGroup--2xl___ljxbT {
2449
+ .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
2351
2450
  --gap: -2rem;
2352
2451
  }
2353
- .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2452
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2354
2453
  margin-inline-start: var(--gap);
2355
2454
  transition: margin var(--hop-easing-duration-2);
2356
2455
  }
2357
- .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2456
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2358
2457
  margin-inline-start: 0;
2359
2458
  }
2360
- .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:first-child {
2459
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
2361
2460
  margin-inline-start: 0;
2362
2461
  }
2363
- .AvatarGroup-module__hop-AvatarGroup__label___fbjFq {
2462
+ .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
2364
2463
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2365
2464
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2366
2465
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2372,7 +2471,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2372
2471
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2373
2472
  line-height: var(--hop-AvatarGroup-label-line-height);
2374
2473
  }
2375
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk {
2474
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
2376
2475
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2377
2476
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2378
2477
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2390,21 +2489,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2390
2489
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2391
2490
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2392
2491
  }
2393
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk:not(:last-child) {
2492
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
2394
2493
  margin-block-end: 0.25rem;
2395
2494
  }
2396
- .AvatarGroup-module__hop-AvatarGroup--start___rucz5 {
2495
+ .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
2397
2496
  justify-content: flex-start;
2398
2497
  }
2399
- .AvatarGroup-module__hop-AvatarGroup--end___9n-g7 {
2498
+ .AvatarGroup-module__hop-AvatarGroup--end___va99C {
2400
2499
  justify-content: flex-end;
2401
2500
  }
2402
- .AvatarGroup-module__hop-AvatarGroup--center___KbbSx {
2501
+ .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
2403
2502
  justify-content: center;
2404
2503
  }
2405
2504
 
2406
2505
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2407
- .Badge-module__hop-Badge___zgMp1 {
2506
+ .Badge-module__hop-Badge___Em6Ee {
2408
2507
  --hop-Badge-height: 1.5rem;
2409
2508
  --hop-Badge-width: max-content;
2410
2509
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2454,67 +2553,67 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2454
2553
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2455
2554
  border-radius: var(--border-radius);
2456
2555
  }
2457
- .Badge-module__hop-Badge--primary___FtMRN {
2556
+ .Badge-module__hop-Badge--primary___2xcfI {
2458
2557
  --background-color: var(--hop-Badge-primary-background-color);
2459
2558
  --text-color: var(--hop-Badge-primary-text-color);
2460
2559
  }
2461
- .Badge-module__hop-Badge--primary___FtMRN[data-hovered] {
2560
+ .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
2462
2561
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2463
2562
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2464
2563
  }
2465
- .Badge-module__hop-Badge--primary___FtMRN[data-pressed] {
2564
+ .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
2466
2565
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2467
2566
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2468
2567
  }
2469
- .Badge-module__hop-Badge--primary___FtMRN[data-selected] {
2568
+ .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
2470
2569
  --background-color: var(--hop-Badge-primary-background-color-selected);
2471
2570
  --text-color: var(--hop-Badge-primary-text-color-selected);
2472
2571
  }
2473
- .Badge-module__hop-Badge--secondary___mIP5m {
2572
+ .Badge-module__hop-Badge--secondary___O77eV {
2474
2573
  --background-color: var(--hop-Badge-secondary-background-color);
2475
2574
  --text-color: var(--hop-Badge-secondary-text-color);
2476
2575
  }
2477
- .Badge-module__hop-Badge--secondary___mIP5m[data-hovered] {
2576
+ .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
2478
2577
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2479
2578
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2480
2579
  }
2481
- .Badge-module__hop-Badge--secondary___mIP5m[data-pressed] {
2580
+ .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
2482
2581
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2483
2582
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2484
2583
  }
2485
- .Badge-module__hop-Badge--secondary___mIP5m[data-selected] {
2584
+ .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
2486
2585
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2487
2586
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2488
2587
  }
2489
- .Badge-module__hop-Badge--subdued___8iY3E {
2588
+ .Badge-module__hop-Badge--subdued___12tA7 {
2490
2589
  --background-color: var(--hop-Badge-subdued-background-color);
2491
2590
  --text-color: var(--hop-Badge-subdued-text-color);
2492
2591
  }
2493
- .Badge-module__hop-Badge--subdued___8iY3E[data-hovered] {
2592
+ .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
2494
2593
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2495
2594
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2496
2595
  }
2497
- .Badge-module__hop-Badge--subdued___8iY3E[data-pressed] {
2596
+ .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
2498
2597
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2499
2598
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2500
2599
  }
2501
- .Badge-module__hop-Badge--subdued___8iY3E[data-selected] {
2600
+ .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
2502
2601
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2503
2602
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2504
2603
  }
2505
- .Badge-module__hop-Badge___zgMp1[data-indeterminate] {
2604
+ .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
2506
2605
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2507
2606
  --height: var(--hop-Badge-indeterminate-height);
2508
2607
  --width: var(--hop-Badge-indeterminate-width);
2509
2608
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2510
2609
  }
2511
- .Badge-module__hop-Badge___zgMp1[data-disabled] {
2610
+ .Badge-module__hop-Badge___Em6Ee[data-disabled] {
2512
2611
  --background-color: var(--hop-Badge-background-color-disabled);
2513
2612
  --text-color: var(--hop-Badge-text-color-disabled);
2514
2613
  }
2515
2614
 
2516
2615
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2517
- .FloatingBadge-module__hop-FloatingBadge___R2B4j {
2616
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD {
2518
2617
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2519
2618
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2520
2619
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2555,7 +2654,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2555
2654
  box-sizing: border-box;
2556
2655
  inline-size: max-content;
2557
2656
  }
2558
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"] {
2657
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
2559
2658
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2560
2659
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2561
2660
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2563,11 +2662,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2563
2662
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2564
2663
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2565
2664
  }
2566
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"][data-overlap=circular] {
2665
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
2567
2666
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2568
2667
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2569
2668
  }
2570
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"] {
2669
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
2571
2670
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2572
2671
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2573
2672
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2575,11 +2674,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2575
2674
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2576
2675
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2577
2676
  }
2578
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"][data-overlap=circular] {
2677
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
2579
2678
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2580
2679
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2581
2680
  }
2582
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"] {
2681
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
2583
2682
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2584
2683
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2585
2684
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2587,11 +2686,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2587
2686
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2588
2687
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2589
2688
  }
2590
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"][data-overlap=circular] {
2689
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
2591
2690
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2592
2691
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2593
2692
  }
2594
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"] {
2693
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
2595
2694
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2596
2695
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2597
2696
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2599,11 +2698,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2599
2698
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2600
2699
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2601
2700
  }
2602
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"][data-overlap=circular] {
2701
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
2603
2702
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2604
2703
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2605
2704
  }
2606
- .FloatingBadge-module__hop-FloatingBadge__badge___CDxdk {
2705
+ .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
2607
2706
  position: absolute;
2608
2707
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2609
2708
  transform-origin: var(--badge-transform-origin);
@@ -2611,7 +2710,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2611
2710
  }
2612
2711
 
2613
2712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2614
- .Checkbox-module__hop-Checkbox___5v0b4 {
2713
+ .Checkbox-module__hop-Checkbox___PKY27 {
2615
2714
  --hop-Checkbox-box-border-size: 0.0625rem;
2616
2715
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2617
2716
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2686,60 +2785,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2686
2785
  inline-size: max-content;
2687
2786
  max-inline-size: 100%;
2688
2787
  }
2689
- .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2788
+ .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
2690
2789
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2691
2790
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2692
2791
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2693
2792
  --text-color: var(--hop-Checkbox-text-color-focused);
2694
2793
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2695
2794
  }
2696
- .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2795
+ .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
2697
2796
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2698
2797
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2699
2798
  --text-color: var(--hop-Checkbox-text-color-hovered);
2700
2799
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2701
2800
  }
2702
- .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2801
+ .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
2703
2802
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2704
2803
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2705
2804
  --text-color: var(--hop-Checkbox-text-color-pressed);
2706
2805
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2707
2806
  }
2708
- .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2807
+ .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
2709
2808
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2710
2809
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2711
2810
  --check-display: var(--hop-Checkbox-check-display-selected);
2712
2811
  --text-color: var(--hop-Checkbox-text-color-selected);
2713
2812
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2714
2813
  }
2715
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2814
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
2716
2815
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2717
2816
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2718
2817
  --check-color: var(--hop-Checkbox-check-color-invalid);
2719
2818
  --text-color: var(--hop-Checkbox-text-color-invalid);
2720
2819
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2721
2820
  }
2722
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2821
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
2723
2822
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2724
2823
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2725
2824
  }
2726
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2825
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
2727
2826
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2728
2827
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2729
2828
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2730
2829
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2731
2830
  }
2732
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2831
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
2733
2832
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2734
2833
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2735
2834
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2736
2835
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2737
2836
  }
2738
- .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2837
+ .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
2739
2838
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2740
2839
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2741
2840
  }
2742
- .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2841
+ .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
2743
2842
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2744
2843
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2745
2844
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2747,25 +2846,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2747
2846
  --text-color: var(--hop-Checkbox-text-color-disabled);
2748
2847
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2749
2848
  }
2750
- .Checkbox-module__hop-Checkbox--sm___dSQOY {
2849
+ .Checkbox-module__hop-Checkbox--sm___pzZoo {
2751
2850
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2752
2851
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2753
2852
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2754
2853
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2755
2854
  }
2756
- .Checkbox-module__hop-Checkbox--md___TOu-C {
2855
+ .Checkbox-module__hop-Checkbox--md___1Cy8q {
2757
2856
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2758
2857
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2759
2858
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2760
2859
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2761
2860
  }
2762
- .Checkbox-module__hop-Checkbox__icon___nd2aw,
2763
- .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2861
+ .Checkbox-module__hop-Checkbox__icon___Thx7R,
2862
+ .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
2764
2863
  flex: 0 0 auto;
2765
2864
  order: 3;
2766
2865
  color: var(--icon-color);
2767
2866
  }
2768
- .Checkbox-module__hop-Checkbox__box___jxojt {
2867
+ .Checkbox-module__hop-Checkbox__box___TyJS7 {
2769
2868
  display: flex;
2770
2869
  flex: 0 0 auto;
2771
2870
  align-items: center;
@@ -2781,11 +2880,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2781
2880
  outline-offset: 0.125rem;
2782
2881
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2783
2882
  }
2784
- .Checkbox-module__hop-Checkbox__check___AxXm6 {
2883
+ .Checkbox-module__hop-Checkbox__check___r8gyX {
2785
2884
  display: var(--check-display);
2786
2885
  color: var(--check-color);
2787
2886
  }
2788
- .Checkbox-module__hop-Checkbox__text___RWv7Z {
2887
+ .Checkbox-module__hop-Checkbox__text___OtTLm {
2789
2888
  flex: 0 1 auto;
2790
2889
  order: 2;
2791
2890
  min-inline-size: 0;
@@ -2795,7 +2894,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2795
2894
  }
2796
2895
 
2797
2896
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2798
- .CheckboxField-module__hop-CheckboxField___Moz-- {
2897
+ .CheckboxField-module__hop-CheckboxField___56543 {
2799
2898
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2800
2899
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2801
2900
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2814,28 +2913,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2814
2913
  inline-size: max-content;
2815
2914
  max-inline-size: 100%;
2816
2915
  }
2817
- .CheckboxField-module__hop-CheckboxField___Moz--[data-disabled] {
2916
+ .CheckboxField-module__hop-CheckboxField___56543[data-disabled] {
2818
2917
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2819
2918
  }
2820
- .CheckboxField-module__hop-CheckboxField--sm___WFkN2 {
2919
+ .CheckboxField-module__hop-CheckboxField--sm___6--P- {
2821
2920
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2822
2921
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2823
2922
  }
2824
- .CheckboxField-module__hop-CheckboxField--md___0I29B {
2923
+ .CheckboxField-module__hop-CheckboxField--md___sveE6 {
2825
2924
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2826
2925
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2827
2926
  }
2828
- .CheckboxField-module__hop-CheckboxField__description___FQ5t0 {
2927
+ .CheckboxField-module__hop-CheckboxField__description___TCoFR {
2829
2928
  order: 2;
2830
2929
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2831
2930
  color: var(--description-color);
2832
2931
  }
2833
- .CheckboxField-module__hop-CheckboxField__checkbox___hNlqN {
2932
+ .CheckboxField-module__hop-CheckboxField__checkbox___TzGvU {
2834
2933
  order: 1;
2835
2934
  }
2836
2935
 
2837
2936
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2838
- .ErrorMessage-module__hop-ErrorMessage___V-yBH {
2937
+ .ErrorMessage-module__hop-ErrorMessage___3njVF {
2839
2938
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2840
2939
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2841
2940
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2852,13 +2951,13 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2852
2951
  line-height: var(--hop-ErrorMessage-line-height);
2853
2952
  color: var(--hop-ErrorMessage-color);
2854
2953
  }
2855
- .ErrorMessage-module__hop-ErrorMessage__icon___DIRtx {
2954
+ .ErrorMessage-module__hop-ErrorMessage__icon___2fFUX {
2856
2955
  flex: 0 0 auto;
2857
2956
  align-self: flex-start;
2858
2957
  }
2859
2958
 
2860
2959
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2861
- .HelperMessage-module__hop-HelperMessage___eMQ7m {
2960
+ .HelperMessage-module__hop-HelperMessage___WKq74 {
2862
2961
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2863
2962
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2864
2963
  display: flex;
@@ -2867,13 +2966,13 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2867
2966
  box-sizing: border-box;
2868
2967
  color: var(--hop-HelperMessage-color);
2869
2968
  }
2870
- .HelperMessage-module__hop-HelperMessage__icon___hi1Mh {
2969
+ .HelperMessage-module__hop-HelperMessage__icon___qM-Le {
2871
2970
  flex: 0 0 auto;
2872
2971
  align-self: flex-start;
2873
2972
  }
2874
2973
 
2875
2974
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2876
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 {
2975
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t {
2877
2976
  --hop-CheckboxGroup-align-items: flex-start;
2878
2977
  --hop-CheckboxGroup-justify-content: flex-start;
2879
2978
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2912,46 +3011,46 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2912
3011
  inline-size: max-content;
2913
3012
  max-inline-size: 100%;
2914
3013
  }
2915
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- {
3014
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL {
2916
3015
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2917
3016
  --list-border-radius: var(--hop-shape-rounded-md);
2918
3017
  }
2919
- .CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
3018
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
2920
3019
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2921
3020
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2922
3021
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2923
3022
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2924
3023
  }
2925
- .CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
3024
+ .CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
2926
3025
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2927
3026
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2928
3027
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2929
3028
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2930
3029
  }
2931
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
3030
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
2932
3031
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2933
3032
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2934
3033
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2935
3034
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2936
3035
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2937
3036
  }
2938
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
3037
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
2939
3038
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2940
3039
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2941
3040
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2942
3041
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2943
3042
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2944
3043
  }
2945
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2[data-orientation=horizontal] {
3044
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t[data-orientation=horizontal] {
2946
3045
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2947
3046
  }
2948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] {
3047
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] {
2949
3048
  --flex-wrap: nowrap;
2950
3049
  }
2951
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__label___5XiPD {
3050
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__label___U2dUJ {
2952
3051
  order: 1;
2953
3052
  }
2954
- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU {
3053
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij {
2955
3054
  display: flex;
2956
3055
  flex-flow: var(--flex-direction) var(--flex-wrap);
2957
3056
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2962,7 +3061,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2962
3061
  border: var(--list-border, none);
2963
3062
  border-radius: var(--list-border-radius, 0);
2964
3063
  }
2965
- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w {
3064
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 {
2966
3065
  position: relative;
2967
3066
  flex: 0 1 auto;
2968
3067
  align-content: start;
@@ -2970,28 +3069,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2970
3069
  min-inline-size: 0;
2971
3070
  padding: var(--checkbox-padding, 0);
2972
3071
  }
2973
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
3072
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
2974
3073
  content: "";
2975
3074
  position: absolute;
2976
3075
  display: block;
2977
3076
  }
2978
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
3077
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
2979
3078
  inset-block-start: 0;
2980
3079
  inset-inline: 0;
2981
3080
  border-block-start: var(--list-border, none);
2982
3081
  }
2983
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
3082
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
2984
3083
  inset-block: 0;
2985
3084
  inset-inline-start: 0;
2986
3085
  border-inline-start: var(--list-border, none);
2987
3086
  }
2988
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___fx1ES,
2989
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___JhiB- {
3087
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__error-message___TZxJY,
3088
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___W6fZU {
2990
3089
  order: 3;
2991
3090
  }
2992
3091
 
2993
3092
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2994
- .Checkbox-module__hop-Checkbox___5v0b4 {
3093
+ .Checkbox-module__hop-Checkbox___PKY27 {
2995
3094
  --hop-Checkbox-box-border-size: 0.0625rem;
2996
3095
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2997
3096
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3066,60 +3165,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3066
3165
  inline-size: max-content;
3067
3166
  max-inline-size: 100%;
3068
3167
  }
3069
- .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
3168
+ .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
3070
3169
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3071
3170
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3072
3171
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3073
3172
  --text-color: var(--hop-Checkbox-text-color-focused);
3074
3173
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3075
3174
  }
3076
- .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
3175
+ .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
3077
3176
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3078
3177
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3079
3178
  --text-color: var(--hop-Checkbox-text-color-hovered);
3080
3179
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3081
3180
  }
3082
- .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
3181
+ .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
3083
3182
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3084
3183
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3085
3184
  --text-color: var(--hop-Checkbox-text-color-pressed);
3086
3185
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3087
3186
  }
3088
- .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
3187
+ .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3089
3188
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3090
3189
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3091
3190
  --check-display: var(--hop-Checkbox-check-display-selected);
3092
3191
  --text-color: var(--hop-Checkbox-text-color-selected);
3093
3192
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3094
3193
  }
3095
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
3194
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3096
3195
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3097
3196
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3098
3197
  --check-color: var(--hop-Checkbox-check-color-invalid);
3099
3198
  --text-color: var(--hop-Checkbox-text-color-invalid);
3100
3199
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3101
3200
  }
3102
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
3201
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3103
3202
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3104
3203
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3105
3204
  }
3106
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
3205
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3107
3206
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3108
3207
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3109
3208
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3110
3209
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3111
3210
  }
3112
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
3211
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3113
3212
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3114
3213
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3115
3214
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3116
3215
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3117
3216
  }
3118
- .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
3217
+ .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3119
3218
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3120
3219
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3121
3220
  }
3122
- .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
3221
+ .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3123
3222
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3124
3223
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3125
3224
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3127,25 +3226,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3127
3226
  --text-color: var(--hop-Checkbox-text-color-disabled);
3128
3227
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3129
3228
  }
3130
- .Checkbox-module__hop-Checkbox--sm___dSQOY {
3229
+ .Checkbox-module__hop-Checkbox--sm___pzZoo {
3131
3230
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3132
3231
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3133
3232
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3134
3233
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3135
3234
  }
3136
- .Checkbox-module__hop-Checkbox--md___TOu-C {
3235
+ .Checkbox-module__hop-Checkbox--md___1Cy8q {
3137
3236
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3138
3237
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3139
3238
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3140
3239
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3141
3240
  }
3142
- .Checkbox-module__hop-Checkbox__icon___nd2aw,
3143
- .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
3241
+ .Checkbox-module__hop-Checkbox__icon___Thx7R,
3242
+ .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3144
3243
  flex: 0 0 auto;
3145
3244
  order: 3;
3146
3245
  color: var(--icon-color);
3147
3246
  }
3148
- .Checkbox-module__hop-Checkbox__box___jxojt {
3247
+ .Checkbox-module__hop-Checkbox__box___TyJS7 {
3149
3248
  display: flex;
3150
3249
  flex: 0 0 auto;
3151
3250
  align-items: center;
@@ -3161,11 +3260,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3161
3260
  outline-offset: 0.125rem;
3162
3261
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3163
3262
  }
3164
- .Checkbox-module__hop-Checkbox__check___AxXm6 {
3263
+ .Checkbox-module__hop-Checkbox__check___r8gyX {
3165
3264
  display: var(--check-display);
3166
3265
  color: var(--check-color);
3167
3266
  }
3168
- .Checkbox-module__hop-Checkbox__text___RWv7Z {
3267
+ .Checkbox-module__hop-Checkbox__text___OtTLm {
3169
3268
  flex: 0 1 auto;
3170
3269
  order: 2;
3171
3270
  min-inline-size: 0;
@@ -3173,24 +3272,24 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3173
3272
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3174
3273
  color: var(--text-color);
3175
3274
  }
3176
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___TZCQR {
3275
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___ltNWu {
3177
3276
  }
3178
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___WAN3J {
3277
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___q1ZI3 {
3179
3278
  }
3180
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ycopn {
3279
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___c-J-V {
3181
3280
  }
3182
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HP7Ir,
3183
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TV-j- {
3281
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___ygQrT,
3282
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MDkVD {
3184
3283
  }
3185
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___aQDXk {
3284
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JwBJ8 {
3186
3285
  }
3187
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___EYvRS {
3286
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___82euF {
3188
3287
  }
3189
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___db9bV {
3288
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___VQlPm {
3190
3289
  }
3191
3290
 
3192
3291
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3193
- .Radio-module__hop-Radio___H2CQS {
3292
+ .Radio-module__hop-Radio___Jz8ck {
3194
3293
  --hop-Radio-box-border-size: 0.0625rem;
3195
3294
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3196
3295
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3264,60 +3363,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3264
3363
  inline-size: max-content;
3265
3364
  max-inline-size: 100%;
3266
3365
  }
3267
- .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3366
+ .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3268
3367
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3269
3368
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3270
3369
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3271
3370
  --text-color: var(--hop-Radio-text-color-focused);
3272
3371
  --icon-color: var(--hop-Radio-icon-color-focused);
3273
3372
  }
3274
- .Radio-module__hop-Radio___H2CQS[data-hovered] {
3373
+ .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3275
3374
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3276
3375
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3277
3376
  --text-color: var(--hop-Radio-text-color-hovered);
3278
3377
  --icon-color: var(--hop-Radio-icon-color-hovered);
3279
3378
  }
3280
- .Radio-module__hop-Radio___H2CQS[data-pressed] {
3379
+ .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3281
3380
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3282
3381
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3283
3382
  --text-color: var(--hop-Radio-text-color-pressed);
3284
3383
  --icon-color: var(--hop-Radio-icon-color-pressed);
3285
3384
  }
3286
- .Radio-module__hop-Radio___H2CQS[data-selected] {
3385
+ .Radio-module__hop-Radio___Jz8ck[data-selected] {
3287
3386
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3288
3387
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3289
3388
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3290
3389
  --text-color: var(--hop-Radio-text-color-selected);
3291
3390
  --icon-color: var(--hop-Radio-icon-color-selected);
3292
3391
  }
3293
- .Radio-module__hop-Radio___H2CQS[data-invalid] {
3392
+ .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3294
3393
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3295
3394
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3296
3395
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3297
3396
  --text-color: var(--hop-Radio-text-color-invalid);
3298
3397
  --icon-color: var(--hop-Radio-icon-color-invalid);
3299
3398
  }
3300
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3399
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3301
3400
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3302
3401
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3303
3402
  }
3304
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3403
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3305
3404
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3306
3405
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3307
3406
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3308
3407
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3309
3408
  }
3310
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3409
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3311
3410
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3312
3411
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3313
3412
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3314
3413
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3315
3414
  }
3316
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3415
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3317
3416
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3318
3417
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3319
3418
  }
3320
- .Radio-module__hop-Radio___H2CQS[data-disabled] {
3419
+ .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3321
3420
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3322
3421
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3323
3422
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3325,25 +3424,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3325
3424
  --text-color: var(--hop-Radio-text-color-disabled);
3326
3425
  --icon-color: var(--hop-Radio-icon-color-disabled);
3327
3426
  }
3328
- .Radio-module__hop-Radio--sm___wsMEb {
3427
+ .Radio-module__hop-Radio--sm___WSJeF {
3329
3428
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3330
3429
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3331
3430
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3332
3431
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3333
3432
  }
3334
- .Radio-module__hop-Radio--md___Y9v6E {
3433
+ .Radio-module__hop-Radio--md___tXyrJ {
3335
3434
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3336
3435
  --box-block-size: var(--hop-Radio-box-md-block-size);
3337
3436
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3338
3437
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3339
3438
  }
3340
- .Radio-module__hop-Radio__icon___AnsTY,
3341
- .Radio-module__hop-Radio__icon-list___bpfWX {
3439
+ .Radio-module__hop-Radio__icon___j59Et,
3440
+ .Radio-module__hop-Radio__icon-list___WX4W3 {
3342
3441
  flex: 0 0 auto;
3343
3442
  order: 3;
3344
3443
  color: var(--icon-color);
3345
3444
  }
3346
- .Radio-module__hop-Radio__box___sb7RR {
3445
+ .Radio-module__hop-Radio__box___hmHzG {
3347
3446
  display: flex;
3348
3447
  flex: 0 0 auto;
3349
3448
  align-items: center;
@@ -3359,11 +3458,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3359
3458
  outline-offset: 0.125rem;
3360
3459
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3361
3460
  }
3362
- .Radio-module__hop-Radio__bullet___d4tcu {
3461
+ .Radio-module__hop-Radio__bullet___rz-am {
3363
3462
  display: var(--bullet-display);
3364
3463
  color: var(--bullet-color);
3365
3464
  }
3366
- .Radio-module__hop-Radio__text___y2Kzb {
3465
+ .Radio-module__hop-Radio__text___dbgFm {
3367
3466
  flex: 0 1 auto;
3368
3467
  order: 2;
3369
3468
  min-inline-size: 0;
@@ -3371,24 +3470,24 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3371
3470
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3372
3471
  color: var(--text-color);
3373
3472
  }
3374
- .DecorativeRadio-module__hop-DecorativeRadio___tSJL5 {
3473
+ .DecorativeRadio-module__hop-DecorativeRadio___E-qe2 {
3375
3474
  }
3376
- .DecorativeRadio-module__hop-DecorativeRadio--sm___DUA4e {
3475
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___aEFSN {
3377
3476
  }
3378
- .DecorativeRadio-module__hop-DecorativeRadio--md___PZiXZ {
3477
+ .DecorativeRadio-module__hop-DecorativeRadio--md___EkotK {
3379
3478
  }
3380
- .DecorativeRadio-module__hop-DecorativeRadio__icon___uynj0,
3381
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___LHJUz {
3479
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___3yBe4,
3480
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XxcDj {
3382
3481
  }
3383
- .DecorativeRadio-module__hop-DecorativeRadio__box___LRGSc {
3482
+ .DecorativeRadio-module__hop-DecorativeRadio__box___An1mf {
3384
3483
  }
3385
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___ckmQf {
3484
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___M7BvP {
3386
3485
  }
3387
- .DecorativeRadio-module__hop-DecorativeRadio__text___tL5B5 {
3486
+ .DecorativeRadio-module__hop-DecorativeRadio__text___GELEI {
3388
3487
  }
3389
3488
 
3390
3489
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3391
- .Radio-module__hop-Radio___H2CQS {
3490
+ .Radio-module__hop-Radio___Jz8ck {
3392
3491
  --hop-Radio-box-border-size: 0.0625rem;
3393
3492
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3394
3493
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3462,60 +3561,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3462
3561
  inline-size: max-content;
3463
3562
  max-inline-size: 100%;
3464
3563
  }
3465
- .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3564
+ .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3466
3565
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3467
3566
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3468
3567
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3469
3568
  --text-color: var(--hop-Radio-text-color-focused);
3470
3569
  --icon-color: var(--hop-Radio-icon-color-focused);
3471
3570
  }
3472
- .Radio-module__hop-Radio___H2CQS[data-hovered] {
3571
+ .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3473
3572
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3474
3573
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3475
3574
  --text-color: var(--hop-Radio-text-color-hovered);
3476
3575
  --icon-color: var(--hop-Radio-icon-color-hovered);
3477
3576
  }
3478
- .Radio-module__hop-Radio___H2CQS[data-pressed] {
3577
+ .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3479
3578
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3480
3579
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3481
3580
  --text-color: var(--hop-Radio-text-color-pressed);
3482
3581
  --icon-color: var(--hop-Radio-icon-color-pressed);
3483
3582
  }
3484
- .Radio-module__hop-Radio___H2CQS[data-selected] {
3583
+ .Radio-module__hop-Radio___Jz8ck[data-selected] {
3485
3584
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3486
3585
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3487
3586
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3488
3587
  --text-color: var(--hop-Radio-text-color-selected);
3489
3588
  --icon-color: var(--hop-Radio-icon-color-selected);
3490
3589
  }
3491
- .Radio-module__hop-Radio___H2CQS[data-invalid] {
3590
+ .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3492
3591
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3493
3592
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3494
3593
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3495
3594
  --text-color: var(--hop-Radio-text-color-invalid);
3496
3595
  --icon-color: var(--hop-Radio-icon-color-invalid);
3497
3596
  }
3498
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3597
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3499
3598
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3500
3599
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3501
3600
  }
3502
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3601
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3503
3602
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3504
3603
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3505
3604
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3506
3605
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3507
3606
  }
3508
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3607
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3509
3608
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3510
3609
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3511
3610
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3512
3611
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3513
3612
  }
3514
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3613
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3515
3614
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3516
3615
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3517
3616
  }
3518
- .Radio-module__hop-Radio___H2CQS[data-disabled] {
3617
+ .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3519
3618
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3520
3619
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3521
3620
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3523,25 +3622,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3523
3622
  --text-color: var(--hop-Radio-text-color-disabled);
3524
3623
  --icon-color: var(--hop-Radio-icon-color-disabled);
3525
3624
  }
3526
- .Radio-module__hop-Radio--sm___wsMEb {
3625
+ .Radio-module__hop-Radio--sm___WSJeF {
3527
3626
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3528
3627
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3529
3628
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3530
3629
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3531
3630
  }
3532
- .Radio-module__hop-Radio--md___Y9v6E {
3631
+ .Radio-module__hop-Radio--md___tXyrJ {
3533
3632
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3534
3633
  --box-block-size: var(--hop-Radio-box-md-block-size);
3535
3634
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3536
3635
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3537
3636
  }
3538
- .Radio-module__hop-Radio__icon___AnsTY,
3539
- .Radio-module__hop-Radio__icon-list___bpfWX {
3637
+ .Radio-module__hop-Radio__icon___j59Et,
3638
+ .Radio-module__hop-Radio__icon-list___WX4W3 {
3540
3639
  flex: 0 0 auto;
3541
3640
  order: 3;
3542
3641
  color: var(--icon-color);
3543
3642
  }
3544
- .Radio-module__hop-Radio__box___sb7RR {
3643
+ .Radio-module__hop-Radio__box___hmHzG {
3545
3644
  display: flex;
3546
3645
  flex: 0 0 auto;
3547
3646
  align-items: center;
@@ -3557,11 +3656,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3557
3656
  outline-offset: 0.125rem;
3558
3657
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3559
3658
  }
3560
- .Radio-module__hop-Radio__bullet___d4tcu {
3659
+ .Radio-module__hop-Radio__bullet___rz-am {
3561
3660
  display: var(--bullet-display);
3562
3661
  color: var(--bullet-color);
3563
3662
  }
3564
- .Radio-module__hop-Radio__text___y2Kzb {
3663
+ .Radio-module__hop-Radio__text___dbgFm {
3565
3664
  flex: 0 1 auto;
3566
3665
  order: 2;
3567
3666
  min-inline-size: 0;
@@ -3571,7 +3670,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3571
3670
  }
3572
3671
 
3573
3672
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3574
- .RadioField-module__hop-RadioField___Q4QIQ {
3673
+ .RadioField-module__hop-RadioField___OfPLR {
3575
3674
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3576
3675
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3577
3676
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3590,28 +3689,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3590
3689
  inline-size: max-content;
3591
3690
  max-inline-size: 100%;
3592
3691
  }
3593
- .RadioField-module__hop-RadioField___Q4QIQ[data-disabled] {
3692
+ .RadioField-module__hop-RadioField___OfPLR[data-disabled] {
3594
3693
  --description-color: var(--hop-RadioField-description-color-disabled);
3595
3694
  }
3596
- .RadioField-module__hop-RadioField--sm___VXiap {
3695
+ .RadioField-module__hop-RadioField--sm___1sQAM {
3597
3696
  --row-gap: var(--hop-RadioField-sm-row-gap);
3598
3697
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3599
3698
  }
3600
- .RadioField-module__hop-RadioField--md___HW2CQ {
3699
+ .RadioField-module__hop-RadioField--md___89TK9 {
3601
3700
  --row-gap: var(--hop-RadioField-md-row-gap);
3602
3701
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3603
3702
  }
3604
- .RadioField-module__hop-RadioField__description___ia1Zr {
3703
+ .RadioField-module__hop-RadioField__description___YsOrA {
3605
3704
  order: 2;
3606
3705
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3607
3706
  color: var(--description-color);
3608
3707
  }
3609
- .RadioField-module__hop-RadioField__radio___EivJe {
3708
+ .RadioField-module__hop-RadioField__radio___PEYsy {
3610
3709
  order: 1;
3611
3710
  }
3612
3711
 
3613
3712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3614
- .RadioGroup-module__hop-RadioGroup___GAhMc {
3713
+ .RadioGroup-module__hop-RadioGroup___CT2GD {
3615
3714
  --hop-RadioGroup-align-items: flex-start;
3616
3715
  --hop-RadioGroup-justify-content: flex-start;
3617
3716
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3651,46 +3750,46 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3651
3750
  inline-size: var(--inline-size);
3652
3751
  max-inline-size: 100%;
3653
3752
  }
3654
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV {
3753
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i {
3655
3754
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3656
3755
  --list-border-radius: var(--hop-shape-rounded-md);
3657
3756
  }
3658
- .RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3757
+ .RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3659
3758
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3660
3759
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3661
3760
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3662
3761
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3663
3762
  }
3664
- .RadioGroup-module__hop-RadioGroup--md___K9W8i {
3763
+ .RadioGroup-module__hop-RadioGroup--md___04ypk {
3665
3764
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3666
3765
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3667
3766
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3668
3767
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3669
3768
  }
3670
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3769
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3671
3770
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3672
3771
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3673
3772
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3674
3773
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3675
3774
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3676
3775
  }
3677
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--md___K9W8i {
3776
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--md___04ypk {
3678
3777
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3679
3778
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3680
3779
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3681
3780
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3682
3781
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3683
3782
  }
3684
- .RadioGroup-module__hop-RadioGroup___GAhMc[data-orientation=horizontal] {
3783
+ .RadioGroup-module__hop-RadioGroup___CT2GD[data-orientation=horizontal] {
3685
3784
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3686
3785
  }
3687
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] {
3786
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] {
3688
3787
  --flex-wrap: nowrap;
3689
3788
  }
3690
- .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__label___Vi-x9 {
3789
+ .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__label___WZ0Ob {
3691
3790
  order: 1;
3692
3791
  }
3693
- .RadioGroup-module__hop-RadioGroup__list___pz3Nn {
3792
+ .RadioGroup-module__hop-RadioGroup__list___nFxxn {
3694
3793
  display: flex;
3695
3794
  flex-flow: var(--flex-direction) var(--flex-wrap);
3696
3795
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3701,7 +3800,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3701
3800
  border: var(--list-border, none);
3702
3801
  border-radius: var(--list-border-radius, 0);
3703
3802
  }
3704
- .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ {
3803
+ .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 {
3705
3804
  position: relative;
3706
3805
  flex: 0 1 auto;
3707
3806
  align-content: start;
@@ -3709,28 +3808,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3709
3808
  min-inline-size: 0;
3710
3809
  padding: var(--radio-padding, 0);
3711
3810
  }
3712
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3811
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
3713
3812
  content: "";
3714
3813
  position: absolute;
3715
3814
  display: block;
3716
3815
  }
3717
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3816
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
3718
3817
  inset-block-start: 0;
3719
3818
  inset-inline: 0;
3720
3819
  border-block-start: var(--list-border, none);
3721
3820
  }
3722
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3821
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
3723
3822
  inset-block: 0;
3724
3823
  inset-inline-start: 0;
3725
3824
  border-inline-start: var(--list-border, none);
3726
3825
  }
3727
- .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__error-message___KU5wE,
3728
- .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__helper-message___Rx1kN {
3826
+ .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__error-message___RlHTt,
3827
+ .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__helper-message___F2aUp {
3729
3828
  order: 3;
3730
3829
  }
3731
3830
 
3732
3831
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3733
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f {
3832
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___ubLsJ {
3734
3833
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3735
3834
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3736
3835
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3756,7 +3855,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3756
3855
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3757
3856
  background-size: 400% 100%;
3758
3857
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3759
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1;
3858
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40;
3760
3859
  animation-duration: var(--animation-duration);
3761
3860
  animation-timing-function: ease-in-out;
3762
3861
  animation-fill-mode: forwards;
@@ -3765,19 +3864,19 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3765
3864
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3766
3865
  }
3767
3866
  }
3768
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl {
3867
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WGCIH {
3769
3868
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3770
3869
  }
3771
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil {
3870
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WGPSm {
3772
3871
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3773
3872
  }
3774
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6 {
3873
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___QYRAT {
3775
3874
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3776
3875
  }
3777
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL {
3876
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___CLnc0 {
3778
3877
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3779
3878
  }
3780
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1 {
3879
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40 {
3781
3880
  0% {
3782
3881
  background-position: 125% 50%;
3783
3882
  }
@@ -3787,7 +3886,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3787
3886
  }
3788
3887
 
3789
3888
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3790
- .ListBoxItem-module__hop-ListBoxItem___QvcpN {
3889
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3 {
3791
3890
  --hop-ListBoxItem-background-color: transparent;
3792
3891
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3793
3892
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3884,129 +3983,129 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3884
3983
  outline: var(--outline);
3885
3984
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3886
3985
  }
3887
- .ListBoxItem-module__hop-ListBoxItem--xs___lZib0 {
3986
+ .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ- {
3888
3987
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3889
3988
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3890
3989
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3891
3990
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3892
3991
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3893
3992
  }
3894
- .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu {
3993
+ .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i {
3895
3994
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3896
3995
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3897
3996
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3898
3997
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3899
3998
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3900
3999
  }
3901
- .ListBoxItem-module__hop-ListBoxItem--md___sRrPz {
4000
+ .ListBoxItem-module__hop-ListBoxItem--md___CnDs4 {
3902
4001
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3903
4002
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3904
4003
  --min-height: var(--hop-ListBoxItem-md-min-height);
3905
4004
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3906
4005
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3907
4006
  }
3908
- .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83 {
4007
+ .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w {
3909
4008
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3910
4009
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3911
4010
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3912
4011
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3913
4012
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3914
4013
  }
3915
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selection-mode] {
4014
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selection-mode] {
3916
4015
  --cursor: pointer;
3917
4016
  }
3918
- .ListBoxItem-module__hop-ListBoxItem___QvcpN:not([data-selection-mode]) {
4017
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3:not([data-selection-mode]) {
3919
4018
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3920
4019
  }
3921
- .ListBoxItem-module__hop-ListBoxItem__inner___txRTc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
4020
+ .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
3922
4021
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3923
4022
  }
3924
- .ListBoxItem-module__hop-ListBoxItem__inner___txRTc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
4023
+ .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
3925
4024
  --checkmark-transition: none;
3926
4025
  }
3927
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selected] {
4026
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selected] {
3928
4027
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3929
4028
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3930
4029
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3931
4030
  --checkmark-opacity: 1;
3932
4031
  }
3933
- .ListBoxItem-module__hop-ListBoxItem--xs___lZib0[data-selected] {
4032
+ .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ-[data-selected] {
3934
4033
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3935
4034
  }
3936
- .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu[data-selected] {
4035
+ .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i[data-selected] {
3937
4036
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3938
4037
  }
3939
- .ListBoxItem-module__hop-ListBoxItem--md___sRrPz[data-selected] {
4038
+ .ListBoxItem-module__hop-ListBoxItem--md___CnDs4[data-selected] {
3940
4039
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3941
4040
  }
3942
- .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83[data-selected] {
4041
+ .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w[data-selected] {
3943
4042
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3944
4043
  }
3945
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-focus-visible] {
4044
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-focus-visible] {
3946
4045
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3947
4046
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3948
4047
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3949
4048
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3950
4049
  }
3951
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-hovered] {
4050
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-hovered] {
3952
4051
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3953
4052
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3954
4053
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3955
4054
  }
3956
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-pressed] {
4055
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-pressed] {
3957
4056
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3958
4057
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3959
4058
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3960
4059
  }
3961
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-disabled] {
4060
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-disabled] {
3962
4061
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3963
4062
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3964
4063
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3965
4064
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3966
4065
  --cursor: not-allowed;
3967
4066
  }
3968
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid] {
4067
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid] {
3969
4068
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3970
4069
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3971
4070
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3972
4071
  }
3973
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-selected] {
4072
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-selected] {
3974
4073
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3975
4074
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3976
4075
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3977
4076
  }
3978
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-focus-visible] {
4077
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-focus-visible] {
3979
4078
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3980
4079
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3981
4080
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3982
4081
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3983
4082
  }
3984
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-hovered] {
4083
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-hovered] {
3985
4084
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3986
4085
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3987
4086
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3988
4087
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3989
4088
  }
3990
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-pressed] {
4089
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-pressed] {
3991
4090
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3992
4091
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3993
4092
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3994
4093
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3995
4094
  }
3996
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-disabled] {
4095
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-disabled] {
3997
4096
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3998
4097
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3999
4098
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4000
4099
  }
4001
- .ListBoxItem-module__hop-ListBoxItem___QvcpN:has(.ListBoxItem-module__hop-ListBoxItem__description___GUzrd) {
4100
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3:has(.ListBoxItem-module__hop-ListBoxItem__description___iqwlS) {
4002
4101
  --row-gap: var(--hop-ListBoxItem-row-gap);
4003
4102
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4004
4103
  }
4005
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-loading] {
4104
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-loading] {
4006
4105
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4007
4106
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4008
4107
  }
4009
- .ListBoxItem-module__hop-ListBoxItem__inner___txRTc {
4108
+ .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL {
4010
4109
  display: grid;
4011
4110
  grid-template-areas: var(--grid-template-areas);
4012
4111
  grid-template-columns: var(--grid-template-columns);
@@ -4018,33 +4117,33 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4018
4117
  padding-inline: var(--padding-inline);
4019
4118
  transition: grid-template-columns .3s ease-in-out;
4020
4119
  }
4021
- .ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD {
4120
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL {
4022
4121
  grid-area: indicator;
4023
4122
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4024
4123
  color: var(--icon-color);
4025
4124
  opacity: var(--checkmark-opacity);
4026
4125
  transition: var(--checkmark-transition);
4027
4126
  }
4028
- .ListBoxItem-module__hop-ListBoxItem__radio___Urn5f,
4029
- .ListBoxItem-module__hop-ListBoxItem__checkbox___LHciW {
4127
+ .ListBoxItem-module__hop-ListBoxItem__radio___fJOFo,
4128
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___WwFFw {
4030
4129
  pointer-events: none;
4031
4130
  user-select: none;
4032
4131
  grid-area: indicator;
4033
4132
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4034
4133
  }
4035
- .ListBoxItem-module__hop-ListBoxItem__avatar___K1Ark {
4134
+ .ListBoxItem-module__hop-ListBoxItem__avatar___HbYEO {
4036
4135
  grid-area: avatar;
4037
4136
  margin-block: var(--avatar-margin-block, 0);
4038
4137
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4039
4138
  }
4040
- .ListBoxItem-module__hop-ListBoxItem__icon-list___r8RQE,
4041
- .ListBoxItem-module__hop-ListBoxItem__icon___Y3uVa {
4139
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___vxHCk,
4140
+ .ListBoxItem-module__hop-ListBoxItem__icon___M1n7P {
4042
4141
  grid-area: icon;
4043
4142
  flex: 0 0 auto;
4044
4143
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4045
4144
  color: var(--icon-color);
4046
4145
  }
4047
- .ListBoxItem-module__hop-ListBoxItem__label___1L0EC {
4146
+ .ListBoxItem-module__hop-ListBoxItem__label___qPV5n {
4048
4147
  overflow: hidden;
4049
4148
  grid-area: label;
4050
4149
  min-inline-size: 0;
@@ -4052,18 +4151,18 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4052
4151
  text-overflow: ellipsis;
4053
4152
  white-space: nowrap;
4054
4153
  }
4055
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zp7WO,
4056
- .ListBoxItem-module__hop-ListBoxItem__end-icon___f-q1U {
4154
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zrh3-,
4155
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___b3bLB {
4057
4156
  grid-area: end-icon;
4058
4157
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4059
4158
  color: var(--icon-color);
4060
4159
  }
4061
- .ListBoxItem-module__hop-ListBoxItem__badge___ltsNo {
4160
+ .ListBoxItem-module__hop-ListBoxItem__badge___Hapc9 {
4062
4161
  grid-area: badge;
4063
4162
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4064
4163
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4065
4164
  }
4066
- .ListBoxItem-module__hop-ListBoxItem__description___GUzrd {
4165
+ .ListBoxItem-module__hop-ListBoxItem__description___iqwlS {
4067
4166
  overflow: hidden;
4068
4167
  display: -webkit-box;
4069
4168
  grid-area: description;
@@ -4074,7 +4173,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4074
4173
  }
4075
4174
 
4076
4175
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4077
- .ListBox-module__hop-ListBox___PSbqU {
4176
+ .ListBox-module__hop-ListBox___eS4LD {
4078
4177
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4079
4178
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4080
4179
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4121,11 +4220,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4121
4220
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4122
4221
  border-radius: var(--hop-ListBox-border-radius);
4123
4222
  }
4124
- .ListBox-module__hop-ListBox--fluid___GX-qg {
4223
+ .ListBox-module__hop-ListBox--fluid___FCorP {
4125
4224
  --max-width: var(--hop-ListBox-fluid-max-width);
4126
4225
  --width: var(--hop-ListBox-fluid-width);
4127
4226
  }
4128
- .ListBox-module__hop-ListBox__section___bsYz4 {
4227
+ .ListBox-module__hop-ListBox__section___jqhyE {
4129
4228
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4130
4229
  margin-inline: var(--hop-ListBox-section-margin-inline);
4131
4230
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4133,21 +4232,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4133
4232
  border-block-start: var(--section-border-block-start);
4134
4233
  border-block-end: var(--section-border-block-end);
4135
4234
  }
4136
- .ListBox-module__hop-ListBox__item___LdnNS + .ListBox-module__hop-ListBox__section___bsYz4 {
4235
+ .ListBox-module__hop-ListBox__item___BBCbP + .ListBox-module__hop-ListBox__section___jqhyE {
4137
4236
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4138
4237
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4139
4238
  }
4140
- .ListBox-module__hop-ListBox__section___bsYz4:has(+ .ListBox-module__hop-ListBox__item___LdnNS) {
4239
+ .ListBox-module__hop-ListBox__section___jqhyE:has(+ .ListBox-module__hop-ListBox__item___BBCbP) {
4141
4240
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4142
4241
  }
4143
- .ListBox-module__hop-ListBox__section___bsYz4:first-child {
4242
+ .ListBox-module__hop-ListBox__section___jqhyE:first-child {
4144
4243
  --section-padding-block-start: 0;
4145
4244
  }
4146
- .ListBox-module__hop-ListBox__section___bsYz4:last-child {
4245
+ .ListBox-module__hop-ListBox__section___jqhyE:last-child {
4147
4246
  --section-padding-block-end: 0;
4148
4247
  --section-border-block-end: 0;
4149
4248
  }
4150
- .ListBox-module__hop-ListBox__section-header___JA5vG {
4249
+ .ListBox-module__hop-ListBox__section-header___KU9yC {
4151
4250
  margin: 0;
4152
4251
  padding: var(--hop-ListBox-section-header-padding);
4153
4252
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4158,30 +4257,30 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4158
4257
  text-transform: var(--hop-ListBox-section-header-text-transform);
4159
4258
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4160
4259
  }
4161
- .ListBox-module__hop-ListBox__section-header___JA5vG::before,
4162
- .ListBox-module__hop-ListBox__section-header___JA5vG::after {
4260
+ .ListBox-module__hop-ListBox__section-header___KU9yC::before,
4261
+ .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4163
4262
  content: "";
4164
4263
  display: block;
4165
4264
  box-sizing: border-box;
4166
4265
  inline-size: 0;
4167
4266
  block-size: 0;
4168
4267
  }
4169
- .ListBox-module__hop-ListBox__section-header___JA5vG::before {
4268
+ .ListBox-module__hop-ListBox__section-header___KU9yC::before {
4170
4269
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4171
4270
  }
4172
- .ListBox-module__hop-ListBox__section-header___JA5vG::after {
4271
+ .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4173
4272
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4174
4273
  }
4175
4274
 
4176
4275
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4177
- :where(.Popover-module__hop-Popover___Tn-G9 *) {
4276
+ :where(.Popover-module__hop-Popover___f2C8z *) {
4178
4277
  font-family: var(--font-family);
4179
4278
  font-size: var(--font-size);
4180
4279
  font-weight: var(--font-weight);
4181
4280
  line-height: var(--line-height);
4182
4281
  outline: none;
4183
4282
  }
4184
- .Popover-module__hop-Popover___Tn-G9 {
4283
+ .Popover-module__hop-Popover___f2C8z {
4185
4284
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4186
4285
  --hop-Popover-inline-width: 25rem;
4187
4286
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4194,22 +4293,22 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4194
4293
  inline-size: var(--width);
4195
4294
  max-inline-size: var(--max-width);
4196
4295
  }
4197
- .Popover-module__hop-Popover___Tn-G9[data-trigger=Select] {
4296
+ .Popover-module__hop-Popover___f2C8z[data-trigger=Select] {
4198
4297
  --width: var(--hop-Popover-dropdown-inline-width);
4199
4298
  }
4200
- .Popover-module__hop-Popover___Tn-G9[data-trigger=ComboBox] {
4299
+ .Popover-module__hop-Popover___f2C8z[data-trigger=ComboBox] {
4201
4300
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4202
4301
  }
4203
- .Popover-module__hop-Popover___Tn-G9[data-auto-width] {
4302
+ .Popover-module__hop-Popover___f2C8z[data-auto-width] {
4204
4303
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4205
4304
  }
4206
- .Popover-module__hop-Popover___Tn-G9[data-entering] {
4207
- animation: Popover-module__fade___nUmvV 0.25s;
4305
+ .Popover-module__hop-Popover___f2C8z[data-entering] {
4306
+ animation: Popover-module__fade___ZvHyC 0.25s;
4208
4307
  }
4209
- .Popover-module__hop-Popover___Tn-G9[data-exiting] {
4210
- animation: Popover-module__fade___nUmvV 0.25s reverse;
4308
+ .Popover-module__hop-Popover___f2C8z[data-exiting] {
4309
+ animation: Popover-module__fade___ZvHyC 0.25s reverse;
4211
4310
  }
4212
- @keyframes Popover-module__fade___nUmvV {
4311
+ @keyframes Popover-module__fade___ZvHyC {
4213
4312
  from {
4214
4313
  opacity: 0;
4215
4314
  }
@@ -4217,14 +4316,14 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4217
4316
  opacity: 1;
4218
4317
  }
4219
4318
  }
4220
- .Popover-module__hop-Popover__wrapper___606o6 {
4319
+ .Popover-module__hop-Popover__wrapper___XkVWN {
4221
4320
  display: flex;
4222
4321
  flex: 1 1 auto;
4223
4322
  flex-direction: column;
4224
4323
  min-block-size: 0;
4225
4324
  }
4226
- .Popover-module__hop-Popover__dialog___OKeOS,
4227
- .Popover-module__hop-Popover__dropdown___GLwYO {
4325
+ .Popover-module__hop-Popover__dialog___XHUDL,
4326
+ .Popover-module__hop-Popover__dropdown___RdY0R {
4228
4327
  --hop-Popover-background: var(--hop-neutral-surface);
4229
4328
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4230
4329
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4272,21 +4371,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4272
4371
  border-radius: var(--hop-Popover-border-radius);
4273
4372
  box-shadow: var(--hop-Popover-box-shadow);
4274
4373
  }
4275
- .Popover-module__hop-Popover__dropdown___GLwYO {
4374
+ .Popover-module__hop-Popover__dropdown___RdY0R {
4276
4375
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4277
4376
  --footer-place-self: stretch;
4278
4377
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4279
4378
  --padding: var(--hop-Popover-dropdown-padding);
4280
4379
  overflow: hidden;
4281
4380
  }
4282
- .Popover-module__hop-Popover__dialog___OKeOS {
4381
+ .Popover-module__hop-Popover__dialog___XHUDL {
4283
4382
  --padding: var(--hop-Popover-dialog-padding);
4284
4383
  }
4285
- .Popover-module__hop-Popover__title___Tu4KH {
4384
+ .Popover-module__hop-Popover__title___9KI7H {
4286
4385
  grid-area: header;
4287
4386
  color: var(--hop-Popover-color);
4288
4387
  }
4289
- .Popover-module__hop-Popover__content___t3KK5 {
4388
+ .Popover-module__hop-Popover__content___9F8Hl {
4290
4389
  --font-size: var(--hop-Popover-content-font-size);
4291
4390
  --line-height: var(--hop-Popover-content-line-height);
4292
4391
  --font-family: var(--hop-Popover-content-font-family);
@@ -4297,12 +4396,12 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4297
4396
  padding: 0;
4298
4397
  color: var(--hop-Popover-content-color);
4299
4398
  }
4300
- .Popover-module__hop-Popover___Tn-G9:not(:has(.Popover-module__hop-Popover__title___Tu4KH)) {
4301
- .Popover-module__hop-Popover__content___t3KK5 {
4399
+ .Popover-module__hop-Popover___f2C8z:not(:has(.Popover-module__hop-Popover__title___9KI7H)) {
4400
+ .Popover-module__hop-Popover__content___9F8Hl {
4302
4401
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4303
4402
  }
4304
4403
  }
4305
- .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__list-box___XmUYJ {
4404
+ .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__list-box___LNQrm {
4306
4405
  grid-area: content;
4307
4406
  inline-size: auto;
4308
4407
  min-inline-size: auto;
@@ -4310,7 +4409,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4310
4409
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4311
4410
  border: none;
4312
4411
  }
4313
- .Popover-module__hop-Popover__footer___jo9Dl {
4412
+ .Popover-module__hop-Popover__footer___iUKEH {
4314
4413
  --font-size: var(--hop-Popover-footer-font-size);
4315
4414
  --line-height: var(--hop-Popover-footer-line-height);
4316
4415
  grid-area: footer;
@@ -4318,16 +4417,16 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4318
4417
  margin: var(--footer-margin);
4319
4418
  color: var(--hop-Popover-color);
4320
4419
  }
4321
- .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__footer___jo9Dl {
4420
+ .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__footer___iUKEH {
4322
4421
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4323
4422
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4324
4423
  }
4325
- .Popover-module__hop-Popover__actions___dcbdB,
4326
- .Popover-module__hop-Popover__action___6mpc0 {
4424
+ .Popover-module__hop-Popover__actions___nhOEW,
4425
+ .Popover-module__hop-Popover__action___Joaf- {
4327
4426
  grid-area: action;
4328
4427
  justify-self: end;
4329
4428
  margin-block-start: var(--hop-Popover-row-gap);
4330
4429
  }
4331
- .Popover-module__hop-Popover___Tn-G9:has(.Popover-module__hop-Popover__actions___dcbdB, .Popover-module__hop-Popover__action___6mpc0) .Popover-module__hop-Popover__footer___jo9Dl {
4430
+ .Popover-module__hop-Popover___f2C8z:has(.Popover-module__hop-Popover__actions___nhOEW, .Popover-module__hop-Popover__action___Joaf-) .Popover-module__hop-Popover__footer___iUKEH {
4332
4431
  margin-inline-end: var(--hop-Popover-column-gap);
4333
4432
  }