@hopper-ui/components 1.8.2 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (374) hide show
  1. package/CHANGELOG.md +14 -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 +770 -593
  7. package/dist/alert/src/Alert.js +10 -9
  8. package/dist/alert/src/index.css +770 -593
  9. package/dist/alert/src/index.js +10 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +55 -48
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +5 -0
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +80 -66
  14. package/dist/avatar/src/Avatar.d.ts +9 -1
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarGroup.css +65 -65
  17. package/dist/avatar/src/AvatarGroup.d.ts +1 -0
  18. package/dist/avatar/src/AvatarGroup.js +4 -4
  19. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -0
  20. package/dist/avatar/src/BrokenAvatar.css +55 -48
  21. package/dist/avatar/src/BrokenAvatar.d.ts +5 -0
  22. package/dist/avatar/src/BrokenAvatar.js +2 -2
  23. package/dist/avatar/src/DeletedAvatar.css +55 -48
  24. package/dist/avatar/src/DeletedAvatar.d.ts +5 -0
  25. package/dist/avatar/src/DeletedAvatar.js +2 -2
  26. package/dist/avatar/src/RichIconAvatarImage.css +55 -48
  27. package/dist/avatar/src/RichIconAvatarImage.d.ts +9 -0
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/RichIconAvatarImageContext.d.ts +1 -0
  30. package/dist/avatar/src/index.css +107 -93
  31. package/dist/avatar/src/index.d.ts +1 -0
  32. package/dist/avatar/src/index.js +9 -9
  33. package/dist/badge/src/Badge.css +53 -53
  34. package/dist/badge/src/Badge.js +2 -2
  35. package/dist/badge/src/FloatingBadge.css +48 -48
  36. package/dist/badge/src/FloatingBadge.js +1 -1
  37. package/dist/badge/src/index.css +63 -63
  38. package/dist/badge/src/index.js +3 -3
  39. package/dist/buttons/src/Button.css +120 -110
  40. package/dist/buttons/src/Button.d.ts +5 -2
  41. package/dist/buttons/src/Button.js +6 -5
  42. package/dist/buttons/src/ButtonContext.d.ts +3 -1
  43. package/dist/buttons/src/ButtonGroup.css +49 -49
  44. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  45. package/dist/buttons/src/ButtonGroup.js +1 -1
  46. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -1
  47. package/dist/buttons/src/ClearButton.css +109 -109
  48. package/dist/buttons/src/ClearButton.js +2 -2
  49. package/dist/buttons/src/CloseButton.css +115 -105
  50. package/dist/buttons/src/CloseButton.d.ts +3 -1
  51. package/dist/buttons/src/CloseButton.js +7 -6
  52. package/dist/buttons/src/CloseButtonContext.d.ts +3 -1
  53. package/dist/buttons/src/EmbeddedButton.css +109 -109
  54. package/dist/buttons/src/EmbeddedButton.js +1 -1
  55. package/dist/buttons/src/LinkButton.css +131 -119
  56. package/dist/buttons/src/LinkButton.d.ts +5 -2
  57. package/dist/buttons/src/LinkButton.js +5 -4
  58. package/dist/buttons/src/LinkButtonContext.d.ts +3 -1
  59. package/dist/buttons/src/ToggleButton.css +485 -330
  60. package/dist/buttons/src/ToggleButton.d.ts +6 -3
  61. package/dist/buttons/src/ToggleButton.js +4 -4
  62. package/dist/buttons/src/ToggleButtonContext.d.ts +3 -1
  63. package/dist/buttons/src/index.css +718 -541
  64. package/dist/buttons/src/index.d.ts +6 -4
  65. package/dist/buttons/src/index.js +12 -11
  66. package/dist/callout/src/Callout.css +730 -553
  67. package/dist/callout/src/Callout.js +8 -7
  68. package/dist/callout/src/CompactCallout.css +767 -590
  69. package/dist/callout/src/CompactCallout.js +8 -7
  70. package/dist/callout/src/index.css +779 -602
  71. package/dist/callout/src/index.js +10 -9
  72. package/dist/card/src/Card.css +41 -41
  73. package/dist/card/src/Card.js +1 -1
  74. package/dist/card/src/index.css +41 -41
  75. package/dist/card/src/index.js +1 -1
  76. package/dist/checkbox/src/Checkbox.css +57 -57
  77. package/dist/checkbox/src/Checkbox.js +4 -4
  78. package/dist/checkbox/src/CheckboxField.css +44 -44
  79. package/dist/checkbox/src/CheckboxField.js +3 -3
  80. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  81. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  82. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  83. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  84. package/dist/checkbox/src/index.css +109 -109
  85. package/dist/checkbox/src/index.js +11 -11
  86. package/dist/{chunk-RXNIOPGX.js → chunk-27YZA2A6.js} +2 -2
  87. package/dist/{chunk-T52WHF7R.js → chunk-2A4SQELV.js} +1 -1
  88. package/dist/{chunk-GTGTEHOA.js → chunk-2TZLC5MY.js} +2 -2
  89. package/dist/{chunk-6Y4WK3RQ.js → chunk-333CF3S7.js} +1 -1
  90. package/dist/{chunk-WTBYPRRW.js → chunk-3BCZJCQ3.js} +3 -3
  91. package/dist/{chunk-J6QWUF6I.js → chunk-3VOSETB5.js} +18 -12
  92. package/dist/{chunk-YJZJ6EGK.js → chunk-446J7ADD.js} +3 -3
  93. package/dist/{chunk-O4U6DKHU.js → chunk-4GAGBXT4.js} +2 -2
  94. package/dist/{chunk-TQFW3GV6.js → chunk-4WWPGWIY.js} +1 -1
  95. package/dist/{chunk-2ZNBGFYO.js → chunk-4Y2FHAJZ.js} +1 -1
  96. package/dist/{chunk-2QPUHBJ6.js → chunk-4YDVFQFT.js} +22 -9
  97. package/dist/{chunk-V4FVG6RD.js → chunk-5MWWUEMG.js} +3 -3
  98. package/dist/{chunk-YG4VQFHZ.js → chunk-5SCGTPMN.js} +2 -2
  99. package/dist/{chunk-VNFZDWVB.js → chunk-6DOMKHG4.js} +1 -1
  100. package/dist/{chunk-JG7DCSZ7.js → chunk-7CK3J42S.js} +1 -1
  101. package/dist/{chunk-AJ4JHO3L.js → chunk-7N6N5ZQW.js} +2 -2
  102. package/dist/{chunk-CMNPB35A.js → chunk-AU3U7OXE.js} +12 -12
  103. package/dist/{chunk-XSUYZDYB.js → chunk-BQB4WR4X.js} +1 -1
  104. package/dist/{chunk-BHFIGTK6.js → chunk-BXX3M2TF.js} +1 -1
  105. package/dist/{chunk-MVXDSVBA.js → chunk-BYIZ6YTQ.js} +1 -1
  106. package/dist/{chunk-3MYOCKT2.js → chunk-C4OUFO6E.js} +8 -8
  107. package/dist/{chunk-SLJKAEOC.js → chunk-CCXYS5EF.js} +5 -5
  108. package/dist/{chunk-BV3ROFY6.js → chunk-CG4N4NJW.js} +1 -1
  109. package/dist/{chunk-UH3RWAZV.js → chunk-CJFALWKZ.js} +2 -2
  110. package/dist/{chunk-C2JYCOJJ.js → chunk-D54XSA2G.js} +2 -2
  111. package/dist/{chunk-ZBVXOGE7.js → chunk-DR22UMIB.js} +8 -8
  112. package/dist/{chunk-P4YL7PZX.js → chunk-EIHFLKML.js} +2 -2
  113. package/dist/{chunk-YT6KAZ7W.js → chunk-EPZBUE2N.js} +2 -2
  114. package/dist/{chunk-TRMO7MV5.js → chunk-FICUPRHV.js} +11 -11
  115. package/dist/{chunk-N2INWSSP.js → chunk-FKVHRFPV.js} +1 -1
  116. package/dist/chunk-GFYRA4EN.js +23 -0
  117. package/dist/{chunk-I62K2ZHG.js → chunk-GXR774K5.js} +1 -1
  118. package/dist/{chunk-TSXCJZLH.js → chunk-H7IMS4PR.js} +2 -2
  119. package/dist/{chunk-OM4XR33Z.js → chunk-HLAMRSGD.js} +2 -2
  120. package/dist/{chunk-GNG2NV76.js → chunk-IF7OASII.js} +1 -1
  121. package/dist/{chunk-O6RCJ73Y.js → chunk-IZ6AOTXC.js} +2 -2
  122. package/dist/{chunk-2UBRJW2J.js → chunk-J45YC7C2.js} +1 -1
  123. package/dist/{chunk-WSW2WVYZ.js → chunk-J7ENAT22.js} +1 -1
  124. package/dist/{chunk-OZ7NZPDM.js → chunk-JGUOHQEO.js} +16 -7
  125. package/dist/{chunk-VK4C7IPE.js → chunk-JHHAFKNM.js} +7 -7
  126. package/dist/{chunk-PVIZJ22K.js → chunk-JIOQK4T7.js} +1 -1
  127. package/dist/{chunk-BCBQINY3.js → chunk-KADWB3R4.js} +2 -2
  128. package/dist/{chunk-TBOTEIRR.js → chunk-KPFBET2X.js} +1 -1
  129. package/dist/{chunk-KHPSEX4H.js → chunk-L3MHODGB.js} +1 -1
  130. package/dist/{chunk-VQ6HKO7S.js → chunk-LM6KSNRY.js} +2 -2
  131. package/dist/{chunk-UEJAUKJY.js → chunk-LRAE7OJJ.js} +8 -8
  132. package/dist/{chunk-PT5SYITB.js → chunk-LSZ6ETKU.js} +5 -5
  133. package/dist/{chunk-Y5RKQQHZ.js → chunk-LWSF2VLC.js} +2 -2
  134. package/dist/{chunk-FC6G5MQ3.js → chunk-MIHSQG7D.js} +2 -2
  135. package/dist/{chunk-B62S77SN.js → chunk-MNZODLBT.js} +3 -3
  136. package/dist/{chunk-C7CNYQRP.js → chunk-N3KZBYMB.js} +2 -2
  137. package/dist/{chunk-KG3UXYPM.js → chunk-N4QFGCPW.js} +3 -3
  138. package/dist/{chunk-VDPXCFLQ.js → chunk-NIAAMHIX.js} +5 -5
  139. package/dist/{chunk-GDX6X4AK.js → chunk-NL7JSTHF.js} +2 -2
  140. package/dist/{chunk-THRSW2TA.js → chunk-NMT2J3X6.js} +1 -1
  141. package/dist/{chunk-XIWBIDKX.js → chunk-OBODGTPP.js} +16 -10
  142. package/dist/{chunk-GUPD7SCD.js → chunk-PEIFEGNC.js} +1 -1
  143. package/dist/{chunk-CDC6G4DW.js → chunk-PH3YCU3Y.js} +1 -1
  144. package/dist/{chunk-WTDBPVO2.js → chunk-PY7LQUG3.js} +3 -3
  145. package/dist/{chunk-XYQU45MO.js → chunk-QH36FSEG.js} +3 -3
  146. package/dist/{chunk-R3F4R2GR.js → chunk-QJA2OD7N.js} +5 -5
  147. package/dist/{chunk-YLUR4I4O.js → chunk-QNAAYTKT.js} +1 -1
  148. package/dist/{chunk-LDWHZCH4.js → chunk-QQ7AWYFY.js} +1 -1
  149. package/dist/{chunk-FQHEXVEO.js → chunk-QSMUIB57.js} +2 -2
  150. package/dist/{chunk-5ZMGVSCQ.js → chunk-R2GEGPOO.js} +1 -1
  151. package/dist/{chunk-EOXIVZJH.js → chunk-RZWF5H5Q.js} +1 -1
  152. package/dist/{chunk-2EOZLJ3U.js → chunk-S3RZ45UA.js} +6 -6
  153. package/dist/{chunk-Q7NZNQEE.js → chunk-SJKZJBNT.js} +2 -2
  154. package/dist/{chunk-A5X5HCFF.js → chunk-SYAUYFR3.js} +1 -1
  155. package/dist/{chunk-VSAMAS7P.js → chunk-UE2MKTQA.js} +5 -5
  156. package/dist/{chunk-CU3QGP2L.js → chunk-UHXLZOSK.js} +2 -2
  157. package/dist/{chunk-JSK57VIX.js → chunk-UL24FHXE.js} +2 -2
  158. package/dist/{chunk-4O27LL2N.js → chunk-V25S5IBB.js} +2 -2
  159. package/dist/{chunk-MRHZL6GL.js → chunk-VAXZGJLC.js} +2 -2
  160. package/dist/{chunk-QXX3VYMF.js → chunk-VRQANX3T.js} +1 -1
  161. package/dist/{chunk-VQN3EOEE.js → chunk-W3TNGPJI.js} +2 -2
  162. package/dist/{chunk-QIGTPOAF.js → chunk-WAXG3VQ3.js} +10 -10
  163. package/dist/{chunk-IKQ2EV2Y.js → chunk-X6YIJ7TI.js} +1 -1
  164. package/dist/{chunk-E3KVQKBW.js → chunk-XAAZVXFG.js} +3 -3
  165. package/dist/{chunk-CHJUYY53.js → chunk-XBXWGDWC.js} +1 -1
  166. package/dist/{chunk-OPG3YAOS.js → chunk-XWZOU65F.js} +1 -1
  167. package/dist/{chunk-C4F7EZIQ.js → chunk-XX37YQKD.js} +1 -1
  168. package/dist/{chunk-SUNGEQNN.js → chunk-YC6V3NJ3.js} +2 -2
  169. package/dist/{chunk-3BP4XOAL.js → chunk-YIIEDUWW.js} +1 -1
  170. package/dist/{chunk-XFWOCVQF.js → chunk-YKJCXEWE.js} +15 -9
  171. package/dist/{chunk-AN3RU3NY.js → chunk-YLL2OBOQ.js} +3 -3
  172. package/dist/{chunk-W57EDX3L.js → chunk-ZKWHOGLL.js} +1 -1
  173. package/dist/combobox/src/ComboBox.css +1146 -955
  174. package/dist/combobox/src/ComboBox.js +18 -18
  175. package/dist/combobox/src/index.css +1146 -955
  176. package/dist/combobox/src/index.js +18 -18
  177. package/dist/contextual-help/src/ContextualHelp.css +1075 -884
  178. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  179. package/dist/contextual-help/src/index.css +1075 -884
  180. package/dist/contextual-help/src/index.js +4 -4
  181. package/dist/disclosure/src/Disclosure.css +48 -48
  182. package/dist/disclosure/src/Disclosure.js +1 -1
  183. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  184. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  185. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  186. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  187. package/dist/disclosure/src/index.css +73 -73
  188. package/dist/disclosure/src/index.js +7 -7
  189. package/dist/divider/src/Divider.css +40 -40
  190. package/dist/divider/src/Divider.js +1 -1
  191. package/dist/divider/src/index.css +40 -40
  192. package/dist/divider/src/index.js +1 -1
  193. package/dist/error-message/src/ErrorMessage.css +40 -40
  194. package/dist/error-message/src/ErrorMessage.js +2 -2
  195. package/dist/error-message/src/index.css +40 -40
  196. package/dist/error-message/src/index.js +2 -2
  197. package/dist/form/src/Form.css +38 -38
  198. package/dist/form/src/Form.d.ts +1 -1
  199. package/dist/form/src/Form.js +1 -1
  200. package/dist/form/src/index.css +38 -38
  201. package/dist/form/src/index.js +1 -1
  202. package/dist/header/src/Header.css +38 -38
  203. package/dist/header/src/index.css +38 -38
  204. package/dist/helper-message/src/HelperMessage.css +40 -40
  205. package/dist/helper-message/src/HelperMessage.js +2 -2
  206. package/dist/helper-message/src/index.css +40 -40
  207. package/dist/helper-message/src/index.js +2 -2
  208. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  209. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  210. package/dist/hopper-provider/src/index.css +39 -39
  211. package/dist/hopper-provider/src/index.js +1 -1
  212. package/dist/icon-list/src/IconList.css +39 -39
  213. package/dist/icon-list/src/IconList.js +1 -1
  214. package/dist/icon-list/src/index.css +39 -39
  215. package/dist/icon-list/src/index.js +1 -1
  216. package/dist/illustrated-message/src/IllustratedMessage.css +737 -560
  217. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  218. package/dist/illustrated-message/src/index.css +737 -560
  219. package/dist/illustrated-message/src/index.js +1 -1
  220. package/dist/image/src/Image.css +41 -41
  221. package/dist/image/src/Image.js +1 -1
  222. package/dist/image/src/SvgImage.css +39 -39
  223. package/dist/image/src/SvgImage.js +1 -1
  224. package/dist/image/src/index.css +42 -42
  225. package/dist/image/src/index.js +2 -2
  226. package/dist/index.css +1496 -1305
  227. package/dist/index.d.ts +25 -7
  228. package/dist/index.js +89 -88
  229. package/dist/inputs/src/Input.css +42 -42
  230. package/dist/inputs/src/Input.js +1 -1
  231. package/dist/inputs/src/InputGroup.css +44 -44
  232. package/dist/inputs/src/InputGroup.js +1 -1
  233. package/dist/inputs/src/NumberField.css +68 -68
  234. package/dist/inputs/src/NumberField.js +10 -10
  235. package/dist/inputs/src/PasswordField.css +738 -561
  236. package/dist/inputs/src/PasswordField.js +10 -10
  237. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  238. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  239. package/dist/inputs/src/SearchField.css +744 -567
  240. package/dist/inputs/src/SearchField.js +11 -11
  241. package/dist/inputs/src/TextArea.css +65 -65
  242. package/dist/inputs/src/TextArea.js +9 -9
  243. package/dist/inputs/src/TextField.css +742 -565
  244. package/dist/inputs/src/TextField.js +13 -13
  245. package/dist/inputs/src/index.css +784 -607
  246. package/dist/inputs/src/index.js +17 -17
  247. package/dist/layout/src/Content.css +38 -38
  248. package/dist/layout/src/Footer.css +38 -38
  249. package/dist/link/src/Link.css +77 -77
  250. package/dist/link/src/Link.js +3 -3
  251. package/dist/link/src/index.css +77 -77
  252. package/dist/link/src/index.js +3 -3
  253. package/dist/list-box/src/ListBox.css +326 -312
  254. package/dist/list-box/src/ListBox.js +7 -7
  255. package/dist/list-box/src/ListBoxItem.css +314 -300
  256. package/dist/list-box/src/ListBoxItem.js +6 -6
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +326 -312
  260. package/dist/list-box/src/index.js +7 -7
  261. package/dist/menu/src/Menu.css +1071 -880
  262. package/dist/menu/src/Menu.js +2 -2
  263. package/dist/menu/src/MenuItem.css +131 -117
  264. package/dist/menu/src/MenuItem.js +2 -2
  265. package/dist/menu/src/MenuSection.css +40 -40
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +1096 -905
  268. package/dist/menu/src/index.js +5 -5
  269. package/dist/modal/src/BaseModal.css +53 -53
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +54 -54
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +760 -583
  274. package/dist/modal/src/Modal.js +9 -8
  275. package/dist/modal/src/index.css +755 -578
  276. package/dist/modal/src/index.js +10 -9
  277. package/dist/overlays/popover/src/Popover.css +1069 -878
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +1072 -881
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +65 -65
  284. package/dist/radio/src/DecorativeRadio.js +3 -3
  285. package/dist/radio/src/Radio.css +57 -57
  286. package/dist/radio/src/Radio.js +3 -3
  287. package/dist/radio/src/RadioField.css +44 -44
  288. package/dist/radio/src/RadioField.js +2 -2
  289. package/dist/radio/src/RadioGroup.css +109 -109
  290. package/dist/radio/src/RadioGroup.js +7 -7
  291. package/dist/radio/src/index.css +109 -109
  292. package/dist/radio/src/index.js +11 -11
  293. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  294. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  295. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  296. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  297. package/dist/segmented-control/src/index.css +54 -54
  298. package/dist/segmented-control/src/index.js +3 -3
  299. package/dist/select/src/Select.css +1090 -899
  300. package/dist/select/src/Select.js +17 -17
  301. package/dist/select/src/SelectValue.css +113 -99
  302. package/dist/select/src/SelectValue.js +2 -2
  303. package/dist/select/src/index.css +1090 -899
  304. package/dist/select/src/index.js +17 -17
  305. package/dist/spinner/src/Spinner.css +48 -48
  306. package/dist/spinner/src/Spinner.js +2 -2
  307. package/dist/spinner/src/index.css +48 -48
  308. package/dist/spinner/src/index.js +2 -2
  309. package/dist/switch/src/Switch.css +54 -54
  310. package/dist/switch/src/Switch.js +3 -3
  311. package/dist/switch/src/SwitchField.css +44 -44
  312. package/dist/switch/src/SwitchField.js +2 -2
  313. package/dist/switch/src/index.css +60 -60
  314. package/dist/switch/src/index.js +4 -4
  315. package/dist/tabs/src/Tab.css +916 -725
  316. package/dist/tabs/src/Tab.js +2 -2
  317. package/dist/tabs/src/TabLine.css +40 -40
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +47 -47
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +40 -40
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +927 -736
  324. package/dist/tabs/src/index.js +5 -5
  325. package/dist/tag/src/Tag.css +894 -703
  326. package/dist/tag/src/Tag.js +7 -7
  327. package/dist/tag/src/TagGroup.css +48 -48
  328. package/dist/tag/src/TagGroup.js +7 -7
  329. package/dist/tag/src/index.css +904 -713
  330. package/dist/tag/src/index.js +12 -12
  331. package/dist/tile/src/Tile.css +47 -47
  332. package/dist/tile/src/Tile.js +2 -2
  333. package/dist/tile/src/TileGroup.css +39 -39
  334. package/dist/tile/src/TileGroup.js +1 -1
  335. package/dist/tile/src/index.css +48 -48
  336. package/dist/tile/src/index.js +3 -3
  337. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +40 -40
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +48 -48
  342. package/dist/tooltip/src/Tooltip.js +3 -3
  343. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  344. package/dist/tooltip/src/index.css +48 -48
  345. package/dist/tooltip/src/index.js +3 -3
  346. package/dist/{types-CVCUJ7un.d.ts → types-BqmVPR6K.d.ts} +2 -2
  347. package/dist/typography/heading/src/Heading.css +38 -38
  348. package/dist/typography/heading/src/Heading.js +1 -1
  349. package/dist/typography/heading/src/index.css +38 -38
  350. package/dist/typography/heading/src/index.js +1 -1
  351. package/dist/typography/label/src/FieldLabel.css +38 -38
  352. package/dist/typography/label/src/FieldLabel.js +3 -3
  353. package/dist/typography/label/src/Label.css +38 -38
  354. package/dist/typography/label/src/Label.js +1 -1
  355. package/dist/typography/label/src/index.css +38 -38
  356. package/dist/typography/label/src/index.js +3 -3
  357. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  358. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  359. package/dist/typography/overline-text/src/index.css +38 -38
  360. package/dist/typography/overline-text/src/index.js +1 -1
  361. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  362. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  363. package/dist/typography/paragraph/src/index.css +38 -38
  364. package/dist/typography/paragraph/src/index.js +2 -2
  365. package/dist/typography/text/src/Text.css +38 -38
  366. package/dist/typography/text/src/Text.js +1 -1
  367. package/dist/typography/text/src/index.css +38 -38
  368. package/dist/typography/text/src/index.js +1 -1
  369. package/dist/utils/src/ClearSlots.css +38 -38
  370. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  371. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  372. package/dist/utils/src/index.css +38 -38
  373. package/dist/utils/src/index.js +2 -2
  374. 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___ex9Pl {
2
+ .Heading-module__hop-Heading___z2REG {
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___ex9Pl) {
36
+ :where(.Heading-module__hop-Heading___z2REG) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,58 +41,65 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___U-anE) {
44
+ :where(.Heading-module__hop-Heading--xs___UvA8B) {
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___9euNX) {
50
+ :where(.Heading-module__hop-Heading--sm___8LA8Z) {
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___m9G-q) {
56
+ :where(.Heading-module__hop-Heading--md___-vdE8) {
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___seVEu) {
62
+ :where(.Heading-module__hop-Heading--lg___R--az) {
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___-ctXd) {
68
+ :where(.Heading-module__hop-Heading--xl___Us1B5) {
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___nm0lD) {
74
+ :where(.Heading-module__hop-Heading--2xl___-Dui8) {
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___UlnoB) {
80
+ :where(.Heading-module__hop-Heading--3xl___Niq8Y) {
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);
84
84
  --line-height: var(--hop-Heading-3xl-line-height);
85
85
  }
86
86
 
87
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
+ .Form-module__hop-Form___5gPvH {
89
+ display: flex;
90
+ flex-direction: column;
91
+ gap: var(--hop-space-stack-lg);
92
+ }
93
+
87
94
  /* 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___ClY-C {
95
+ .Label-module__hop-Label___XkwKF {
89
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
100
  --hop-Label-color: var(--hop-neutral-text-weak);
94
101
  }
95
- :where(.Label-module__hop-Label___ClY-C) {
102
+ :where(.Label-module__hop-Label___XkwKF) {
96
103
  font-family: var(--hop-Label-font-family);
97
104
  font-size: var(--hop-Label-font-size);
98
105
  font-weight: var(--hop-Label-font-weight);
@@ -101,17 +108,17 @@
101
108
  }
102
109
 
103
110
  /* 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___P-qSb {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___g-kwE {
105
112
  display: flex;
106
113
  gap: var(--hop-space-inset-xs);
107
114
  align-items: center;
108
115
  }
109
- .FieldLabel-module__hop-FieldLabel__indicator___lbxSg {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___hyzp- {
110
117
  padding-inline-start: var(--hop-space-20);
111
118
  }
112
119
 
113
120
  /* 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___RBrct) {
121
+ :where(.OverlineText-module__hop-OverlineText___nUpbh) {
115
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +142,26 @@
135
142
  text-transform: uppercase;
136
143
  letter-spacing: var(--letter-spacing);
137
144
  }
138
- .OverlineText-module__hop-OverlineText__text___ue5ai {
145
+ .OverlineText-module__hop-OverlineText__text___piSUd {
139
146
  box-sizing: border-box;
140
147
  }
141
- .OverlineText-module__hop-OverlineText__text___ue5ai::before,
142
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
148
+ .OverlineText-module__hop-OverlineText__text___piSUd::before,
149
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
143
150
  content: "";
144
151
  display: block;
145
152
  box-sizing: border-box;
146
153
  inline-size: 0;
147
154
  block-size: 0;
148
155
  }
149
- .OverlineText-module__hop-OverlineText__text___ue5ai::before {
156
+ .OverlineText-module__hop-OverlineText__text___piSUd::before {
150
157
  margin-block-end: var(--bottom-offset);
151
158
  }
152
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
159
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
153
160
  margin-block-start: var(--top-offset);
154
161
  }
155
162
 
156
163
  /* 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___Mm3Jn {
164
+ .Text-module__hop-Text___cfXZY {
158
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +191,49 @@
184
191
  --hop-Text-inherit-size-font-weight: inherit;
185
192
  --hop-Text-inherit-size-line-height: inherit;
186
193
  }
187
- :where(.Text-module__hop-Text___Mm3Jn) {
194
+ :where(.Text-module__hop-Text___cfXZY) {
188
195
  font-family: var(--font-family);
189
196
  font-size: var(--font-size);
190
197
  font-weight: var(--font-weight);
191
198
  line-height: var(--line-height);
192
199
  }
193
- :where(.Text-module__hop-Text--xs___Ce3vK) {
200
+ :where(.Text-module__hop-Text--xs___XLJcP) {
194
201
  --font-size: var(--hop-Text-xs-font-size);
195
202
  --font-family: var(--hop-Text-xs-font-family);
196
203
  --font-weight: var(--hop-Text-xs-font-weight);
197
204
  --line-height: var(--hop-Text-xs-line-height);
198
205
  }
199
- :where(.Text-module__hop-Text--sm___UcccH) {
206
+ :where(.Text-module__hop-Text--sm___I6KRc) {
200
207
  --font-size: var(--hop-Text-sm-font-size);
201
208
  --font-family: var(--hop-Text-sm-font-family);
202
209
  --font-weight: var(--hop-Text-sm-font-weight);
203
210
  --line-height: var(--hop-Text-sm-line-height);
204
211
  }
205
- :where(.Text-module__hop-Text--md___YcqAT) {
212
+ :where(.Text-module__hop-Text--md___E8yDa) {
206
213
  --font-size: var(--hop-Text-md-font-size);
207
214
  --font-family: var(--hop-Text-md-font-family);
208
215
  --font-weight: var(--hop-Text-md-font-weight);
209
216
  --line-height: var(--hop-Text-md-line-height);
210
217
  }
211
- :where(.Text-module__hop-Text--lg___RaBlz) {
218
+ :where(.Text-module__hop-Text--lg___iJqjo) {
212
219
  --font-size: var(--hop-Text-lg-font-size);
213
220
  --font-family: var(--hop-Text-lg-font-family);
214
221
  --font-weight: var(--hop-Text-lg-font-weight);
215
222
  --line-height: var(--hop-Text-lg-line-height);
216
223
  }
217
- :where(.Text-module__hop-Text--xl___jBI5K) {
224
+ :where(.Text-module__hop-Text--xl___IU4Uc) {
218
225
  --font-size: var(--hop-Text-xl-font-size);
219
226
  --font-family: var(--hop-Text-xl-font-family);
220
227
  --font-weight: var(--hop-Text-xl-font-weight);
221
228
  --line-height: var(--hop-Text-xl-line-height);
222
229
  }
223
- :where(.Text-module__hop-Text--2xl___jrcN4) {
230
+ :where(.Text-module__hop-Text--2xl___B48R7) {
224
231
  --font-size: var(--hop-Text-2xl-font-size);
225
232
  --font-family: var(--hop-Text-2xl-font-family);
226
233
  --font-weight: var(--hop-Text-2xl-font-weight);
227
234
  --line-height: var(--hop-Text-2xl-line-height);
228
235
  }
229
- :where(.Text-module__hop-Text--inherit___Rc2fv) {
236
+ :where(.Text-module__hop-Text--inherit___KVVuG) {
230
237
  --font-size: var(--hop-Text-inherit-size-font-size);
231
238
  --font-family: var(--hop-Text-inherit-size-font-family);
232
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +241,7 @@
234
241
  }
235
242
 
236
243
  /* 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___AWLqo {
244
+ .Paragraph-module__hop-Paragraph___5eXfe {
238
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,40 +253,33 @@
246
253
  margin-block-end: var(--margin-block-end);
247
254
  overflow-wrap: break-word;
248
255
  }
249
- .Paragraph-module__hop-Paragraph___AWLqo:last-child {
256
+ .Paragraph-module__hop-Paragraph___5eXfe:last-child {
250
257
  --margin-block-end: 0;
251
258
  }
252
- .Paragraph-module__hop-Paragraph--xs___us82- {
259
+ .Paragraph-module__hop-Paragraph--xs___8HE0r {
253
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
261
  }
255
- .Paragraph-module__hop-Paragraph--sm___oQXcj {
262
+ .Paragraph-module__hop-Paragraph--sm___3Px67 {
256
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
264
  }
258
- .Paragraph-module__hop-Paragraph--md___ONjfY {
265
+ .Paragraph-module__hop-Paragraph--md___G2Zu6 {
259
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
267
  }
261
- .Paragraph-module__hop-Paragraph--lg___MwXba {
268
+ .Paragraph-module__hop-Paragraph--lg___8JjcZ {
262
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
270
  }
264
- .Paragraph-module__hop-Paragraph--xl___G0-ya {
271
+ .Paragraph-module__hop-Paragraph--xl___yloh- {
265
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
273
  }
267
- .Paragraph-module__hop-Paragraph--2xl___RNqOG {
274
+ .Paragraph-module__hop-Paragraph--2xl___d7pjT {
268
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
276
  }
270
- .Paragraph-module__hop-Paragraph--inherit___EaPeU {
277
+ .Paragraph-module__hop-Paragraph--inherit___mHkEn {
271
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
279
  }
273
280
 
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___oRthn {
276
- display: flex;
277
- flex-direction: column;
278
- gap: var(--hop-space-stack-lg);
279
- }
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___z6OUy {
282
+ .IconList-module__hop-IconList___F2-OF {
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___SnxzS {
291
+ @keyframes Spinner-module__spin___hJWfc {
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___Oa3G6 {
299
+ .Spinner-module__hop-Spinner___Pj1aA {
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___SnxzS .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___hJWfc .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___0XkYa {
318
+ .Spinner-module__hop-Spinner--sm___FUNC1 {
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___dWYu5 {
322
+ .Spinner-module__hop-Spinner--md___7-Z5Z {
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___qpxbh {
326
+ .Spinner-module__hop-Spinner--lg___vVobo {
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___Yntu2 {
330
+ .Spinner-module__hop-Spinner__track___81-D9 {
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___bJDXw {
339
+ .Spinner-module__hop-Spinner__fill___xInfZ {
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___bJDXw {
350
+ .Spinner-module__hop-Spinner__fill___xInfZ {
351
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
352
352
  }
353
353
  }
354
- .Spinner-module__hop-Spinner__label___oVU-P {
354
+ .Spinner-module__hop-Spinner__label___elRWc {
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___8zkEy {
360
+ .Button-module__hop-Button___pi420 {
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);
@@ -366,10 +366,13 @@
366
366
  --hop-Button-border-size: var(--hop-space-10);
367
367
  --hop-Button-text-underline-offset: var(--hop-space-20);
368
368
  --hop-Button-icon-only-padding: 0;
369
+ --hop-Button-xs-height: 1.5rem;
369
370
  --hop-Button-sm-height: 2rem;
370
371
  --hop-Button-md-height: 2.5rem;
372
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
371
373
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
372
374
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
375
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
373
376
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
374
377
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
375
378
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -481,215 +484,222 @@
481
484
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
482
485
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
483
486
  }
484
- .Button-module__hop-Button--fluid___eZzEd {
487
+ .Button-module__hop-Button--fluid___Ool8- {
485
488
  --inline-size: 100%;
486
489
  }
487
- .Button-module__hop-Button--sm___K0sPh {
490
+ .Button-module__hop-Button--xs___-XuKf {
491
+ --block-size: var(--hop-Button-xs-height);
492
+ --padding: var(--hop-Button-xs-padding);
493
+ }
494
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
495
+ --padding: var(--hop-Button-ghost-xs-padding);
496
+ }
497
+ .Button-module__hop-Button--sm___-RNK5 {
488
498
  --block-size: var(--hop-Button-sm-height);
489
499
  --padding: var(--hop-Button-sm-padding);
490
500
  }
491
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
501
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
492
502
  --padding: var(--hop-Button-ghost-sm-padding);
493
503
  }
494
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
504
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
495
505
  --padding: var(--hop-Button-ghost-md-padding);
496
506
  }
497
- .Button-module__hop-Button--icon-only___rYzdc {
507
+ .Button-module__hop-Button--icon-only___OzV1R {
498
508
  --column-gap: var(--hop-Button-icon-only-column-gap);
499
509
  --padding: var(--hop-Button-icon-only-padding);
500
510
  aspect-ratio: 1;
501
511
  }
502
- .Button-module__hop-Button--primary___hkH0I {
512
+ .Button-module__hop-Button--primary___aX9Xf {
503
513
  --background-color: var(--hop-Button-primary-background-color);
504
514
  --color: var(--hop-Button-primary-color);
505
515
  --border: var(--hop-Button-primary-border);
506
516
  --spinner-color: var(--hop-Button-primary-spinner-color);
507
517
  }
508
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
509
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
518
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
519
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
510
520
  --background-color: var(--hop-Button-primary-background-color-hover);
511
521
  --color: var(--hop-Button-primary-color-hover);
512
522
  --border: var(--hop-Button-primary-border-hover);
513
523
  }
514
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
524
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
515
525
  --background-color: var(--hop-Button-primary-background-color-pressed);
516
526
  --color: var(--hop-Button-primary-color-pressed);
517
527
  --border: var(--hop-Button-primary-border-pressed);
518
528
  }
519
- .Button-module__hop-Button--secondary___hSZYE {
529
+ .Button-module__hop-Button--secondary___1I0Vr {
520
530
  --background-color: var(--hop-Button-secondary-background-color);
521
531
  --color: var(--hop-Button-secondary-color);
522
532
  --border: var(--hop-Button-secondary-border);
523
533
  --spinner-color: var(--hop-Button-secondary-spinner-color);
524
534
  }
525
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
526
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
535
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
536
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
527
537
  --background-color: var(--hop-Button-secondary-background-color-hover);
528
538
  --color: var(--hop-Button-secondary-color-hover);
529
539
  --border: var(--hop-Button-secondary-border-hover);
530
540
  }
531
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
541
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
532
542
  --background-color: var(--hop-Button-secondary-background-color-pressed);
533
543
  --color: var(--hop-Button-secondary-color-pressed);
534
544
  --border: var(--hop-Button-secondary-border-pressed);
535
545
  }
536
- .Button-module__hop-Button--upsell___9z1o- {
546
+ .Button-module__hop-Button--upsell___NvVOn {
537
547
  --background-color: var(--hop-Button-upsell-background-color);
538
548
  --color: var(--hop-Button-upsell-color);
539
549
  --border: var(--hop-Button-upsell-border);
540
550
  --spinner-color: var(--hop-Button-upsell-spinner-color);
541
551
  }
542
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
543
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
552
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
553
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
544
554
  --background-color: var(--hop-Button-upsell-background-color-hover);
545
555
  --color: var(--hop-Button-upsell-color-hover);
546
556
  --border: var(--hop-Button-upsell-border-hover);
547
557
  }
548
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
558
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
549
559
  --background-color: var(--hop-Button-upsell-background-color-pressed);
550
560
  --color: var(--hop-Button-upsell-color-pressed);
551
561
  --border: var(--hop-Button-upsell-border-pressed);
552
562
  }
553
- .Button-module__hop-Button--danger___KbLep {
563
+ .Button-module__hop-Button--danger___YkZ1u {
554
564
  --background-color: var(--hop-Button-danger-background-color);
555
565
  --color: var(--hop-Button-danger-color);
556
566
  --border: var(--hop-Button-danger-border);
557
567
  --spinner-color: var(--hop-Button-danger-spinner-color);
558
568
  }
559
- .Button-module__hop-Button--danger___KbLep[data-hovered],
560
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
569
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
570
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
561
571
  --background-color: var(--hop-Button-danger-background-color-hover);
562
572
  --color: var(--hop-Button-danger-color-hover);
563
573
  --border: var(--hop-Button-danger-border-hover);
564
574
  }
565
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
575
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
566
576
  --background-color: var(--hop-Button-danger-background-color-pressed);
567
577
  --color: var(--hop-Button-danger-color-pressed);
568
578
  --border: var(--hop-Button-danger-border-pressed);
569
579
  }
570
- .Button-module__hop-Button--ghost-primary___8jSf1 {
580
+ .Button-module__hop-Button--ghost-primary___RJdkS {
571
581
  --background-color: var(--hop-Button-ghost-primary-background-color);
572
582
  --color: var(--hop-Button-ghost-primary-color);
573
583
  --border: var(--hop-Button-ghost-primary-border);
574
584
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
575
585
  }
576
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
577
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
586
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
587
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
578
588
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
579
589
  --color: var(--hop-Button-ghost-primary-color-hover);
580
590
  --border: var(--hop-Button-ghost-primary-border-hover);
581
591
  --text-underline: underline;
582
592
  }
583
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
593
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
584
594
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
585
595
  --color: var(--hop-Button-ghost-primary-color-pressed);
586
596
  --border: var(--hop-Button-ghost-primary-border-pressed);
587
597
  --text-underline: underline;
588
598
  }
589
- .Button-module__hop-Button--ghost-secondary___TRM6h {
599
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
590
600
  --background-color: var(--hop-Button-ghost-secondary-background-color);
591
601
  --color: var(--hop-Button-ghost-secondary-color);
592
602
  --border: var(--hop-Button-ghost-secondary-border);
593
603
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
594
604
  }
595
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
596
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
605
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
606
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
597
607
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
598
608
  --color: var(--hop-Button-ghost-secondary-color-hover);
599
609
  --border: var(--hop-Button-ghost-secondary-border-hover);
600
610
  --text-underline: underline;
601
611
  }
602
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
612
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
603
613
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
604
614
  --color: var(--hop-Button-ghost-secondary-color-pressed);
605
615
  --border: var(--hop-Button-ghost-secondary-border-pressed);
606
616
  --text-underline: underline;
607
617
  }
608
- .Button-module__hop-Button--ghost-danger___-22ky {
618
+ .Button-module__hop-Button--ghost-danger___mDGly {
609
619
  --background-color: var(--hop-Button-ghost-danger-background-color);
610
620
  --color: var(--hop-Button-ghost-danger-color);
611
621
  --border: var(--hop-Button-ghost-danger-border);
612
622
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
613
623
  }
614
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
615
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
624
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
625
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
616
626
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
617
627
  --color: var(--hop-Button-ghost-danger-color-hover);
618
628
  --border: var(--hop-Button-ghost-danger-border-hover);
619
629
  --text-underline: underline;
620
630
  }
621
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
631
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
622
632
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
623
633
  --color: var(--hop-Button-ghost-danger-color-pressed);
624
634
  --border: var(--hop-Button-ghost-danger-border-pressed);
625
635
  --text-underline: underline;
626
636
  }
627
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
637
+ .Button-module__hop-Button___pi420[data-focus-visible] {
628
638
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
629
639
  }
630
- .Button-module__hop-Button___8zkEy[data-disabled],
631
- .Button-module__hop-Button--loading___yOWuT {
640
+ .Button-module__hop-Button___pi420[data-disabled],
641
+ .Button-module__hop-Button--loading___as6iI {
632
642
  cursor: not-allowed;
633
643
  }
634
- .Button-module__hop-Button___8zkEy[data-disabled] {
644
+ .Button-module__hop-Button___pi420[data-disabled] {
635
645
  --background-color: var(--hop-Button-background-color-disabled);
636
646
  --color: var(--hop-Button-color-disabled);
637
647
  --border: var(--hop-Button-border-disabled);
638
648
  }
639
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
649
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
640
650
  --background-color: var(--hop-Button-ghost-background-color-disabled);
641
651
  --color: var(--hop-Button-ghost-color-disabled);
642
652
  --border: var(--hop-Button-ghost-border-disabled);
643
653
  }
644
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
654
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
645
655
  --background-color: var(--hop-Button-primary-background-color);
646
656
  --color: var(--hop-Button-primary-color);
647
657
  --border: var(--hop-Button-primary-border);
648
658
  }
649
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
659
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
650
660
  --background-color: var(--hop-Button-secondary-background-color);
651
661
  --color: var(--hop-Button-secondary-color);
652
662
  --border: var(--hop-Button-secondary-border);
653
663
  }
654
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
664
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
655
665
  --background-color: var(--hop-Button-upsell-background-color);
656
666
  --color: var(--hop-Button-upsell-color);
657
667
  --border: var(--hop-Button-upsell-border);
658
668
  }
659
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
669
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
660
670
  --background-color: var(--hop-Button-danger-background-color);
661
671
  --color: var(--hop-Button-danger-color);
662
672
  --border: var(--hop-Button-danger-border);
663
673
  }
664
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
674
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
665
675
  --background-color: var(--hop-Button-ghost-primary-background-color);
666
676
  --color: var(--hop-Button-ghost-primary-color);
667
677
  --border: var(--hop-Button-ghost-primary-border);
668
678
  --text-underline: none;
669
679
  }
670
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
680
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
671
681
  --background-color: var(--hop-Button-ghost-secondary-background-color);
672
682
  --color: var(--hop-Button-ghost-secondary-color);
673
683
  --border: var(--hop-Button-ghost-secondary-border);
674
684
  --text-underline: none;
675
685
  }
676
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
686
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
677
687
  --background-color: var(--hop-Button-ghost-danger-background-color);
678
688
  --color: var(--hop-Button-ghost-danger-color);
679
689
  --border: var(--hop-Button-ghost-danger-border);
680
690
  --text-underline: none;
681
691
  }
682
- .Button-module__hop-Button__Spinner___F4Img {
692
+ .Button-module__hop-Button__Spinner___CYr30 {
683
693
  position: absolute;
684
694
  color: var(--spinner-color);
685
695
  }
686
- .Button-module__hop-Button__icon___9WDgY,
687
- .Button-module__hop-Button__icon-list___hcP-v {
696
+ .Button-module__hop-Button__icon___T9Jgx,
697
+ .Button-module__hop-Button__icon-list___ED0mS {
688
698
  flex: 0 0 auto;
689
699
  justify-self: end;
690
700
  order: 1;
691
701
  }
692
- .Button-module__hop-Button__text___o1TcA {
702
+ .Button-module__hop-Button__text___K8N7h {
693
703
  user-select: none;
694
704
  overflow: visible;
695
705
  flex: 0 1 auto;
@@ -699,60 +709,60 @@
699
709
  text-underline-offset: 0.125rem;
700
710
  text-wrap: nowrap;
701
711
  }
702
- .Button-module__hop-Button__end-icon___6QGCl,
703
- .Button-module__hop-Button__end-icon-list___iZhOt {
712
+ .Button-module__hop-Button__end-icon___2motE,
713
+ .Button-module__hop-Button__end-icon-list___IoU7E {
704
714
  flex: 0 0 auto;
705
715
  order: 3;
706
716
  }
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 {
717
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
718
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
709
719
  flex-wrap: nowrap;
710
720
  }
711
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
721
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
712
722
  opacity: 0;
713
723
  }
714
724
 
715
725
  /* 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___Q5c8f {
726
+ .ButtonGroup-module__hop-ButtonGroup___ZUkN6 {
717
727
  display: inline-flex;
718
728
  flex-wrap: nowrap;
719
729
  gap: var(--hop-space-inline-md);
720
730
  }
721
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
731
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
722
732
  align-items: center;
723
733
  }
724
- .ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
734
+ .ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
725
735
  flex-direction: column;
726
736
  gap: var(--hop-space-stack-md);
727
737
  justify-content: center;
728
738
  }
729
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
739
+ .ButtonGroup-module__hop-ButtonGroup--start___9-Y8G.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
730
740
  align-items: flex-start;
731
741
  }
732
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
742
+ .ButtonGroup-module__hop-ButtonGroup--center___xVDcf.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
733
743
  align-items: center;
734
744
  }
735
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
745
+ .ButtonGroup-module__hop-ButtonGroup--end___tBVLd.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
736
746
  align-items: flex-end;
737
747
  }
738
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
748
+ .ButtonGroup-module__hop-ButtonGroup--start___9-Y8G.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
739
749
  justify-content: flex-start;
740
750
  }
741
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
751
+ .ButtonGroup-module__hop-ButtonGroup--center___xVDcf.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
742
752
  justify-content: center;
743
753
  }
744
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
754
+ .ButtonGroup-module__hop-ButtonGroup--end___tBVLd.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
745
755
  justify-content: flex-end;
746
756
  }
747
- .ButtonGroup-module__hop-ButtonGroup--wrap___45A9q {
757
+ .ButtonGroup-module__hop-ButtonGroup--wrap___Lvxsv {
748
758
  flex-wrap: wrap;
749
759
  }
750
- .ButtonGroup-module__hop-ButtonGroup--fluid___AXS6Y {
760
+ .ButtonGroup-module__hop-ButtonGroup--fluid___V3Ky7 {
751
761
  inline-size: 100%;
752
762
  }
753
763
 
754
764
  /* 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___me9Ab {
765
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV {
756
766
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
757
767
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
758
768
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -916,7 +926,7 @@
916
926
  outline: none;
917
927
  transition: color var(--transition);
918
928
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab::before {
929
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV::before {
920
930
  content: "";
921
931
  position: absolute;
922
932
  inset-block-start: 50%;
@@ -929,284 +939,284 @@
929
939
  border-radius: var(--effect-border-radius);
930
940
  transition: background-color var(--transition);
931
941
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-square] {
942
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-square] {
933
943
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
934
944
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___N7ktw {
936
946
  --inline-size: var(--hop-EmbeddedButton-md-width);
937
947
  --block-size: var(--hop-EmbeddedButton-md-height);
938
948
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
939
949
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF {
950
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___jrz6J {
941
951
  --inline-size: var(--hop-EmbeddedButton-lg-width);
942
952
  --block-size: var(--hop-EmbeddedButton-lg-height);
943
953
  --focus-ring-offset: 0;
944
954
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX::before {
955
+ .EmbeddedButton-module__hop-EmbeddedButton--md___N7ktw::before {
946
956
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
947
957
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
948
958
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF::before {
959
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___jrz6J::before {
950
960
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
951
961
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
952
962
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs {
963
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV {
954
964
  --color: var(--hop-EmbeddedButton-neutral-color);
955
965
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
956
966
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG- {
967
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P {
958
968
  --color: var(--hop-EmbeddedButton-subdued-color);
959
969
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
960
970
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO {
971
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0 {
962
972
  --color: var(--hop-EmbeddedButton-progress-color);
963
973
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
964
974
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu {
975
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr {
966
976
  --color: var(--hop-EmbeddedButton-positive-color);
967
977
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
968
978
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM- {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq {
970
980
  --color: var(--hop-EmbeddedButton-caution-color);
971
981
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
972
982
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX {
983
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB {
974
984
  --color: var(--hop-EmbeddedButton-negative-color);
975
985
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
976
986
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW {
987
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve {
978
988
  --color: var(--hop-EmbeddedButton-option1-color);
979
989
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
980
990
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5 {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte {
982
992
  --color: var(--hop-EmbeddedButton-option2-color);
983
993
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
984
994
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ {
986
996
  --color: var(--hop-EmbeddedButton-option3-color);
987
997
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
988
998
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq {
990
1000
  --color: var(--hop-EmbeddedButton-option4-color);
991
1001
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
992
1002
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2 {
994
1004
  --color: var(--hop-EmbeddedButton-option5-color);
995
1005
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
996
1006
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g {
998
1008
  --color: var(--hop-EmbeddedButton-option6-color);
999
1009
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1000
1010
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-selected] {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-selected] {
1002
1012
  --color: var(--hop-EmbeddedButton-selected-color);
1003
1013
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1004
1014
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-focus-visible] {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-focus-visible] {
1006
1016
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1007
1017
  outline-offset: var(--focus-ring-offset);
1008
1018
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-disabled] {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-disabled] {
1010
1020
  cursor: not-allowed;
1011
1021
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-hovered] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-hovered] {
1013
1023
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1014
1024
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1015
1025
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-focus-visible] {
1026
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-focus-visible] {
1017
1027
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1018
1028
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1019
1029
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-pressed] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-pressed] {
1021
1031
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1022
1032
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1023
1033
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-disabled] {
1034
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-disabled] {
1025
1035
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1026
1036
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1027
1037
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-hovered] {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-hovered] {
1029
1039
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1030
1040
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1031
1041
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-focus-visible] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-focus-visible] {
1033
1043
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1034
1044
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1035
1045
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-pressed] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-pressed] {
1037
1047
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1038
1048
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1039
1049
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-disabled] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-disabled] {
1041
1051
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1042
1052
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1043
1053
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-hovered] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-hovered] {
1045
1055
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1046
1056
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1047
1057
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-focus-visible] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-focus-visible] {
1049
1059
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1050
1060
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1051
1061
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-pressed] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-pressed] {
1053
1063
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1054
1064
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1055
1065
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-disabled] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-disabled] {
1057
1067
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1058
1068
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1059
1069
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-hovered] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-hovered] {
1061
1071
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1062
1072
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1063
1073
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-focus-visible] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-focus-visible] {
1065
1075
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1066
1076
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1067
1077
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-pressed] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-pressed] {
1069
1079
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1070
1080
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1071
1081
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-disabled] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-disabled] {
1073
1083
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1074
1084
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1075
1085
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-hovered] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-hovered] {
1077
1087
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1078
1088
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1079
1089
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-focus-visible] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-focus-visible] {
1081
1091
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1082
1092
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1083
1093
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-pressed] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-pressed] {
1085
1095
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1086
1096
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1087
1097
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-disabled] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-disabled] {
1089
1099
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1090
1100
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1091
1101
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-hovered] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-hovered] {
1093
1103
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1094
1104
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1095
1105
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-focus-visible] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-focus-visible] {
1097
1107
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1098
1108
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1099
1109
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-pressed] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-pressed] {
1101
1111
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1102
1112
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1103
1113
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-disabled] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-disabled] {
1105
1115
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1106
1116
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1107
1117
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-hovered] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-hovered] {
1109
1119
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1110
1120
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1111
1121
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-focus-visible] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-focus-visible] {
1113
1123
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1114
1124
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1115
1125
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-pressed] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-pressed] {
1117
1127
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1118
1128
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1119
1129
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-disabled] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-disabled] {
1121
1131
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1122
1132
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1123
1133
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-hovered] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-hovered] {
1125
1135
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1126
1136
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1127
1137
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-focus-visible] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-focus-visible] {
1129
1139
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1130
1140
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1131
1141
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-pressed] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-pressed] {
1133
1143
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1134
1144
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1135
1145
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-disabled] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-disabled] {
1137
1147
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1138
1148
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1139
1149
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-hovered] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-hovered] {
1141
1151
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1142
1152
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1143
1153
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-focus-visible] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-focus-visible] {
1145
1155
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1146
1156
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1147
1157
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-pressed] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-pressed] {
1149
1159
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1150
1160
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1151
1161
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-disabled] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-disabled] {
1153
1163
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1154
1164
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1155
1165
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-hovered] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-hovered] {
1157
1167
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1158
1168
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1159
1169
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-focus-visible] {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-focus-visible] {
1161
1171
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1162
1172
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1163
1173
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-pressed] {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-pressed] {
1165
1175
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1166
1176
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1167
1177
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-disabled] {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-disabled] {
1169
1179
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1170
1180
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1171
1181
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-hovered] {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-hovered] {
1173
1183
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1174
1184
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1175
1185
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-focus-visible] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-focus-visible] {
1177
1187
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1178
1188
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1179
1189
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-pressed] {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-pressed] {
1181
1191
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1182
1192
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1183
1193
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-disabled] {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-disabled] {
1185
1195
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1186
1196
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1187
1197
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-hovered] {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-hovered] {
1189
1199
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1190
1200
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1191
1201
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-focus-visible] {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-focus-visible] {
1193
1203
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1194
1204
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1195
1205
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-pressed] {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-pressed] {
1197
1207
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1198
1208
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1199
1209
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-disabled] {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-disabled] {
1201
1211
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1202
1212
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1203
1213
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton__icon___2wJ-D {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___tCNfO {
1205
1215
  position: relative;
1206
1216
  }
1207
1217
 
1208
1218
  /* 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___8MAgF {
1219
+ button.CloseButton-module__hop-CloseButton___0yGo3 {
1210
1220
  --hop-CloseButton-margin-top: 0rem;
1211
1221
  --hop-CloseButton-padding: 0rem;
1212
1222
  --hop-CloseButton-width: fit-content;
@@ -1218,7 +1228,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1218
1228
  }
1219
1229
 
1220
1230
  /* 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___8zkEy {
1231
+ .Button-module__hop-Button___pi420 {
1222
1232
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1223
1233
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1224
1234
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1227,10 +1237,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1227
1237
  --hop-Button-border-size: var(--hop-space-10);
1228
1238
  --hop-Button-text-underline-offset: var(--hop-space-20);
1229
1239
  --hop-Button-icon-only-padding: 0;
1240
+ --hop-Button-xs-height: 1.5rem;
1230
1241
  --hop-Button-sm-height: 2rem;
1231
1242
  --hop-Button-md-height: 2.5rem;
1243
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1232
1244
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1233
1245
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1246
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1234
1247
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1235
1248
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1236
1249
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -1342,215 +1355,222 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1342
1355
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1343
1356
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1344
1357
  }
1345
- .Button-module__hop-Button--fluid___eZzEd {
1358
+ .Button-module__hop-Button--fluid___Ool8- {
1346
1359
  --inline-size: 100%;
1347
1360
  }
1348
- .Button-module__hop-Button--sm___K0sPh {
1361
+ .Button-module__hop-Button--xs___-XuKf {
1362
+ --block-size: var(--hop-Button-xs-height);
1363
+ --padding: var(--hop-Button-xs-padding);
1364
+ }
1365
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
1366
+ --padding: var(--hop-Button-ghost-xs-padding);
1367
+ }
1368
+ .Button-module__hop-Button--sm___-RNK5 {
1349
1369
  --block-size: var(--hop-Button-sm-height);
1350
1370
  --padding: var(--hop-Button-sm-padding);
1351
1371
  }
1352
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1372
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
1353
1373
  --padding: var(--hop-Button-ghost-sm-padding);
1354
1374
  }
1355
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1375
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
1356
1376
  --padding: var(--hop-Button-ghost-md-padding);
1357
1377
  }
1358
- .Button-module__hop-Button--icon-only___rYzdc {
1378
+ .Button-module__hop-Button--icon-only___OzV1R {
1359
1379
  --column-gap: var(--hop-Button-icon-only-column-gap);
1360
1380
  --padding: var(--hop-Button-icon-only-padding);
1361
1381
  aspect-ratio: 1;
1362
1382
  }
1363
- .Button-module__hop-Button--primary___hkH0I {
1383
+ .Button-module__hop-Button--primary___aX9Xf {
1364
1384
  --background-color: var(--hop-Button-primary-background-color);
1365
1385
  --color: var(--hop-Button-primary-color);
1366
1386
  --border: var(--hop-Button-primary-border);
1367
1387
  --spinner-color: var(--hop-Button-primary-spinner-color);
1368
1388
  }
1369
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
1370
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1389
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
1390
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
1371
1391
  --background-color: var(--hop-Button-primary-background-color-hover);
1372
1392
  --color: var(--hop-Button-primary-color-hover);
1373
1393
  --border: var(--hop-Button-primary-border-hover);
1374
1394
  }
1375
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1395
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
1376
1396
  --background-color: var(--hop-Button-primary-background-color-pressed);
1377
1397
  --color: var(--hop-Button-primary-color-pressed);
1378
1398
  --border: var(--hop-Button-primary-border-pressed);
1379
1399
  }
1380
- .Button-module__hop-Button--secondary___hSZYE {
1400
+ .Button-module__hop-Button--secondary___1I0Vr {
1381
1401
  --background-color: var(--hop-Button-secondary-background-color);
1382
1402
  --color: var(--hop-Button-secondary-color);
1383
1403
  --border: var(--hop-Button-secondary-border);
1384
1404
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1385
1405
  }
1386
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1387
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1406
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
1407
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
1388
1408
  --background-color: var(--hop-Button-secondary-background-color-hover);
1389
1409
  --color: var(--hop-Button-secondary-color-hover);
1390
1410
  --border: var(--hop-Button-secondary-border-hover);
1391
1411
  }
1392
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1412
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
1393
1413
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1394
1414
  --color: var(--hop-Button-secondary-color-pressed);
1395
1415
  --border: var(--hop-Button-secondary-border-pressed);
1396
1416
  }
1397
- .Button-module__hop-Button--upsell___9z1o- {
1417
+ .Button-module__hop-Button--upsell___NvVOn {
1398
1418
  --background-color: var(--hop-Button-upsell-background-color);
1399
1419
  --color: var(--hop-Button-upsell-color);
1400
1420
  --border: var(--hop-Button-upsell-border);
1401
1421
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1402
1422
  }
1403
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1404
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1423
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
1424
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
1405
1425
  --background-color: var(--hop-Button-upsell-background-color-hover);
1406
1426
  --color: var(--hop-Button-upsell-color-hover);
1407
1427
  --border: var(--hop-Button-upsell-border-hover);
1408
1428
  }
1409
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1429
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
1410
1430
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1411
1431
  --color: var(--hop-Button-upsell-color-pressed);
1412
1432
  --border: var(--hop-Button-upsell-border-pressed);
1413
1433
  }
1414
- .Button-module__hop-Button--danger___KbLep {
1434
+ .Button-module__hop-Button--danger___YkZ1u {
1415
1435
  --background-color: var(--hop-Button-danger-background-color);
1416
1436
  --color: var(--hop-Button-danger-color);
1417
1437
  --border: var(--hop-Button-danger-border);
1418
1438
  --spinner-color: var(--hop-Button-danger-spinner-color);
1419
1439
  }
1420
- .Button-module__hop-Button--danger___KbLep[data-hovered],
1421
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1440
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
1441
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
1422
1442
  --background-color: var(--hop-Button-danger-background-color-hover);
1423
1443
  --color: var(--hop-Button-danger-color-hover);
1424
1444
  --border: var(--hop-Button-danger-border-hover);
1425
1445
  }
1426
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
1446
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
1427
1447
  --background-color: var(--hop-Button-danger-background-color-pressed);
1428
1448
  --color: var(--hop-Button-danger-color-pressed);
1429
1449
  --border: var(--hop-Button-danger-border-pressed);
1430
1450
  }
1431
- .Button-module__hop-Button--ghost-primary___8jSf1 {
1451
+ .Button-module__hop-Button--ghost-primary___RJdkS {
1432
1452
  --background-color: var(--hop-Button-ghost-primary-background-color);
1433
1453
  --color: var(--hop-Button-ghost-primary-color);
1434
1454
  --border: var(--hop-Button-ghost-primary-border);
1435
1455
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1436
1456
  }
1437
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1438
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1457
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
1458
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
1439
1459
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1440
1460
  --color: var(--hop-Button-ghost-primary-color-hover);
1441
1461
  --border: var(--hop-Button-ghost-primary-border-hover);
1442
1462
  --text-underline: underline;
1443
1463
  }
1444
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1464
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
1445
1465
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1446
1466
  --color: var(--hop-Button-ghost-primary-color-pressed);
1447
1467
  --border: var(--hop-Button-ghost-primary-border-pressed);
1448
1468
  --text-underline: underline;
1449
1469
  }
1450
- .Button-module__hop-Button--ghost-secondary___TRM6h {
1470
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
1451
1471
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1452
1472
  --color: var(--hop-Button-ghost-secondary-color);
1453
1473
  --border: var(--hop-Button-ghost-secondary-border);
1454
1474
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1455
1475
  }
1456
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1457
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1476
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
1477
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
1458
1478
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1459
1479
  --color: var(--hop-Button-ghost-secondary-color-hover);
1460
1480
  --border: var(--hop-Button-ghost-secondary-border-hover);
1461
1481
  --text-underline: underline;
1462
1482
  }
1463
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1483
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
1464
1484
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1465
1485
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1466
1486
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1467
1487
  --text-underline: underline;
1468
1488
  }
1469
- .Button-module__hop-Button--ghost-danger___-22ky {
1489
+ .Button-module__hop-Button--ghost-danger___mDGly {
1470
1490
  --background-color: var(--hop-Button-ghost-danger-background-color);
1471
1491
  --color: var(--hop-Button-ghost-danger-color);
1472
1492
  --border: var(--hop-Button-ghost-danger-border);
1473
1493
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1474
1494
  }
1475
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1476
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1495
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
1496
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
1477
1497
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1478
1498
  --color: var(--hop-Button-ghost-danger-color-hover);
1479
1499
  --border: var(--hop-Button-ghost-danger-border-hover);
1480
1500
  --text-underline: underline;
1481
1501
  }
1482
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1502
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
1483
1503
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1484
1504
  --color: var(--hop-Button-ghost-danger-color-pressed);
1485
1505
  --border: var(--hop-Button-ghost-danger-border-pressed);
1486
1506
  --text-underline: underline;
1487
1507
  }
1488
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
1508
+ .Button-module__hop-Button___pi420[data-focus-visible] {
1489
1509
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1490
1510
  }
1491
- .Button-module__hop-Button___8zkEy[data-disabled],
1492
- .Button-module__hop-Button--loading___yOWuT {
1511
+ .Button-module__hop-Button___pi420[data-disabled],
1512
+ .Button-module__hop-Button--loading___as6iI {
1493
1513
  cursor: not-allowed;
1494
1514
  }
1495
- .Button-module__hop-Button___8zkEy[data-disabled] {
1515
+ .Button-module__hop-Button___pi420[data-disabled] {
1496
1516
  --background-color: var(--hop-Button-background-color-disabled);
1497
1517
  --color: var(--hop-Button-color-disabled);
1498
1518
  --border: var(--hop-Button-border-disabled);
1499
1519
  }
1500
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1520
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
1501
1521
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1502
1522
  --color: var(--hop-Button-ghost-color-disabled);
1503
1523
  --border: var(--hop-Button-ghost-border-disabled);
1504
1524
  }
1505
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1525
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
1506
1526
  --background-color: var(--hop-Button-primary-background-color);
1507
1527
  --color: var(--hop-Button-primary-color);
1508
1528
  --border: var(--hop-Button-primary-border);
1509
1529
  }
1510
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1530
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
1511
1531
  --background-color: var(--hop-Button-secondary-background-color);
1512
1532
  --color: var(--hop-Button-secondary-color);
1513
1533
  --border: var(--hop-Button-secondary-border);
1514
1534
  }
1515
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1535
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
1516
1536
  --background-color: var(--hop-Button-upsell-background-color);
1517
1537
  --color: var(--hop-Button-upsell-color);
1518
1538
  --border: var(--hop-Button-upsell-border);
1519
1539
  }
1520
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1540
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
1521
1541
  --background-color: var(--hop-Button-danger-background-color);
1522
1542
  --color: var(--hop-Button-danger-color);
1523
1543
  --border: var(--hop-Button-danger-border);
1524
1544
  }
1525
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
1545
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
1526
1546
  --background-color: var(--hop-Button-ghost-primary-background-color);
1527
1547
  --color: var(--hop-Button-ghost-primary-color);
1528
1548
  --border: var(--hop-Button-ghost-primary-border);
1529
1549
  --text-underline: none;
1530
1550
  }
1531
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
1551
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
1532
1552
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1533
1553
  --color: var(--hop-Button-ghost-secondary-color);
1534
1554
  --border: var(--hop-Button-ghost-secondary-border);
1535
1555
  --text-underline: none;
1536
1556
  }
1537
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
1557
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
1538
1558
  --background-color: var(--hop-Button-ghost-danger-background-color);
1539
1559
  --color: var(--hop-Button-ghost-danger-color);
1540
1560
  --border: var(--hop-Button-ghost-danger-border);
1541
1561
  --text-underline: none;
1542
1562
  }
1543
- .Button-module__hop-Button__Spinner___F4Img {
1563
+ .Button-module__hop-Button__Spinner___CYr30 {
1544
1564
  position: absolute;
1545
1565
  color: var(--spinner-color);
1546
1566
  }
1547
- .Button-module__hop-Button__icon___9WDgY,
1548
- .Button-module__hop-Button__icon-list___hcP-v {
1567
+ .Button-module__hop-Button__icon___T9Jgx,
1568
+ .Button-module__hop-Button__icon-list___ED0mS {
1549
1569
  flex: 0 0 auto;
1550
1570
  justify-self: end;
1551
1571
  order: 1;
1552
1572
  }
1553
- .Button-module__hop-Button__text___o1TcA {
1573
+ .Button-module__hop-Button__text___K8N7h {
1554
1574
  user-select: none;
1555
1575
  overflow: visible;
1556
1576
  flex: 0 1 auto;
@@ -1560,165 +1580,160 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1560
1580
  text-underline-offset: 0.125rem;
1561
1581
  text-wrap: nowrap;
1562
1582
  }
1563
- .Button-module__hop-Button__end-icon___6QGCl,
1564
- .Button-module__hop-Button__end-icon-list___iZhOt {
1583
+ .Button-module__hop-Button__end-icon___2motE,
1584
+ .Button-module__hop-Button__end-icon-list___IoU7E {
1565
1585
  flex: 0 0 auto;
1566
1586
  order: 3;
1567
1587
  }
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 {
1588
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
1589
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
1570
1590
  flex-wrap: nowrap;
1571
1591
  }
1572
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
1592
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
1573
1593
  opacity: 0;
1574
1594
  }
1575
- .LinkButton-module__hop-LinkButton___2nN8n {
1595
+ .LinkButton-module__hop-LinkButton___skVCT {
1576
1596
  }
1577
- .LinkButton-module__hop-LinkButton--fluid___49oZv {
1597
+ .LinkButton-module__hop-LinkButton--fluid___VP5it {
1578
1598
  }
1579
- .LinkButton-module__hop-LinkButton--sm___9b02I {
1599
+ .LinkButton-module__hop-LinkButton--xs___zsETy {
1580
1600
  }
1581
- .LinkButton-module__hop-LinkButton--icon-only___7vpiv {
1601
+ .LinkButton-module__hop-LinkButton--sm___TDcQJ {
1582
1602
  }
1583
- .LinkButton-module__hop-LinkButton--primary___J8UqT {
1603
+ .LinkButton-module__hop-LinkButton--icon-only___9lqJc {
1584
1604
  }
1585
- .LinkButton-module__hop-LinkButton--secondary___MiSOP {
1605
+ .LinkButton-module__hop-LinkButton--primary___47-As {
1586
1606
  }
1587
- .LinkButton-module__hop-LinkButton--upsell___2nJG1 {
1607
+ .LinkButton-module__hop-LinkButton--secondary___5NiJD {
1588
1608
  }
1589
- .LinkButton-module__hop-LinkButton--danger___To7Pv {
1609
+ .LinkButton-module__hop-LinkButton--upsell___LcJ0o {
1590
1610
  }
1591
- .LinkButton-module__hop-LinkButton--ghost-primary___oEPTJ {
1611
+ .LinkButton-module__hop-LinkButton--danger___Dq8t4 {
1592
1612
  }
1593
- .LinkButton-module__hop-LinkButton--ghost-secondary___51Xbb {
1613
+ .LinkButton-module__hop-LinkButton--ghost-primary___NJavy {
1594
1614
  }
1595
- .LinkButton-module__hop-LinkButton--ghost-danger___Dc7L- {
1615
+ .LinkButton-module__hop-LinkButton--ghost-secondary___kfKx9 {
1596
1616
  }
1597
- .LinkButton-module__hop-LinkButton__Spinner___uQrb2 {
1617
+ .LinkButton-module__hop-LinkButton--ghost-danger___odoUk {
1598
1618
  }
1599
- .LinkButton-module__hop-LinkButton__icon___9z8lE,
1600
- .LinkButton-module__hop-LinkButton__icon-list___TVvwm {
1619
+ .LinkButton-module__hop-LinkButton__Spinner___yWQzo {
1601
1620
  }
1602
- .LinkButton-module__hop-LinkButton__text___gbj3a {
1621
+ .LinkButton-module__hop-LinkButton__icon___r8W5q,
1622
+ .LinkButton-module__hop-LinkButton__icon-list___773jD {
1603
1623
  }
1604
- .LinkButton-module__hop-LinkButton__end-icon___JTQT7,
1605
- .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
1624
+ .LinkButton-module__hop-LinkButton__text___6S9V5 {
1606
1625
  }
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 {
1626
+ .LinkButton-module__hop-LinkButton__end-icon___4tund,
1627
+ .LinkButton-module__hop-LinkButton__end-icon-list___anwAN {
1628
+ }
1629
+ .LinkButton-module__hop-LinkButton___skVCT .LinkButton-module__hop-LinkButton__icon-list___773jD,
1630
+ .LinkButton-module__hop-LinkButton___skVCT .LinkButton-module__hop-LinkButton__end-icon-list___anwAN {
1609
1631
  flex-wrap: nowrap;
1610
1632
  }
1611
1633
 
1612
1634
  /* 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___cQggT {
1614
- --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1615
- --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1616
- --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1617
- --hop-ToggleButton-icon-only-column-gap: 0;
1618
- --hop-ToggleButton-outline-size: var(--hop-space-20);
1619
- --hop-ToggleButton-border-size: var(--hop-space-10);
1620
- --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1621
- --hop-ToggleButton-icon-only-padding: 0;
1622
- --hop-ToggleButton-sm-height: 2rem;
1623
- --hop-ToggleButton-md-height: 2.5rem;
1624
- --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1625
- --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1626
- --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1627
- --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1628
- --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1629
- --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1630
- --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1631
- --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1632
- --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1633
- --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1634
- --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1635
- --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1636
- --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1637
- --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1638
- --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1639
- --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1640
- --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1641
- --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1642
- --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1643
- --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1644
- --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1645
- --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1646
- --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1647
- --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1648
- --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1649
- --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1650
- --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1651
- --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1652
- --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1653
- --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1654
- --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1655
- --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1656
- --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1657
- --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1658
- --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1659
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1660
- --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1661
- --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1662
- --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1663
- --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1664
- --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1665
- --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1666
- --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1667
- --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1668
- --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
1669
- --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
1670
- --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
1671
- --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
1672
- --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
1673
- --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1674
- --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
1675
- --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
1676
- --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
1677
- --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
1678
- --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
1679
- --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
1680
- --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
1681
- --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
1682
- --hop-ToggleButton-ghost-background-color-disabled: transparent;
1683
- --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
1684
- --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
1685
- --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
1686
- --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
1687
- --hop-ToggleButton-ghost-primary-background-color: transparent;
1688
- --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1689
- --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1690
- --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
1691
- --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
1692
- --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1693
- --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
1694
- --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
1695
- --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1696
- --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1697
- --hop-ToggleButton-ghost-secondary-background-color: transparent;
1698
- --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1699
- --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1700
- --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
1701
- --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1702
- --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1703
- --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1704
- --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
1705
- --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
1706
- --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
1707
- --hop-ToggleButton-ghost-danger-background-color: transparent;
1708
- --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1709
- --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1710
- --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
1711
- --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
1712
- --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1713
- --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
1635
+ .Button-module__hop-Button___pi420 {
1636
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
1637
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1638
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
1639
+ --hop-Button-icon-only-column-gap: 0;
1640
+ --hop-Button-outline-size: var(--hop-space-20);
1641
+ --hop-Button-border-size: var(--hop-space-10);
1642
+ --hop-Button-text-underline-offset: var(--hop-space-20);
1643
+ --hop-Button-icon-only-padding: 0;
1644
+ --hop-Button-xs-height: 1.5rem;
1645
+ --hop-Button-sm-height: 2rem;
1646
+ --hop-Button-md-height: 2.5rem;
1647
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1648
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1649
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1650
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1651
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1652
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1653
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1654
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1655
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1656
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1657
+ --hop-Button-ghost-background-color-disabled: transparent;
1658
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1659
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
1660
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1661
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1662
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1663
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1664
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1665
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1666
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1667
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1668
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1669
+ --hop-Button-secondary-color: var(--hop-neutral-text);
1670
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1671
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1672
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1673
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1674
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1675
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1676
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1677
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1678
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1679
+ --hop-Button-upsell-color: var(--hop-upsell-text);
1680
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1681
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1682
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1683
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1684
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1685
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1686
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1687
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1688
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1689
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
1690
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1691
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1692
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1693
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1694
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1695
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1696
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1697
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1698
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1699
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
1700
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1701
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1702
+ --hop-Button-ghost-primary-background-color: transparent;
1703
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1704
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1705
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1706
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1707
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1708
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1709
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1710
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1711
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1712
+ --hop-Button-ghost-secondary-background-color: transparent;
1713
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1714
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1715
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1716
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1717
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1718
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1719
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1720
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1721
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1722
+ --hop-Button-ghost-danger-background-color: transparent;
1723
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1724
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1725
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1726
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1727
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1728
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1714
1729
  --inline-size: max-content;
1715
- --block-size: var(--hop-ToggleButton-md-height);
1730
+ --block-size: var(--hop-Button-md-height);
1716
1731
  --background-color: var(--hop-primary-surface-strong);
1717
1732
  --color: var(--hop-primary-text-strong);
1718
- --column-gap: var(--hop-ToggleButton-column-gap);
1733
+ --column-gap: var(--hop-Button-column-gap);
1719
1734
  --spinner: var(--hop-primary-icon-strong);
1720
1735
  --border: 0;
1721
- --padding: var(--hop-ToggleButton-md-padding);
1736
+ --padding: var(--hop-Button-md-padding);
1722
1737
  --text-underline: none;
1723
1738
  cursor: pointer;
1724
1739
  position: relative;
@@ -1736,229 +1751,230 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1736
1751
  white-space: nowrap;
1737
1752
  background-color: var(--background-color);
1738
1753
  border: var(--border);
1739
- border-radius: var(--hop-ToggleButton-border-radius);
1754
+ border-radius: var(--hop-Button-border-radius);
1740
1755
  outline: none;
1741
- outline-offset: var(--hop-ToggleButton-outline-size);
1756
+ outline-offset: var(--hop-Button-outline-size);
1742
1757
  transition:
1743
1758
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1744
1759
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1745
1760
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1746
1761
  }
1747
- .ToggleButton-module__hop-ToggleButton--fluid___rl9FX {
1762
+ .Button-module__hop-Button--fluid___Ool8- {
1748
1763
  --inline-size: 100%;
1749
1764
  }
1750
- .ToggleButton-module__hop-ToggleButton--sm___-x-OZ {
1751
- --block-size: var(--hop-ToggleButton-sm-height);
1752
- --padding: var(--hop-ToggleButton-sm-padding);
1765
+ .Button-module__hop-Button--xs___-XuKf {
1766
+ --block-size: var(--hop-Button-xs-height);
1767
+ --padding: var(--hop-Button-xs-padding);
1753
1768
  }
1754
- .ToggleButton-module__hop-ToggleButton--icon-only___W2v-S {
1755
- --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1756
- --padding: var(--hop-ToggleButton-icon-only-padding);
1757
- aspect-ratio: 1;
1769
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
1770
+ --padding: var(--hop-Button-ghost-xs-padding);
1758
1771
  }
1759
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1760
- --background-color: var(--hop-ToggleButton-primary-background-color);
1761
- --color: var(--hop-ToggleButton-primary-color);
1762
- --border: var(--hop-ToggleButton-primary-border);
1763
- --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1772
+ .Button-module__hop-Button--sm___-RNK5 {
1773
+ --block-size: var(--hop-Button-sm-height);
1774
+ --padding: var(--hop-Button-sm-padding);
1764
1775
  }
1765
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-hovered],
1766
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-focus-visible] {
1767
- --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1768
- --color: var(--hop-ToggleButton-primary-color-hover);
1769
- --border: var(--hop-ToggleButton-primary-border-hover);
1776
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
1777
+ --padding: var(--hop-Button-ghost-sm-padding);
1770
1778
  }
1771
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-pressed] {
1772
- --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1773
- --color: var(--hop-ToggleButton-primary-color-pressed);
1774
- --border: var(--hop-ToggleButton-primary-border-pressed);
1779
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
1780
+ --padding: var(--hop-Button-ghost-md-padding);
1775
1781
  }
1776
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-selected] {
1777
- --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1778
- --color: var(--hop-ToggleButton-primary-color-selected);
1779
- --border: var(--hop-ToggleButton-primary-border-selected);
1782
+ .Button-module__hop-Button--icon-only___OzV1R {
1783
+ --column-gap: var(--hop-Button-icon-only-column-gap);
1784
+ --padding: var(--hop-Button-icon-only-padding);
1785
+ aspect-ratio: 1;
1780
1786
  }
1781
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1782
- --background-color: var(--hop-ToggleButton-secondary-background-color);
1783
- --color: var(--hop-ToggleButton-secondary-color);
1784
- --border: var(--hop-ToggleButton-secondary-border);
1785
- --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1787
+ .Button-module__hop-Button--primary___aX9Xf {
1788
+ --background-color: var(--hop-Button-primary-background-color);
1789
+ --color: var(--hop-Button-primary-color);
1790
+ --border: var(--hop-Button-primary-border);
1791
+ --spinner-color: var(--hop-Button-primary-spinner-color);
1786
1792
  }
1787
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-hovered],
1788
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-focus-visible] {
1789
- --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1790
- --color: var(--hop-ToggleButton-secondary-color-hover);
1791
- --border: var(--hop-ToggleButton-secondary-border-hover);
1793
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
1794
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
1795
+ --background-color: var(--hop-Button-primary-background-color-hover);
1796
+ --color: var(--hop-Button-primary-color-hover);
1797
+ --border: var(--hop-Button-primary-border-hover);
1792
1798
  }
1793
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-pressed] {
1794
- --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1795
- --color: var(--hop-ToggleButton-secondary-color-pressed);
1796
- --border: var(--hop-ToggleButton-secondary-border-pressed);
1799
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
1800
+ --background-color: var(--hop-Button-primary-background-color-pressed);
1801
+ --color: var(--hop-Button-primary-color-pressed);
1802
+ --border: var(--hop-Button-primary-border-pressed);
1797
1803
  }
1798
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-selected] {
1799
- --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1800
- --color: var(--hop-ToggleButton-secondary-color-selected);
1801
- --border: var(--hop-ToggleButton-secondary-border-selected);
1804
+ .Button-module__hop-Button--secondary___1I0Vr {
1805
+ --background-color: var(--hop-Button-secondary-background-color);
1806
+ --color: var(--hop-Button-secondary-color);
1807
+ --border: var(--hop-Button-secondary-border);
1808
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
1802
1809
  }
1803
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1804
- --background-color: var(--hop-ToggleButton-upsell-background-color);
1805
- --color: var(--hop-ToggleButton-upsell-color);
1806
- --border: var(--hop-ToggleButton-upsell-border);
1807
- --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1810
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
1811
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
1812
+ --background-color: var(--hop-Button-secondary-background-color-hover);
1813
+ --color: var(--hop-Button-secondary-color-hover);
1814
+ --border: var(--hop-Button-secondary-border-hover);
1808
1815
  }
1809
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-hovered],
1810
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-focus-visible] {
1811
- --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1812
- --color: var(--hop-ToggleButton-upsell-color-hover);
1813
- --border: var(--hop-ToggleButton-upsell-border-hover);
1816
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
1817
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
1818
+ --color: var(--hop-Button-secondary-color-pressed);
1819
+ --border: var(--hop-Button-secondary-border-pressed);
1814
1820
  }
1815
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-pressed] {
1816
- --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1817
- --color: var(--hop-ToggleButton-upsell-color-pressed);
1818
- --border: var(--hop-ToggleButton-upsell-border-pressed);
1821
+ .Button-module__hop-Button--upsell___NvVOn {
1822
+ --background-color: var(--hop-Button-upsell-background-color);
1823
+ --color: var(--hop-Button-upsell-color);
1824
+ --border: var(--hop-Button-upsell-border);
1825
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
1819
1826
  }
1820
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-selected] {
1821
- --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1822
- --color: var(--hop-ToggleButton-upsell-color-selected);
1823
- --border: var(--hop-ToggleButton-upsell-border-selected);
1827
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
1828
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
1829
+ --background-color: var(--hop-Button-upsell-background-color-hover);
1830
+ --color: var(--hop-Button-upsell-color-hover);
1831
+ --border: var(--hop-Button-upsell-border-hover);
1824
1832
  }
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);
1833
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
1834
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
1835
+ --color: var(--hop-Button-upsell-color-pressed);
1836
+ --border: var(--hop-Button-upsell-border-pressed);
1830
1837
  }
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);
1838
+ .Button-module__hop-Button--danger___YkZ1u {
1839
+ --background-color: var(--hop-Button-danger-background-color);
1840
+ --color: var(--hop-Button-danger-color);
1841
+ --border: var(--hop-Button-danger-border);
1842
+ --spinner-color: var(--hop-Button-danger-spinner-color);
1836
1843
  }
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);
1844
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
1845
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
1846
+ --background-color: var(--hop-Button-danger-background-color-hover);
1847
+ --color: var(--hop-Button-danger-color-hover);
1848
+ --border: var(--hop-Button-danger-border-hover);
1841
1849
  }
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);
1850
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
1851
+ --background-color: var(--hop-Button-danger-background-color-pressed);
1852
+ --color: var(--hop-Button-danger-color-pressed);
1853
+ --border: var(--hop-Button-danger-border-pressed);
1846
1854
  }
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);
1855
+ .Button-module__hop-Button--ghost-primary___RJdkS {
1856
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1857
+ --color: var(--hop-Button-ghost-primary-color);
1858
+ --border: var(--hop-Button-ghost-primary-border);
1859
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1852
1860
  }
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);
1861
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
1862
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
1863
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1864
+ --color: var(--hop-Button-ghost-primary-color-hover);
1865
+ --border: var(--hop-Button-ghost-primary-border-hover);
1858
1866
  --text-underline: underline;
1859
1867
  }
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);
1865
- }
1866
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed] {
1868
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
1869
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1870
+ --color: var(--hop-Button-ghost-primary-color-pressed);
1871
+ --border: var(--hop-Button-ghost-primary-border-pressed);
1867
1872
  --text-underline: underline;
1868
1873
  }
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
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
1875
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1876
+ --color: var(--hop-Button-ghost-secondary-color);
1877
+ --border: var(--hop-Button-ghost-secondary-border);
1878
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1874
1879
  }
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
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
1881
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
1882
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1883
+ --color: var(--hop-Button-ghost-secondary-color-hover);
1884
+ --border: var(--hop-Button-ghost-secondary-border-hover);
1880
1885
  --text-underline: underline;
1881
1886
  }
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] {
1887
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
1888
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1889
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
1890
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
1889
1891
  --text-underline: underline;
1890
1892
  }
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);
1893
+ .Button-module__hop-Button--ghost-danger___mDGly {
1894
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1895
+ --color: var(--hop-Button-ghost-danger-color);
1896
+ --border: var(--hop-Button-ghost-danger-border);
1897
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1896
1898
  }
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);
1899
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
1900
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
1901
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1902
+ --color: var(--hop-Button-ghost-danger-color-hover);
1903
+ --border: var(--hop-Button-ghost-danger-border-hover);
1902
1904
  --text-underline: underline;
1903
1905
  }
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] {
1906
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
1907
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1908
+ --color: var(--hop-Button-ghost-danger-color-pressed);
1909
+ --border: var(--hop-Button-ghost-danger-border-pressed);
1911
1910
  --text-underline: underline;
1912
1911
  }
1913
- .ToggleButton-module__hop-ToggleButton___cQggT[data-focus-visible] {
1914
- outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1912
+ .Button-module__hop-Button___pi420[data-focus-visible] {
1913
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1915
1914
  }
1916
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled],
1917
- .ToggleButton-module__hop-ToggleButton--loading___sF-01 {
1915
+ .Button-module__hop-Button___pi420[data-disabled],
1916
+ .Button-module__hop-Button--loading___as6iI {
1918
1917
  cursor: not-allowed;
1919
1918
  }
1920
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled] {
1921
- --background-color: var(--hop-ToggleButton-background-color-disabled);
1922
- --color: var(--hop-ToggleButton-color-disabled);
1923
- --border: var(--hop-ToggleButton-border-disabled);
1919
+ .Button-module__hop-Button___pi420[data-disabled] {
1920
+ --background-color: var(--hop-Button-background-color-disabled);
1921
+ --color: var(--hop-Button-color-disabled);
1922
+ --border: var(--hop-Button-border-disabled);
1924
1923
  }
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);
1924
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
1925
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
1926
+ --color: var(--hop-Button-ghost-color-disabled);
1927
+ --border: var(--hop-Button-ghost-border-disabled);
1929
1928
  }
1930
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1931
- --background-color: var(--hop-ToggleButton-primary-background-color);
1932
- --color: var(--hop-ToggleButton-primary-color);
1933
- --border: var(--hop-ToggleButton-primary-border);
1929
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
1930
+ --background-color: var(--hop-Button-primary-background-color);
1931
+ --color: var(--hop-Button-primary-color);
1932
+ --border: var(--hop-Button-primary-border);
1934
1933
  }
1935
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1936
- --background-color: var(--hop-ToggleButton-secondary-background-color);
1937
- --color: var(--hop-ToggleButton-secondary-color);
1938
- --border: var(--hop-ToggleButton-secondary-border);
1934
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
1935
+ --background-color: var(--hop-Button-secondary-background-color);
1936
+ --color: var(--hop-Button-secondary-color);
1937
+ --border: var(--hop-Button-secondary-border);
1939
1938
  }
1940
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1941
- --background-color: var(--hop-ToggleButton-upsell-background-color);
1942
- --color: var(--hop-ToggleButton-upsell-color);
1943
- --border: var(--hop-ToggleButton-upsell-border);
1939
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
1940
+ --background-color: var(--hop-Button-upsell-background-color);
1941
+ --color: var(--hop-Button-upsell-color);
1942
+ --border: var(--hop-Button-upsell-border);
1944
1943
  }
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);
1944
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
1945
+ --background-color: var(--hop-Button-danger-background-color);
1946
+ --color: var(--hop-Button-danger-color);
1947
+ --border: var(--hop-Button-danger-border);
1948
+ }
1949
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
1950
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1951
+ --color: var(--hop-Button-ghost-primary-color);
1952
+ --border: var(--hop-Button-ghost-primary-border);
1953
+ --text-underline: none;
1954
+ }
1955
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
1956
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1957
+ --color: var(--hop-Button-ghost-secondary-color);
1958
+ --border: var(--hop-Button-ghost-secondary-border);
1949
1959
  --text-underline: none;
1950
1960
  }
1951
- .ToggleButton-module__hop-ToggleButton__Spinner___SwSbO {
1961
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
1962
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1963
+ --color: var(--hop-Button-ghost-danger-color);
1964
+ --border: var(--hop-Button-ghost-danger-border);
1965
+ --text-underline: none;
1966
+ }
1967
+ .Button-module__hop-Button__Spinner___CYr30 {
1952
1968
  position: absolute;
1953
1969
  color: var(--spinner-color);
1954
1970
  }
1955
- .ToggleButton-module__hop-ToggleButton__icon___nOFkE,
1956
- .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk {
1971
+ .Button-module__hop-Button__icon___T9Jgx,
1972
+ .Button-module__hop-Button__icon-list___ED0mS {
1957
1973
  flex: 0 0 auto;
1958
1974
  justify-self: end;
1959
1975
  order: 1;
1960
1976
  }
1961
- .ToggleButton-module__hop-ToggleButton__text___ZdN6c {
1977
+ .Button-module__hop-Button__text___K8N7h {
1962
1978
  user-select: none;
1963
1979
  overflow: visible;
1964
1980
  flex: 0 1 auto;
@@ -1968,21 +1984,182 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1968
1984
  text-underline-offset: 0.125rem;
1969
1985
  text-wrap: nowrap;
1970
1986
  }
1971
- .ToggleButton-module__hop-ToggleButton__end-icon___gYUgH,
1972
- .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
1987
+ .Button-module__hop-Button__end-icon___2motE,
1988
+ .Button-module__hop-Button__end-icon-list___IoU7E {
1973
1989
  flex: 0 0 auto;
1974
1990
  order: 3;
1975
1991
  }
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 {
1992
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
1993
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
1978
1994
  flex-wrap: nowrap;
1979
1995
  }
1980
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SwSbO) {
1996
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
1997
+ opacity: 0;
1998
+ }
1999
+ .ToggleButton-module__hop-ToggleButton___7uOg3 {
2000
+ --hop-ToggleButton-border-size: var(--hop-space-10);
2001
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2002
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2003
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2004
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2005
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2006
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2007
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2008
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2009
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2010
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2011
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2012
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2013
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2014
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2015
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2016
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2017
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2018
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2019
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2020
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2021
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2022
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2023
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2024
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2025
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2026
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
2027
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2028
+ --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
2029
+ --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
2030
+ --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
2031
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2032
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
2033
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2034
+ --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2035
+ --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2036
+ --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2037
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2038
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
2039
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2040
+ --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2041
+ --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2042
+ --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2043
+ }
2044
+ .ToggleButton-module__hop-ToggleButton--fluid___dGmQY {
2045
+ }
2046
+ .ToggleButton-module__hop-ToggleButton--xs___-Pwsh {
2047
+ }
2048
+ .ToggleButton-module__hop-ToggleButton--sm___rcih7 {
2049
+ }
2050
+ .ToggleButton-module__hop-ToggleButton--md___EHY7t {
2051
+ }
2052
+ .ToggleButton-module__hop-ToggleButton--icon-only___HUyAp {
2053
+ }
2054
+ .ToggleButton-module__hop-ToggleButton--primary___YRmoZ {
2055
+ }
2056
+ .ToggleButton-module__hop-ToggleButton--primary___YRmoZ[data-selected] {
2057
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2058
+ --color: var(--hop-ToggleButton-primary-color-selected);
2059
+ --border: var(--hop-ToggleButton-primary-border-selected);
2060
+ }
2061
+ .ToggleButton-module__hop-ToggleButton--secondary___AMcYW {
2062
+ }
2063
+ .ToggleButton-module__hop-ToggleButton--secondary___AMcYW[data-selected] {
2064
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2065
+ --color: var(--hop-ToggleButton-secondary-color-selected);
2066
+ --border: var(--hop-ToggleButton-secondary-border-selected);
2067
+ }
2068
+ .ToggleButton-module__hop-ToggleButton--upsell___31OZm {
2069
+ }
2070
+ .ToggleButton-module__hop-ToggleButton--upsell___31OZm[data-selected] {
2071
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2072
+ --color: var(--hop-ToggleButton-upsell-color-selected);
2073
+ --border: var(--hop-ToggleButton-upsell-border-selected);
2074
+ }
2075
+ .ToggleButton-module__hop-ToggleButton--danger___neytT {
2076
+ }
2077
+ .ToggleButton-module__hop-ToggleButton--danger___neytT[data-selected] {
2078
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2079
+ --color: var(--hop-ToggleButton-danger-color-selected);
2080
+ --border: var(--hop-ToggleButton-danger-border-selected);
2081
+ }
2082
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi {
2083
+ }
2084
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi[data-selected] {
2085
+ --text-underline: normal;
2086
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2087
+ --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2088
+ --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2089
+ }
2090
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72 {
2091
+ }
2092
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72[data-selected] {
2093
+ --text-underline: normal;
2094
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2095
+ --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2096
+ --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2097
+ }
2098
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP {
2099
+ }
2100
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP[data-selected] {
2101
+ --text-underline: normal;
2102
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2103
+ --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2104
+ --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2105
+ }
2106
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--primary___YRmoZ {
2107
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2108
+ --color: var(--hop-ToggleButton-primary-color);
2109
+ --border: var(--hop-ToggleButton-primary-border);
2110
+ }
2111
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--secondary___AMcYW {
2112
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2113
+ --color: var(--hop-ToggleButton-secondary-color);
2114
+ --border: var(--hop-ToggleButton-secondary-border);
2115
+ }
2116
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--upsell___31OZm {
2117
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2118
+ --color: var(--hop-ToggleButton-upsell-color);
2119
+ --border: var(--hop-ToggleButton-upsell-border);
2120
+ }
2121
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--danger___neytT {
2122
+ --background-color: var(--hop-ToggleButton-danger-background-color);
2123
+ --color: var(--hop-ToggleButton-danger-color);
2124
+ --border: var(--hop-ToggleButton-danger-border);
2125
+ }
2126
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi {
2127
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2128
+ --color: var(--hop-ToggleButton-ghost-primary-color);
2129
+ --border: var(--hop-ToggleButton-ghost-primary-border);
2130
+ --text-underline: none;
2131
+ }
2132
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72 {
2133
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2134
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2135
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2136
+ --text-underline: none;
2137
+ }
2138
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP {
2139
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2140
+ --color: var(--hop-ToggleButton-ghost-danger-color);
2141
+ --border: var(--hop-ToggleButton-ghost-danger-border);
2142
+ --text-underline: none;
2143
+ }
2144
+ .ToggleButton-module__hop-ToggleButton__Spinner___0jyPO {
2145
+ }
2146
+ .ToggleButton-module__hop-ToggleButton__icon___GWJDN,
2147
+ .ToggleButton-module__hop-ToggleButton__icon-list___Tmu8m {
2148
+ }
2149
+ .ToggleButton-module__hop-ToggleButton__text___bKuM- {
2150
+ }
2151
+ .ToggleButton-module__hop-ToggleButton__end-icon___ZFyb5,
2152
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Cj63s {
2153
+ }
2154
+ .ToggleButton-module__hop-ToggleButton__icon-list___Tmu8m,
2155
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Cj63s {
2156
+ }
2157
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton___7uOg3 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___0jyPO) {
1981
2158
  opacity: 0;
1982
2159
  }
1983
2160
 
1984
2161
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1985
- .HopperProvider-module__hop-HopperProvider___V57bd {
2162
+ .HopperProvider-module__hop-HopperProvider___d2-FG {
1986
2163
  font-family: var(--hop-body-md-font-family);
1987
2164
  font-size: var(--hop-body-md-font-size);
1988
2165
  font-weight: var(--hop-body-md-font-weight);
@@ -1992,7 +2169,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1992
2169
  }
1993
2170
 
1994
2171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1995
- .Link-module__hop-Link___wpopk {
2172
+ .Link-module__hop-Link___Jibxb {
1996
2173
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1997
2174
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1998
2175
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2052,130 +2229,130 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2052
2229
  outline: none;
2053
2230
  outline-offset: 0.125rem;
2054
2231
  }
2055
- :where(.Link-module__hop-Link___wpopk) {
2232
+ :where(.Link-module__hop-Link___Jibxb) {
2056
2233
  font-family: var(--font-family);
2057
2234
  font-size: var(--font-size);
2058
2235
  font-weight: var(--font-weight);
2059
2236
  line-height: var(--line-height);
2060
2237
  }
2061
- :where(.Link-module__hop-Link--xs___aNep6) {
2238
+ :where(.Link-module__hop-Link--xs___4R08I) {
2062
2239
  --font-size: var(--hop-Link-xs-font-size);
2063
2240
  --font-family: var(--hop-Link-xs-font-family);
2064
2241
  --font-weight: var(--hop-Link-xs-font-weight);
2065
2242
  --line-height: var(--hop-Link-xs-line-height);
2066
2243
  }
2067
- :where(.Link-module__hop-Link--sm___xGDoN) {
2244
+ :where(.Link-module__hop-Link--sm___534Ki) {
2068
2245
  --font-size: var(--hop-Link-sm-font-size);
2069
2246
  --font-family: var(--hop-Link-sm-font-family);
2070
2247
  --font-weight: var(--hop-Link-sm-font-weight);
2071
2248
  --line-height: var(--hop-Link-sm-line-height);
2072
2249
  }
2073
- :where(.Link-module__hop-Link--md___PPF1-) {
2250
+ :where(.Link-module__hop-Link--md___grqfb) {
2074
2251
  --font-size: var(--hop-Link-md-font-size);
2075
2252
  --font-family: var(--hop-Link-md-font-family);
2076
2253
  --font-weight: var(--hop-Link-md-font-weight);
2077
2254
  --line-height: var(--hop-Link-md-line-height);
2078
2255
  }
2079
- :where(.Link-module__hop-Link--lg___h6IR3) {
2256
+ :where(.Link-module__hop-Link--lg___8WNxk) {
2080
2257
  --font-size: var(--hop-Link-lg-font-size);
2081
2258
  --font-family: var(--hop-Link-lg-font-family);
2082
2259
  --font-weight: var(--hop-Link-lg-font-weight);
2083
2260
  --line-height: var(--hop-Link-lg-line-height);
2084
2261
  }
2085
- :where(.Link-module__hop-Link--xl___4ER9H) {
2262
+ :where(.Link-module__hop-Link--xl___S5TSO) {
2086
2263
  --font-size: var(--hop-Link-xl-font-size);
2087
2264
  --font-family: var(--hop-Link-xl-font-family);
2088
2265
  --font-weight: var(--hop-Link-xl-font-weight);
2089
2266
  --line-height: var(--hop-Link-xl-line-height);
2090
2267
  }
2091
- :where(.Link-module__hop-Link--2xl___70ZO5) {
2268
+ :where(.Link-module__hop-Link--2xl___I5-9q) {
2092
2269
  --font-size: var(--hop-Link-2xl-font-size);
2093
2270
  --font-family: var(--hop-Link-2xl-font-family);
2094
2271
  --font-weight: var(--hop-Link-2xl-font-weight);
2095
2272
  --line-height: var(--hop-Link-2xl-line-height);
2096
2273
  }
2097
- :where(.Link-module__hop-Link--inherit___M4jaV) {
2274
+ :where(.Link-module__hop-Link--inherit___9xZUh) {
2098
2275
  --font-size: var(--hop-Link-inherit-size-font-size);
2099
2276
  --font-family: var(--hop-Link-inherit-size-font-family);
2100
2277
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2101
2278
  --line-height: var(--hop-Link-inherit-size-line-height);
2102
2279
  }
2103
- .Link-module__hop-Link___wpopk[data-focus-visible] {
2280
+ .Link-module__hop-Link___Jibxb[data-focus-visible] {
2104
2281
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2105
2282
  }
2106
- .Link-module__hop-Link___wpopk[data-disabled] {
2283
+ .Link-module__hop-Link___Jibxb[data-disabled] {
2107
2284
  cursor: default;
2108
2285
  }
2109
- .Link-module__hop-Link--standalone___P1yGq .Link-module__hop-Link__text___cN3Uw {
2286
+ .Link-module__hop-Link--standalone___FQaY5 .Link-module__hop-Link__text___A-OPA {
2110
2287
  padding: var(--hop-Link-padding-standalone);
2111
2288
  }
2112
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xs___aNep6 .Link-module__hop-Link__text___cN3Uw {
2289
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--xs___4R08I .Link-module__hop-Link__text___A-OPA {
2113
2290
  padding: var(--hop-Link-padding-standalone-xs);
2114
2291
  }
2115
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--sm___xGDoN .Link-module__hop-Link__text___cN3Uw {
2292
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--sm___534Ki .Link-module__hop-Link__text___A-OPA {
2116
2293
  padding: var(--hop-Link-padding-standalone-sm);
2117
2294
  }
2118
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--md___PPF1- .Link-module__hop-Link__text___cN3Uw {
2295
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--md___grqfb .Link-module__hop-Link__text___A-OPA {
2119
2296
  padding: var(--hop-Link-padding-standalone-md);
2120
2297
  }
2121
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--lg___h6IR3 .Link-module__hop-Link__text___cN3Uw {
2298
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--lg___8WNxk .Link-module__hop-Link__text___A-OPA {
2122
2299
  padding: var(--hop-Link-padding-standalone-lg);
2123
2300
  }
2124
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xl___4ER9H .Link-module__hop-Link__text___cN3Uw {
2301
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--xl___S5TSO .Link-module__hop-Link__text___A-OPA {
2125
2302
  padding: var(--hop-Link-padding-standalone-xl);
2126
2303
  }
2127
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--2xl___70ZO5 .Link-module__hop-Link__text___cN3Uw {
2304
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--2xl___I5-9q .Link-module__hop-Link__text___A-OPA {
2128
2305
  padding: var(--hop-Link-padding-standalone-2xl);
2129
2306
  }
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] {
2307
+ .Link-module__hop-Link--quiet___invGI[data-focus-visible],
2308
+ .Link-module__hop-Link--quiet___invGI[data-hovered],
2309
+ .Link-module__hop-Link--standalone___FQaY5[data-focus-visible],
2310
+ .Link-module__hop-Link--standalone___FQaY5[data-hovered] {
2134
2311
  text-decoration: underline;
2135
2312
  }
2136
- .Link-module__hop-Link___wpopk:not(.Link-module__hop-Link--quiet___wyz1d, .Link-module__hop-Link--standalone___P1yGq) {
2313
+ .Link-module__hop-Link___Jibxb:not(.Link-module__hop-Link--quiet___invGI, .Link-module__hop-Link--standalone___FQaY5) {
2137
2314
  text-decoration: underline;
2138
2315
  }
2139
- .Link-module__hop-Link--primary___23P65 {
2316
+ .Link-module__hop-Link--primary___guvdP {
2140
2317
  color: var(--hop-Link-primary-text-color);
2141
2318
  }
2142
- .Link-module__hop-Link--primary___23P65[data-disabled] {
2319
+ .Link-module__hop-Link--primary___guvdP[data-disabled] {
2143
2320
  color: var(--hop-Link-primary-text-disabled-color);
2144
2321
  }
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] {
2322
+ .Link-module__hop-Link--primary___guvdP:not([data-disabled])[data-focus-visible],
2323
+ .Link-module__hop-Link--primary___guvdP:not([data-disabled])[data-hovered] {
2147
2324
  color: var(--hop-Link-primary-text-hover-color);
2148
2325
  }
2149
- .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-pressed] {
2326
+ .Link-module__hop-Link--primary___guvdP:not([data-disabled])[data-pressed] {
2150
2327
  color: var(--hop-Link-primary-text-pressed-color);
2151
2328
  }
2152
- .Link-module__hop-Link--secondary___5biyI {
2329
+ .Link-module__hop-Link--secondary___GJ1V6 {
2153
2330
  color: var(--hop-Link-neutral-text-color);
2154
2331
  }
2155
- .Link-module__hop-Link--secondary___5biyI[data-disabled] {
2332
+ .Link-module__hop-Link--secondary___GJ1V6[data-disabled] {
2156
2333
  color: var(--hop-Link-neutral-text-disabled-color);
2157
2334
  }
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] {
2335
+ .Link-module__hop-Link--secondary___GJ1V6:not([data-disabled])[data-focus-visible],
2336
+ .Link-module__hop-Link--secondary___GJ1V6:not([data-disabled])[data-hovered] {
2160
2337
  color: var(--hop-Link-neutral-text-hover-color);
2161
2338
  }
2162
- .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-pressed] {
2339
+ .Link-module__hop-Link--secondary___GJ1V6:not([data-disabled])[data-pressed] {
2163
2340
  color: var(--hop-Link-neutral-text-pressed-color);
2164
2341
  }
2165
- .Link-module__hop-Link__icon___OO3s-,
2166
- .Link-module__hop-Link__icon-list___oV6ff {
2342
+ .Link-module__hop-Link__icon___4Rbbg,
2343
+ .Link-module__hop-Link__icon-list___Ofehw {
2167
2344
  order: 2;
2168
2345
  }
2169
- .Link-module__hop-Link__text___cN3Uw {
2346
+ .Link-module__hop-Link__text___A-OPA {
2170
2347
  order: 1;
2171
2348
  }
2172
- .Link-module__hop-Link__start-icon___ZF3vH,
2173
- .Link-module__hop-Link__start-icon-list___eQ4MF {
2349
+ .Link-module__hop-Link__start-icon___53Fdo,
2350
+ .Link-module__hop-Link__start-icon-list___TDLuE {
2174
2351
  order: 0;
2175
2352
  }
2176
2353
 
2177
2354
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2178
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
2355
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0 {
2179
2356
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2180
2357
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2181
2358
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2205,47 +2382,54 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2205
2382
  color: var(--hop-RichIconAvatarImage-icon-color);
2206
2383
  background-color: var(--background-color);
2207
2384
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2385
+ outline: none;
2208
2386
  }
2209
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
2387
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___n56nV {
2210
2388
  --size: var(--hop-RichIconAvatarImage-xs-size);
2211
2389
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2212
2390
  }
2213
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
2391
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___GtxLW {
2214
2392
  --size: var(--hop-RichIconAvatarImage-sm-size);
2215
2393
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2216
2394
  }
2217
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
2395
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___55n6O {
2218
2396
  --size: var(--hop-RichIconAvatarImage-md-size);
2219
2397
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2220
2398
  }
2221
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
2399
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___XSUP6 {
2222
2400
  --size: var(--hop-RichIconAvatarImage-lg-size);
2223
2401
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2224
2402
  }
2225
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
2403
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___crKsY {
2226
2404
  --size: var(--hop-RichIconAvatarImage-xl-size);
2227
2405
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2228
2406
  }
2229
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
2407
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___51LJs {
2230
2408
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2231
2409
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2232
2410
  }
2233
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
2411
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___3E8Wu {
2412
+ cursor: pointer;
2413
+ }
2414
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___IUbHD {
2415
+ outline: 0.125rem solid var(--hop-primary-border-focus);
2416
+ }
2417
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] {
2234
2418
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2235
2419
  }
2236
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2420
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
2237
2421
  position: relative;
2238
2422
  display: block;
2239
2423
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2240
2424
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2241
2425
  }
2242
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2426
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
2243
2427
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2244
2428
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2245
2429
  }
2246
2430
 
2247
2431
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2248
- .Avatar-module__hop-Avatar___uaqDg {
2432
+ .Avatar-module__hop-Avatar___Bqcxp {
2249
2433
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2250
2434
  --hop-Avatar-mix-blend-mode: normal;
2251
2435
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2289,68 +2473,75 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2289
2473
  color: var(--text-color, var(--hop-neutral-text));
2290
2474
  background-color: var(--background-color, transparent);
2291
2475
  border-radius: var(--hop-Avatar-border-radius);
2476
+ outline: none;
2292
2477
  }
2293
- .Avatar-module__hop-Avatar--xs___JnxQL {
2478
+ .Avatar-module__hop-Avatar--xs___IyJCA {
2294
2479
  --size: var(--hop-Avatar-xs-size);
2295
2480
  }
2296
- .Avatar-module__hop-Avatar--sm___wGq1I {
2481
+ .Avatar-module__hop-Avatar--sm___r4xF8 {
2297
2482
  --size: var(--hop-Avatar-sm-size);
2298
2483
  }
2299
- .Avatar-module__hop-Avatar--md___RIHVc {
2484
+ .Avatar-module__hop-Avatar--md___mtWFP {
2300
2485
  --size: var(--hop-Avatar-md-size);
2301
2486
  }
2302
- .Avatar-module__hop-Avatar--lg___BoomX {
2487
+ .Avatar-module__hop-Avatar--lg___6-6BA {
2303
2488
  --size: var(--hop-Avatar-lg-size);
2304
2489
  }
2305
- .Avatar-module__hop-Avatar--xl___9-mvF {
2490
+ .Avatar-module__hop-Avatar--xl___tLhE9 {
2306
2491
  --size: var(--hop-Avatar-xl-size);
2307
2492
  }
2308
- .Avatar-module__hop-Avatar--2xl___YOeDn {
2493
+ .Avatar-module__hop-Avatar--2xl___-1-91 {
2309
2494
  --size: var(--hop-Avatar-2xl-size);
2310
2495
  }
2311
- .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
2496
+ .Avatar-module__hop-Avatar--clickable___c-Exr {
2497
+ cursor: pointer;
2498
+ }
2499
+ .Avatar-module__hop-Avatar--focus-visible___LPIIY {
2500
+ outline: 0.125rem solid var(--hop-primary-border-focus);
2501
+ }
2502
+ .Avatar-module__hop-Avatar--decorative-option1___aLAmD {
2312
2503
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2313
2504
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2314
2505
  }
2315
- .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
2506
+ .Avatar-module__hop-Avatar--decorative-option2___I7y-X {
2316
2507
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2317
2508
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2318
2509
  }
2319
- .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
2510
+ .Avatar-module__hop-Avatar--decorative-option3___OACgi {
2320
2511
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2321
2512
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2322
2513
  }
2323
- .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
2514
+ .Avatar-module__hop-Avatar--decorative-option4___-fghS {
2324
2515
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2325
2516
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2326
2517
  }
2327
- .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
2518
+ .Avatar-module__hop-Avatar--decorative-option5___lPQMu {
2328
2519
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2329
2520
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2330
2521
  }
2331
- .Avatar-module__hop-Avatar--decorative-option6___ku007 {
2522
+ .Avatar-module__hop-Avatar--decorative-option6___hQZdk {
2332
2523
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2333
2524
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2334
2525
  }
2335
- .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
2526
+ .Avatar-module__hop-Avatar--decorative-option7___Gq2fZ {
2336
2527
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2337
2528
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2338
2529
  }
2339
- .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
2530
+ .Avatar-module__hop-Avatar--decorative-option8___f8Egi {
2340
2531
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2341
2532
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2342
2533
  }
2343
- .Avatar-module__hop-Avatar--decorative-option9___-du9m {
2534
+ .Avatar-module__hop-Avatar--decorative-option9___9UBwK {
2344
2535
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2345
2536
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2346
2537
  }
2347
- .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
2538
+ .Avatar-module__hop-Avatar___Bqcxp[data-disabled] {
2348
2539
  --background-color: var(--hop-Avatar-background-color-disabled);
2349
2540
  --text-color: var(--hop-Avatar-text-color-disabled);
2350
2541
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2351
2542
  isolation: isolate;
2352
2543
  }
2353
- .Avatar-module__hop-Avatar__image___Wkz1L {
2544
+ .Avatar-module__hop-Avatar__image___JCQrb {
2354
2545
  position: relative;
2355
2546
  display: block;
2356
2547
  box-sizing: border-box;
@@ -2361,7 +2552,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2361
2552
  }
2362
2553
 
2363
2554
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2364
- .Tooltip-module__hop-Tooltip___Q5E29 {
2555
+ .Tooltip-module__hop-Tooltip___RRVv4 {
2365
2556
  --hop-Tooltip-max-inline-size: 20rem;
2366
2557
  --hop-Tooltip-slide-amount: 0.25rem;
2367
2558
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2388,29 +2579,29 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2388
2579
  border-radius: var(--hop-Tooltip-border-radius);
2389
2580
  box-shadow: var(--hop-Tooltip-box-shadow);
2390
2581
  }
2391
- .Tooltip-module__hop-Tooltip--top___hZc5W {
2582
+ .Tooltip-module__hop-Tooltip--top___wfnsy {
2392
2583
  --origin-x: 0;
2393
2584
  --origin-y: var(--hop-Tooltip-slide-amount);
2394
2585
  }
2395
- .Tooltip-module__hop-Tooltip--right___zD66s {
2586
+ .Tooltip-module__hop-Tooltip--right___w3-Et {
2396
2587
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2397
2588
  --origin-y: 0;
2398
2589
  }
2399
- .Tooltip-module__hop-Tooltip--bottom___MLy5R {
2590
+ .Tooltip-module__hop-Tooltip--bottom___CysUB {
2400
2591
  --origin-x: 0;
2401
2592
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2402
2593
  }
2403
- .Tooltip-module__hop-Tooltip--left___keFSC {
2594
+ .Tooltip-module__hop-Tooltip--left___uB6r4 {
2404
2595
  --origin-x: var(--hop-Tooltip-slide-amount);
2405
2596
  --origin-y: 0;
2406
2597
  }
2407
- .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
2408
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
2598
+ .Tooltip-module__hop-Tooltip___RRVv4[data-entering] {
2599
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-out;
2409
2600
  }
2410
- .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
2411
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
2601
+ .Tooltip-module__hop-Tooltip___RRVv4[data-exiting] {
2602
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-in reverse;
2412
2603
  }
2413
- @keyframes Tooltip-module__slide___wmKJ7 {
2604
+ @keyframes Tooltip-module__slide___-bj4s {
2414
2605
  from {
2415
2606
  transform: translate(var(--origin-x), var(--origin-y));
2416
2607
  opacity: 0;
@@ -2422,44 +2613,44 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2422
2613
  }
2423
2614
 
2424
2615
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2425
- .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
2616
+ .AvatarGroup-module__hop-AvatarGroup___dlzsl {
2426
2617
  --hop-AvatarGroup-display: flex;
2427
2618
  --hop-AvatarGroup-align-items: center;
2428
2619
  display: var(--hop-AvatarGroup-display);
2429
2620
  align-items: var(--hop-AvatarGroup-align-items);
2430
2621
  }
2431
- .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
2622
+ .AvatarGroup-module__hop-AvatarGroup--wrap___ZAEFP {
2432
2623
  flex-wrap: wrap;
2433
2624
  }
2434
- .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
2625
+ .AvatarGroup-module__hop-AvatarGroup--xs___FZWxk {
2435
2626
  --gap: -0.125rem;
2436
2627
  }
2437
- .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
2628
+ .AvatarGroup-module__hop-AvatarGroup--sm___bfUpq {
2438
2629
  --gap: -0.25rem;
2439
2630
  }
2440
- .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
2631
+ .AvatarGroup-module__hop-AvatarGroup--md___PqhA7 {
2441
2632
  --gap: -0.5rem;
2442
2633
  }
2443
- .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
2634
+ .AvatarGroup-module__hop-AvatarGroup--lg___JZ8a1 {
2444
2635
  --gap: -1rem;
2445
2636
  }
2446
- .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
2637
+ .AvatarGroup-module__hop-AvatarGroup--xl___gOVPg {
2447
2638
  --gap: -1rem;
2448
2639
  }
2449
- .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
2640
+ .AvatarGroup-module__hop-AvatarGroup--2xl___5Tsy4 {
2450
2641
  --gap: -2rem;
2451
2642
  }
2452
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2643
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
2453
2644
  margin-inline-start: var(--gap);
2454
2645
  transition: margin var(--hop-easing-duration-2);
2455
2646
  }
2456
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2647
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
2457
2648
  margin-inline-start: 0;
2458
2649
  }
2459
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
2650
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:first-child {
2460
2651
  margin-inline-start: 0;
2461
2652
  }
2462
- .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
2653
+ .AvatarGroup-module__hop-AvatarGroup__label___xIZF4 {
2463
2654
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2464
2655
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2465
2656
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2471,7 +2662,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2471
2662
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2472
2663
  line-height: var(--hop-AvatarGroup-label-line-height);
2473
2664
  }
2474
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
2665
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz {
2475
2666
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2476
2667
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2477
2668
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2489,21 +2680,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2489
2680
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2490
2681
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2491
2682
  }
2492
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
2683
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz:not(:last-child) {
2493
2684
  margin-block-end: 0.25rem;
2494
2685
  }
2495
- .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
2686
+ .AvatarGroup-module__hop-AvatarGroup--start___6-t5g {
2496
2687
  justify-content: flex-start;
2497
2688
  }
2498
- .AvatarGroup-module__hop-AvatarGroup--end___va99C {
2689
+ .AvatarGroup-module__hop-AvatarGroup--end___IsI0k {
2499
2690
  justify-content: flex-end;
2500
2691
  }
2501
- .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
2692
+ .AvatarGroup-module__hop-AvatarGroup--center___FnHJz {
2502
2693
  justify-content: center;
2503
2694
  }
2504
2695
 
2505
2696
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2506
- .Badge-module__hop-Badge___Em6Ee {
2697
+ .Badge-module__hop-Badge___0H4dD {
2507
2698
  --hop-Badge-height: 1.5rem;
2508
2699
  --hop-Badge-width: max-content;
2509
2700
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2553,67 +2744,67 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2553
2744
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2554
2745
  border-radius: var(--border-radius);
2555
2746
  }
2556
- .Badge-module__hop-Badge--primary___2xcfI {
2747
+ .Badge-module__hop-Badge--primary___4kER1 {
2557
2748
  --background-color: var(--hop-Badge-primary-background-color);
2558
2749
  --text-color: var(--hop-Badge-primary-text-color);
2559
2750
  }
2560
- .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
2751
+ .Badge-module__hop-Badge--primary___4kER1[data-hovered] {
2561
2752
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2562
2753
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2563
2754
  }
2564
- .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
2755
+ .Badge-module__hop-Badge--primary___4kER1[data-pressed] {
2565
2756
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2566
2757
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2567
2758
  }
2568
- .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
2759
+ .Badge-module__hop-Badge--primary___4kER1[data-selected] {
2569
2760
  --background-color: var(--hop-Badge-primary-background-color-selected);
2570
2761
  --text-color: var(--hop-Badge-primary-text-color-selected);
2571
2762
  }
2572
- .Badge-module__hop-Badge--secondary___O77eV {
2763
+ .Badge-module__hop-Badge--secondary___IqWhz {
2573
2764
  --background-color: var(--hop-Badge-secondary-background-color);
2574
2765
  --text-color: var(--hop-Badge-secondary-text-color);
2575
2766
  }
2576
- .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
2767
+ .Badge-module__hop-Badge--secondary___IqWhz[data-hovered] {
2577
2768
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2578
2769
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2579
2770
  }
2580
- .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
2771
+ .Badge-module__hop-Badge--secondary___IqWhz[data-pressed] {
2581
2772
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2582
2773
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2583
2774
  }
2584
- .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
2775
+ .Badge-module__hop-Badge--secondary___IqWhz[data-selected] {
2585
2776
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2586
2777
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2587
2778
  }
2588
- .Badge-module__hop-Badge--subdued___12tA7 {
2779
+ .Badge-module__hop-Badge--subdued___4WY3G {
2589
2780
  --background-color: var(--hop-Badge-subdued-background-color);
2590
2781
  --text-color: var(--hop-Badge-subdued-text-color);
2591
2782
  }
2592
- .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
2783
+ .Badge-module__hop-Badge--subdued___4WY3G[data-hovered] {
2593
2784
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2594
2785
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2595
2786
  }
2596
- .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
2787
+ .Badge-module__hop-Badge--subdued___4WY3G[data-pressed] {
2597
2788
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2598
2789
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2599
2790
  }
2600
- .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
2791
+ .Badge-module__hop-Badge--subdued___4WY3G[data-selected] {
2601
2792
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2602
2793
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2603
2794
  }
2604
- .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
2795
+ .Badge-module__hop-Badge___0H4dD[data-indeterminate] {
2605
2796
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2606
2797
  --height: var(--hop-Badge-indeterminate-height);
2607
2798
  --width: var(--hop-Badge-indeterminate-width);
2608
2799
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2609
2800
  }
2610
- .Badge-module__hop-Badge___Em6Ee[data-disabled] {
2801
+ .Badge-module__hop-Badge___0H4dD[data-disabled] {
2611
2802
  --background-color: var(--hop-Badge-background-color-disabled);
2612
2803
  --text-color: var(--hop-Badge-text-color-disabled);
2613
2804
  }
2614
2805
 
2615
2806
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2616
- .FloatingBadge-module__hop-FloatingBadge___4PqyD {
2807
+ .FloatingBadge-module__hop-FloatingBadge___NqGht {
2617
2808
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2618
2809
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2619
2810
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2654,7 +2845,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2654
2845
  box-sizing: border-box;
2655
2846
  inline-size: max-content;
2656
2847
  }
2657
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
2848
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"] {
2658
2849
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2659
2850
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2660
2851
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2662,11 +2853,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2662
2853
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2663
2854
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2664
2855
  }
2665
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
2856
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"][data-overlap=circular] {
2666
2857
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2667
2858
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2668
2859
  }
2669
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
2860
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"] {
2670
2861
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2671
2862
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2672
2863
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2674,11 +2865,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2674
2865
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2675
2866
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2676
2867
  }
2677
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
2868
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"][data-overlap=circular] {
2678
2869
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2679
2870
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2680
2871
  }
2681
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
2872
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"] {
2682
2873
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2683
2874
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2684
2875
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2686,11 +2877,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2686
2877
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2687
2878
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2688
2879
  }
2689
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
2880
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"][data-overlap=circular] {
2690
2881
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2691
2882
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2692
2883
  }
2693
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
2884
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"] {
2694
2885
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2695
2886
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2696
2887
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2698,11 +2889,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2698
2889
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2699
2890
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2700
2891
  }
2701
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
2892
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"][data-overlap=circular] {
2702
2893
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2703
2894
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2704
2895
  }
2705
- .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
2896
+ .FloatingBadge-module__hop-FloatingBadge__badge___PjKsT {
2706
2897
  position: absolute;
2707
2898
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2708
2899
  transform-origin: var(--badge-transform-origin);
@@ -2710,7 +2901,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2710
2901
  }
2711
2902
 
2712
2903
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2713
- .Checkbox-module__hop-Checkbox___PKY27 {
2904
+ .Checkbox-module__hop-Checkbox___7S2pV {
2714
2905
  --hop-Checkbox-box-border-size: 0.0625rem;
2715
2906
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2716
2907
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2785,60 +2976,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2785
2976
  inline-size: max-content;
2786
2977
  max-inline-size: 100%;
2787
2978
  }
2788
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
2979
+ .Checkbox-module__hop-Checkbox___7S2pV[data-focus-visible] {
2789
2980
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2790
2981
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2791
2982
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2792
2983
  --text-color: var(--hop-Checkbox-text-color-focused);
2793
2984
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2794
2985
  }
2795
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
2986
+ .Checkbox-module__hop-Checkbox___7S2pV[data-hovered] {
2796
2987
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2797
2988
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2798
2989
  --text-color: var(--hop-Checkbox-text-color-hovered);
2799
2990
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2800
2991
  }
2801
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
2992
+ .Checkbox-module__hop-Checkbox___7S2pV[data-pressed] {
2802
2993
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2803
2994
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2804
2995
  --text-color: var(--hop-Checkbox-text-color-pressed);
2805
2996
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2806
2997
  }
2807
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
2998
+ .Checkbox-module__hop-Checkbox___7S2pV[data-selected] {
2808
2999
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2809
3000
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2810
3001
  --check-display: var(--hop-Checkbox-check-display-selected);
2811
3002
  --text-color: var(--hop-Checkbox-text-color-selected);
2812
3003
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2813
3004
  }
2814
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3005
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid] {
2815
3006
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2816
3007
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2817
3008
  --check-color: var(--hop-Checkbox-check-color-invalid);
2818
3009
  --text-color: var(--hop-Checkbox-text-color-invalid);
2819
3010
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2820
3011
  }
2821
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3012
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-focus-visible]) {
2822
3013
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2823
3014
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2824
3015
  }
2825
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3016
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-hovered]) {
2826
3017
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2827
3018
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2828
3019
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2829
3020
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2830
3021
  }
2831
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3022
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-pressed]) {
2832
3023
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2833
3024
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2834
3025
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2835
3026
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2836
3027
  }
2837
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3028
+ .Checkbox-module__hop-Checkbox___7S2pV:where([data-invalid])[data-selected] {
2838
3029
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2839
3030
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2840
3031
  }
2841
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3032
+ .Checkbox-module__hop-Checkbox___7S2pV[data-disabled] {
2842
3033
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2843
3034
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2844
3035
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2846,25 +3037,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2846
3037
  --text-color: var(--hop-Checkbox-text-color-disabled);
2847
3038
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2848
3039
  }
2849
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
3040
+ .Checkbox-module__hop-Checkbox--sm___Y5YIy {
2850
3041
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2851
3042
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2852
3043
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2853
3044
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2854
3045
  }
2855
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
3046
+ .Checkbox-module__hop-Checkbox--md___MRlZB {
2856
3047
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2857
3048
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2858
3049
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2859
3050
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2860
3051
  }
2861
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
2862
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3052
+ .Checkbox-module__hop-Checkbox__icon___V650-,
3053
+ .Checkbox-module__hop-Checkbox__icon-list___i85om {
2863
3054
  flex: 0 0 auto;
2864
3055
  order: 3;
2865
3056
  color: var(--icon-color);
2866
3057
  }
2867
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
3058
+ .Checkbox-module__hop-Checkbox__box___sDhGl {
2868
3059
  display: flex;
2869
3060
  flex: 0 0 auto;
2870
3061
  align-items: center;
@@ -2880,11 +3071,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2880
3071
  outline-offset: 0.125rem;
2881
3072
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2882
3073
  }
2883
- .Checkbox-module__hop-Checkbox__check___r8gyX {
3074
+ .Checkbox-module__hop-Checkbox__check___nibRw {
2884
3075
  display: var(--check-display);
2885
3076
  color: var(--check-color);
2886
3077
  }
2887
- .Checkbox-module__hop-Checkbox__text___OtTLm {
3078
+ .Checkbox-module__hop-Checkbox__text___M-V4G {
2888
3079
  flex: 0 1 auto;
2889
3080
  order: 2;
2890
3081
  min-inline-size: 0;
@@ -2894,7 +3085,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2894
3085
  }
2895
3086
 
2896
3087
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2897
- .CheckboxField-module__hop-CheckboxField___56543 {
3088
+ .CheckboxField-module__hop-CheckboxField___33GnN {
2898
3089
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2899
3090
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2900
3091
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2913,28 +3104,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2913
3104
  inline-size: max-content;
2914
3105
  max-inline-size: 100%;
2915
3106
  }
2916
- .CheckboxField-module__hop-CheckboxField___56543[data-disabled] {
3107
+ .CheckboxField-module__hop-CheckboxField___33GnN[data-disabled] {
2917
3108
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2918
3109
  }
2919
- .CheckboxField-module__hop-CheckboxField--sm___6--P- {
3110
+ .CheckboxField-module__hop-CheckboxField--sm___twg1r {
2920
3111
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2921
3112
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2922
3113
  }
2923
- .CheckboxField-module__hop-CheckboxField--md___sveE6 {
3114
+ .CheckboxField-module__hop-CheckboxField--md___Fu-ms {
2924
3115
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2925
3116
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2926
3117
  }
2927
- .CheckboxField-module__hop-CheckboxField__description___TCoFR {
3118
+ .CheckboxField-module__hop-CheckboxField__description___vTnU- {
2928
3119
  order: 2;
2929
3120
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2930
3121
  color: var(--description-color);
2931
3122
  }
2932
- .CheckboxField-module__hop-CheckboxField__checkbox___TzGvU {
3123
+ .CheckboxField-module__hop-CheckboxField__checkbox___GZFYU {
2933
3124
  order: 1;
2934
3125
  }
2935
3126
 
2936
3127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2937
- .ErrorMessage-module__hop-ErrorMessage___3njVF {
3128
+ .ErrorMessage-module__hop-ErrorMessage___pZkT- {
2938
3129
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2939
3130
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2940
3131
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2951,13 +3142,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2951
3142
  line-height: var(--hop-ErrorMessage-line-height);
2952
3143
  color: var(--hop-ErrorMessage-color);
2953
3144
  }
2954
- .ErrorMessage-module__hop-ErrorMessage__icon___2fFUX {
3145
+ .ErrorMessage-module__hop-ErrorMessage__icon___yKOjv {
2955
3146
  flex: 0 0 auto;
2956
3147
  align-self: flex-start;
2957
3148
  }
2958
3149
 
2959
3150
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2960
- .HelperMessage-module__hop-HelperMessage___WKq74 {
3151
+ .HelperMessage-module__hop-HelperMessage___0sc5H {
2961
3152
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2962
3153
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2963
3154
  display: flex;
@@ -2966,13 +3157,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2966
3157
  box-sizing: border-box;
2967
3158
  color: var(--hop-HelperMessage-color);
2968
3159
  }
2969
- .HelperMessage-module__hop-HelperMessage__icon___qM-Le {
3160
+ .HelperMessage-module__hop-HelperMessage__icon___ubzj5 {
2970
3161
  flex: 0 0 auto;
2971
3162
  align-self: flex-start;
2972
3163
  }
2973
3164
 
2974
3165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2975
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t {
3166
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 {
2976
3167
  --hop-CheckboxGroup-align-items: flex-start;
2977
3168
  --hop-CheckboxGroup-justify-content: flex-start;
2978
3169
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3011,46 +3202,46 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3011
3202
  inline-size: max-content;
3012
3203
  max-inline-size: 100%;
3013
3204
  }
3014
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL {
3205
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5 {
3015
3206
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3016
3207
  --list-border-radius: var(--hop-shape-rounded-md);
3017
3208
  }
3018
- .CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3209
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___aDuEE {
3019
3210
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3020
3211
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3021
3212
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3022
3213
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3023
3214
  }
3024
- .CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3215
+ .CheckboxGroup-module__hop-CheckboxGroup--md___kb4Zt {
3025
3216
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3026
3217
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3027
3218
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3028
3219
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3029
3220
  }
3030
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3221
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5.CheckboxGroup-module__hop-CheckboxGroup--sm___aDuEE {
3031
3222
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3032
3223
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3033
3224
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3034
3225
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3035
3226
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3036
3227
  }
3037
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3228
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5.CheckboxGroup-module__hop-CheckboxGroup--md___kb4Zt {
3038
3229
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3039
3230
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3040
3231
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3041
3232
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3042
3233
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3043
3234
  }
3044
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t[data-orientation=horizontal] {
3235
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4[data-orientation=horizontal] {
3045
3236
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3046
3237
  }
3047
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] {
3238
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=horizontal] {
3048
3239
  --flex-wrap: nowrap;
3049
3240
  }
3050
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__label___U2dUJ {
3241
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__label___ihFR4 {
3051
3242
  order: 1;
3052
3243
  }
3053
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij {
3244
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu {
3054
3245
  display: flex;
3055
3246
  flex-flow: var(--flex-direction) var(--flex-wrap);
3056
3247
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3061,7 +3252,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3061
3252
  border: var(--list-border, none);
3062
3253
  border-radius: var(--list-border-radius, 0);
3063
3254
  }
3064
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 {
3255
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 {
3065
3256
  position: relative;
3066
3257
  flex: 0 1 auto;
3067
3258
  align-content: start;
@@ -3069,28 +3260,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3069
3260
  min-inline-size: 0;
3070
3261
  padding: var(--checkbox-padding, 0);
3071
3262
  }
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 {
3263
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5 .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
3073
3264
  content: "";
3074
3265
  position: absolute;
3075
3266
  display: block;
3076
3267
  }
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 {
3268
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
3078
3269
  inset-block-start: 0;
3079
3270
  inset-inline: 0;
3080
3271
  border-block-start: var(--list-border, none);
3081
3272
  }
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 {
3273
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
3083
3274
  inset-block: 0;
3084
3275
  inset-inline-start: 0;
3085
3276
  border-inline-start: var(--list-border, none);
3086
3277
  }
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 {
3278
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___W7M6Y,
3279
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___IqqRV {
3089
3280
  order: 3;
3090
3281
  }
3091
3282
 
3092
3283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3093
- .Checkbox-module__hop-Checkbox___PKY27 {
3284
+ .Checkbox-module__hop-Checkbox___7S2pV {
3094
3285
  --hop-Checkbox-box-border-size: 0.0625rem;
3095
3286
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
3096
3287
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3165,60 +3356,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3165
3356
  inline-size: max-content;
3166
3357
  max-inline-size: 100%;
3167
3358
  }
3168
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
3359
+ .Checkbox-module__hop-Checkbox___7S2pV[data-focus-visible] {
3169
3360
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3170
3361
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3171
3362
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3172
3363
  --text-color: var(--hop-Checkbox-text-color-focused);
3173
3364
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3174
3365
  }
3175
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
3366
+ .Checkbox-module__hop-Checkbox___7S2pV[data-hovered] {
3176
3367
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3177
3368
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3178
3369
  --text-color: var(--hop-Checkbox-text-color-hovered);
3179
3370
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3180
3371
  }
3181
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
3372
+ .Checkbox-module__hop-Checkbox___7S2pV[data-pressed] {
3182
3373
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3183
3374
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3184
3375
  --text-color: var(--hop-Checkbox-text-color-pressed);
3185
3376
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3186
3377
  }
3187
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3378
+ .Checkbox-module__hop-Checkbox___7S2pV[data-selected] {
3188
3379
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3189
3380
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3190
3381
  --check-display: var(--hop-Checkbox-check-display-selected);
3191
3382
  --text-color: var(--hop-Checkbox-text-color-selected);
3192
3383
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3193
3384
  }
3194
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3385
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid] {
3195
3386
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3196
3387
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3197
3388
  --check-color: var(--hop-Checkbox-check-color-invalid);
3198
3389
  --text-color: var(--hop-Checkbox-text-color-invalid);
3199
3390
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3200
3391
  }
3201
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3392
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-focus-visible]) {
3202
3393
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3203
3394
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3204
3395
  }
3205
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3396
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-hovered]) {
3206
3397
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3207
3398
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3208
3399
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3209
3400
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3210
3401
  }
3211
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3402
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-pressed]) {
3212
3403
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3213
3404
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3214
3405
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3215
3406
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3216
3407
  }
3217
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3408
+ .Checkbox-module__hop-Checkbox___7S2pV:where([data-invalid])[data-selected] {
3218
3409
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3219
3410
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3220
3411
  }
3221
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3412
+ .Checkbox-module__hop-Checkbox___7S2pV[data-disabled] {
3222
3413
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3223
3414
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3224
3415
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3226,25 +3417,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3226
3417
  --text-color: var(--hop-Checkbox-text-color-disabled);
3227
3418
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3228
3419
  }
3229
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
3420
+ .Checkbox-module__hop-Checkbox--sm___Y5YIy {
3230
3421
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3231
3422
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3232
3423
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3233
3424
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3234
3425
  }
3235
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
3426
+ .Checkbox-module__hop-Checkbox--md___MRlZB {
3236
3427
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3237
3428
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3238
3429
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3239
3430
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3240
3431
  }
3241
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
3242
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3432
+ .Checkbox-module__hop-Checkbox__icon___V650-,
3433
+ .Checkbox-module__hop-Checkbox__icon-list___i85om {
3243
3434
  flex: 0 0 auto;
3244
3435
  order: 3;
3245
3436
  color: var(--icon-color);
3246
3437
  }
3247
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
3438
+ .Checkbox-module__hop-Checkbox__box___sDhGl {
3248
3439
  display: flex;
3249
3440
  flex: 0 0 auto;
3250
3441
  align-items: center;
@@ -3260,11 +3451,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3260
3451
  outline-offset: 0.125rem;
3261
3452
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3262
3453
  }
3263
- .Checkbox-module__hop-Checkbox__check___r8gyX {
3454
+ .Checkbox-module__hop-Checkbox__check___nibRw {
3264
3455
  display: var(--check-display);
3265
3456
  color: var(--check-color);
3266
3457
  }
3267
- .Checkbox-module__hop-Checkbox__text___OtTLm {
3458
+ .Checkbox-module__hop-Checkbox__text___M-V4G {
3268
3459
  flex: 0 1 auto;
3269
3460
  order: 2;
3270
3461
  min-inline-size: 0;
@@ -3272,24 +3463,24 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3272
3463
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3273
3464
  color: var(--text-color);
3274
3465
  }
3275
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ltNWu {
3466
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___rHr0I {
3276
3467
  }
3277
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___q1ZI3 {
3468
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___gP5o5 {
3278
3469
  }
3279
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___c-J-V {
3470
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___6FJrV {
3280
3471
  }
3281
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___ygQrT,
3282
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MDkVD {
3472
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___b7n1Q,
3473
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___fWgsV {
3283
3474
  }
3284
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JwBJ8 {
3475
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___c4zbl {
3285
3476
  }
3286
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___82euF {
3477
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gLBEx {
3287
3478
  }
3288
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___VQlPm {
3479
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ZZZ1t {
3289
3480
  }
3290
3481
 
3291
3482
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3292
- .Radio-module__hop-Radio___Jz8ck {
3483
+ .Radio-module__hop-Radio___F4suj {
3293
3484
  --hop-Radio-box-border-size: 0.0625rem;
3294
3485
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3295
3486
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3363,60 +3554,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3363
3554
  inline-size: max-content;
3364
3555
  max-inline-size: 100%;
3365
3556
  }
3366
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3557
+ .Radio-module__hop-Radio___F4suj[data-focus-visible] {
3367
3558
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3368
3559
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3369
3560
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3370
3561
  --text-color: var(--hop-Radio-text-color-focused);
3371
3562
  --icon-color: var(--hop-Radio-icon-color-focused);
3372
3563
  }
3373
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3564
+ .Radio-module__hop-Radio___F4suj[data-hovered] {
3374
3565
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3375
3566
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3376
3567
  --text-color: var(--hop-Radio-text-color-hovered);
3377
3568
  --icon-color: var(--hop-Radio-icon-color-hovered);
3378
3569
  }
3379
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3570
+ .Radio-module__hop-Radio___F4suj[data-pressed] {
3380
3571
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3381
3572
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3382
3573
  --text-color: var(--hop-Radio-text-color-pressed);
3383
3574
  --icon-color: var(--hop-Radio-icon-color-pressed);
3384
3575
  }
3385
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
3576
+ .Radio-module__hop-Radio___F4suj[data-selected] {
3386
3577
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3387
3578
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3388
3579
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3389
3580
  --text-color: var(--hop-Radio-text-color-selected);
3390
3581
  --icon-color: var(--hop-Radio-icon-color-selected);
3391
3582
  }
3392
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3583
+ .Radio-module__hop-Radio___F4suj[data-invalid] {
3393
3584
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3394
3585
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3395
3586
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3396
3587
  --text-color: var(--hop-Radio-text-color-invalid);
3397
3588
  --icon-color: var(--hop-Radio-icon-color-invalid);
3398
3589
  }
3399
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3590
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-focus-visible] {
3400
3591
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3401
3592
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3402
3593
  }
3403
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3594
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-hovered] {
3404
3595
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3405
3596
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3406
3597
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3407
3598
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3408
3599
  }
3409
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3600
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-pressed] {
3410
3601
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3411
3602
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3412
3603
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3413
3604
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3414
3605
  }
3415
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3606
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-selected] {
3416
3607
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3417
3608
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3418
3609
  }
3419
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3610
+ .Radio-module__hop-Radio___F4suj[data-disabled] {
3420
3611
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3421
3612
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3422
3613
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3424,25 +3615,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3424
3615
  --text-color: var(--hop-Radio-text-color-disabled);
3425
3616
  --icon-color: var(--hop-Radio-icon-color-disabled);
3426
3617
  }
3427
- .Radio-module__hop-Radio--sm___WSJeF {
3618
+ .Radio-module__hop-Radio--sm___L9eoz {
3428
3619
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3429
3620
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3430
3621
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3431
3622
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3432
3623
  }
3433
- .Radio-module__hop-Radio--md___tXyrJ {
3624
+ .Radio-module__hop-Radio--md___WdvB1 {
3434
3625
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3435
3626
  --box-block-size: var(--hop-Radio-box-md-block-size);
3436
3627
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3437
3628
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3438
3629
  }
3439
- .Radio-module__hop-Radio__icon___j59Et,
3440
- .Radio-module__hop-Radio__icon-list___WX4W3 {
3630
+ .Radio-module__hop-Radio__icon___6-0PL,
3631
+ .Radio-module__hop-Radio__icon-list___jt4Au {
3441
3632
  flex: 0 0 auto;
3442
3633
  order: 3;
3443
3634
  color: var(--icon-color);
3444
3635
  }
3445
- .Radio-module__hop-Radio__box___hmHzG {
3636
+ .Radio-module__hop-Radio__box___cTU-f {
3446
3637
  display: flex;
3447
3638
  flex: 0 0 auto;
3448
3639
  align-items: center;
@@ -3458,11 +3649,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3458
3649
  outline-offset: 0.125rem;
3459
3650
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3460
3651
  }
3461
- .Radio-module__hop-Radio__bullet___rz-am {
3652
+ .Radio-module__hop-Radio__bullet___6iha9 {
3462
3653
  display: var(--bullet-display);
3463
3654
  color: var(--bullet-color);
3464
3655
  }
3465
- .Radio-module__hop-Radio__text___dbgFm {
3656
+ .Radio-module__hop-Radio__text___SAWlA {
3466
3657
  flex: 0 1 auto;
3467
3658
  order: 2;
3468
3659
  min-inline-size: 0;
@@ -3470,24 +3661,24 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3470
3661
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3471
3662
  color: var(--text-color);
3472
3663
  }
3473
- .DecorativeRadio-module__hop-DecorativeRadio___E-qe2 {
3664
+ .DecorativeRadio-module__hop-DecorativeRadio___KaOHH {
3474
3665
  }
3475
- .DecorativeRadio-module__hop-DecorativeRadio--sm___aEFSN {
3666
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___Pud19 {
3476
3667
  }
3477
- .DecorativeRadio-module__hop-DecorativeRadio--md___EkotK {
3668
+ .DecorativeRadio-module__hop-DecorativeRadio--md___HcJzE {
3478
3669
  }
3479
- .DecorativeRadio-module__hop-DecorativeRadio__icon___3yBe4,
3480
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XxcDj {
3670
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___XmGrN,
3671
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___b97sw {
3481
3672
  }
3482
- .DecorativeRadio-module__hop-DecorativeRadio__box___An1mf {
3673
+ .DecorativeRadio-module__hop-DecorativeRadio__box___KEN-o {
3483
3674
  }
3484
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___M7BvP {
3675
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___BEKcG {
3485
3676
  }
3486
- .DecorativeRadio-module__hop-DecorativeRadio__text___GELEI {
3677
+ .DecorativeRadio-module__hop-DecorativeRadio__text___SlIwK {
3487
3678
  }
3488
3679
 
3489
3680
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3490
- .Radio-module__hop-Radio___Jz8ck {
3681
+ .Radio-module__hop-Radio___F4suj {
3491
3682
  --hop-Radio-box-border-size: 0.0625rem;
3492
3683
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3493
3684
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3561,60 +3752,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3561
3752
  inline-size: max-content;
3562
3753
  max-inline-size: 100%;
3563
3754
  }
3564
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3755
+ .Radio-module__hop-Radio___F4suj[data-focus-visible] {
3565
3756
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3566
3757
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3567
3758
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3568
3759
  --text-color: var(--hop-Radio-text-color-focused);
3569
3760
  --icon-color: var(--hop-Radio-icon-color-focused);
3570
3761
  }
3571
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3762
+ .Radio-module__hop-Radio___F4suj[data-hovered] {
3572
3763
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3573
3764
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3574
3765
  --text-color: var(--hop-Radio-text-color-hovered);
3575
3766
  --icon-color: var(--hop-Radio-icon-color-hovered);
3576
3767
  }
3577
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3768
+ .Radio-module__hop-Radio___F4suj[data-pressed] {
3578
3769
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3579
3770
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3580
3771
  --text-color: var(--hop-Radio-text-color-pressed);
3581
3772
  --icon-color: var(--hop-Radio-icon-color-pressed);
3582
3773
  }
3583
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
3774
+ .Radio-module__hop-Radio___F4suj[data-selected] {
3584
3775
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3585
3776
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3586
3777
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3587
3778
  --text-color: var(--hop-Radio-text-color-selected);
3588
3779
  --icon-color: var(--hop-Radio-icon-color-selected);
3589
3780
  }
3590
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3781
+ .Radio-module__hop-Radio___F4suj[data-invalid] {
3591
3782
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3592
3783
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3593
3784
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3594
3785
  --text-color: var(--hop-Radio-text-color-invalid);
3595
3786
  --icon-color: var(--hop-Radio-icon-color-invalid);
3596
3787
  }
3597
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3788
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-focus-visible] {
3598
3789
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3599
3790
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3600
3791
  }
3601
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3792
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-hovered] {
3602
3793
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3603
3794
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3604
3795
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3605
3796
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3606
3797
  }
3607
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3798
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-pressed] {
3608
3799
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3609
3800
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3610
3801
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3611
3802
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3612
3803
  }
3613
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3804
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-selected] {
3614
3805
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3615
3806
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3616
3807
  }
3617
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3808
+ .Radio-module__hop-Radio___F4suj[data-disabled] {
3618
3809
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3619
3810
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3620
3811
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3622,25 +3813,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3622
3813
  --text-color: var(--hop-Radio-text-color-disabled);
3623
3814
  --icon-color: var(--hop-Radio-icon-color-disabled);
3624
3815
  }
3625
- .Radio-module__hop-Radio--sm___WSJeF {
3816
+ .Radio-module__hop-Radio--sm___L9eoz {
3626
3817
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3627
3818
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3628
3819
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3629
3820
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3630
3821
  }
3631
- .Radio-module__hop-Radio--md___tXyrJ {
3822
+ .Radio-module__hop-Radio--md___WdvB1 {
3632
3823
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3633
3824
  --box-block-size: var(--hop-Radio-box-md-block-size);
3634
3825
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3635
3826
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3636
3827
  }
3637
- .Radio-module__hop-Radio__icon___j59Et,
3638
- .Radio-module__hop-Radio__icon-list___WX4W3 {
3828
+ .Radio-module__hop-Radio__icon___6-0PL,
3829
+ .Radio-module__hop-Radio__icon-list___jt4Au {
3639
3830
  flex: 0 0 auto;
3640
3831
  order: 3;
3641
3832
  color: var(--icon-color);
3642
3833
  }
3643
- .Radio-module__hop-Radio__box___hmHzG {
3834
+ .Radio-module__hop-Radio__box___cTU-f {
3644
3835
  display: flex;
3645
3836
  flex: 0 0 auto;
3646
3837
  align-items: center;
@@ -3656,11 +3847,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3656
3847
  outline-offset: 0.125rem;
3657
3848
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3658
3849
  }
3659
- .Radio-module__hop-Radio__bullet___rz-am {
3850
+ .Radio-module__hop-Radio__bullet___6iha9 {
3660
3851
  display: var(--bullet-display);
3661
3852
  color: var(--bullet-color);
3662
3853
  }
3663
- .Radio-module__hop-Radio__text___dbgFm {
3854
+ .Radio-module__hop-Radio__text___SAWlA {
3664
3855
  flex: 0 1 auto;
3665
3856
  order: 2;
3666
3857
  min-inline-size: 0;
@@ -3670,7 +3861,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3670
3861
  }
3671
3862
 
3672
3863
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3673
- .RadioField-module__hop-RadioField___OfPLR {
3864
+ .RadioField-module__hop-RadioField___gjb4q {
3674
3865
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3675
3866
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3676
3867
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3689,28 +3880,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3689
3880
  inline-size: max-content;
3690
3881
  max-inline-size: 100%;
3691
3882
  }
3692
- .RadioField-module__hop-RadioField___OfPLR[data-disabled] {
3883
+ .RadioField-module__hop-RadioField___gjb4q[data-disabled] {
3693
3884
  --description-color: var(--hop-RadioField-description-color-disabled);
3694
3885
  }
3695
- .RadioField-module__hop-RadioField--sm___1sQAM {
3886
+ .RadioField-module__hop-RadioField--sm___AwQJp {
3696
3887
  --row-gap: var(--hop-RadioField-sm-row-gap);
3697
3888
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3698
3889
  }
3699
- .RadioField-module__hop-RadioField--md___89TK9 {
3890
+ .RadioField-module__hop-RadioField--md___G5PCl {
3700
3891
  --row-gap: var(--hop-RadioField-md-row-gap);
3701
3892
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3702
3893
  }
3703
- .RadioField-module__hop-RadioField__description___YsOrA {
3894
+ .RadioField-module__hop-RadioField__description___dG9rz {
3704
3895
  order: 2;
3705
3896
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3706
3897
  color: var(--description-color);
3707
3898
  }
3708
- .RadioField-module__hop-RadioField__radio___PEYsy {
3899
+ .RadioField-module__hop-RadioField__radio___B69-j {
3709
3900
  order: 1;
3710
3901
  }
3711
3902
 
3712
3903
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3713
- .RadioGroup-module__hop-RadioGroup___CT2GD {
3904
+ .RadioGroup-module__hop-RadioGroup___WV7Yj {
3714
3905
  --hop-RadioGroup-align-items: flex-start;
3715
3906
  --hop-RadioGroup-justify-content: flex-start;
3716
3907
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3750,46 +3941,46 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3750
3941
  inline-size: var(--inline-size);
3751
3942
  max-inline-size: 100%;
3752
3943
  }
3753
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i {
3944
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c {
3754
3945
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3755
3946
  --list-border-radius: var(--hop-shape-rounded-md);
3756
3947
  }
3757
- .RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3948
+ .RadioGroup-module__hop-RadioGroup--sm___uYl3G {
3758
3949
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3759
3950
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3760
3951
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3761
3952
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3762
3953
  }
3763
- .RadioGroup-module__hop-RadioGroup--md___04ypk {
3954
+ .RadioGroup-module__hop-RadioGroup--md___vjJQH {
3764
3955
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3765
3956
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3766
3957
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3767
3958
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3768
3959
  }
3769
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3960
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c.RadioGroup-module__hop-RadioGroup--sm___uYl3G {
3770
3961
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3771
3962
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3772
3963
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3773
3964
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3774
3965
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3775
3966
  }
3776
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--md___04ypk {
3967
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c.RadioGroup-module__hop-RadioGroup--md___vjJQH {
3777
3968
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3778
3969
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3779
3970
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3780
3971
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3781
3972
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3782
3973
  }
3783
- .RadioGroup-module__hop-RadioGroup___CT2GD[data-orientation=horizontal] {
3974
+ .RadioGroup-module__hop-RadioGroup___WV7Yj[data-orientation=horizontal] {
3784
3975
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3785
3976
  }
3786
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] {
3977
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=horizontal] {
3787
3978
  --flex-wrap: nowrap;
3788
3979
  }
3789
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__label___WZ0Ob {
3980
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__label___6vDNt {
3790
3981
  order: 1;
3791
3982
  }
3792
- .RadioGroup-module__hop-RadioGroup__list___nFxxn {
3983
+ .RadioGroup-module__hop-RadioGroup__list___eIhMo {
3793
3984
  display: flex;
3794
3985
  flex-flow: var(--flex-direction) var(--flex-wrap);
3795
3986
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3800,7 +3991,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3800
3991
  border: var(--list-border, none);
3801
3992
  border-radius: var(--list-border-radius, 0);
3802
3993
  }
3803
- .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 {
3994
+ .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 {
3804
3995
  position: relative;
3805
3996
  flex: 0 1 auto;
3806
3997
  align-content: start;
@@ -3808,28 +3999,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3808
3999
  min-inline-size: 0;
3809
4000
  padding: var(--radio-padding, 0);
3810
4001
  }
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 {
4002
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
3812
4003
  content: "";
3813
4004
  position: absolute;
3814
4005
  display: block;
3815
4006
  }
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 {
4007
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
3817
4008
  inset-block-start: 0;
3818
4009
  inset-inline: 0;
3819
4010
  border-block-start: var(--list-border, none);
3820
4011
  }
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 {
4012
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
3822
4013
  inset-block: 0;
3823
4014
  inset-inline-start: 0;
3824
4015
  border-inline-start: var(--list-border, none);
3825
4016
  }
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 {
4017
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__error-message___Iv-PM,
4018
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__helper-message___LY7Hr {
3828
4019
  order: 3;
3829
4020
  }
3830
4021
 
3831
4022
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3832
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___ubLsJ {
4023
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Sh3Ru {
3833
4024
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3834
4025
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3835
4026
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3855,7 +4046,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3855
4046
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3856
4047
  background-size: 400% 100%;
3857
4048
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3858
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40;
4049
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___loNSv;
3859
4050
  animation-duration: var(--animation-duration);
3860
4051
  animation-timing-function: ease-in-out;
3861
4052
  animation-fill-mode: forwards;
@@ -3864,19 +4055,19 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3864
4055
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3865
4056
  }
3866
4057
  }
3867
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WGCIH {
4058
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___i6cSV {
3868
4059
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3869
4060
  }
3870
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WGPSm {
4061
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___L-2WC {
3871
4062
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3872
4063
  }
3873
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___QYRAT {
4064
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___nkmke {
3874
4065
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3875
4066
  }
3876
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___CLnc0 {
4067
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___sAAT7 {
3877
4068
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3878
4069
  }
3879
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40 {
4070
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___loNSv {
3880
4071
  0% {
3881
4072
  background-position: 125% 50%;
3882
4073
  }
@@ -3886,7 +4077,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3886
4077
  }
3887
4078
 
3888
4079
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3889
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3 {
4080
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd {
3890
4081
  --hop-ListBoxItem-background-color: transparent;
3891
4082
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3892
4083
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3983,129 +4174,129 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3983
4174
  outline: var(--outline);
3984
4175
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3985
4176
  }
3986
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ- {
4177
+ .ListBoxItem-module__hop-ListBoxItem--xs___-SRwW {
3987
4178
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3988
4179
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3989
4180
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3990
4181
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3991
4182
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3992
4183
  }
3993
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i {
4184
+ .ListBoxItem-module__hop-ListBoxItem--sm___pcETN {
3994
4185
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3995
4186
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3996
4187
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3997
4188
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3998
4189
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3999
4190
  }
4000
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4 {
4191
+ .ListBoxItem-module__hop-ListBoxItem--md___v1EG- {
4001
4192
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4002
4193
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4003
4194
  --min-height: var(--hop-ListBoxItem-md-min-height);
4004
4195
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4005
4196
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4006
4197
  }
4007
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w {
4198
+ .ListBoxItem-module__hop-ListBoxItem--lg___5jTzj {
4008
4199
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4009
4200
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4010
4201
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4011
4202
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4012
4203
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4013
4204
  }
4014
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selection-mode] {
4205
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-selection-mode] {
4015
4206
  --cursor: pointer;
4016
4207
  }
4017
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:not([data-selection-mode]) {
4208
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd:not([data-selection-mode]) {
4018
4209
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4019
4210
  }
4020
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4211
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD) {
4021
4212
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4022
4213
  }
4023
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4214
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD) {
4024
4215
  --checkmark-transition: none;
4025
4216
  }
4026
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selected] {
4217
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-selected] {
4027
4218
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4028
4219
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4029
4220
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4030
4221
  --checkmark-opacity: 1;
4031
4222
  }
4032
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ-[data-selected] {
4223
+ .ListBoxItem-module__hop-ListBoxItem--xs___-SRwW[data-selected] {
4033
4224
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4034
4225
  }
4035
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i[data-selected] {
4226
+ .ListBoxItem-module__hop-ListBoxItem--sm___pcETN[data-selected] {
4036
4227
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4037
4228
  }
4038
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4[data-selected] {
4229
+ .ListBoxItem-module__hop-ListBoxItem--md___v1EG-[data-selected] {
4039
4230
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4040
4231
  }
4041
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w[data-selected] {
4232
+ .ListBoxItem-module__hop-ListBoxItem--lg___5jTzj[data-selected] {
4042
4233
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4043
4234
  }
4044
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-focus-visible] {
4235
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-focus-visible] {
4045
4236
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4046
4237
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4047
4238
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4048
4239
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4049
4240
  }
4050
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-hovered] {
4241
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-hovered] {
4051
4242
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4052
4243
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4053
4244
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4054
4245
  }
4055
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-pressed] {
4246
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-pressed] {
4056
4247
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4057
4248
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4058
4249
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4059
4250
  }
4060
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-disabled] {
4251
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-disabled] {
4061
4252
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4062
4253
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4063
4254
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
4064
4255
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4065
4256
  --cursor: not-allowed;
4066
4257
  }
4067
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid] {
4258
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid] {
4068
4259
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4069
4260
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4070
4261
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4071
4262
  }
4072
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-selected] {
4263
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-selected] {
4073
4264
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4074
4265
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4075
4266
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4076
4267
  }
4077
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-focus-visible] {
4268
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-focus-visible] {
4078
4269
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4079
4270
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4080
4271
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4081
4272
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4082
4273
  }
4083
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-hovered] {
4274
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-hovered] {
4084
4275
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4085
4276
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4086
4277
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4087
4278
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4088
4279
  }
4089
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-pressed] {
4280
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-pressed] {
4090
4281
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4091
4282
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4092
4283
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4093
4284
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4094
4285
  }
4095
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-disabled] {
4286
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-disabled] {
4096
4287
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4097
4288
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4098
4289
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4099
4290
  }
4100
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:has(.ListBoxItem-module__hop-ListBoxItem__description___iqwlS) {
4291
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd:has(.ListBoxItem-module__hop-ListBoxItem__description___UR-pt) {
4101
4292
  --row-gap: var(--hop-ListBoxItem-row-gap);
4102
4293
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4103
4294
  }
4104
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-loading] {
4295
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-loading] {
4105
4296
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4106
4297
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4107
4298
  }
4108
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL {
4299
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A {
4109
4300
  display: grid;
4110
4301
  grid-template-areas: var(--grid-template-areas);
4111
4302
  grid-template-columns: var(--grid-template-columns);
@@ -4117,33 +4308,33 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4117
4308
  padding-inline: var(--padding-inline);
4118
4309
  transition: grid-template-columns .3s ease-in-out;
4119
4310
  }
4120
- .ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL {
4311
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD {
4121
4312
  grid-area: indicator;
4122
4313
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4123
4314
  color: var(--icon-color);
4124
4315
  opacity: var(--checkmark-opacity);
4125
4316
  transition: var(--checkmark-transition);
4126
4317
  }
4127
- .ListBoxItem-module__hop-ListBoxItem__radio___fJOFo,
4128
- .ListBoxItem-module__hop-ListBoxItem__checkbox___WwFFw {
4318
+ .ListBoxItem-module__hop-ListBoxItem__radio___41XeO,
4319
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___erjAp {
4129
4320
  pointer-events: none;
4130
4321
  user-select: none;
4131
4322
  grid-area: indicator;
4132
4323
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4133
4324
  }
4134
- .ListBoxItem-module__hop-ListBoxItem__avatar___HbYEO {
4325
+ .ListBoxItem-module__hop-ListBoxItem__avatar___qb1iO {
4135
4326
  grid-area: avatar;
4136
4327
  margin-block: var(--avatar-margin-block, 0);
4137
4328
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4138
4329
  }
4139
- .ListBoxItem-module__hop-ListBoxItem__icon-list___vxHCk,
4140
- .ListBoxItem-module__hop-ListBoxItem__icon___M1n7P {
4330
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___TtY2d,
4331
+ .ListBoxItem-module__hop-ListBoxItem__icon___g8LGX {
4141
4332
  grid-area: icon;
4142
4333
  flex: 0 0 auto;
4143
4334
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4144
4335
  color: var(--icon-color);
4145
4336
  }
4146
- .ListBoxItem-module__hop-ListBoxItem__label___qPV5n {
4337
+ .ListBoxItem-module__hop-ListBoxItem__label___jmW4o {
4147
4338
  overflow: hidden;
4148
4339
  grid-area: label;
4149
4340
  min-inline-size: 0;
@@ -4151,18 +4342,18 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4151
4342
  text-overflow: ellipsis;
4152
4343
  white-space: nowrap;
4153
4344
  }
4154
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zrh3-,
4155
- .ListBoxItem-module__hop-ListBoxItem__end-icon___b3bLB {
4345
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___FsUeE,
4346
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___fHJp3 {
4156
4347
  grid-area: end-icon;
4157
4348
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4158
4349
  color: var(--icon-color);
4159
4350
  }
4160
- .ListBoxItem-module__hop-ListBoxItem__badge___Hapc9 {
4351
+ .ListBoxItem-module__hop-ListBoxItem__badge___EVyqE {
4161
4352
  grid-area: badge;
4162
4353
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4163
4354
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4164
4355
  }
4165
- .ListBoxItem-module__hop-ListBoxItem__description___iqwlS {
4356
+ .ListBoxItem-module__hop-ListBoxItem__description___UR-pt {
4166
4357
  overflow: hidden;
4167
4358
  display: -webkit-box;
4168
4359
  grid-area: description;
@@ -4173,7 +4364,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4173
4364
  }
4174
4365
 
4175
4366
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4176
- .ListBox-module__hop-ListBox___eS4LD {
4367
+ .ListBox-module__hop-ListBox___AU7ph {
4177
4368
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4178
4369
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4179
4370
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4220,11 +4411,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4220
4411
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4221
4412
  border-radius: var(--hop-ListBox-border-radius);
4222
4413
  }
4223
- .ListBox-module__hop-ListBox--fluid___FCorP {
4414
+ .ListBox-module__hop-ListBox--fluid___v9fin {
4224
4415
  --max-width: var(--hop-ListBox-fluid-max-width);
4225
4416
  --width: var(--hop-ListBox-fluid-width);
4226
4417
  }
4227
- .ListBox-module__hop-ListBox__section___jqhyE {
4418
+ .ListBox-module__hop-ListBox__section___-WSj4 {
4228
4419
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4229
4420
  margin-inline: var(--hop-ListBox-section-margin-inline);
4230
4421
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4232,21 +4423,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4232
4423
  border-block-start: var(--section-border-block-start);
4233
4424
  border-block-end: var(--section-border-block-end);
4234
4425
  }
4235
- .ListBox-module__hop-ListBox__item___BBCbP + .ListBox-module__hop-ListBox__section___jqhyE {
4426
+ .ListBox-module__hop-ListBox__item___2h3-5 + .ListBox-module__hop-ListBox__section___-WSj4 {
4236
4427
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4237
4428
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4238
4429
  }
4239
- .ListBox-module__hop-ListBox__section___jqhyE:has(+ .ListBox-module__hop-ListBox__item___BBCbP) {
4430
+ .ListBox-module__hop-ListBox__section___-WSj4:has(+ .ListBox-module__hop-ListBox__item___2h3-5) {
4240
4431
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4241
4432
  }
4242
- .ListBox-module__hop-ListBox__section___jqhyE:first-child {
4433
+ .ListBox-module__hop-ListBox__section___-WSj4:first-child {
4243
4434
  --section-padding-block-start: 0;
4244
4435
  }
4245
- .ListBox-module__hop-ListBox__section___jqhyE:last-child {
4436
+ .ListBox-module__hop-ListBox__section___-WSj4:last-child {
4246
4437
  --section-padding-block-end: 0;
4247
4438
  --section-border-block-end: 0;
4248
4439
  }
4249
- .ListBox-module__hop-ListBox__section-header___KU9yC {
4440
+ .ListBox-module__hop-ListBox__section-header___YsOxk {
4250
4441
  margin: 0;
4251
4442
  padding: var(--hop-ListBox-section-header-padding);
4252
4443
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4257,30 +4448,30 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4257
4448
  text-transform: var(--hop-ListBox-section-header-text-transform);
4258
4449
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4259
4450
  }
4260
- .ListBox-module__hop-ListBox__section-header___KU9yC::before,
4261
- .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4451
+ .ListBox-module__hop-ListBox__section-header___YsOxk::before,
4452
+ .ListBox-module__hop-ListBox__section-header___YsOxk::after {
4262
4453
  content: "";
4263
4454
  display: block;
4264
4455
  box-sizing: border-box;
4265
4456
  inline-size: 0;
4266
4457
  block-size: 0;
4267
4458
  }
4268
- .ListBox-module__hop-ListBox__section-header___KU9yC::before {
4459
+ .ListBox-module__hop-ListBox__section-header___YsOxk::before {
4269
4460
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4270
4461
  }
4271
- .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4462
+ .ListBox-module__hop-ListBox__section-header___YsOxk::after {
4272
4463
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4273
4464
  }
4274
4465
 
4275
4466
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4276
- :where(.Popover-module__hop-Popover___f2C8z *) {
4467
+ :where(.Popover-module__hop-Popover___oHy8S *) {
4277
4468
  font-family: var(--font-family);
4278
4469
  font-size: var(--font-size);
4279
4470
  font-weight: var(--font-weight);
4280
4471
  line-height: var(--line-height);
4281
4472
  outline: none;
4282
4473
  }
4283
- .Popover-module__hop-Popover___f2C8z {
4474
+ .Popover-module__hop-Popover___oHy8S {
4284
4475
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4285
4476
  --hop-Popover-inline-width: 25rem;
4286
4477
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4293,22 +4484,22 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4293
4484
  inline-size: var(--width);
4294
4485
  max-inline-size: var(--max-width);
4295
4486
  }
4296
- .Popover-module__hop-Popover___f2C8z[data-trigger=Select] {
4487
+ .Popover-module__hop-Popover___oHy8S[data-trigger=Select] {
4297
4488
  --width: var(--hop-Popover-dropdown-inline-width);
4298
4489
  }
4299
- .Popover-module__hop-Popover___f2C8z[data-trigger=ComboBox] {
4490
+ .Popover-module__hop-Popover___oHy8S[data-trigger=ComboBox] {
4300
4491
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4301
4492
  }
4302
- .Popover-module__hop-Popover___f2C8z[data-auto-width] {
4493
+ .Popover-module__hop-Popover___oHy8S[data-auto-width] {
4303
4494
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4304
4495
  }
4305
- .Popover-module__hop-Popover___f2C8z[data-entering] {
4306
- animation: Popover-module__fade___ZvHyC 0.25s;
4496
+ .Popover-module__hop-Popover___oHy8S[data-entering] {
4497
+ animation: Popover-module__fade___AmUOK 0.25s;
4307
4498
  }
4308
- .Popover-module__hop-Popover___f2C8z[data-exiting] {
4309
- animation: Popover-module__fade___ZvHyC 0.25s reverse;
4499
+ .Popover-module__hop-Popover___oHy8S[data-exiting] {
4500
+ animation: Popover-module__fade___AmUOK 0.25s reverse;
4310
4501
  }
4311
- @keyframes Popover-module__fade___ZvHyC {
4502
+ @keyframes Popover-module__fade___AmUOK {
4312
4503
  from {
4313
4504
  opacity: 0;
4314
4505
  }
@@ -4316,14 +4507,14 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4316
4507
  opacity: 1;
4317
4508
  }
4318
4509
  }
4319
- .Popover-module__hop-Popover__wrapper___XkVWN {
4510
+ .Popover-module__hop-Popover__wrapper___gSfH4 {
4320
4511
  display: flex;
4321
4512
  flex: 1 1 auto;
4322
4513
  flex-direction: column;
4323
4514
  min-block-size: 0;
4324
4515
  }
4325
- .Popover-module__hop-Popover__dialog___XHUDL,
4326
- .Popover-module__hop-Popover__dropdown___RdY0R {
4516
+ .Popover-module__hop-Popover__dialog___Pkr-z,
4517
+ .Popover-module__hop-Popover__dropdown___7-r-N {
4327
4518
  --hop-Popover-background: var(--hop-neutral-surface);
4328
4519
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4329
4520
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4371,21 +4562,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4371
4562
  border-radius: var(--hop-Popover-border-radius);
4372
4563
  box-shadow: var(--hop-Popover-box-shadow);
4373
4564
  }
4374
- .Popover-module__hop-Popover__dropdown___RdY0R {
4565
+ .Popover-module__hop-Popover__dropdown___7-r-N {
4375
4566
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4376
4567
  --footer-place-self: stretch;
4377
4568
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4378
4569
  --padding: var(--hop-Popover-dropdown-padding);
4379
4570
  overflow: hidden;
4380
4571
  }
4381
- .Popover-module__hop-Popover__dialog___XHUDL {
4572
+ .Popover-module__hop-Popover__dialog___Pkr-z {
4382
4573
  --padding: var(--hop-Popover-dialog-padding);
4383
4574
  }
4384
- .Popover-module__hop-Popover__title___9KI7H {
4575
+ .Popover-module__hop-Popover__title___lGIit {
4385
4576
  grid-area: header;
4386
4577
  color: var(--hop-Popover-color);
4387
4578
  }
4388
- .Popover-module__hop-Popover__content___9F8Hl {
4579
+ .Popover-module__hop-Popover__content___IIeon {
4389
4580
  --font-size: var(--hop-Popover-content-font-size);
4390
4581
  --line-height: var(--hop-Popover-content-line-height);
4391
4582
  --font-family: var(--hop-Popover-content-font-family);
@@ -4396,12 +4587,12 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4396
4587
  padding: 0;
4397
4588
  color: var(--hop-Popover-content-color);
4398
4589
  }
4399
- .Popover-module__hop-Popover___f2C8z:not(:has(.Popover-module__hop-Popover__title___9KI7H)) {
4400
- .Popover-module__hop-Popover__content___9F8Hl {
4590
+ .Popover-module__hop-Popover___oHy8S:not(:has(.Popover-module__hop-Popover__title___lGIit)) {
4591
+ .Popover-module__hop-Popover__content___IIeon {
4401
4592
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4402
4593
  }
4403
4594
  }
4404
- .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__list-box___LNQrm {
4595
+ .Popover-module__hop-Popover__dropdown___7-r-N .Popover-module__hop-Popover__list-box___VVQKf {
4405
4596
  grid-area: content;
4406
4597
  inline-size: auto;
4407
4598
  min-inline-size: auto;
@@ -4409,7 +4600,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4409
4600
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4410
4601
  border: none;
4411
4602
  }
4412
- .Popover-module__hop-Popover__footer___iUKEH {
4603
+ .Popover-module__hop-Popover__footer___cVo05 {
4413
4604
  --font-size: var(--hop-Popover-footer-font-size);
4414
4605
  --line-height: var(--hop-Popover-footer-line-height);
4415
4606
  grid-area: footer;
@@ -4417,22 +4608,22 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4417
4608
  margin: var(--footer-margin);
4418
4609
  color: var(--hop-Popover-color);
4419
4610
  }
4420
- .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__footer___iUKEH {
4611
+ .Popover-module__hop-Popover__dropdown___7-r-N .Popover-module__hop-Popover__footer___cVo05 {
4421
4612
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4422
4613
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4423
4614
  }
4424
- .Popover-module__hop-Popover__actions___nhOEW,
4425
- .Popover-module__hop-Popover__action___Joaf- {
4615
+ .Popover-module__hop-Popover__actions___R0M1W,
4616
+ .Popover-module__hop-Popover__action___-2UdZ {
4426
4617
  grid-area: action;
4427
4618
  justify-self: end;
4428
4619
  margin-block-start: var(--hop-Popover-row-gap);
4429
4620
  }
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 {
4621
+ .Popover-module__hop-Popover___oHy8S:has(.Popover-module__hop-Popover__actions___R0M1W, .Popover-module__hop-Popover__action___-2UdZ) .Popover-module__hop-Popover__footer___cVo05 {
4431
4622
  margin-inline-end: var(--hop-Popover-column-gap);
4432
4623
  }
4433
4624
 
4434
4625
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4435
- .PopoverBase-module__hop-PopoverBase___j0xnb {
4626
+ .PopoverBase-module__hop-PopoverBase___T7ztI {
4436
4627
  --hop-Popover-background: var(--hop-neutral-surface);
4437
4628
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4438
4629
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4462,17 +4653,17 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4462
4653
  box-shadow: var(--hop-Popover-box-shadow);
4463
4654
  transition: opacity var(--hop-easing-duration-2);
4464
4655
  }
4465
- .PopoverBase-module__hop-PopoverBase___j0xnb[data-entering] {
4656
+ .PopoverBase-module__hop-PopoverBase___T7ztI[data-entering] {
4466
4657
  opacity: 0;
4467
4658
  }
4468
- .PopoverBase-module__hop-PopoverBase___j0xnb[data-exiting] {
4659
+ .PopoverBase-module__hop-PopoverBase___T7ztI[data-exiting] {
4469
4660
  pointer-events: none;
4470
4661
  opacity: 0;
4471
4662
  transition-timing-function: var(--hop-easing-productive);
4472
4663
  }
4473
4664
 
4474
4665
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/contextual-help/src/ContextualHelp.module.css/#css-module-data */
4475
- .ContextualHelp-module__hop-ContextualHelp___5q7wD {
4666
+ .ContextualHelp-module__hop-ContextualHelp___6MCNW {
4476
4667
  --hop-ContextualHelp-block-size: fit-content;
4477
4668
  --hop-ContextualHelp-inline-size: fit-content;
4478
4669
  --hop-ContextualHelp-box-sizing: border-box;
@@ -4504,10 +4695,10 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4504
4695
  border-radius: var(--hop-ContextualHelp-border-radius);
4505
4696
  outline: var(--hop-ContextualHelp-outline);
4506
4697
  }
4507
- .ContextualHelp-module__hop-ContextualHelp___5q7wD[data-focus-visible] {
4698
+ .ContextualHelp-module__hop-ContextualHelp___6MCNW[data-focus-visible] {
4508
4699
  outline: var(--hop-ContextualHelp-outline-size) solid var(--hop-ContextualHelp-focus-ring-color);
4509
4700
  }
4510
- .ContextualHelp-module__hop-ContextualHelp__popover___b6VNL {
4701
+ .ContextualHelp-module__hop-ContextualHelp__popover___aljSH {
4511
4702
  --hop-ContextualHelp__popover-outline: none;
4512
4703
  --hop-ContextualHelp__popover-border: none;
4513
4704
  --hop-ContextualHelp__popover-max-inline-size: 20rem;