@hopper-ui/components 1.8.2 → 1.9.0

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 (365) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +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 +48 -48
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +66 -66
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +65 -65
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +48 -48
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +48 -48
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +48 -48
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +93 -93
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +48 -48
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +63 -63
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +120 -110
  31. package/dist/buttons/src/Button.d.ts +5 -2
  32. package/dist/buttons/src/Button.js +6 -5
  33. package/dist/buttons/src/ButtonContext.d.ts +3 -1
  34. package/dist/buttons/src/ButtonGroup.css +49 -49
  35. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  36. package/dist/buttons/src/ButtonGroup.js +1 -1
  37. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -1
  38. package/dist/buttons/src/ClearButton.css +109 -109
  39. package/dist/buttons/src/ClearButton.js +2 -2
  40. package/dist/buttons/src/CloseButton.css +115 -105
  41. package/dist/buttons/src/CloseButton.d.ts +3 -1
  42. package/dist/buttons/src/CloseButton.js +7 -6
  43. package/dist/buttons/src/CloseButtonContext.d.ts +3 -1
  44. package/dist/buttons/src/EmbeddedButton.css +109 -109
  45. package/dist/buttons/src/EmbeddedButton.js +1 -1
  46. package/dist/buttons/src/LinkButton.css +131 -119
  47. package/dist/buttons/src/LinkButton.d.ts +5 -2
  48. package/dist/buttons/src/LinkButton.js +5 -4
  49. package/dist/buttons/src/LinkButtonContext.d.ts +3 -1
  50. package/dist/buttons/src/ToggleButton.css +485 -330
  51. package/dist/buttons/src/ToggleButton.d.ts +6 -3
  52. package/dist/buttons/src/ToggleButton.js +4 -4
  53. package/dist/buttons/src/ToggleButtonContext.d.ts +3 -1
  54. package/dist/buttons/src/index.css +718 -541
  55. package/dist/buttons/src/index.d.ts +6 -4
  56. package/dist/buttons/src/index.js +12 -11
  57. package/dist/callout/src/Callout.css +730 -553
  58. package/dist/callout/src/Callout.js +8 -7
  59. package/dist/callout/src/CompactCallout.css +767 -590
  60. package/dist/callout/src/CompactCallout.js +8 -7
  61. package/dist/callout/src/index.css +779 -602
  62. package/dist/callout/src/index.js +10 -9
  63. package/dist/card/src/Card.css +41 -41
  64. package/dist/card/src/Card.js +1 -1
  65. package/dist/card/src/index.css +41 -41
  66. package/dist/card/src/index.js +1 -1
  67. package/dist/checkbox/src/Checkbox.css +57 -57
  68. package/dist/checkbox/src/Checkbox.js +4 -4
  69. package/dist/checkbox/src/CheckboxField.css +44 -44
  70. package/dist/checkbox/src/CheckboxField.js +3 -3
  71. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  72. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  73. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  74. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  75. package/dist/checkbox/src/index.css +109 -109
  76. package/dist/checkbox/src/index.js +11 -11
  77. package/dist/{chunk-3MYOCKT2.js → chunk-22DZZ7PK.js} +8 -8
  78. package/dist/{chunk-VNFZDWVB.js → chunk-23OKJK5E.js} +1 -1
  79. package/dist/{chunk-WTBYPRRW.js → chunk-2CMRIMTT.js} +3 -3
  80. package/dist/{chunk-CHJUYY53.js → chunk-2VMV4LDJ.js} +1 -1
  81. package/dist/{chunk-WTDBPVO2.js → chunk-335ZARPI.js} +3 -3
  82. package/dist/{chunk-OPG3YAOS.js → chunk-3GNODKFW.js} +1 -1
  83. package/dist/{chunk-WSW2WVYZ.js → chunk-3UBW7B5Y.js} +1 -1
  84. package/dist/{chunk-OM4XR33Z.js → chunk-4B7TDPQB.js} +2 -2
  85. package/dist/{chunk-R3F4R2GR.js → chunk-4JKPMEEJ.js} +5 -5
  86. package/dist/{chunk-O4U6DKHU.js → chunk-4UVLGO3D.js} +2 -2
  87. package/dist/{chunk-VSAMAS7P.js → chunk-5OSLSGCY.js} +5 -5
  88. package/dist/{chunk-XIWBIDKX.js → chunk-5Q5LAGLQ.js} +16 -10
  89. package/dist/{chunk-V4FVG6RD.js → chunk-63B43NAY.js} +3 -3
  90. package/dist/{chunk-YT6KAZ7W.js → chunk-63P5XXBL.js} +2 -2
  91. package/dist/{chunk-TSXCJZLH.js → chunk-6AKHGSHL.js} +2 -2
  92. package/dist/{chunk-CMNPB35A.js → chunk-6KXXNGHQ.js} +12 -12
  93. package/dist/{chunk-TQFW3GV6.js → chunk-77JGVGS3.js} +2 -2
  94. package/dist/{chunk-VDPXCFLQ.js → chunk-7EZL7ZEN.js} +5 -5
  95. package/dist/{chunk-C2JYCOJJ.js → chunk-7FIL5U4Z.js} +2 -2
  96. package/dist/{chunk-YG4VQFHZ.js → chunk-7KGCL6NF.js} +2 -2
  97. package/dist/{chunk-AJ4JHO3L.js → chunk-7SQ3B5CN.js} +3 -3
  98. package/dist/{chunk-VQ6HKO7S.js → chunk-7WNRLXYV.js} +2 -2
  99. package/dist/{chunk-SLJKAEOC.js → chunk-AH4RWVYD.js} +5 -5
  100. package/dist/{chunk-3BP4XOAL.js → chunk-AIWBAHIZ.js} +1 -1
  101. package/dist/{chunk-BHFIGTK6.js → chunk-AQBGEAPW.js} +1 -1
  102. package/dist/{chunk-2EOZLJ3U.js → chunk-AUWXH6DB.js} +6 -6
  103. package/dist/{chunk-2QPUHBJ6.js → chunk-BZPOJXHY.js} +3 -3
  104. package/dist/{chunk-KG3UXYPM.js → chunk-CCANXYSA.js} +3 -3
  105. package/dist/{chunk-ZBVXOGE7.js → chunk-CFFDABWV.js} +8 -8
  106. package/dist/{chunk-C4F7EZIQ.js → chunk-CJ6K4SGD.js} +1 -1
  107. package/dist/{chunk-XFWOCVQF.js → chunk-CPCR7FGP.js} +15 -9
  108. package/dist/{chunk-PVIZJ22K.js → chunk-CUGWVLKK.js} +1 -1
  109. package/dist/{chunk-GTGTEHOA.js → chunk-CZQ7Y25A.js} +2 -2
  110. package/dist/{chunk-VK4C7IPE.js → chunk-DIP3SE2A.js} +7 -7
  111. package/dist/{chunk-GUPD7SCD.js → chunk-E5HFUKHL.js} +1 -1
  112. package/dist/{chunk-N2INWSSP.js → chunk-EABN7BCJ.js} +1 -1
  113. package/dist/{chunk-2UBRJW2J.js → chunk-EQU2MUZ2.js} +1 -1
  114. package/dist/{chunk-JSK57VIX.js → chunk-ETHCY5HV.js} +2 -2
  115. package/dist/{chunk-RXNIOPGX.js → chunk-EVXAOPUQ.js} +2 -2
  116. package/dist/{chunk-JG7DCSZ7.js → chunk-FGZNIAIF.js} +1 -1
  117. package/dist/{chunk-P4YL7PZX.js → chunk-FL33X6NS.js} +2 -2
  118. package/dist/{chunk-YJZJ6EGK.js → chunk-FNI3HSJI.js} +3 -3
  119. package/dist/{chunk-J6QWUF6I.js → chunk-FPPUBMBE.js} +18 -12
  120. package/dist/{chunk-KHPSEX4H.js → chunk-FRH64YKY.js} +2 -2
  121. package/dist/{chunk-UH3RWAZV.js → chunk-G73VEN7N.js} +2 -2
  122. package/dist/{chunk-B62S77SN.js → chunk-HQEYCFR2.js} +3 -3
  123. package/dist/chunk-HXL5DWXT.js +23 -0
  124. package/dist/{chunk-IKQ2EV2Y.js → chunk-I3RM4ZNZ.js} +1 -1
  125. package/dist/{chunk-E3KVQKBW.js → chunk-IVZ3EL66.js} +3 -3
  126. package/dist/{chunk-CDC6G4DW.js → chunk-IXC3UTLF.js} +1 -1
  127. package/dist/{chunk-YLUR4I4O.js → chunk-IXYSG3YF.js} +1 -1
  128. package/dist/{chunk-QXX3VYMF.js → chunk-IYPDPLMO.js} +1 -1
  129. package/dist/{chunk-AN3RU3NY.js → chunk-JD3QSJOH.js} +3 -3
  130. package/dist/{chunk-Y5RKQQHZ.js → chunk-JOBH3GNG.js} +2 -2
  131. package/dist/{chunk-BCBQINY3.js → chunk-JOL2XETU.js} +2 -2
  132. package/dist/{chunk-VQN3EOEE.js → chunk-JZ6W76HH.js} +2 -2
  133. package/dist/{chunk-SUNGEQNN.js → chunk-KL6G435R.js} +2 -2
  134. package/dist/{chunk-W57EDX3L.js → chunk-KTYJODZV.js} +1 -1
  135. package/dist/{chunk-T52WHF7R.js → chunk-KVXE46FV.js} +1 -1
  136. package/dist/{chunk-GNG2NV76.js → chunk-L6KDA3QR.js} +1 -1
  137. package/dist/{chunk-TRMO7MV5.js → chunk-LSFVWR6F.js} +11 -11
  138. package/dist/{chunk-THRSW2TA.js → chunk-MRQEFQZB.js} +1 -1
  139. package/dist/{chunk-Q7NZNQEE.js → chunk-NBPERDDF.js} +2 -2
  140. package/dist/{chunk-BV3ROFY6.js → chunk-NOGAOMSP.js} +1 -1
  141. package/dist/{chunk-MRHZL6GL.js → chunk-NUN7AV55.js} +2 -2
  142. package/dist/{chunk-MVXDSVBA.js → chunk-OQPQ5Q54.js} +1 -1
  143. package/dist/{chunk-A5X5HCFF.js → chunk-OZ3W7ATD.js} +1 -1
  144. package/dist/{chunk-EOXIVZJH.js → chunk-PN2K4YPV.js} +1 -1
  145. package/dist/{chunk-6Y4WK3RQ.js → chunk-QABLDHTY.js} +1 -1
  146. package/dist/{chunk-FC6G5MQ3.js → chunk-QWK3WHKB.js} +2 -2
  147. package/dist/{chunk-XYQU45MO.js → chunk-QZG7DH76.js} +3 -3
  148. package/dist/{chunk-LDWHZCH4.js → chunk-RWYVNDEG.js} +1 -1
  149. package/dist/{chunk-C7CNYQRP.js → chunk-S2FS5CRY.js} +2 -2
  150. package/dist/{chunk-O6RCJ73Y.js → chunk-SH7QX4ON.js} +2 -2
  151. package/dist/{chunk-2ZNBGFYO.js → chunk-SQFL7HVZ.js} +1 -1
  152. package/dist/{chunk-OZ7NZPDM.js → chunk-SR2OVG77.js} +1 -1
  153. package/dist/{chunk-QIGTPOAF.js → chunk-T2C6FGAY.js} +10 -10
  154. package/dist/{chunk-FQHEXVEO.js → chunk-T6TEL2CE.js} +2 -2
  155. package/dist/{chunk-4O27LL2N.js → chunk-TLWX2TD4.js} +2 -2
  156. package/dist/{chunk-UEJAUKJY.js → chunk-UENGYKQS.js} +8 -8
  157. package/dist/{chunk-XSUYZDYB.js → chunk-UH3BTZIK.js} +1 -1
  158. package/dist/{chunk-GDX6X4AK.js → chunk-V2AOVTCU.js} +2 -2
  159. package/dist/{chunk-PT5SYITB.js → chunk-V3GYJE64.js} +5 -5
  160. package/dist/{chunk-5ZMGVSCQ.js → chunk-VOPB3IFM.js} +1 -1
  161. package/dist/{chunk-TBOTEIRR.js → chunk-WGY5JT6V.js} +1 -1
  162. package/dist/{chunk-I62K2ZHG.js → chunk-XOYIBFOK.js} +1 -1
  163. package/dist/{chunk-CU3QGP2L.js → chunk-ZBKTSDZW.js} +2 -2
  164. package/dist/combobox/src/ComboBox.css +1132 -955
  165. package/dist/combobox/src/ComboBox.js +18 -18
  166. package/dist/combobox/src/index.css +1132 -955
  167. package/dist/combobox/src/index.js +18 -18
  168. package/dist/contextual-help/src/ContextualHelp.css +1061 -884
  169. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  170. package/dist/contextual-help/src/index.css +1061 -884
  171. package/dist/contextual-help/src/index.js +4 -4
  172. package/dist/disclosure/src/Disclosure.css +48 -48
  173. package/dist/disclosure/src/Disclosure.js +2 -2
  174. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  175. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  176. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  177. package/dist/disclosure/src/DisclosurePanel.js +4 -4
  178. package/dist/disclosure/src/index.css +73 -73
  179. package/dist/disclosure/src/index.js +8 -8
  180. package/dist/divider/src/Divider.css +40 -40
  181. package/dist/divider/src/Divider.js +1 -1
  182. package/dist/divider/src/index.css +40 -40
  183. package/dist/divider/src/index.js +1 -1
  184. package/dist/error-message/src/ErrorMessage.css +40 -40
  185. package/dist/error-message/src/ErrorMessage.js +2 -2
  186. package/dist/error-message/src/index.css +40 -40
  187. package/dist/error-message/src/index.js +2 -2
  188. package/dist/form/src/Form.css +38 -38
  189. package/dist/form/src/Form.d.ts +1 -1
  190. package/dist/form/src/Form.js +1 -1
  191. package/dist/form/src/index.css +38 -38
  192. package/dist/form/src/index.js +1 -1
  193. package/dist/header/src/Header.css +38 -38
  194. package/dist/header/src/index.css +38 -38
  195. package/dist/helper-message/src/HelperMessage.css +40 -40
  196. package/dist/helper-message/src/HelperMessage.js +2 -2
  197. package/dist/helper-message/src/index.css +40 -40
  198. package/dist/helper-message/src/index.js +2 -2
  199. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  200. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  201. package/dist/hopper-provider/src/index.css +39 -39
  202. package/dist/hopper-provider/src/index.js +1 -1
  203. package/dist/icon-list/src/IconList.css +39 -39
  204. package/dist/icon-list/src/IconList.js +1 -1
  205. package/dist/icon-list/src/index.css +39 -39
  206. package/dist/icon-list/src/index.js +1 -1
  207. package/dist/illustrated-message/src/IllustratedMessage.css +737 -560
  208. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  209. package/dist/illustrated-message/src/index.css +737 -560
  210. package/dist/illustrated-message/src/index.js +1 -1
  211. package/dist/image/src/Image.css +41 -41
  212. package/dist/image/src/Image.js +1 -1
  213. package/dist/image/src/SvgImage.css +39 -39
  214. package/dist/image/src/SvgImage.js +1 -1
  215. package/dist/image/src/index.css +42 -42
  216. package/dist/image/src/index.js +2 -2
  217. package/dist/index.css +1482 -1305
  218. package/dist/index.d.ts +25 -7
  219. package/dist/index.js +90 -89
  220. package/dist/inputs/src/Input.css +42 -42
  221. package/dist/inputs/src/Input.js +1 -1
  222. package/dist/inputs/src/InputGroup.css +44 -44
  223. package/dist/inputs/src/InputGroup.js +1 -1
  224. package/dist/inputs/src/NumberField.css +68 -68
  225. package/dist/inputs/src/NumberField.js +10 -10
  226. package/dist/inputs/src/PasswordField.css +738 -561
  227. package/dist/inputs/src/PasswordField.js +10 -10
  228. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  229. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  230. package/dist/inputs/src/SearchField.css +744 -567
  231. package/dist/inputs/src/SearchField.js +11 -11
  232. package/dist/inputs/src/TextArea.css +65 -65
  233. package/dist/inputs/src/TextArea.js +9 -9
  234. package/dist/inputs/src/TextField.css +742 -565
  235. package/dist/inputs/src/TextField.js +13 -13
  236. package/dist/inputs/src/index.css +784 -607
  237. package/dist/inputs/src/index.js +17 -17
  238. package/dist/layout/src/Content.css +38 -38
  239. package/dist/layout/src/Footer.css +38 -38
  240. package/dist/link/src/Link.css +77 -77
  241. package/dist/link/src/Link.js +3 -3
  242. package/dist/link/src/index.css +77 -77
  243. package/dist/link/src/index.js +3 -3
  244. package/dist/list-box/src/ListBox.css +312 -312
  245. package/dist/list-box/src/ListBox.js +7 -7
  246. package/dist/list-box/src/ListBoxItem.css +300 -300
  247. package/dist/list-box/src/ListBoxItem.js +6 -6
  248. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  249. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  250. package/dist/list-box/src/index.css +312 -312
  251. package/dist/list-box/src/index.js +7 -7
  252. package/dist/menu/src/Menu.css +1057 -880
  253. package/dist/menu/src/Menu.js +2 -2
  254. package/dist/menu/src/MenuItem.css +117 -117
  255. package/dist/menu/src/MenuItem.js +2 -2
  256. package/dist/menu/src/MenuSection.css +40 -40
  257. package/dist/menu/src/MenuSection.js +1 -1
  258. package/dist/menu/src/index.css +1082 -905
  259. package/dist/menu/src/index.js +5 -5
  260. package/dist/modal/src/BaseModal.css +53 -53
  261. package/dist/modal/src/BaseModal.js +1 -1
  262. package/dist/modal/src/CustomModal.css +54 -54
  263. package/dist/modal/src/CustomModal.js +2 -2
  264. package/dist/modal/src/Modal.css +760 -583
  265. package/dist/modal/src/Modal.js +9 -8
  266. package/dist/modal/src/index.css +755 -578
  267. package/dist/modal/src/index.js +10 -9
  268. package/dist/overlays/popover/src/Popover.css +1055 -878
  269. package/dist/overlays/popover/src/Popover.js +2 -2
  270. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  271. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  272. package/dist/overlays/popover/src/index.css +1058 -881
  273. package/dist/overlays/popover/src/index.js +3 -3
  274. package/dist/radio/src/DecorativeRadio.css +65 -65
  275. package/dist/radio/src/DecorativeRadio.js +3 -3
  276. package/dist/radio/src/Radio.css +57 -57
  277. package/dist/radio/src/Radio.js +3 -3
  278. package/dist/radio/src/RadioField.css +44 -44
  279. package/dist/radio/src/RadioField.js +2 -2
  280. package/dist/radio/src/RadioGroup.css +109 -109
  281. package/dist/radio/src/RadioGroup.js +7 -7
  282. package/dist/radio/src/index.css +109 -109
  283. package/dist/radio/src/index.js +11 -11
  284. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  285. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  286. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  287. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  288. package/dist/segmented-control/src/index.css +54 -54
  289. package/dist/segmented-control/src/index.js +3 -3
  290. package/dist/select/src/Select.css +1076 -899
  291. package/dist/select/src/Select.js +17 -17
  292. package/dist/select/src/SelectValue.css +99 -99
  293. package/dist/select/src/SelectValue.js +2 -2
  294. package/dist/select/src/index.css +1076 -899
  295. package/dist/select/src/index.js +17 -17
  296. package/dist/spinner/src/Spinner.css +48 -48
  297. package/dist/spinner/src/Spinner.js +2 -2
  298. package/dist/spinner/src/index.css +48 -48
  299. package/dist/spinner/src/index.js +2 -2
  300. package/dist/switch/src/Switch.css +54 -54
  301. package/dist/switch/src/Switch.js +3 -3
  302. package/dist/switch/src/SwitchField.css +44 -44
  303. package/dist/switch/src/SwitchField.js +2 -2
  304. package/dist/switch/src/index.css +60 -60
  305. package/dist/switch/src/index.js +4 -4
  306. package/dist/tabs/src/Tab.css +902 -725
  307. package/dist/tabs/src/Tab.js +2 -2
  308. package/dist/tabs/src/TabLine.css +40 -40
  309. package/dist/tabs/src/TabLine.js +1 -1
  310. package/dist/tabs/src/TabList.css +47 -47
  311. package/dist/tabs/src/TabList.js +2 -2
  312. package/dist/tabs/src/TabPanel.css +40 -40
  313. package/dist/tabs/src/TabPanel.js +1 -1
  314. package/dist/tabs/src/index.css +913 -736
  315. package/dist/tabs/src/index.js +5 -5
  316. package/dist/tag/src/Tag.css +880 -703
  317. package/dist/tag/src/Tag.js +7 -7
  318. package/dist/tag/src/TagGroup.css +48 -48
  319. package/dist/tag/src/TagGroup.js +7 -7
  320. package/dist/tag/src/index.css +890 -713
  321. package/dist/tag/src/index.js +12 -12
  322. package/dist/tile/src/Tile.css +47 -47
  323. package/dist/tile/src/Tile.js +2 -2
  324. package/dist/tile/src/TileGroup.css +39 -39
  325. package/dist/tile/src/TileGroup.js +1 -1
  326. package/dist/tile/src/index.css +48 -48
  327. package/dist/tile/src/index.js +3 -3
  328. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  329. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  330. package/dist/toggle-arrow/src/index.css +40 -40
  331. package/dist/toggle-arrow/src/index.js +1 -1
  332. package/dist/tooltip/src/Tooltip.css +48 -48
  333. package/dist/tooltip/src/Tooltip.js +3 -3
  334. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  335. package/dist/tooltip/src/index.css +48 -48
  336. package/dist/tooltip/src/index.js +3 -3
  337. package/dist/{types-CVCUJ7un.d.ts → types-BqmVPR6K.d.ts} +2 -2
  338. package/dist/typography/heading/src/Heading.css +38 -38
  339. package/dist/typography/heading/src/Heading.js +1 -1
  340. package/dist/typography/heading/src/index.css +38 -38
  341. package/dist/typography/heading/src/index.js +1 -1
  342. package/dist/typography/label/src/FieldLabel.css +38 -38
  343. package/dist/typography/label/src/FieldLabel.js +3 -3
  344. package/dist/typography/label/src/Label.css +38 -38
  345. package/dist/typography/label/src/Label.js +1 -1
  346. package/dist/typography/label/src/index.css +38 -38
  347. package/dist/typography/label/src/index.js +3 -3
  348. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  349. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  350. package/dist/typography/overline-text/src/index.css +38 -38
  351. package/dist/typography/overline-text/src/index.js +1 -1
  352. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  353. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  354. package/dist/typography/paragraph/src/index.css +38 -38
  355. package/dist/typography/paragraph/src/index.js +2 -2
  356. package/dist/typography/text/src/Text.css +38 -38
  357. package/dist/typography/text/src/Text.js +1 -1
  358. package/dist/typography/text/src/index.css +38 -38
  359. package/dist/typography/text/src/index.js +1 -1
  360. package/dist/utils/src/ClearSlots.css +38 -38
  361. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  362. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  363. package/dist/utils/src/index.css +38 -38
  364. package/dist/utils/src/index.js +2 -2
  365. 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___BRqAY {
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___BRqAY) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___U-anE) {
44
+ :where(.Heading-module__hop-Heading--xs___-cYUG) {
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___aVJ3J) {
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___oIhpJ) {
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___NCNfC) {
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___7SiFx) {
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___odubm) {
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___PuZe2) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___oRthn {
88
+ .Form-module__hop-Form___t4rQR {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___ClY-C {
95
+ .Label-module__hop-Label___v6UpM {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___ClY-C) {
102
+ :where(.Label-module__hop-Label___v6UpM) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___P-qSb {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___zWpYu {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___lbxSg {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___5IEoJ {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___RBrct) {
121
+ :where(.OverlineText-module__hop-OverlineText___SJfV5) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___ue5ai {
145
+ .OverlineText-module__hop-OverlineText__text___tJHFh {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___ue5ai::before,
149
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
148
+ .OverlineText-module__hop-OverlineText__text___tJHFh::before,
149
+ .OverlineText-module__hop-OverlineText__text___tJHFh::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___ue5ai::before {
156
+ .OverlineText-module__hop-OverlineText__text___tJHFh::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
159
+ .OverlineText-module__hop-OverlineText__text___tJHFh::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___Mm3Jn {
164
+ .Text-module__hop-Text___yveew {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___Mm3Jn) {
194
+ :where(.Text-module__hop-Text___yveew) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___Ce3vK) {
200
+ :where(.Text-module__hop-Text--xs___xgUXf) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___UcccH) {
206
+ :where(.Text-module__hop-Text--sm___lH9j4) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___YcqAT) {
212
+ :where(.Text-module__hop-Text--md___d08VF) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___RaBlz) {
218
+ :where(.Text-module__hop-Text--lg___b8Y3o) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___jBI5K) {
224
+ :where(.Text-module__hop-Text--xl___XLdFv) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___jrcN4) {
230
+ :where(.Text-module__hop-Text--2xl___1bdXc) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___Rc2fv) {
236
+ :where(.Text-module__hop-Text--inherit___kWQXK) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___AWLqo {
244
+ .Paragraph-module__hop-Paragraph___zZ15s {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___AWLqo:last-child {
256
+ .Paragraph-module__hop-Paragraph___zZ15s:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___us82- {
259
+ .Paragraph-module__hop-Paragraph--xs___NLLnZ {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___oQXcj {
262
+ .Paragraph-module__hop-Paragraph--sm___FEYlD {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___ONjfY {
265
+ .Paragraph-module__hop-Paragraph--md___n-RPv {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___MwXba {
268
+ .Paragraph-module__hop-Paragraph--lg___ewPRG {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___G0-ya {
271
+ .Paragraph-module__hop-Paragraph--xl___8Cgfv {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___RNqOG {
274
+ .Paragraph-module__hop-Paragraph--2xl___fkck6 {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___EaPeU {
277
+ .Paragraph-module__hop-Paragraph--inherit___mhv9Y {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/divider/src/Divider.module.css/#css-module-data */
282
- :where(.Divider-module__hop-Divider___YXxtZ) {
282
+ :where(.Divider-module__hop-Divider___55qcw) {
283
283
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
284
284
  --hop-Divider-border-size: 0.0625rem;
285
285
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -304,7 +304,7 @@
304
304
  border-block-end: var(--border-block-end);
305
305
  border-inline-start: var(--border-inline-start);
306
306
  }
307
- .Divider-module__hop-Divider--vertical___EGS6t {
307
+ .Divider-module__hop-Divider--vertical___BgjKu {
308
308
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
309
309
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
310
310
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -313,7 +313,7 @@
313
313
  }
314
314
 
315
315
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
316
- .IconList-module__hop-IconList___z6OUy {
316
+ .IconList-module__hop-IconList___BFQXJ {
317
317
  --hop-IconList-gap: var(--hop-space-inline-xs);
318
318
  display: flex;
319
319
  flex-wrap: wrap;
@@ -322,7 +322,7 @@
322
322
  }
323
323
 
324
324
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
325
- @keyframes Spinner-module__spin___SnxzS {
325
+ @keyframes Spinner-module__spin___EqTZ5 {
326
326
  0% {
327
327
  transform: rotate(0deg);
328
328
  }
@@ -330,7 +330,7 @@
330
330
  transform: rotate(360deg);
331
331
  }
332
332
  }
333
- .Spinner-module__hop-Spinner___Oa3G6 {
333
+ .Spinner-module__hop-Spinner___BpFRY {
334
334
  --hop-Spinner-border-radius: var(--hop-shape-circle);
335
335
  --hop-Spinner-sm-wheel-size: 1rem;
336
336
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -338,7 +338,7 @@
338
338
  --hop-Spinner-track-width: 0.125rem;
339
339
  --hop-Spinner-track-opacity: 0.2;
340
340
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
341
- --hop-Spinner-fill-animation: Spinner-module__spin___SnxzS .8s infinite linear;
341
+ --hop-Spinner-fill-animation: Spinner-module__spin___EqTZ5 .8s infinite linear;
342
342
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
343
343
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
344
344
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -349,19 +349,19 @@
349
349
  align-items: center;
350
350
  box-sizing: border-box;
351
351
  }
352
- .Spinner-module__hop-Spinner--sm___0XkYa {
352
+ .Spinner-module__hop-Spinner--sm___mDnx9 {
353
353
  --width: var(--hop-Spinner-sm-wheel-size);
354
354
  --height: var(--hop-Spinner-sm-wheel-size);
355
355
  }
356
- .Spinner-module__hop-Spinner--md___dWYu5 {
356
+ .Spinner-module__hop-Spinner--md___CACp9 {
357
357
  --width: var(--hop-Spinner-md-wheel-size);
358
358
  --height: var(--hop-Spinner-md-wheel-size);
359
359
  }
360
- .Spinner-module__hop-Spinner--lg___qpxbh {
360
+ .Spinner-module__hop-Spinner--lg___jns7u {
361
361
  --width: var(--hop-Spinner-lg-wheel-size);
362
362
  --height: var(--hop-Spinner-lg-wheel-size);
363
363
  }
364
- .Spinner-module__hop-Spinner__track___Yntu2 {
364
+ .Spinner-module__hop-Spinner__track___l5dZk {
365
365
  grid-area: spinner;
366
366
  box-sizing: border-box;
367
367
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -370,7 +370,7 @@
370
370
  border: var(--hop-Spinner-track-border);
371
371
  border-radius: var(--hop-Spinner-border-radius);
372
372
  }
373
- .Spinner-module__hop-Spinner__fill___bJDXw {
373
+ .Spinner-module__hop-Spinner__fill___F-mR8 {
374
374
  grid-area: spinner;
375
375
  box-sizing: border-box;
376
376
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -381,17 +381,17 @@
381
381
  animation: var(--hop-Spinner-fill-animation);
382
382
  }
383
383
  @media (prefers-reduced-motion: reduce) {
384
- .Spinner-module__hop-Spinner__fill___bJDXw {
384
+ .Spinner-module__hop-Spinner__fill___F-mR8 {
385
385
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
386
386
  }
387
387
  }
388
- .Spinner-module__hop-Spinner__label___oVU-P {
388
+ .Spinner-module__hop-Spinner__label___dAnZw {
389
389
  grid-area: label;
390
390
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
391
391
  }
392
392
 
393
393
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
394
- .Button-module__hop-Button___8zkEy {
394
+ .Button-module__hop-Button___pFvZM {
395
395
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
396
396
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
397
397
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -400,10 +400,13 @@
400
400
  --hop-Button-border-size: var(--hop-space-10);
401
401
  --hop-Button-text-underline-offset: var(--hop-space-20);
402
402
  --hop-Button-icon-only-padding: 0;
403
+ --hop-Button-xs-height: 1.5rem;
403
404
  --hop-Button-sm-height: 2rem;
404
405
  --hop-Button-md-height: 2.5rem;
406
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
405
407
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
406
408
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
409
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
407
410
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
408
411
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
409
412
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -515,215 +518,222 @@
515
518
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
516
519
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
517
520
  }
518
- .Button-module__hop-Button--fluid___eZzEd {
521
+ .Button-module__hop-Button--fluid___-QhTX {
519
522
  --inline-size: 100%;
520
523
  }
521
- .Button-module__hop-Button--sm___K0sPh {
524
+ .Button-module__hop-Button--xs___8Z6Fg {
525
+ --block-size: var(--hop-Button-xs-height);
526
+ --padding: var(--hop-Button-xs-padding);
527
+ }
528
+ .Button-module__hop-Button--xs___8Z6Fg[class*=--ghost] {
529
+ --padding: var(--hop-Button-ghost-xs-padding);
530
+ }
531
+ .Button-module__hop-Button--sm___jcXzi {
522
532
  --block-size: var(--hop-Button-sm-height);
523
533
  --padding: var(--hop-Button-sm-padding);
524
534
  }
525
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
535
+ .Button-module__hop-Button--sm___jcXzi[class*=--ghost] {
526
536
  --padding: var(--hop-Button-ghost-sm-padding);
527
537
  }
528
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
538
+ .Button-module__hop-Button--md___-Hyel[class*=--ghost] {
529
539
  --padding: var(--hop-Button-ghost-md-padding);
530
540
  }
531
- .Button-module__hop-Button--icon-only___rYzdc {
541
+ .Button-module__hop-Button--icon-only___ZHooM {
532
542
  --column-gap: var(--hop-Button-icon-only-column-gap);
533
543
  --padding: var(--hop-Button-icon-only-padding);
534
544
  aspect-ratio: 1;
535
545
  }
536
- .Button-module__hop-Button--primary___hkH0I {
546
+ .Button-module__hop-Button--primary___52x1K {
537
547
  --background-color: var(--hop-Button-primary-background-color);
538
548
  --color: var(--hop-Button-primary-color);
539
549
  --border: var(--hop-Button-primary-border);
540
550
  --spinner-color: var(--hop-Button-primary-spinner-color);
541
551
  }
542
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
543
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
552
+ .Button-module__hop-Button--primary___52x1K[data-hovered],
553
+ .Button-module__hop-Button--primary___52x1K[data-focus-visible] {
544
554
  --background-color: var(--hop-Button-primary-background-color-hover);
545
555
  --color: var(--hop-Button-primary-color-hover);
546
556
  --border: var(--hop-Button-primary-border-hover);
547
557
  }
548
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
558
+ .Button-module__hop-Button--primary___52x1K[data-pressed] {
549
559
  --background-color: var(--hop-Button-primary-background-color-pressed);
550
560
  --color: var(--hop-Button-primary-color-pressed);
551
561
  --border: var(--hop-Button-primary-border-pressed);
552
562
  }
553
- .Button-module__hop-Button--secondary___hSZYE {
563
+ .Button-module__hop-Button--secondary___uDkfy {
554
564
  --background-color: var(--hop-Button-secondary-background-color);
555
565
  --color: var(--hop-Button-secondary-color);
556
566
  --border: var(--hop-Button-secondary-border);
557
567
  --spinner-color: var(--hop-Button-secondary-spinner-color);
558
568
  }
559
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
560
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
569
+ .Button-module__hop-Button--secondary___uDkfy[data-hovered],
570
+ .Button-module__hop-Button--secondary___uDkfy[data-focus-visible] {
561
571
  --background-color: var(--hop-Button-secondary-background-color-hover);
562
572
  --color: var(--hop-Button-secondary-color-hover);
563
573
  --border: var(--hop-Button-secondary-border-hover);
564
574
  }
565
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
575
+ .Button-module__hop-Button--secondary___uDkfy[data-pressed] {
566
576
  --background-color: var(--hop-Button-secondary-background-color-pressed);
567
577
  --color: var(--hop-Button-secondary-color-pressed);
568
578
  --border: var(--hop-Button-secondary-border-pressed);
569
579
  }
570
- .Button-module__hop-Button--upsell___9z1o- {
580
+ .Button-module__hop-Button--upsell___3jmtI {
571
581
  --background-color: var(--hop-Button-upsell-background-color);
572
582
  --color: var(--hop-Button-upsell-color);
573
583
  --border: var(--hop-Button-upsell-border);
574
584
  --spinner-color: var(--hop-Button-upsell-spinner-color);
575
585
  }
576
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
577
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
586
+ .Button-module__hop-Button--upsell___3jmtI[data-hovered],
587
+ .Button-module__hop-Button--upsell___3jmtI[data-focus-visible] {
578
588
  --background-color: var(--hop-Button-upsell-background-color-hover);
579
589
  --color: var(--hop-Button-upsell-color-hover);
580
590
  --border: var(--hop-Button-upsell-border-hover);
581
591
  }
582
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
592
+ .Button-module__hop-Button--upsell___3jmtI[data-pressed] {
583
593
  --background-color: var(--hop-Button-upsell-background-color-pressed);
584
594
  --color: var(--hop-Button-upsell-color-pressed);
585
595
  --border: var(--hop-Button-upsell-border-pressed);
586
596
  }
587
- .Button-module__hop-Button--danger___KbLep {
597
+ .Button-module__hop-Button--danger___tMXyo {
588
598
  --background-color: var(--hop-Button-danger-background-color);
589
599
  --color: var(--hop-Button-danger-color);
590
600
  --border: var(--hop-Button-danger-border);
591
601
  --spinner-color: var(--hop-Button-danger-spinner-color);
592
602
  }
593
- .Button-module__hop-Button--danger___KbLep[data-hovered],
594
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
603
+ .Button-module__hop-Button--danger___tMXyo[data-hovered],
604
+ .Button-module__hop-Button--danger___tMXyo[data-focus-visible] {
595
605
  --background-color: var(--hop-Button-danger-background-color-hover);
596
606
  --color: var(--hop-Button-danger-color-hover);
597
607
  --border: var(--hop-Button-danger-border-hover);
598
608
  }
599
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
609
+ .Button-module__hop-Button--danger___tMXyo[data-pressed] {
600
610
  --background-color: var(--hop-Button-danger-background-color-pressed);
601
611
  --color: var(--hop-Button-danger-color-pressed);
602
612
  --border: var(--hop-Button-danger-border-pressed);
603
613
  }
604
- .Button-module__hop-Button--ghost-primary___8jSf1 {
614
+ .Button-module__hop-Button--ghost-primary___K1XFC {
605
615
  --background-color: var(--hop-Button-ghost-primary-background-color);
606
616
  --color: var(--hop-Button-ghost-primary-color);
607
617
  --border: var(--hop-Button-ghost-primary-border);
608
618
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
609
619
  }
610
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
611
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
620
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-hovered],
621
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-focus-visible] {
612
622
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
613
623
  --color: var(--hop-Button-ghost-primary-color-hover);
614
624
  --border: var(--hop-Button-ghost-primary-border-hover);
615
625
  --text-underline: underline;
616
626
  }
617
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
627
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-pressed] {
618
628
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
619
629
  --color: var(--hop-Button-ghost-primary-color-pressed);
620
630
  --border: var(--hop-Button-ghost-primary-border-pressed);
621
631
  --text-underline: underline;
622
632
  }
623
- .Button-module__hop-Button--ghost-secondary___TRM6h {
633
+ .Button-module__hop-Button--ghost-secondary___w7DWH {
624
634
  --background-color: var(--hop-Button-ghost-secondary-background-color);
625
635
  --color: var(--hop-Button-ghost-secondary-color);
626
636
  --border: var(--hop-Button-ghost-secondary-border);
627
637
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
628
638
  }
629
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
630
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
639
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-hovered],
640
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-focus-visible] {
631
641
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
632
642
  --color: var(--hop-Button-ghost-secondary-color-hover);
633
643
  --border: var(--hop-Button-ghost-secondary-border-hover);
634
644
  --text-underline: underline;
635
645
  }
636
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
646
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-pressed] {
637
647
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
638
648
  --color: var(--hop-Button-ghost-secondary-color-pressed);
639
649
  --border: var(--hop-Button-ghost-secondary-border-pressed);
640
650
  --text-underline: underline;
641
651
  }
642
- .Button-module__hop-Button--ghost-danger___-22ky {
652
+ .Button-module__hop-Button--ghost-danger___6yaCm {
643
653
  --background-color: var(--hop-Button-ghost-danger-background-color);
644
654
  --color: var(--hop-Button-ghost-danger-color);
645
655
  --border: var(--hop-Button-ghost-danger-border);
646
656
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
647
657
  }
648
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
649
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
658
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-hovered],
659
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-focus-visible] {
650
660
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
651
661
  --color: var(--hop-Button-ghost-danger-color-hover);
652
662
  --border: var(--hop-Button-ghost-danger-border-hover);
653
663
  --text-underline: underline;
654
664
  }
655
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
665
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-pressed] {
656
666
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
657
667
  --color: var(--hop-Button-ghost-danger-color-pressed);
658
668
  --border: var(--hop-Button-ghost-danger-border-pressed);
659
669
  --text-underline: underline;
660
670
  }
661
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
671
+ .Button-module__hop-Button___pFvZM[data-focus-visible] {
662
672
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
663
673
  }
664
- .Button-module__hop-Button___8zkEy[data-disabled],
665
- .Button-module__hop-Button--loading___yOWuT {
674
+ .Button-module__hop-Button___pFvZM[data-disabled],
675
+ .Button-module__hop-Button--loading___5FI2m {
666
676
  cursor: not-allowed;
667
677
  }
668
- .Button-module__hop-Button___8zkEy[data-disabled] {
678
+ .Button-module__hop-Button___pFvZM[data-disabled] {
669
679
  --background-color: var(--hop-Button-background-color-disabled);
670
680
  --color: var(--hop-Button-color-disabled);
671
681
  --border: var(--hop-Button-border-disabled);
672
682
  }
673
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
683
+ .Button-module__hop-Button___pFvZM[class*=--ghost][data-disabled] {
674
684
  --background-color: var(--hop-Button-ghost-background-color-disabled);
675
685
  --color: var(--hop-Button-ghost-color-disabled);
676
686
  --border: var(--hop-Button-ghost-border-disabled);
677
687
  }
678
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
688
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--primary___52x1K {
679
689
  --background-color: var(--hop-Button-primary-background-color);
680
690
  --color: var(--hop-Button-primary-color);
681
691
  --border: var(--hop-Button-primary-border);
682
692
  }
683
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
693
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--secondary___uDkfy {
684
694
  --background-color: var(--hop-Button-secondary-background-color);
685
695
  --color: var(--hop-Button-secondary-color);
686
696
  --border: var(--hop-Button-secondary-border);
687
697
  }
688
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
698
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--upsell___3jmtI {
689
699
  --background-color: var(--hop-Button-upsell-background-color);
690
700
  --color: var(--hop-Button-upsell-color);
691
701
  --border: var(--hop-Button-upsell-border);
692
702
  }
693
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
703
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--danger___tMXyo {
694
704
  --background-color: var(--hop-Button-danger-background-color);
695
705
  --color: var(--hop-Button-danger-color);
696
706
  --border: var(--hop-Button-danger-border);
697
707
  }
698
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
708
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-primary___K1XFC {
699
709
  --background-color: var(--hop-Button-ghost-primary-background-color);
700
710
  --color: var(--hop-Button-ghost-primary-color);
701
711
  --border: var(--hop-Button-ghost-primary-border);
702
712
  --text-underline: none;
703
713
  }
704
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
714
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-secondary___w7DWH {
705
715
  --background-color: var(--hop-Button-ghost-secondary-background-color);
706
716
  --color: var(--hop-Button-ghost-secondary-color);
707
717
  --border: var(--hop-Button-ghost-secondary-border);
708
718
  --text-underline: none;
709
719
  }
710
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
720
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-danger___6yaCm {
711
721
  --background-color: var(--hop-Button-ghost-danger-background-color);
712
722
  --color: var(--hop-Button-ghost-danger-color);
713
723
  --border: var(--hop-Button-ghost-danger-border);
714
724
  --text-underline: none;
715
725
  }
716
- .Button-module__hop-Button__Spinner___F4Img {
726
+ .Button-module__hop-Button__Spinner___IeL-j {
717
727
  position: absolute;
718
728
  color: var(--spinner-color);
719
729
  }
720
- .Button-module__hop-Button__icon___9WDgY,
721
- .Button-module__hop-Button__icon-list___hcP-v {
730
+ .Button-module__hop-Button__icon___S-Zrr,
731
+ .Button-module__hop-Button__icon-list___3RaqV {
722
732
  flex: 0 0 auto;
723
733
  justify-self: end;
724
734
  order: 1;
725
735
  }
726
- .Button-module__hop-Button__text___o1TcA {
736
+ .Button-module__hop-Button__text___IuHAg {
727
737
  user-select: none;
728
738
  overflow: visible;
729
739
  flex: 0 1 auto;
@@ -733,60 +743,60 @@
733
743
  text-underline-offset: 0.125rem;
734
744
  text-wrap: nowrap;
735
745
  }
736
- .Button-module__hop-Button__end-icon___6QGCl,
737
- .Button-module__hop-Button__end-icon-list___iZhOt {
746
+ .Button-module__hop-Button__end-icon___4bLjb,
747
+ .Button-module__hop-Button__end-icon-list___jhqpr {
738
748
  flex: 0 0 auto;
739
749
  order: 3;
740
750
  }
741
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
742
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
751
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__icon-list___3RaqV,
752
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__end-icon-list___jhqpr {
743
753
  flex-wrap: nowrap;
744
754
  }
745
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
755
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button___pFvZM > *:not(.Button-module__hop-Button__Spinner___IeL-j) {
746
756
  opacity: 0;
747
757
  }
748
758
 
749
759
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
750
- .ButtonGroup-module__hop-ButtonGroup___Q5c8f {
760
+ .ButtonGroup-module__hop-ButtonGroup___QMDZE {
751
761
  display: inline-flex;
752
762
  flex-wrap: nowrap;
753
763
  gap: var(--hop-space-inline-md);
754
764
  }
755
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
765
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
756
766
  align-items: center;
757
767
  }
758
- .ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
768
+ .ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
759
769
  flex-direction: column;
760
770
  gap: var(--hop-space-stack-md);
761
771
  justify-content: center;
762
772
  }
763
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
773
+ .ButtonGroup-module__hop-ButtonGroup--start___YRRSe.ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
764
774
  align-items: flex-start;
765
775
  }
766
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
776
+ .ButtonGroup-module__hop-ButtonGroup--center___GpOQ5.ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
767
777
  align-items: center;
768
778
  }
769
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
779
+ .ButtonGroup-module__hop-ButtonGroup--end___rNiL8.ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
770
780
  align-items: flex-end;
771
781
  }
772
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
782
+ .ButtonGroup-module__hop-ButtonGroup--start___YRRSe.ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
773
783
  justify-content: flex-start;
774
784
  }
775
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
785
+ .ButtonGroup-module__hop-ButtonGroup--center___GpOQ5.ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
776
786
  justify-content: center;
777
787
  }
778
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
788
+ .ButtonGroup-module__hop-ButtonGroup--end___rNiL8.ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
779
789
  justify-content: flex-end;
780
790
  }
781
- .ButtonGroup-module__hop-ButtonGroup--wrap___45A9q {
791
+ .ButtonGroup-module__hop-ButtonGroup--wrap___gQnt5 {
782
792
  flex-wrap: wrap;
783
793
  }
784
- .ButtonGroup-module__hop-ButtonGroup--fluid___AXS6Y {
794
+ .ButtonGroup-module__hop-ButtonGroup--fluid___DHTdE {
785
795
  inline-size: 100%;
786
796
  }
787
797
 
788
798
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
789
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab {
799
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW {
790
800
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
791
801
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
792
802
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -950,7 +960,7 @@
950
960
  outline: none;
951
961
  transition: color var(--transition);
952
962
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab::before {
963
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW::before {
954
964
  content: "";
955
965
  position: absolute;
956
966
  inset-block-start: 50%;
@@ -963,284 +973,284 @@
963
973
  border-radius: var(--effect-border-radius);
964
974
  transition: background-color var(--transition);
965
975
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-square] {
976
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-square] {
967
977
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
968
978
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--md___nn-Dq {
970
980
  --inline-size: var(--hop-EmbeddedButton-md-width);
971
981
  --block-size: var(--hop-EmbeddedButton-md-height);
972
982
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
973
983
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF {
984
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C6a4M {
975
985
  --inline-size: var(--hop-EmbeddedButton-lg-width);
976
986
  --block-size: var(--hop-EmbeddedButton-lg-height);
977
987
  --focus-ring-offset: 0;
978
988
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX::before {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--md___nn-Dq::before {
980
990
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
981
991
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
982
992
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF::before {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C6a4M::before {
984
994
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
985
995
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
986
996
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg {
988
998
  --color: var(--hop-EmbeddedButton-neutral-color);
989
999
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
990
1000
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG- {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG {
992
1002
  --color: var(--hop-EmbeddedButton-subdued-color);
993
1003
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
994
1004
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq {
996
1006
  --color: var(--hop-EmbeddedButton-progress-color);
997
1007
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
998
1008
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU {
1000
1010
  --color: var(--hop-EmbeddedButton-positive-color);
1001
1011
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1002
1012
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM- {
1013
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq {
1004
1014
  --color: var(--hop-EmbeddedButton-caution-color);
1005
1015
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1006
1016
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX {
1017
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO {
1008
1018
  --color: var(--hop-EmbeddedButton-negative-color);
1009
1019
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1010
1020
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW {
1021
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op {
1012
1022
  --color: var(--hop-EmbeddedButton-option1-color);
1013
1023
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1014
1024
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5 {
1025
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp {
1016
1026
  --color: var(--hop-EmbeddedButton-option2-color);
1017
1027
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1018
1028
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG {
1029
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh {
1020
1030
  --color: var(--hop-EmbeddedButton-option3-color);
1021
1031
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1022
1032
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn {
1033
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8 {
1024
1034
  --color: var(--hop-EmbeddedButton-option4-color);
1025
1035
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1026
1036
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN {
1037
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY {
1028
1038
  --color: var(--hop-EmbeddedButton-option5-color);
1029
1039
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1030
1040
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI {
1041
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4 {
1032
1042
  --color: var(--hop-EmbeddedButton-option6-color);
1033
1043
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1034
1044
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-selected] {
1045
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-selected] {
1036
1046
  --color: var(--hop-EmbeddedButton-selected-color);
1037
1047
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1038
1048
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-focus-visible] {
1049
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-focus-visible] {
1040
1050
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1041
1051
  outline-offset: var(--focus-ring-offset);
1042
1052
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-disabled] {
1053
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-disabled] {
1044
1054
  cursor: not-allowed;
1045
1055
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-hovered] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-hovered] {
1047
1057
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1048
1058
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1049
1059
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-focus-visible] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-focus-visible] {
1051
1061
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1052
1062
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1053
1063
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-pressed] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-pressed] {
1055
1065
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1056
1066
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1057
1067
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-disabled] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-disabled] {
1059
1069
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1060
1070
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1061
1071
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-hovered] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-hovered] {
1063
1073
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1064
1074
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1065
1075
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-focus-visible] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-focus-visible] {
1067
1077
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1068
1078
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1069
1079
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-pressed] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-pressed] {
1071
1081
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1072
1082
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1073
1083
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-disabled] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-disabled] {
1075
1085
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1076
1086
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1077
1087
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-hovered] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-hovered] {
1079
1089
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1080
1090
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1081
1091
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-focus-visible] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-focus-visible] {
1083
1093
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1084
1094
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1085
1095
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-pressed] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-pressed] {
1087
1097
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1088
1098
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1089
1099
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-disabled] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-disabled] {
1091
1101
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1092
1102
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1093
1103
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-hovered] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-hovered] {
1095
1105
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1096
1106
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1097
1107
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-focus-visible] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-focus-visible] {
1099
1109
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1100
1110
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1101
1111
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-pressed] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-pressed] {
1103
1113
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1104
1114
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1105
1115
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-disabled] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-disabled] {
1107
1117
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1108
1118
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1109
1119
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-hovered] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-hovered] {
1111
1121
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1112
1122
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1113
1123
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-focus-visible] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-focus-visible] {
1115
1125
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1116
1126
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1117
1127
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-pressed] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-pressed] {
1119
1129
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1120
1130
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1121
1131
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-disabled] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-disabled] {
1123
1133
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1124
1134
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1125
1135
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-hovered] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-hovered] {
1127
1137
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1128
1138
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1129
1139
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-focus-visible] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-focus-visible] {
1131
1141
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1132
1142
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1133
1143
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-pressed] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-pressed] {
1135
1145
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1136
1146
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1137
1147
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-disabled] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-disabled] {
1139
1149
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1140
1150
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1141
1151
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-hovered] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-hovered] {
1143
1153
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1144
1154
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1145
1155
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-focus-visible] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-focus-visible] {
1147
1157
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1148
1158
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1149
1159
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-pressed] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-pressed] {
1151
1161
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1152
1162
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1153
1163
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-disabled] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-disabled] {
1155
1165
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1156
1166
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1157
1167
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-hovered] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-hovered] {
1159
1169
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1160
1170
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1161
1171
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-focus-visible] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-focus-visible] {
1163
1173
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1164
1174
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1165
1175
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-pressed] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-pressed] {
1167
1177
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1168
1178
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1169
1179
  }
1170
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-disabled] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-disabled] {
1171
1181
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1172
1182
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1173
1183
  }
1174
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-hovered] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-hovered] {
1175
1185
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1176
1186
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1177
1187
  }
1178
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-focus-visible] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-focus-visible] {
1179
1189
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1180
1190
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1181
1191
  }
1182
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-pressed] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-pressed] {
1183
1193
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1184
1194
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1185
1195
  }
1186
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-disabled] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-disabled] {
1187
1197
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1188
1198
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1189
1199
  }
1190
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-hovered] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-hovered] {
1191
1201
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1192
1202
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1193
1203
  }
1194
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-focus-visible] {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-focus-visible] {
1195
1205
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1196
1206
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1197
1207
  }
1198
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-pressed] {
1208
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-pressed] {
1199
1209
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1200
1210
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1201
1211
  }
1202
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-disabled] {
1212
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-disabled] {
1203
1213
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1204
1214
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1205
1215
  }
1206
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-hovered] {
1216
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-hovered] {
1207
1217
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1208
1218
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1209
1219
  }
1210
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-focus-visible] {
1220
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-focus-visible] {
1211
1221
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1212
1222
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1213
1223
  }
1214
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-pressed] {
1224
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-pressed] {
1215
1225
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1216
1226
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1217
1227
  }
1218
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-disabled] {
1228
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-disabled] {
1219
1229
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1220
1230
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1221
1231
  }
1222
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-hovered] {
1232
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-hovered] {
1223
1233
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1224
1234
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1225
1235
  }
1226
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-focus-visible] {
1236
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-focus-visible] {
1227
1237
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1228
1238
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1229
1239
  }
1230
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-pressed] {
1240
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-pressed] {
1231
1241
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1232
1242
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1233
1243
  }
1234
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-disabled] {
1244
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-disabled] {
1235
1245
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1236
1246
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1237
1247
  }
1238
- .EmbeddedButton-module__hop-EmbeddedButton__icon___2wJ-D {
1248
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___1-j3p {
1239
1249
  position: relative;
1240
1250
  }
1241
1251
 
1242
1252
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1243
- button.CloseButton-module__hop-CloseButton___8MAgF {
1253
+ button.CloseButton-module__hop-CloseButton___WLCEo {
1244
1254
  --hop-CloseButton-margin-top: 0rem;
1245
1255
  --hop-CloseButton-padding: 0rem;
1246
1256
  --hop-CloseButton-width: fit-content;
@@ -1252,7 +1262,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1252
1262
  }
1253
1263
 
1254
1264
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1255
- .Button-module__hop-Button___8zkEy {
1265
+ .Button-module__hop-Button___pFvZM {
1256
1266
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1257
1267
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1258
1268
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1261,10 +1271,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1261
1271
  --hop-Button-border-size: var(--hop-space-10);
1262
1272
  --hop-Button-text-underline-offset: var(--hop-space-20);
1263
1273
  --hop-Button-icon-only-padding: 0;
1274
+ --hop-Button-xs-height: 1.5rem;
1264
1275
  --hop-Button-sm-height: 2rem;
1265
1276
  --hop-Button-md-height: 2.5rem;
1277
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1266
1278
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1267
1279
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1280
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1268
1281
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1269
1282
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1270
1283
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -1376,215 +1389,222 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1376
1389
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1377
1390
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1378
1391
  }
1379
- .Button-module__hop-Button--fluid___eZzEd {
1392
+ .Button-module__hop-Button--fluid___-QhTX {
1380
1393
  --inline-size: 100%;
1381
1394
  }
1382
- .Button-module__hop-Button--sm___K0sPh {
1395
+ .Button-module__hop-Button--xs___8Z6Fg {
1396
+ --block-size: var(--hop-Button-xs-height);
1397
+ --padding: var(--hop-Button-xs-padding);
1398
+ }
1399
+ .Button-module__hop-Button--xs___8Z6Fg[class*=--ghost] {
1400
+ --padding: var(--hop-Button-ghost-xs-padding);
1401
+ }
1402
+ .Button-module__hop-Button--sm___jcXzi {
1383
1403
  --block-size: var(--hop-Button-sm-height);
1384
1404
  --padding: var(--hop-Button-sm-padding);
1385
1405
  }
1386
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1406
+ .Button-module__hop-Button--sm___jcXzi[class*=--ghost] {
1387
1407
  --padding: var(--hop-Button-ghost-sm-padding);
1388
1408
  }
1389
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1409
+ .Button-module__hop-Button--md___-Hyel[class*=--ghost] {
1390
1410
  --padding: var(--hop-Button-ghost-md-padding);
1391
1411
  }
1392
- .Button-module__hop-Button--icon-only___rYzdc {
1412
+ .Button-module__hop-Button--icon-only___ZHooM {
1393
1413
  --column-gap: var(--hop-Button-icon-only-column-gap);
1394
1414
  --padding: var(--hop-Button-icon-only-padding);
1395
1415
  aspect-ratio: 1;
1396
1416
  }
1397
- .Button-module__hop-Button--primary___hkH0I {
1417
+ .Button-module__hop-Button--primary___52x1K {
1398
1418
  --background-color: var(--hop-Button-primary-background-color);
1399
1419
  --color: var(--hop-Button-primary-color);
1400
1420
  --border: var(--hop-Button-primary-border);
1401
1421
  --spinner-color: var(--hop-Button-primary-spinner-color);
1402
1422
  }
1403
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
1404
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1423
+ .Button-module__hop-Button--primary___52x1K[data-hovered],
1424
+ .Button-module__hop-Button--primary___52x1K[data-focus-visible] {
1405
1425
  --background-color: var(--hop-Button-primary-background-color-hover);
1406
1426
  --color: var(--hop-Button-primary-color-hover);
1407
1427
  --border: var(--hop-Button-primary-border-hover);
1408
1428
  }
1409
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1429
+ .Button-module__hop-Button--primary___52x1K[data-pressed] {
1410
1430
  --background-color: var(--hop-Button-primary-background-color-pressed);
1411
1431
  --color: var(--hop-Button-primary-color-pressed);
1412
1432
  --border: var(--hop-Button-primary-border-pressed);
1413
1433
  }
1414
- .Button-module__hop-Button--secondary___hSZYE {
1434
+ .Button-module__hop-Button--secondary___uDkfy {
1415
1435
  --background-color: var(--hop-Button-secondary-background-color);
1416
1436
  --color: var(--hop-Button-secondary-color);
1417
1437
  --border: var(--hop-Button-secondary-border);
1418
1438
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1419
1439
  }
1420
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1421
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1440
+ .Button-module__hop-Button--secondary___uDkfy[data-hovered],
1441
+ .Button-module__hop-Button--secondary___uDkfy[data-focus-visible] {
1422
1442
  --background-color: var(--hop-Button-secondary-background-color-hover);
1423
1443
  --color: var(--hop-Button-secondary-color-hover);
1424
1444
  --border: var(--hop-Button-secondary-border-hover);
1425
1445
  }
1426
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1446
+ .Button-module__hop-Button--secondary___uDkfy[data-pressed] {
1427
1447
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1428
1448
  --color: var(--hop-Button-secondary-color-pressed);
1429
1449
  --border: var(--hop-Button-secondary-border-pressed);
1430
1450
  }
1431
- .Button-module__hop-Button--upsell___9z1o- {
1451
+ .Button-module__hop-Button--upsell___3jmtI {
1432
1452
  --background-color: var(--hop-Button-upsell-background-color);
1433
1453
  --color: var(--hop-Button-upsell-color);
1434
1454
  --border: var(--hop-Button-upsell-border);
1435
1455
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1436
1456
  }
1437
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1438
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1457
+ .Button-module__hop-Button--upsell___3jmtI[data-hovered],
1458
+ .Button-module__hop-Button--upsell___3jmtI[data-focus-visible] {
1439
1459
  --background-color: var(--hop-Button-upsell-background-color-hover);
1440
1460
  --color: var(--hop-Button-upsell-color-hover);
1441
1461
  --border: var(--hop-Button-upsell-border-hover);
1442
1462
  }
1443
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1463
+ .Button-module__hop-Button--upsell___3jmtI[data-pressed] {
1444
1464
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1445
1465
  --color: var(--hop-Button-upsell-color-pressed);
1446
1466
  --border: var(--hop-Button-upsell-border-pressed);
1447
1467
  }
1448
- .Button-module__hop-Button--danger___KbLep {
1468
+ .Button-module__hop-Button--danger___tMXyo {
1449
1469
  --background-color: var(--hop-Button-danger-background-color);
1450
1470
  --color: var(--hop-Button-danger-color);
1451
1471
  --border: var(--hop-Button-danger-border);
1452
1472
  --spinner-color: var(--hop-Button-danger-spinner-color);
1453
1473
  }
1454
- .Button-module__hop-Button--danger___KbLep[data-hovered],
1455
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1474
+ .Button-module__hop-Button--danger___tMXyo[data-hovered],
1475
+ .Button-module__hop-Button--danger___tMXyo[data-focus-visible] {
1456
1476
  --background-color: var(--hop-Button-danger-background-color-hover);
1457
1477
  --color: var(--hop-Button-danger-color-hover);
1458
1478
  --border: var(--hop-Button-danger-border-hover);
1459
1479
  }
1460
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
1480
+ .Button-module__hop-Button--danger___tMXyo[data-pressed] {
1461
1481
  --background-color: var(--hop-Button-danger-background-color-pressed);
1462
1482
  --color: var(--hop-Button-danger-color-pressed);
1463
1483
  --border: var(--hop-Button-danger-border-pressed);
1464
1484
  }
1465
- .Button-module__hop-Button--ghost-primary___8jSf1 {
1485
+ .Button-module__hop-Button--ghost-primary___K1XFC {
1466
1486
  --background-color: var(--hop-Button-ghost-primary-background-color);
1467
1487
  --color: var(--hop-Button-ghost-primary-color);
1468
1488
  --border: var(--hop-Button-ghost-primary-border);
1469
1489
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1470
1490
  }
1471
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1472
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1491
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-hovered],
1492
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-focus-visible] {
1473
1493
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1474
1494
  --color: var(--hop-Button-ghost-primary-color-hover);
1475
1495
  --border: var(--hop-Button-ghost-primary-border-hover);
1476
1496
  --text-underline: underline;
1477
1497
  }
1478
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1498
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-pressed] {
1479
1499
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1480
1500
  --color: var(--hop-Button-ghost-primary-color-pressed);
1481
1501
  --border: var(--hop-Button-ghost-primary-border-pressed);
1482
1502
  --text-underline: underline;
1483
1503
  }
1484
- .Button-module__hop-Button--ghost-secondary___TRM6h {
1504
+ .Button-module__hop-Button--ghost-secondary___w7DWH {
1485
1505
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1486
1506
  --color: var(--hop-Button-ghost-secondary-color);
1487
1507
  --border: var(--hop-Button-ghost-secondary-border);
1488
1508
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1489
1509
  }
1490
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1491
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1510
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-hovered],
1511
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-focus-visible] {
1492
1512
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1493
1513
  --color: var(--hop-Button-ghost-secondary-color-hover);
1494
1514
  --border: var(--hop-Button-ghost-secondary-border-hover);
1495
1515
  --text-underline: underline;
1496
1516
  }
1497
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1517
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-pressed] {
1498
1518
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1499
1519
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1500
1520
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1501
1521
  --text-underline: underline;
1502
1522
  }
1503
- .Button-module__hop-Button--ghost-danger___-22ky {
1523
+ .Button-module__hop-Button--ghost-danger___6yaCm {
1504
1524
  --background-color: var(--hop-Button-ghost-danger-background-color);
1505
1525
  --color: var(--hop-Button-ghost-danger-color);
1506
1526
  --border: var(--hop-Button-ghost-danger-border);
1507
1527
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1508
1528
  }
1509
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1510
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1529
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-hovered],
1530
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-focus-visible] {
1511
1531
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1512
1532
  --color: var(--hop-Button-ghost-danger-color-hover);
1513
1533
  --border: var(--hop-Button-ghost-danger-border-hover);
1514
1534
  --text-underline: underline;
1515
1535
  }
1516
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1536
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-pressed] {
1517
1537
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1518
1538
  --color: var(--hop-Button-ghost-danger-color-pressed);
1519
1539
  --border: var(--hop-Button-ghost-danger-border-pressed);
1520
1540
  --text-underline: underline;
1521
1541
  }
1522
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
1542
+ .Button-module__hop-Button___pFvZM[data-focus-visible] {
1523
1543
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1524
1544
  }
1525
- .Button-module__hop-Button___8zkEy[data-disabled],
1526
- .Button-module__hop-Button--loading___yOWuT {
1545
+ .Button-module__hop-Button___pFvZM[data-disabled],
1546
+ .Button-module__hop-Button--loading___5FI2m {
1527
1547
  cursor: not-allowed;
1528
1548
  }
1529
- .Button-module__hop-Button___8zkEy[data-disabled] {
1549
+ .Button-module__hop-Button___pFvZM[data-disabled] {
1530
1550
  --background-color: var(--hop-Button-background-color-disabled);
1531
1551
  --color: var(--hop-Button-color-disabled);
1532
1552
  --border: var(--hop-Button-border-disabled);
1533
1553
  }
1534
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1554
+ .Button-module__hop-Button___pFvZM[class*=--ghost][data-disabled] {
1535
1555
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1536
1556
  --color: var(--hop-Button-ghost-color-disabled);
1537
1557
  --border: var(--hop-Button-ghost-border-disabled);
1538
1558
  }
1539
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1559
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--primary___52x1K {
1540
1560
  --background-color: var(--hop-Button-primary-background-color);
1541
1561
  --color: var(--hop-Button-primary-color);
1542
1562
  --border: var(--hop-Button-primary-border);
1543
1563
  }
1544
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1564
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--secondary___uDkfy {
1545
1565
  --background-color: var(--hop-Button-secondary-background-color);
1546
1566
  --color: var(--hop-Button-secondary-color);
1547
1567
  --border: var(--hop-Button-secondary-border);
1548
1568
  }
1549
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1569
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--upsell___3jmtI {
1550
1570
  --background-color: var(--hop-Button-upsell-background-color);
1551
1571
  --color: var(--hop-Button-upsell-color);
1552
1572
  --border: var(--hop-Button-upsell-border);
1553
1573
  }
1554
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1574
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--danger___tMXyo {
1555
1575
  --background-color: var(--hop-Button-danger-background-color);
1556
1576
  --color: var(--hop-Button-danger-color);
1557
1577
  --border: var(--hop-Button-danger-border);
1558
1578
  }
1559
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
1579
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-primary___K1XFC {
1560
1580
  --background-color: var(--hop-Button-ghost-primary-background-color);
1561
1581
  --color: var(--hop-Button-ghost-primary-color);
1562
1582
  --border: var(--hop-Button-ghost-primary-border);
1563
1583
  --text-underline: none;
1564
1584
  }
1565
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
1585
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-secondary___w7DWH {
1566
1586
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1567
1587
  --color: var(--hop-Button-ghost-secondary-color);
1568
1588
  --border: var(--hop-Button-ghost-secondary-border);
1569
1589
  --text-underline: none;
1570
1590
  }
1571
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
1591
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-danger___6yaCm {
1572
1592
  --background-color: var(--hop-Button-ghost-danger-background-color);
1573
1593
  --color: var(--hop-Button-ghost-danger-color);
1574
1594
  --border: var(--hop-Button-ghost-danger-border);
1575
1595
  --text-underline: none;
1576
1596
  }
1577
- .Button-module__hop-Button__Spinner___F4Img {
1597
+ .Button-module__hop-Button__Spinner___IeL-j {
1578
1598
  position: absolute;
1579
1599
  color: var(--spinner-color);
1580
1600
  }
1581
- .Button-module__hop-Button__icon___9WDgY,
1582
- .Button-module__hop-Button__icon-list___hcP-v {
1601
+ .Button-module__hop-Button__icon___S-Zrr,
1602
+ .Button-module__hop-Button__icon-list___3RaqV {
1583
1603
  flex: 0 0 auto;
1584
1604
  justify-self: end;
1585
1605
  order: 1;
1586
1606
  }
1587
- .Button-module__hop-Button__text___o1TcA {
1607
+ .Button-module__hop-Button__text___IuHAg {
1588
1608
  user-select: none;
1589
1609
  overflow: visible;
1590
1610
  flex: 0 1 auto;
@@ -1594,165 +1614,160 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1594
1614
  text-underline-offset: 0.125rem;
1595
1615
  text-wrap: nowrap;
1596
1616
  }
1597
- .Button-module__hop-Button__end-icon___6QGCl,
1598
- .Button-module__hop-Button__end-icon-list___iZhOt {
1617
+ .Button-module__hop-Button__end-icon___4bLjb,
1618
+ .Button-module__hop-Button__end-icon-list___jhqpr {
1599
1619
  flex: 0 0 auto;
1600
1620
  order: 3;
1601
1621
  }
1602
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
1603
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
1622
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__icon-list___3RaqV,
1623
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__end-icon-list___jhqpr {
1604
1624
  flex-wrap: nowrap;
1605
1625
  }
1606
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
1626
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button___pFvZM > *:not(.Button-module__hop-Button__Spinner___IeL-j) {
1607
1627
  opacity: 0;
1608
1628
  }
1609
- .LinkButton-module__hop-LinkButton___2nN8n {
1629
+ .LinkButton-module__hop-LinkButton___eBUze {
1610
1630
  }
1611
- .LinkButton-module__hop-LinkButton--fluid___49oZv {
1631
+ .LinkButton-module__hop-LinkButton--fluid___sqqS8 {
1612
1632
  }
1613
- .LinkButton-module__hop-LinkButton--sm___9b02I {
1633
+ .LinkButton-module__hop-LinkButton--xs___WWWHW {
1614
1634
  }
1615
- .LinkButton-module__hop-LinkButton--icon-only___7vpiv {
1635
+ .LinkButton-module__hop-LinkButton--sm___C8AR- {
1616
1636
  }
1617
- .LinkButton-module__hop-LinkButton--primary___J8UqT {
1637
+ .LinkButton-module__hop-LinkButton--icon-only___F6eGl {
1618
1638
  }
1619
- .LinkButton-module__hop-LinkButton--secondary___MiSOP {
1639
+ .LinkButton-module__hop-LinkButton--primary___5UjcP {
1620
1640
  }
1621
- .LinkButton-module__hop-LinkButton--upsell___2nJG1 {
1641
+ .LinkButton-module__hop-LinkButton--secondary___3ZmYh {
1622
1642
  }
1623
- .LinkButton-module__hop-LinkButton--danger___To7Pv {
1643
+ .LinkButton-module__hop-LinkButton--upsell___Z9N4g {
1624
1644
  }
1625
- .LinkButton-module__hop-LinkButton--ghost-primary___oEPTJ {
1645
+ .LinkButton-module__hop-LinkButton--danger___hdaD9 {
1626
1646
  }
1627
- .LinkButton-module__hop-LinkButton--ghost-secondary___51Xbb {
1647
+ .LinkButton-module__hop-LinkButton--ghost-primary___d6OGZ {
1628
1648
  }
1629
- .LinkButton-module__hop-LinkButton--ghost-danger___Dc7L- {
1649
+ .LinkButton-module__hop-LinkButton--ghost-secondary___1-eth {
1630
1650
  }
1631
- .LinkButton-module__hop-LinkButton__Spinner___uQrb2 {
1651
+ .LinkButton-module__hop-LinkButton--ghost-danger___NY1-o {
1632
1652
  }
1633
- .LinkButton-module__hop-LinkButton__icon___9z8lE,
1634
- .LinkButton-module__hop-LinkButton__icon-list___TVvwm {
1653
+ .LinkButton-module__hop-LinkButton__Spinner___X3hP3 {
1635
1654
  }
1636
- .LinkButton-module__hop-LinkButton__text___gbj3a {
1655
+ .LinkButton-module__hop-LinkButton__icon___KzBMg,
1656
+ .LinkButton-module__hop-LinkButton__icon-list___665Yw {
1637
1657
  }
1638
- .LinkButton-module__hop-LinkButton__end-icon___JTQT7,
1639
- .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
1658
+ .LinkButton-module__hop-LinkButton__text___wsYac {
1640
1659
  }
1641
- .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__icon-list___TVvwm,
1642
- .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
1660
+ .LinkButton-module__hop-LinkButton__end-icon___KQjdL,
1661
+ .LinkButton-module__hop-LinkButton__end-icon-list___4rXFV {
1662
+ }
1663
+ .LinkButton-module__hop-LinkButton___eBUze .LinkButton-module__hop-LinkButton__icon-list___665Yw,
1664
+ .LinkButton-module__hop-LinkButton___eBUze .LinkButton-module__hop-LinkButton__end-icon-list___4rXFV {
1643
1665
  flex-wrap: nowrap;
1644
1666
  }
1645
1667
 
1646
1668
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1647
- .ToggleButton-module__hop-ToggleButton___cQggT {
1648
- --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1649
- --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1650
- --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1651
- --hop-ToggleButton-icon-only-column-gap: 0;
1652
- --hop-ToggleButton-outline-size: var(--hop-space-20);
1653
- --hop-ToggleButton-border-size: var(--hop-space-10);
1654
- --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1655
- --hop-ToggleButton-icon-only-padding: 0;
1656
- --hop-ToggleButton-sm-height: 2rem;
1657
- --hop-ToggleButton-md-height: 2.5rem;
1658
- --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1659
- --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1660
- --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1661
- --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1662
- --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1663
- --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1664
- --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1665
- --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1666
- --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1667
- --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1668
- --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1669
- --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1670
- --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1671
- --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1672
- --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1673
- --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1674
- --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1675
- --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1676
- --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1677
- --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1678
- --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1679
- --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1680
- --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1681
- --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1682
- --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1683
- --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1684
- --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1685
- --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1686
- --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1687
- --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1688
- --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1689
- --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1690
- --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1691
- --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1692
- --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1693
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1694
- --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1695
- --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1696
- --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1697
- --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1698
- --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1699
- --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1700
- --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1701
- --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1702
- --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
1703
- --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
1704
- --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
1705
- --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
1706
- --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
1707
- --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1708
- --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
1709
- --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
1710
- --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
1711
- --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
1712
- --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
1713
- --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
1714
- --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
1715
- --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
1716
- --hop-ToggleButton-ghost-background-color-disabled: transparent;
1717
- --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
1718
- --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
1719
- --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
1720
- --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
1721
- --hop-ToggleButton-ghost-primary-background-color: transparent;
1722
- --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1723
- --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1724
- --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
1725
- --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
1726
- --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1727
- --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
1728
- --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
1729
- --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1730
- --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1731
- --hop-ToggleButton-ghost-secondary-background-color: transparent;
1732
- --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1733
- --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1734
- --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
1735
- --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1736
- --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1737
- --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1738
- --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
1739
- --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
1740
- --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
1741
- --hop-ToggleButton-ghost-danger-background-color: transparent;
1742
- --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1743
- --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1744
- --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
1745
- --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
1746
- --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1747
- --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
1669
+ .Button-module__hop-Button___pFvZM {
1670
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
1671
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1672
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
1673
+ --hop-Button-icon-only-column-gap: 0;
1674
+ --hop-Button-outline-size: var(--hop-space-20);
1675
+ --hop-Button-border-size: var(--hop-space-10);
1676
+ --hop-Button-text-underline-offset: var(--hop-space-20);
1677
+ --hop-Button-icon-only-padding: 0;
1678
+ --hop-Button-xs-height: 1.5rem;
1679
+ --hop-Button-sm-height: 2rem;
1680
+ --hop-Button-md-height: 2.5rem;
1681
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1682
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1683
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1684
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1685
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1686
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1687
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1688
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1689
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1690
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1691
+ --hop-Button-ghost-background-color-disabled: transparent;
1692
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1693
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
1694
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1695
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1696
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1697
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1698
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1699
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1700
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1701
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1702
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1703
+ --hop-Button-secondary-color: var(--hop-neutral-text);
1704
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1705
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1706
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1707
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1708
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1709
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1710
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1711
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1712
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1713
+ --hop-Button-upsell-color: var(--hop-upsell-text);
1714
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1715
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1716
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1717
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1718
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1719
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1720
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1721
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1722
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1723
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
1724
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1725
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1726
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1727
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1728
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1729
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1730
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1731
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1732
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1733
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
1734
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1735
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1736
+ --hop-Button-ghost-primary-background-color: transparent;
1737
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1738
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1739
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1740
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1741
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1742
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1743
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1744
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1745
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1746
+ --hop-Button-ghost-secondary-background-color: transparent;
1747
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1748
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1749
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1750
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1751
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1752
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1753
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1754
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1755
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1756
+ --hop-Button-ghost-danger-background-color: transparent;
1757
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1758
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1759
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1760
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1761
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1762
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1748
1763
  --inline-size: max-content;
1749
- --block-size: var(--hop-ToggleButton-md-height);
1764
+ --block-size: var(--hop-Button-md-height);
1750
1765
  --background-color: var(--hop-primary-surface-strong);
1751
1766
  --color: var(--hop-primary-text-strong);
1752
- --column-gap: var(--hop-ToggleButton-column-gap);
1767
+ --column-gap: var(--hop-Button-column-gap);
1753
1768
  --spinner: var(--hop-primary-icon-strong);
1754
1769
  --border: 0;
1755
- --padding: var(--hop-ToggleButton-md-padding);
1770
+ --padding: var(--hop-Button-md-padding);
1756
1771
  --text-underline: none;
1757
1772
  cursor: pointer;
1758
1773
  position: relative;
@@ -1770,229 +1785,230 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1770
1785
  white-space: nowrap;
1771
1786
  background-color: var(--background-color);
1772
1787
  border: var(--border);
1773
- border-radius: var(--hop-ToggleButton-border-radius);
1788
+ border-radius: var(--hop-Button-border-radius);
1774
1789
  outline: none;
1775
- outline-offset: var(--hop-ToggleButton-outline-size);
1790
+ outline-offset: var(--hop-Button-outline-size);
1776
1791
  transition:
1777
1792
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1778
1793
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1779
1794
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1780
1795
  }
1781
- .ToggleButton-module__hop-ToggleButton--fluid___rl9FX {
1796
+ .Button-module__hop-Button--fluid___-QhTX {
1782
1797
  --inline-size: 100%;
1783
1798
  }
1784
- .ToggleButton-module__hop-ToggleButton--sm___-x-OZ {
1785
- --block-size: var(--hop-ToggleButton-sm-height);
1786
- --padding: var(--hop-ToggleButton-sm-padding);
1799
+ .Button-module__hop-Button--xs___8Z6Fg {
1800
+ --block-size: var(--hop-Button-xs-height);
1801
+ --padding: var(--hop-Button-xs-padding);
1787
1802
  }
1788
- .ToggleButton-module__hop-ToggleButton--icon-only___W2v-S {
1789
- --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1790
- --padding: var(--hop-ToggleButton-icon-only-padding);
1791
- aspect-ratio: 1;
1803
+ .Button-module__hop-Button--xs___8Z6Fg[class*=--ghost] {
1804
+ --padding: var(--hop-Button-ghost-xs-padding);
1792
1805
  }
1793
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1794
- --background-color: var(--hop-ToggleButton-primary-background-color);
1795
- --color: var(--hop-ToggleButton-primary-color);
1796
- --border: var(--hop-ToggleButton-primary-border);
1797
- --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1806
+ .Button-module__hop-Button--sm___jcXzi {
1807
+ --block-size: var(--hop-Button-sm-height);
1808
+ --padding: var(--hop-Button-sm-padding);
1798
1809
  }
1799
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-hovered],
1800
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-focus-visible] {
1801
- --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1802
- --color: var(--hop-ToggleButton-primary-color-hover);
1803
- --border: var(--hop-ToggleButton-primary-border-hover);
1810
+ .Button-module__hop-Button--sm___jcXzi[class*=--ghost] {
1811
+ --padding: var(--hop-Button-ghost-sm-padding);
1804
1812
  }
1805
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-pressed] {
1806
- --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1807
- --color: var(--hop-ToggleButton-primary-color-pressed);
1808
- --border: var(--hop-ToggleButton-primary-border-pressed);
1813
+ .Button-module__hop-Button--md___-Hyel[class*=--ghost] {
1814
+ --padding: var(--hop-Button-ghost-md-padding);
1809
1815
  }
1810
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-selected] {
1811
- --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1812
- --color: var(--hop-ToggleButton-primary-color-selected);
1813
- --border: var(--hop-ToggleButton-primary-border-selected);
1816
+ .Button-module__hop-Button--icon-only___ZHooM {
1817
+ --column-gap: var(--hop-Button-icon-only-column-gap);
1818
+ --padding: var(--hop-Button-icon-only-padding);
1819
+ aspect-ratio: 1;
1814
1820
  }
1815
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1816
- --background-color: var(--hop-ToggleButton-secondary-background-color);
1817
- --color: var(--hop-ToggleButton-secondary-color);
1818
- --border: var(--hop-ToggleButton-secondary-border);
1819
- --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1821
+ .Button-module__hop-Button--primary___52x1K {
1822
+ --background-color: var(--hop-Button-primary-background-color);
1823
+ --color: var(--hop-Button-primary-color);
1824
+ --border: var(--hop-Button-primary-border);
1825
+ --spinner-color: var(--hop-Button-primary-spinner-color);
1820
1826
  }
1821
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-hovered],
1822
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-focus-visible] {
1823
- --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1824
- --color: var(--hop-ToggleButton-secondary-color-hover);
1825
- --border: var(--hop-ToggleButton-secondary-border-hover);
1827
+ .Button-module__hop-Button--primary___52x1K[data-hovered],
1828
+ .Button-module__hop-Button--primary___52x1K[data-focus-visible] {
1829
+ --background-color: var(--hop-Button-primary-background-color-hover);
1830
+ --color: var(--hop-Button-primary-color-hover);
1831
+ --border: var(--hop-Button-primary-border-hover);
1826
1832
  }
1827
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-pressed] {
1828
- --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1829
- --color: var(--hop-ToggleButton-secondary-color-pressed);
1830
- --border: var(--hop-ToggleButton-secondary-border-pressed);
1833
+ .Button-module__hop-Button--primary___52x1K[data-pressed] {
1834
+ --background-color: var(--hop-Button-primary-background-color-pressed);
1835
+ --color: var(--hop-Button-primary-color-pressed);
1836
+ --border: var(--hop-Button-primary-border-pressed);
1831
1837
  }
1832
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-selected] {
1833
- --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1834
- --color: var(--hop-ToggleButton-secondary-color-selected);
1835
- --border: var(--hop-ToggleButton-secondary-border-selected);
1838
+ .Button-module__hop-Button--secondary___uDkfy {
1839
+ --background-color: var(--hop-Button-secondary-background-color);
1840
+ --color: var(--hop-Button-secondary-color);
1841
+ --border: var(--hop-Button-secondary-border);
1842
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
1836
1843
  }
1837
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1838
- --background-color: var(--hop-ToggleButton-upsell-background-color);
1839
- --color: var(--hop-ToggleButton-upsell-color);
1840
- --border: var(--hop-ToggleButton-upsell-border);
1841
- --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1844
+ .Button-module__hop-Button--secondary___uDkfy[data-hovered],
1845
+ .Button-module__hop-Button--secondary___uDkfy[data-focus-visible] {
1846
+ --background-color: var(--hop-Button-secondary-background-color-hover);
1847
+ --color: var(--hop-Button-secondary-color-hover);
1848
+ --border: var(--hop-Button-secondary-border-hover);
1842
1849
  }
1843
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-hovered],
1844
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-focus-visible] {
1845
- --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1846
- --color: var(--hop-ToggleButton-upsell-color-hover);
1847
- --border: var(--hop-ToggleButton-upsell-border-hover);
1850
+ .Button-module__hop-Button--secondary___uDkfy[data-pressed] {
1851
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
1852
+ --color: var(--hop-Button-secondary-color-pressed);
1853
+ --border: var(--hop-Button-secondary-border-pressed);
1848
1854
  }
1849
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-pressed] {
1850
- --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1851
- --color: var(--hop-ToggleButton-upsell-color-pressed);
1852
- --border: var(--hop-ToggleButton-upsell-border-pressed);
1855
+ .Button-module__hop-Button--upsell___3jmtI {
1856
+ --background-color: var(--hop-Button-upsell-background-color);
1857
+ --color: var(--hop-Button-upsell-color);
1858
+ --border: var(--hop-Button-upsell-border);
1859
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
1853
1860
  }
1854
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-selected] {
1855
- --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1856
- --color: var(--hop-ToggleButton-upsell-color-selected);
1857
- --border: var(--hop-ToggleButton-upsell-border-selected);
1861
+ .Button-module__hop-Button--upsell___3jmtI[data-hovered],
1862
+ .Button-module__hop-Button--upsell___3jmtI[data-focus-visible] {
1863
+ --background-color: var(--hop-Button-upsell-background-color-hover);
1864
+ --color: var(--hop-Button-upsell-color-hover);
1865
+ --border: var(--hop-Button-upsell-border-hover);
1858
1866
  }
1859
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7 {
1860
- --background-color: var(--hop-ToggleButton-danger-background-color);
1861
- --color: var(--hop-ToggleButton-danger-color);
1862
- --border: var(--hop-ToggleButton-danger-border);
1863
- --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
1867
+ .Button-module__hop-Button--upsell___3jmtI[data-pressed] {
1868
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
1869
+ --color: var(--hop-Button-upsell-color-pressed);
1870
+ --border: var(--hop-Button-upsell-border-pressed);
1864
1871
  }
1865
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-hovered],
1866
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-focus-visible] {
1867
- --background-color: var(--hop-ToggleButton-danger-background-color-hover);
1868
- --color: var(--hop-ToggleButton-danger-color-hover);
1869
- --border: var(--hop-ToggleButton-danger-border-hover);
1872
+ .Button-module__hop-Button--danger___tMXyo {
1873
+ --background-color: var(--hop-Button-danger-background-color);
1874
+ --color: var(--hop-Button-danger-color);
1875
+ --border: var(--hop-Button-danger-border);
1876
+ --spinner-color: var(--hop-Button-danger-spinner-color);
1870
1877
  }
1871
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-pressed] {
1872
- --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
1873
- --color: var(--hop-ToggleButton-danger-color-pressed);
1874
- --border: var(--hop-ToggleButton-danger-border-pressed);
1878
+ .Button-module__hop-Button--danger___tMXyo[data-hovered],
1879
+ .Button-module__hop-Button--danger___tMXyo[data-focus-visible] {
1880
+ --background-color: var(--hop-Button-danger-background-color-hover);
1881
+ --color: var(--hop-Button-danger-color-hover);
1882
+ --border: var(--hop-Button-danger-border-hover);
1875
1883
  }
1876
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-selected] {
1877
- --background-color: var(--hop-ToggleButton-danger-background-color-selected);
1878
- --color: var(--hop-ToggleButton-danger-color-selected);
1879
- --border: var(--hop-ToggleButton-danger-border-selected);
1884
+ .Button-module__hop-Button--danger___tMXyo[data-pressed] {
1885
+ --background-color: var(--hop-Button-danger-background-color-pressed);
1886
+ --color: var(--hop-Button-danger-color-pressed);
1887
+ --border: var(--hop-Button-danger-border-pressed);
1880
1888
  }
1881
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u {
1882
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
1883
- --color: var(--hop-ToggleButton-ghost-primary-color);
1884
- --border: var(--hop-ToggleButton-ghost-primary-border);
1885
- --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
1889
+ .Button-module__hop-Button--ghost-primary___K1XFC {
1890
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1891
+ --color: var(--hop-Button-ghost-primary-color);
1892
+ --border: var(--hop-Button-ghost-primary-border);
1893
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1886
1894
  }
1887
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-hovered],
1888
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-focus-visible] {
1889
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
1890
- --color: var(--hop-ToggleButton-ghost-primary-color-hover);
1891
- --border: var(--hop-ToggleButton-ghost-primary-border-hover);
1895
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-hovered],
1896
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-focus-visible] {
1897
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1898
+ --color: var(--hop-Button-ghost-primary-color-hover);
1899
+ --border: var(--hop-Button-ghost-primary-border-hover);
1892
1900
  --text-underline: underline;
1893
1901
  }
1894
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed],
1895
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-selected] {
1896
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1897
- --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
1898
- --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
1899
- }
1900
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed] {
1902
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-pressed] {
1903
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1904
+ --color: var(--hop-Button-ghost-primary-color-pressed);
1905
+ --border: var(--hop-Button-ghost-primary-border-pressed);
1901
1906
  --text-underline: underline;
1902
1907
  }
1903
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d {
1904
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1905
- --color: var(--hop-ToggleButton-ghost-secondary-color);
1906
- --border: var(--hop-ToggleButton-ghost-secondary-border);
1907
- --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
1908
+ .Button-module__hop-Button--ghost-secondary___w7DWH {
1909
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1910
+ --color: var(--hop-Button-ghost-secondary-color);
1911
+ --border: var(--hop-Button-ghost-secondary-border);
1912
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1908
1913
  }
1909
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-hovered],
1910
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-focus-visible] {
1911
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1912
- --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
1913
- --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
1914
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-hovered],
1915
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-focus-visible] {
1916
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1917
+ --color: var(--hop-Button-ghost-secondary-color-hover);
1918
+ --border: var(--hop-Button-ghost-secondary-border-hover);
1914
1919
  --text-underline: underline;
1915
1920
  }
1916
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed],
1917
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-selected] {
1918
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1919
- --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
1920
- --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
1921
- }
1922
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed] {
1921
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-pressed] {
1922
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1923
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
1924
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
1923
1925
  --text-underline: underline;
1924
1926
  }
1925
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8 {
1926
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
1927
- --color: var(--hop-ToggleButton-ghost-danger-color);
1928
- --border: var(--hop-ToggleButton-ghost-danger-border);
1929
- --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
1927
+ .Button-module__hop-Button--ghost-danger___6yaCm {
1928
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1929
+ --color: var(--hop-Button-ghost-danger-color);
1930
+ --border: var(--hop-Button-ghost-danger-border);
1931
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1930
1932
  }
1931
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-hovered],
1932
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-focus-visible] {
1933
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
1934
- --color: var(--hop-ToggleButton-ghost-danger-color-hover);
1935
- --border: var(--hop-ToggleButton-ghost-danger-border-hover);
1933
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-hovered],
1934
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-focus-visible] {
1935
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1936
+ --color: var(--hop-Button-ghost-danger-color-hover);
1937
+ --border: var(--hop-Button-ghost-danger-border-hover);
1936
1938
  --text-underline: underline;
1937
1939
  }
1938
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed],
1939
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-selected] {
1940
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1941
- --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
1942
- --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
1943
- }
1944
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed] {
1940
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-pressed] {
1941
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1942
+ --color: var(--hop-Button-ghost-danger-color-pressed);
1943
+ --border: var(--hop-Button-ghost-danger-border-pressed);
1945
1944
  --text-underline: underline;
1946
1945
  }
1947
- .ToggleButton-module__hop-ToggleButton___cQggT[data-focus-visible] {
1948
- outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1946
+ .Button-module__hop-Button___pFvZM[data-focus-visible] {
1947
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1949
1948
  }
1950
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled],
1951
- .ToggleButton-module__hop-ToggleButton--loading___sF-01 {
1949
+ .Button-module__hop-Button___pFvZM[data-disabled],
1950
+ .Button-module__hop-Button--loading___5FI2m {
1952
1951
  cursor: not-allowed;
1953
1952
  }
1954
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled] {
1955
- --background-color: var(--hop-ToggleButton-background-color-disabled);
1956
- --color: var(--hop-ToggleButton-color-disabled);
1957
- --border: var(--hop-ToggleButton-border-disabled);
1953
+ .Button-module__hop-Button___pFvZM[data-disabled] {
1954
+ --background-color: var(--hop-Button-background-color-disabled);
1955
+ --color: var(--hop-Button-color-disabled);
1956
+ --border: var(--hop-Button-border-disabled);
1958
1957
  }
1959
- .ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost][data-disabled] {
1960
- --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
1961
- --color: var(--hop-ToggleButton-ghost-color-disabled);
1962
- --border: var(--hop-ToggleButton-ghost-border-disabled);
1958
+ .Button-module__hop-Button___pFvZM[class*=--ghost][data-disabled] {
1959
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
1960
+ --color: var(--hop-Button-ghost-color-disabled);
1961
+ --border: var(--hop-Button-ghost-border-disabled);
1963
1962
  }
1964
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1965
- --background-color: var(--hop-ToggleButton-primary-background-color);
1966
- --color: var(--hop-ToggleButton-primary-color);
1967
- --border: var(--hop-ToggleButton-primary-border);
1963
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--primary___52x1K {
1964
+ --background-color: var(--hop-Button-primary-background-color);
1965
+ --color: var(--hop-Button-primary-color);
1966
+ --border: var(--hop-Button-primary-border);
1968
1967
  }
1969
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1970
- --background-color: var(--hop-ToggleButton-secondary-background-color);
1971
- --color: var(--hop-ToggleButton-secondary-color);
1972
- --border: var(--hop-ToggleButton-secondary-border);
1968
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--secondary___uDkfy {
1969
+ --background-color: var(--hop-Button-secondary-background-color);
1970
+ --color: var(--hop-Button-secondary-color);
1971
+ --border: var(--hop-Button-secondary-border);
1973
1972
  }
1974
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1975
- --background-color: var(--hop-ToggleButton-upsell-background-color);
1976
- --color: var(--hop-ToggleButton-upsell-color);
1977
- --border: var(--hop-ToggleButton-upsell-border);
1973
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--upsell___3jmtI {
1974
+ --background-color: var(--hop-Button-upsell-background-color);
1975
+ --color: var(--hop-Button-upsell-color);
1976
+ --border: var(--hop-Button-upsell-border);
1978
1977
  }
1979
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost] {
1980
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1981
- --color: var(--hop-ToggleButton-ghost-secondary-color);
1982
- --border: var(--hop-ToggleButton-ghost-secondary-border);
1978
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--danger___tMXyo {
1979
+ --background-color: var(--hop-Button-danger-background-color);
1980
+ --color: var(--hop-Button-danger-color);
1981
+ --border: var(--hop-Button-danger-border);
1982
+ }
1983
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-primary___K1XFC {
1984
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1985
+ --color: var(--hop-Button-ghost-primary-color);
1986
+ --border: var(--hop-Button-ghost-primary-border);
1987
+ --text-underline: none;
1988
+ }
1989
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-secondary___w7DWH {
1990
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1991
+ --color: var(--hop-Button-ghost-secondary-color);
1992
+ --border: var(--hop-Button-ghost-secondary-border);
1993
+ --text-underline: none;
1994
+ }
1995
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-danger___6yaCm {
1996
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1997
+ --color: var(--hop-Button-ghost-danger-color);
1998
+ --border: var(--hop-Button-ghost-danger-border);
1983
1999
  --text-underline: none;
1984
2000
  }
1985
- .ToggleButton-module__hop-ToggleButton__Spinner___SwSbO {
2001
+ .Button-module__hop-Button__Spinner___IeL-j {
1986
2002
  position: absolute;
1987
2003
  color: var(--spinner-color);
1988
2004
  }
1989
- .ToggleButton-module__hop-ToggleButton__icon___nOFkE,
1990
- .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk {
2005
+ .Button-module__hop-Button__icon___S-Zrr,
2006
+ .Button-module__hop-Button__icon-list___3RaqV {
1991
2007
  flex: 0 0 auto;
1992
2008
  justify-self: end;
1993
2009
  order: 1;
1994
2010
  }
1995
- .ToggleButton-module__hop-ToggleButton__text___ZdN6c {
2011
+ .Button-module__hop-Button__text___IuHAg {
1996
2012
  user-select: none;
1997
2013
  overflow: visible;
1998
2014
  flex: 0 1 auto;
@@ -2002,21 +2018,182 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2002
2018
  text-underline-offset: 0.125rem;
2003
2019
  text-wrap: nowrap;
2004
2020
  }
2005
- .ToggleButton-module__hop-ToggleButton__end-icon___gYUgH,
2006
- .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2021
+ .Button-module__hop-Button__end-icon___4bLjb,
2022
+ .Button-module__hop-Button__end-icon-list___jhqpr {
2007
2023
  flex: 0 0 auto;
2008
2024
  order: 3;
2009
2025
  }
2010
- .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk,
2011
- .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2026
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__icon-list___3RaqV,
2027
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__end-icon-list___jhqpr {
2012
2028
  flex-wrap: nowrap;
2013
2029
  }
2014
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SwSbO) {
2030
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button___pFvZM > *:not(.Button-module__hop-Button__Spinner___IeL-j) {
2031
+ opacity: 0;
2032
+ }
2033
+ .ToggleButton-module__hop-ToggleButton___zbugX {
2034
+ --hop-ToggleButton-border-size: var(--hop-space-10);
2035
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2036
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2037
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2038
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2039
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2040
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2041
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2042
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2043
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2044
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2045
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2046
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2047
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2048
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2049
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2050
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2051
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2052
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2053
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2054
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2055
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2056
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2057
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2058
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2059
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2060
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
2061
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2062
+ --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
2063
+ --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
2064
+ --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
2065
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2066
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
2067
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2068
+ --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2069
+ --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2070
+ --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2071
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2072
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
2073
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2074
+ --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2075
+ --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2076
+ --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2077
+ }
2078
+ .ToggleButton-module__hop-ToggleButton--fluid___WdZV7 {
2079
+ }
2080
+ .ToggleButton-module__hop-ToggleButton--xs___Lsp2L {
2081
+ }
2082
+ .ToggleButton-module__hop-ToggleButton--sm___3Nmsz {
2083
+ }
2084
+ .ToggleButton-module__hop-ToggleButton--md___EP9fl {
2085
+ }
2086
+ .ToggleButton-module__hop-ToggleButton--icon-only___sygl8 {
2087
+ }
2088
+ .ToggleButton-module__hop-ToggleButton--primary___LPJIl {
2089
+ }
2090
+ .ToggleButton-module__hop-ToggleButton--primary___LPJIl[data-selected] {
2091
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2092
+ --color: var(--hop-ToggleButton-primary-color-selected);
2093
+ --border: var(--hop-ToggleButton-primary-border-selected);
2094
+ }
2095
+ .ToggleButton-module__hop-ToggleButton--secondary___snZJc {
2096
+ }
2097
+ .ToggleButton-module__hop-ToggleButton--secondary___snZJc[data-selected] {
2098
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2099
+ --color: var(--hop-ToggleButton-secondary-color-selected);
2100
+ --border: var(--hop-ToggleButton-secondary-border-selected);
2101
+ }
2102
+ .ToggleButton-module__hop-ToggleButton--upsell___lZhaF {
2103
+ }
2104
+ .ToggleButton-module__hop-ToggleButton--upsell___lZhaF[data-selected] {
2105
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2106
+ --color: var(--hop-ToggleButton-upsell-color-selected);
2107
+ --border: var(--hop-ToggleButton-upsell-border-selected);
2108
+ }
2109
+ .ToggleButton-module__hop-ToggleButton--danger___bgpu6 {
2110
+ }
2111
+ .ToggleButton-module__hop-ToggleButton--danger___bgpu6[data-selected] {
2112
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2113
+ --color: var(--hop-ToggleButton-danger-color-selected);
2114
+ --border: var(--hop-ToggleButton-danger-border-selected);
2115
+ }
2116
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh {
2117
+ }
2118
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh[data-selected] {
2119
+ --text-underline: normal;
2120
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2121
+ --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2122
+ --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2123
+ }
2124
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O {
2125
+ }
2126
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O[data-selected] {
2127
+ --text-underline: normal;
2128
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2129
+ --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2130
+ --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2131
+ }
2132
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh {
2133
+ }
2134
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh[data-selected] {
2135
+ --text-underline: normal;
2136
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2137
+ --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2138
+ --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2139
+ }
2140
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--primary___LPJIl {
2141
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2142
+ --color: var(--hop-ToggleButton-primary-color);
2143
+ --border: var(--hop-ToggleButton-primary-border);
2144
+ }
2145
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--secondary___snZJc {
2146
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2147
+ --color: var(--hop-ToggleButton-secondary-color);
2148
+ --border: var(--hop-ToggleButton-secondary-border);
2149
+ }
2150
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--upsell___lZhaF {
2151
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2152
+ --color: var(--hop-ToggleButton-upsell-color);
2153
+ --border: var(--hop-ToggleButton-upsell-border);
2154
+ }
2155
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--danger___bgpu6 {
2156
+ --background-color: var(--hop-ToggleButton-danger-background-color);
2157
+ --color: var(--hop-ToggleButton-danger-color);
2158
+ --border: var(--hop-ToggleButton-danger-border);
2159
+ }
2160
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh {
2161
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2162
+ --color: var(--hop-ToggleButton-ghost-primary-color);
2163
+ --border: var(--hop-ToggleButton-ghost-primary-border);
2164
+ --text-underline: none;
2165
+ }
2166
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O {
2167
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2168
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2169
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2170
+ --text-underline: none;
2171
+ }
2172
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh {
2173
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2174
+ --color: var(--hop-ToggleButton-ghost-danger-color);
2175
+ --border: var(--hop-ToggleButton-ghost-danger-border);
2176
+ --text-underline: none;
2177
+ }
2178
+ .ToggleButton-module__hop-ToggleButton__Spinner___h-RL5 {
2179
+ }
2180
+ .ToggleButton-module__hop-ToggleButton__icon___fNyh0,
2181
+ .ToggleButton-module__hop-ToggleButton__icon-list___2SWhn {
2182
+ }
2183
+ .ToggleButton-module__hop-ToggleButton__text___GdM0S {
2184
+ }
2185
+ .ToggleButton-module__hop-ToggleButton__end-icon___k76xK,
2186
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___qUqZ8 {
2187
+ }
2188
+ .ToggleButton-module__hop-ToggleButton__icon-list___2SWhn,
2189
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___qUqZ8 {
2190
+ }
2191
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton___zbugX > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___h-RL5) {
2015
2192
  opacity: 0;
2016
2193
  }
2017
2194
 
2018
2195
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
2019
- .HopperProvider-module__hop-HopperProvider___V57bd {
2196
+ .HopperProvider-module__hop-HopperProvider___Fqasb {
2020
2197
  font-family: var(--hop-body-md-font-family);
2021
2198
  font-size: var(--hop-body-md-font-size);
2022
2199
  font-weight: var(--hop-body-md-font-weight);
@@ -2026,7 +2203,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2026
2203
  }
2027
2204
 
2028
2205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
2029
- .Link-module__hop-Link___wpopk {
2206
+ .Link-module__hop-Link___DnE6s {
2030
2207
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2031
2208
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2032
2209
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2086,130 +2263,130 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2086
2263
  outline: none;
2087
2264
  outline-offset: 0.125rem;
2088
2265
  }
2089
- :where(.Link-module__hop-Link___wpopk) {
2266
+ :where(.Link-module__hop-Link___DnE6s) {
2090
2267
  font-family: var(--font-family);
2091
2268
  font-size: var(--font-size);
2092
2269
  font-weight: var(--font-weight);
2093
2270
  line-height: var(--line-height);
2094
2271
  }
2095
- :where(.Link-module__hop-Link--xs___aNep6) {
2272
+ :where(.Link-module__hop-Link--xs___LQkM8) {
2096
2273
  --font-size: var(--hop-Link-xs-font-size);
2097
2274
  --font-family: var(--hop-Link-xs-font-family);
2098
2275
  --font-weight: var(--hop-Link-xs-font-weight);
2099
2276
  --line-height: var(--hop-Link-xs-line-height);
2100
2277
  }
2101
- :where(.Link-module__hop-Link--sm___xGDoN) {
2278
+ :where(.Link-module__hop-Link--sm___-8sxS) {
2102
2279
  --font-size: var(--hop-Link-sm-font-size);
2103
2280
  --font-family: var(--hop-Link-sm-font-family);
2104
2281
  --font-weight: var(--hop-Link-sm-font-weight);
2105
2282
  --line-height: var(--hop-Link-sm-line-height);
2106
2283
  }
2107
- :where(.Link-module__hop-Link--md___PPF1-) {
2284
+ :where(.Link-module__hop-Link--md___VyOBi) {
2108
2285
  --font-size: var(--hop-Link-md-font-size);
2109
2286
  --font-family: var(--hop-Link-md-font-family);
2110
2287
  --font-weight: var(--hop-Link-md-font-weight);
2111
2288
  --line-height: var(--hop-Link-md-line-height);
2112
2289
  }
2113
- :where(.Link-module__hop-Link--lg___h6IR3) {
2290
+ :where(.Link-module__hop-Link--lg___9Jdg9) {
2114
2291
  --font-size: var(--hop-Link-lg-font-size);
2115
2292
  --font-family: var(--hop-Link-lg-font-family);
2116
2293
  --font-weight: var(--hop-Link-lg-font-weight);
2117
2294
  --line-height: var(--hop-Link-lg-line-height);
2118
2295
  }
2119
- :where(.Link-module__hop-Link--xl___4ER9H) {
2296
+ :where(.Link-module__hop-Link--xl___g-URQ) {
2120
2297
  --font-size: var(--hop-Link-xl-font-size);
2121
2298
  --font-family: var(--hop-Link-xl-font-family);
2122
2299
  --font-weight: var(--hop-Link-xl-font-weight);
2123
2300
  --line-height: var(--hop-Link-xl-line-height);
2124
2301
  }
2125
- :where(.Link-module__hop-Link--2xl___70ZO5) {
2302
+ :where(.Link-module__hop-Link--2xl___zOlu9) {
2126
2303
  --font-size: var(--hop-Link-2xl-font-size);
2127
2304
  --font-family: var(--hop-Link-2xl-font-family);
2128
2305
  --font-weight: var(--hop-Link-2xl-font-weight);
2129
2306
  --line-height: var(--hop-Link-2xl-line-height);
2130
2307
  }
2131
- :where(.Link-module__hop-Link--inherit___M4jaV) {
2308
+ :where(.Link-module__hop-Link--inherit___2nb-I) {
2132
2309
  --font-size: var(--hop-Link-inherit-size-font-size);
2133
2310
  --font-family: var(--hop-Link-inherit-size-font-family);
2134
2311
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2135
2312
  --line-height: var(--hop-Link-inherit-size-line-height);
2136
2313
  }
2137
- .Link-module__hop-Link___wpopk[data-focus-visible] {
2314
+ .Link-module__hop-Link___DnE6s[data-focus-visible] {
2138
2315
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2139
2316
  }
2140
- .Link-module__hop-Link___wpopk[data-disabled] {
2317
+ .Link-module__hop-Link___DnE6s[data-disabled] {
2141
2318
  cursor: default;
2142
2319
  }
2143
- .Link-module__hop-Link--standalone___P1yGq .Link-module__hop-Link__text___cN3Uw {
2320
+ .Link-module__hop-Link--standalone___R8-1r .Link-module__hop-Link__text___x4wlB {
2144
2321
  padding: var(--hop-Link-padding-standalone);
2145
2322
  }
2146
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xs___aNep6 .Link-module__hop-Link__text___cN3Uw {
2323
+ .Link-module__hop-Link--standalone___R8-1r.Link-module__hop-Link--xs___LQkM8 .Link-module__hop-Link__text___x4wlB {
2147
2324
  padding: var(--hop-Link-padding-standalone-xs);
2148
2325
  }
2149
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--sm___xGDoN .Link-module__hop-Link__text___cN3Uw {
2326
+ .Link-module__hop-Link--standalone___R8-1r.Link-module__hop-Link--sm___-8sxS .Link-module__hop-Link__text___x4wlB {
2150
2327
  padding: var(--hop-Link-padding-standalone-sm);
2151
2328
  }
2152
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--md___PPF1- .Link-module__hop-Link__text___cN3Uw {
2329
+ .Link-module__hop-Link--standalone___R8-1r.Link-module__hop-Link--md___VyOBi .Link-module__hop-Link__text___x4wlB {
2153
2330
  padding: var(--hop-Link-padding-standalone-md);
2154
2331
  }
2155
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--lg___h6IR3 .Link-module__hop-Link__text___cN3Uw {
2332
+ .Link-module__hop-Link--standalone___R8-1r.Link-module__hop-Link--lg___9Jdg9 .Link-module__hop-Link__text___x4wlB {
2156
2333
  padding: var(--hop-Link-padding-standalone-lg);
2157
2334
  }
2158
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xl___4ER9H .Link-module__hop-Link__text___cN3Uw {
2335
+ .Link-module__hop-Link--standalone___R8-1r.Link-module__hop-Link--xl___g-URQ .Link-module__hop-Link__text___x4wlB {
2159
2336
  padding: var(--hop-Link-padding-standalone-xl);
2160
2337
  }
2161
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--2xl___70ZO5 .Link-module__hop-Link__text___cN3Uw {
2338
+ .Link-module__hop-Link--standalone___R8-1r.Link-module__hop-Link--2xl___zOlu9 .Link-module__hop-Link__text___x4wlB {
2162
2339
  padding: var(--hop-Link-padding-standalone-2xl);
2163
2340
  }
2164
- .Link-module__hop-Link--quiet___wyz1d[data-focus-visible],
2165
- .Link-module__hop-Link--quiet___wyz1d[data-hovered],
2166
- .Link-module__hop-Link--standalone___P1yGq[data-focus-visible],
2167
- .Link-module__hop-Link--standalone___P1yGq[data-hovered] {
2341
+ .Link-module__hop-Link--quiet___KQB8j[data-focus-visible],
2342
+ .Link-module__hop-Link--quiet___KQB8j[data-hovered],
2343
+ .Link-module__hop-Link--standalone___R8-1r[data-focus-visible],
2344
+ .Link-module__hop-Link--standalone___R8-1r[data-hovered] {
2168
2345
  text-decoration: underline;
2169
2346
  }
2170
- .Link-module__hop-Link___wpopk:not(.Link-module__hop-Link--quiet___wyz1d, .Link-module__hop-Link--standalone___P1yGq) {
2347
+ .Link-module__hop-Link___DnE6s:not(.Link-module__hop-Link--quiet___KQB8j, .Link-module__hop-Link--standalone___R8-1r) {
2171
2348
  text-decoration: underline;
2172
2349
  }
2173
- .Link-module__hop-Link--primary___23P65 {
2350
+ .Link-module__hop-Link--primary___puQwX {
2174
2351
  color: var(--hop-Link-primary-text-color);
2175
2352
  }
2176
- .Link-module__hop-Link--primary___23P65[data-disabled] {
2353
+ .Link-module__hop-Link--primary___puQwX[data-disabled] {
2177
2354
  color: var(--hop-Link-primary-text-disabled-color);
2178
2355
  }
2179
- .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-focus-visible],
2180
- .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-hovered] {
2356
+ .Link-module__hop-Link--primary___puQwX:not([data-disabled])[data-focus-visible],
2357
+ .Link-module__hop-Link--primary___puQwX:not([data-disabled])[data-hovered] {
2181
2358
  color: var(--hop-Link-primary-text-hover-color);
2182
2359
  }
2183
- .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-pressed] {
2360
+ .Link-module__hop-Link--primary___puQwX:not([data-disabled])[data-pressed] {
2184
2361
  color: var(--hop-Link-primary-text-pressed-color);
2185
2362
  }
2186
- .Link-module__hop-Link--secondary___5biyI {
2363
+ .Link-module__hop-Link--secondary___Gtkiu {
2187
2364
  color: var(--hop-Link-neutral-text-color);
2188
2365
  }
2189
- .Link-module__hop-Link--secondary___5biyI[data-disabled] {
2366
+ .Link-module__hop-Link--secondary___Gtkiu[data-disabled] {
2190
2367
  color: var(--hop-Link-neutral-text-disabled-color);
2191
2368
  }
2192
- .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-focus-visible],
2193
- .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-hovered] {
2369
+ .Link-module__hop-Link--secondary___Gtkiu:not([data-disabled])[data-focus-visible],
2370
+ .Link-module__hop-Link--secondary___Gtkiu:not([data-disabled])[data-hovered] {
2194
2371
  color: var(--hop-Link-neutral-text-hover-color);
2195
2372
  }
2196
- .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-pressed] {
2373
+ .Link-module__hop-Link--secondary___Gtkiu:not([data-disabled])[data-pressed] {
2197
2374
  color: var(--hop-Link-neutral-text-pressed-color);
2198
2375
  }
2199
- .Link-module__hop-Link__icon___OO3s-,
2200
- .Link-module__hop-Link__icon-list___oV6ff {
2376
+ .Link-module__hop-Link__icon___baZ4j,
2377
+ .Link-module__hop-Link__icon-list___UO7F- {
2201
2378
  order: 2;
2202
2379
  }
2203
- .Link-module__hop-Link__text___cN3Uw {
2380
+ .Link-module__hop-Link__text___x4wlB {
2204
2381
  order: 1;
2205
2382
  }
2206
- .Link-module__hop-Link__start-icon___ZF3vH,
2207
- .Link-module__hop-Link__start-icon-list___eQ4MF {
2383
+ .Link-module__hop-Link__start-icon___ZP9fu,
2384
+ .Link-module__hop-Link__start-icon-list___JmEYw {
2208
2385
  order: 0;
2209
2386
  }
2210
2387
 
2211
2388
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2212
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
2389
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WviZB {
2213
2390
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2214
2391
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2215
2392
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2240,46 +2417,46 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2240
2417
  background-color: var(--background-color);
2241
2418
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2242
2419
  }
2243
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
2420
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___5r-iD {
2244
2421
  --size: var(--hop-RichIconAvatarImage-xs-size);
2245
2422
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2246
2423
  }
2247
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
2424
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sPduh {
2248
2425
  --size: var(--hop-RichIconAvatarImage-sm-size);
2249
2426
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2250
2427
  }
2251
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
2428
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___iwFlB {
2252
2429
  --size: var(--hop-RichIconAvatarImage-md-size);
2253
2430
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2254
2431
  }
2255
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
2432
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___hvG9C {
2256
2433
  --size: var(--hop-RichIconAvatarImage-lg-size);
2257
2434
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2258
2435
  }
2259
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
2436
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___aC2kq {
2260
2437
  --size: var(--hop-RichIconAvatarImage-xl-size);
2261
2438
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2262
2439
  }
2263
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
2440
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___awrRI {
2264
2441
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2265
2442
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2266
2443
  }
2267
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
2444
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WviZB[data-disabled] {
2268
2445
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2269
2446
  }
2270
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2447
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___efSw7 {
2271
2448
  position: relative;
2272
2449
  display: block;
2273
2450
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2274
2451
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2275
2452
  }
2276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2453
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WviZB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___efSw7 {
2277
2454
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2278
2455
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2279
2456
  }
2280
2457
 
2281
2458
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2282
- .Avatar-module__hop-Avatar___uaqDg {
2459
+ .Avatar-module__hop-Avatar___lJTBp {
2283
2460
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2284
2461
  --hop-Avatar-mix-blend-mode: normal;
2285
2462
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2324,67 +2501,67 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2324
2501
  background-color: var(--background-color, transparent);
2325
2502
  border-radius: var(--hop-Avatar-border-radius);
2326
2503
  }
2327
- .Avatar-module__hop-Avatar--xs___JnxQL {
2504
+ .Avatar-module__hop-Avatar--xs___Yhdop {
2328
2505
  --size: var(--hop-Avatar-xs-size);
2329
2506
  }
2330
- .Avatar-module__hop-Avatar--sm___wGq1I {
2507
+ .Avatar-module__hop-Avatar--sm___BDJm1 {
2331
2508
  --size: var(--hop-Avatar-sm-size);
2332
2509
  }
2333
- .Avatar-module__hop-Avatar--md___RIHVc {
2510
+ .Avatar-module__hop-Avatar--md___5kYdx {
2334
2511
  --size: var(--hop-Avatar-md-size);
2335
2512
  }
2336
- .Avatar-module__hop-Avatar--lg___BoomX {
2513
+ .Avatar-module__hop-Avatar--lg___HErnt {
2337
2514
  --size: var(--hop-Avatar-lg-size);
2338
2515
  }
2339
- .Avatar-module__hop-Avatar--xl___9-mvF {
2516
+ .Avatar-module__hop-Avatar--xl___Ob5SO {
2340
2517
  --size: var(--hop-Avatar-xl-size);
2341
2518
  }
2342
- .Avatar-module__hop-Avatar--2xl___YOeDn {
2519
+ .Avatar-module__hop-Avatar--2xl___BF-dY {
2343
2520
  --size: var(--hop-Avatar-2xl-size);
2344
2521
  }
2345
- .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
2522
+ .Avatar-module__hop-Avatar--decorative-option1___QV2kU {
2346
2523
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2347
2524
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2348
2525
  }
2349
- .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
2526
+ .Avatar-module__hop-Avatar--decorative-option2___QiaKO {
2350
2527
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2351
2528
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2352
2529
  }
2353
- .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
2530
+ .Avatar-module__hop-Avatar--decorative-option3___6sTz3 {
2354
2531
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2355
2532
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2356
2533
  }
2357
- .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
2534
+ .Avatar-module__hop-Avatar--decorative-option4___M6PEj {
2358
2535
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2359
2536
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2360
2537
  }
2361
- .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
2538
+ .Avatar-module__hop-Avatar--decorative-option5___8f-YL {
2362
2539
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2363
2540
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2364
2541
  }
2365
- .Avatar-module__hop-Avatar--decorative-option6___ku007 {
2542
+ .Avatar-module__hop-Avatar--decorative-option6___5y8Pc {
2366
2543
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2367
2544
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2368
2545
  }
2369
- .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
2546
+ .Avatar-module__hop-Avatar--decorative-option7___EDyNe {
2370
2547
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2371
2548
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2372
2549
  }
2373
- .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
2550
+ .Avatar-module__hop-Avatar--decorative-option8___zh5MS {
2374
2551
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2375
2552
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2376
2553
  }
2377
- .Avatar-module__hop-Avatar--decorative-option9___-du9m {
2554
+ .Avatar-module__hop-Avatar--decorative-option9___fv4ql {
2378
2555
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2379
2556
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2380
2557
  }
2381
- .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
2558
+ .Avatar-module__hop-Avatar___lJTBp[data-disabled] {
2382
2559
  --background-color: var(--hop-Avatar-background-color-disabled);
2383
2560
  --text-color: var(--hop-Avatar-text-color-disabled);
2384
2561
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2385
2562
  isolation: isolate;
2386
2563
  }
2387
- .Avatar-module__hop-Avatar__image___Wkz1L {
2564
+ .Avatar-module__hop-Avatar__image___K0TKo {
2388
2565
  position: relative;
2389
2566
  display: block;
2390
2567
  box-sizing: border-box;
@@ -2395,7 +2572,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2395
2572
  }
2396
2573
 
2397
2574
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2398
- .Tooltip-module__hop-Tooltip___Q5E29 {
2575
+ .Tooltip-module__hop-Tooltip___lOx1P {
2399
2576
  --hop-Tooltip-max-inline-size: 20rem;
2400
2577
  --hop-Tooltip-slide-amount: 0.25rem;
2401
2578
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2422,29 +2599,29 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2422
2599
  border-radius: var(--hop-Tooltip-border-radius);
2423
2600
  box-shadow: var(--hop-Tooltip-box-shadow);
2424
2601
  }
2425
- .Tooltip-module__hop-Tooltip--top___hZc5W {
2602
+ .Tooltip-module__hop-Tooltip--top___0zcQZ {
2426
2603
  --origin-x: 0;
2427
2604
  --origin-y: var(--hop-Tooltip-slide-amount);
2428
2605
  }
2429
- .Tooltip-module__hop-Tooltip--right___zD66s {
2606
+ .Tooltip-module__hop-Tooltip--right___yAP6X {
2430
2607
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2431
2608
  --origin-y: 0;
2432
2609
  }
2433
- .Tooltip-module__hop-Tooltip--bottom___MLy5R {
2610
+ .Tooltip-module__hop-Tooltip--bottom___D9jCn {
2434
2611
  --origin-x: 0;
2435
2612
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2436
2613
  }
2437
- .Tooltip-module__hop-Tooltip--left___keFSC {
2614
+ .Tooltip-module__hop-Tooltip--left___90Z3e {
2438
2615
  --origin-x: var(--hop-Tooltip-slide-amount);
2439
2616
  --origin-y: 0;
2440
2617
  }
2441
- .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
2442
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
2618
+ .Tooltip-module__hop-Tooltip___lOx1P[data-entering] {
2619
+ animation: Tooltip-module__slide___70Yhh 0.2s ease-out;
2443
2620
  }
2444
- .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
2445
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
2621
+ .Tooltip-module__hop-Tooltip___lOx1P[data-exiting] {
2622
+ animation: Tooltip-module__slide___70Yhh 0.2s ease-in reverse;
2446
2623
  }
2447
- @keyframes Tooltip-module__slide___wmKJ7 {
2624
+ @keyframes Tooltip-module__slide___70Yhh {
2448
2625
  from {
2449
2626
  transform: translate(var(--origin-x), var(--origin-y));
2450
2627
  opacity: 0;
@@ -2456,44 +2633,44 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2456
2633
  }
2457
2634
 
2458
2635
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2459
- .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
2636
+ .AvatarGroup-module__hop-AvatarGroup___GxJNx {
2460
2637
  --hop-AvatarGroup-display: flex;
2461
2638
  --hop-AvatarGroup-align-items: center;
2462
2639
  display: var(--hop-AvatarGroup-display);
2463
2640
  align-items: var(--hop-AvatarGroup-align-items);
2464
2641
  }
2465
- .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
2642
+ .AvatarGroup-module__hop-AvatarGroup--wrap___tJQyl {
2466
2643
  flex-wrap: wrap;
2467
2644
  }
2468
- .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
2645
+ .AvatarGroup-module__hop-AvatarGroup--xs___U0zQd {
2469
2646
  --gap: -0.125rem;
2470
2647
  }
2471
- .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
2648
+ .AvatarGroup-module__hop-AvatarGroup--sm___l-lM- {
2472
2649
  --gap: -0.25rem;
2473
2650
  }
2474
- .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
2651
+ .AvatarGroup-module__hop-AvatarGroup--md___L1dmM {
2475
2652
  --gap: -0.5rem;
2476
2653
  }
2477
- .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
2654
+ .AvatarGroup-module__hop-AvatarGroup--lg___tSFMl {
2478
2655
  --gap: -1rem;
2479
2656
  }
2480
- .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
2657
+ .AvatarGroup-module__hop-AvatarGroup--xl___DbEoG {
2481
2658
  --gap: -1rem;
2482
2659
  }
2483
- .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
2660
+ .AvatarGroup-module__hop-AvatarGroup--2xl___MvPJ0 {
2484
2661
  --gap: -2rem;
2485
2662
  }
2486
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2663
+ .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M {
2487
2664
  margin-inline-start: var(--gap);
2488
2665
  transition: margin var(--hop-easing-duration-2);
2489
2666
  }
2490
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2667
+ .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M {
2491
2668
  margin-inline-start: 0;
2492
2669
  }
2493
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
2670
+ .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M:first-child {
2494
2671
  margin-inline-start: 0;
2495
2672
  }
2496
- .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
2673
+ .AvatarGroup-module__hop-AvatarGroup__label___KWB4k {
2497
2674
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2498
2675
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2499
2676
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2505,7 +2682,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2505
2682
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2506
2683
  line-height: var(--hop-AvatarGroup-label-line-height);
2507
2684
  }
2508
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
2685
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___F678h {
2509
2686
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2510
2687
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2511
2688
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2523,21 +2700,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2523
2700
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2524
2701
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2525
2702
  }
2526
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
2703
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___F678h:not(:last-child) {
2527
2704
  margin-block-end: 0.25rem;
2528
2705
  }
2529
- .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
2706
+ .AvatarGroup-module__hop-AvatarGroup--start___-XUqT {
2530
2707
  justify-content: flex-start;
2531
2708
  }
2532
- .AvatarGroup-module__hop-AvatarGroup--end___va99C {
2709
+ .AvatarGroup-module__hop-AvatarGroup--end___jL5bD {
2533
2710
  justify-content: flex-end;
2534
2711
  }
2535
- .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
2712
+ .AvatarGroup-module__hop-AvatarGroup--center___ujA-n {
2536
2713
  justify-content: center;
2537
2714
  }
2538
2715
 
2539
2716
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2540
- .Badge-module__hop-Badge___Em6Ee {
2717
+ .Badge-module__hop-Badge___gHyXD {
2541
2718
  --hop-Badge-height: 1.5rem;
2542
2719
  --hop-Badge-width: max-content;
2543
2720
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2587,67 +2764,67 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2587
2764
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2588
2765
  border-radius: var(--border-radius);
2589
2766
  }
2590
- .Badge-module__hop-Badge--primary___2xcfI {
2767
+ .Badge-module__hop-Badge--primary___HeEmW {
2591
2768
  --background-color: var(--hop-Badge-primary-background-color);
2592
2769
  --text-color: var(--hop-Badge-primary-text-color);
2593
2770
  }
2594
- .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
2771
+ .Badge-module__hop-Badge--primary___HeEmW[data-hovered] {
2595
2772
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2596
2773
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2597
2774
  }
2598
- .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
2775
+ .Badge-module__hop-Badge--primary___HeEmW[data-pressed] {
2599
2776
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2600
2777
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2601
2778
  }
2602
- .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
2779
+ .Badge-module__hop-Badge--primary___HeEmW[data-selected] {
2603
2780
  --background-color: var(--hop-Badge-primary-background-color-selected);
2604
2781
  --text-color: var(--hop-Badge-primary-text-color-selected);
2605
2782
  }
2606
- .Badge-module__hop-Badge--secondary___O77eV {
2783
+ .Badge-module__hop-Badge--secondary___mh4L4 {
2607
2784
  --background-color: var(--hop-Badge-secondary-background-color);
2608
2785
  --text-color: var(--hop-Badge-secondary-text-color);
2609
2786
  }
2610
- .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
2787
+ .Badge-module__hop-Badge--secondary___mh4L4[data-hovered] {
2611
2788
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2612
2789
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2613
2790
  }
2614
- .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
2791
+ .Badge-module__hop-Badge--secondary___mh4L4[data-pressed] {
2615
2792
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2616
2793
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2617
2794
  }
2618
- .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
2795
+ .Badge-module__hop-Badge--secondary___mh4L4[data-selected] {
2619
2796
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2620
2797
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2621
2798
  }
2622
- .Badge-module__hop-Badge--subdued___12tA7 {
2799
+ .Badge-module__hop-Badge--subdued___oZHiV {
2623
2800
  --background-color: var(--hop-Badge-subdued-background-color);
2624
2801
  --text-color: var(--hop-Badge-subdued-text-color);
2625
2802
  }
2626
- .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
2803
+ .Badge-module__hop-Badge--subdued___oZHiV[data-hovered] {
2627
2804
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2628
2805
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2629
2806
  }
2630
- .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
2807
+ .Badge-module__hop-Badge--subdued___oZHiV[data-pressed] {
2631
2808
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2632
2809
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2633
2810
  }
2634
- .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
2811
+ .Badge-module__hop-Badge--subdued___oZHiV[data-selected] {
2635
2812
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2636
2813
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2637
2814
  }
2638
- .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
2815
+ .Badge-module__hop-Badge___gHyXD[data-indeterminate] {
2639
2816
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2640
2817
  --height: var(--hop-Badge-indeterminate-height);
2641
2818
  --width: var(--hop-Badge-indeterminate-width);
2642
2819
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2643
2820
  }
2644
- .Badge-module__hop-Badge___Em6Ee[data-disabled] {
2821
+ .Badge-module__hop-Badge___gHyXD[data-disabled] {
2645
2822
  --background-color: var(--hop-Badge-background-color-disabled);
2646
2823
  --text-color: var(--hop-Badge-text-color-disabled);
2647
2824
  }
2648
2825
 
2649
2826
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2650
- .FloatingBadge-module__hop-FloatingBadge___4PqyD {
2827
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3 {
2651
2828
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2652
2829
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2653
2830
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2688,7 +2865,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2688
2865
  box-sizing: border-box;
2689
2866
  inline-size: max-content;
2690
2867
  }
2691
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
2868
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top right"] {
2692
2869
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2693
2870
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2694
2871
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2696,11 +2873,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2696
2873
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2697
2874
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2698
2875
  }
2699
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
2876
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top right"][data-overlap=circular] {
2700
2877
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2701
2878
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2702
2879
  }
2703
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
2880
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top left"] {
2704
2881
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2705
2882
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2706
2883
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2708,11 +2885,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2708
2885
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2709
2886
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2710
2887
  }
2711
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
2888
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top left"][data-overlap=circular] {
2712
2889
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2713
2890
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2714
2891
  }
2715
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
2892
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom right"] {
2716
2893
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2717
2894
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2718
2895
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2720,11 +2897,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2720
2897
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2721
2898
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2722
2899
  }
2723
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
2900
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom right"][data-overlap=circular] {
2724
2901
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2725
2902
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2726
2903
  }
2727
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
2904
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom left"] {
2728
2905
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2729
2906
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2730
2907
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2732,11 +2909,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2732
2909
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2733
2910
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2734
2911
  }
2735
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
2912
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom left"][data-overlap=circular] {
2736
2913
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2737
2914
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2738
2915
  }
2739
- .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
2916
+ .FloatingBadge-module__hop-FloatingBadge__badge___DKzox {
2740
2917
  position: absolute;
2741
2918
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2742
2919
  transform-origin: var(--badge-transform-origin);
@@ -2744,7 +2921,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2744
2921
  }
2745
2922
 
2746
2923
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2747
- .Checkbox-module__hop-Checkbox___PKY27 {
2924
+ .Checkbox-module__hop-Checkbox___aRctC {
2748
2925
  --hop-Checkbox-box-border-size: 0.0625rem;
2749
2926
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2750
2927
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2819,60 +2996,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2819
2996
  inline-size: max-content;
2820
2997
  max-inline-size: 100%;
2821
2998
  }
2822
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
2999
+ .Checkbox-module__hop-Checkbox___aRctC[data-focus-visible] {
2823
3000
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2824
3001
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2825
3002
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2826
3003
  --text-color: var(--hop-Checkbox-text-color-focused);
2827
3004
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2828
3005
  }
2829
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
3006
+ .Checkbox-module__hop-Checkbox___aRctC[data-hovered] {
2830
3007
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2831
3008
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2832
3009
  --text-color: var(--hop-Checkbox-text-color-hovered);
2833
3010
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2834
3011
  }
2835
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
3012
+ .Checkbox-module__hop-Checkbox___aRctC[data-pressed] {
2836
3013
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2837
3014
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2838
3015
  --text-color: var(--hop-Checkbox-text-color-pressed);
2839
3016
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2840
3017
  }
2841
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3018
+ .Checkbox-module__hop-Checkbox___aRctC[data-selected] {
2842
3019
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2843
3020
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2844
3021
  --check-display: var(--hop-Checkbox-check-display-selected);
2845
3022
  --text-color: var(--hop-Checkbox-text-color-selected);
2846
3023
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2847
3024
  }
2848
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3025
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid] {
2849
3026
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2850
3027
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2851
3028
  --check-color: var(--hop-Checkbox-check-color-invalid);
2852
3029
  --text-color: var(--hop-Checkbox-text-color-invalid);
2853
3030
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2854
3031
  }
2855
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3032
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid]:where([data-focus-visible]) {
2856
3033
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2857
3034
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2858
3035
  }
2859
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3036
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid]:where([data-hovered]) {
2860
3037
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2861
3038
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2862
3039
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2863
3040
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2864
3041
  }
2865
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3042
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid]:where([data-pressed]) {
2866
3043
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2867
3044
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2868
3045
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2869
3046
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2870
3047
  }
2871
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3048
+ .Checkbox-module__hop-Checkbox___aRctC:where([data-invalid])[data-selected] {
2872
3049
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2873
3050
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2874
3051
  }
2875
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3052
+ .Checkbox-module__hop-Checkbox___aRctC[data-disabled] {
2876
3053
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2877
3054
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2878
3055
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2880,25 +3057,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2880
3057
  --text-color: var(--hop-Checkbox-text-color-disabled);
2881
3058
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2882
3059
  }
2883
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
3060
+ .Checkbox-module__hop-Checkbox--sm___TxL1q {
2884
3061
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2885
3062
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2886
3063
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2887
3064
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2888
3065
  }
2889
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
3066
+ .Checkbox-module__hop-Checkbox--md___l-dj7 {
2890
3067
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2891
3068
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2892
3069
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2893
3070
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2894
3071
  }
2895
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
2896
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3072
+ .Checkbox-module__hop-Checkbox__icon___mt1qq,
3073
+ .Checkbox-module__hop-Checkbox__icon-list___QuphA {
2897
3074
  flex: 0 0 auto;
2898
3075
  order: 3;
2899
3076
  color: var(--icon-color);
2900
3077
  }
2901
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
3078
+ .Checkbox-module__hop-Checkbox__box___24O-E {
2902
3079
  display: flex;
2903
3080
  flex: 0 0 auto;
2904
3081
  align-items: center;
@@ -2914,11 +3091,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2914
3091
  outline-offset: 0.125rem;
2915
3092
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2916
3093
  }
2917
- .Checkbox-module__hop-Checkbox__check___r8gyX {
3094
+ .Checkbox-module__hop-Checkbox__check___--7-6 {
2918
3095
  display: var(--check-display);
2919
3096
  color: var(--check-color);
2920
3097
  }
2921
- .Checkbox-module__hop-Checkbox__text___OtTLm {
3098
+ .Checkbox-module__hop-Checkbox__text___5IN7f {
2922
3099
  flex: 0 1 auto;
2923
3100
  order: 2;
2924
3101
  min-inline-size: 0;
@@ -2928,7 +3105,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2928
3105
  }
2929
3106
 
2930
3107
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2931
- .CheckboxField-module__hop-CheckboxField___56543 {
3108
+ .CheckboxField-module__hop-CheckboxField___GIm-h {
2932
3109
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2933
3110
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2934
3111
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2947,28 +3124,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2947
3124
  inline-size: max-content;
2948
3125
  max-inline-size: 100%;
2949
3126
  }
2950
- .CheckboxField-module__hop-CheckboxField___56543[data-disabled] {
3127
+ .CheckboxField-module__hop-CheckboxField___GIm-h[data-disabled] {
2951
3128
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2952
3129
  }
2953
- .CheckboxField-module__hop-CheckboxField--sm___6--P- {
3130
+ .CheckboxField-module__hop-CheckboxField--sm___rqJ1A {
2954
3131
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2955
3132
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2956
3133
  }
2957
- .CheckboxField-module__hop-CheckboxField--md___sveE6 {
3134
+ .CheckboxField-module__hop-CheckboxField--md___jY1ZV {
2958
3135
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2959
3136
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2960
3137
  }
2961
- .CheckboxField-module__hop-CheckboxField__description___TCoFR {
3138
+ .CheckboxField-module__hop-CheckboxField__description___47Azy {
2962
3139
  order: 2;
2963
3140
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2964
3141
  color: var(--description-color);
2965
3142
  }
2966
- .CheckboxField-module__hop-CheckboxField__checkbox___TzGvU {
3143
+ .CheckboxField-module__hop-CheckboxField__checkbox___G4-LG {
2967
3144
  order: 1;
2968
3145
  }
2969
3146
 
2970
3147
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2971
- .ErrorMessage-module__hop-ErrorMessage___3njVF {
3148
+ .ErrorMessage-module__hop-ErrorMessage___yztKv {
2972
3149
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2973
3150
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2974
3151
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2985,13 +3162,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2985
3162
  line-height: var(--hop-ErrorMessage-line-height);
2986
3163
  color: var(--hop-ErrorMessage-color);
2987
3164
  }
2988
- .ErrorMessage-module__hop-ErrorMessage__icon___2fFUX {
3165
+ .ErrorMessage-module__hop-ErrorMessage__icon___2zwqc {
2989
3166
  flex: 0 0 auto;
2990
3167
  align-self: flex-start;
2991
3168
  }
2992
3169
 
2993
3170
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2994
- .HelperMessage-module__hop-HelperMessage___WKq74 {
3171
+ .HelperMessage-module__hop-HelperMessage___7nxk- {
2995
3172
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2996
3173
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2997
3174
  display: flex;
@@ -3000,13 +3177,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3000
3177
  box-sizing: border-box;
3001
3178
  color: var(--hop-HelperMessage-color);
3002
3179
  }
3003
- .HelperMessage-module__hop-HelperMessage__icon___qM-Le {
3180
+ .HelperMessage-module__hop-HelperMessage__icon___7An8i {
3004
3181
  flex: 0 0 auto;
3005
3182
  align-self: flex-start;
3006
3183
  }
3007
3184
 
3008
3185
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
3009
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t {
3186
+ .CheckboxGroup-module__hop-CheckboxGroup___YEpcf {
3010
3187
  --hop-CheckboxGroup-align-items: flex-start;
3011
3188
  --hop-CheckboxGroup-justify-content: flex-start;
3012
3189
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3045,46 +3222,46 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3045
3222
  inline-size: max-content;
3046
3223
  max-inline-size: 100%;
3047
3224
  }
3048
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL {
3225
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6 {
3049
3226
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3050
3227
  --list-border-radius: var(--hop-shape-rounded-md);
3051
3228
  }
3052
- .CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3229
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___xWoIW {
3053
3230
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3054
3231
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3055
3232
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3056
3233
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3057
3234
  }
3058
- .CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3235
+ .CheckboxGroup-module__hop-CheckboxGroup--md___4VluV {
3059
3236
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3060
3237
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3061
3238
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3062
3239
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3063
3240
  }
3064
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3241
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6.CheckboxGroup-module__hop-CheckboxGroup--sm___xWoIW {
3065
3242
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3066
3243
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3067
3244
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3068
3245
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3069
3246
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3070
3247
  }
3071
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3248
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6.CheckboxGroup-module__hop-CheckboxGroup--md___4VluV {
3072
3249
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3073
3250
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3074
3251
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3075
3252
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3076
3253
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3077
3254
  }
3078
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t[data-orientation=horizontal] {
3255
+ .CheckboxGroup-module__hop-CheckboxGroup___YEpcf[data-orientation=horizontal] {
3079
3256
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3080
3257
  }
3081
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] {
3258
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6[data-orientation=horizontal] {
3082
3259
  --flex-wrap: nowrap;
3083
3260
  }
3084
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__label___U2dUJ {
3261
+ .CheckboxGroup-module__hop-CheckboxGroup___YEpcf > .CheckboxGroup-module__hop-CheckboxGroup__label___gsXNv {
3085
3262
  order: 1;
3086
3263
  }
3087
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij {
3264
+ .CheckboxGroup-module__hop-CheckboxGroup__list___orv-P {
3088
3265
  display: flex;
3089
3266
  flex-flow: var(--flex-direction) var(--flex-wrap);
3090
3267
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3095,7 +3272,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3095
3272
  border: var(--list-border, none);
3096
3273
  border-radius: var(--list-border-radius, 0);
3097
3274
  }
3098
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 {
3275
+ .CheckboxGroup-module__hop-CheckboxGroup__list___orv-P > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C {
3099
3276
  position: relative;
3100
3277
  flex: 0 1 auto;
3101
3278
  align-content: start;
@@ -3103,28 +3280,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3103
3280
  min-inline-size: 0;
3104
3281
  padding: var(--checkbox-padding, 0);
3105
3282
  }
3106
- .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 {
3283
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6 .CheckboxGroup-module__hop-CheckboxGroup__list___orv-P > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C::before {
3107
3284
  content: "";
3108
3285
  position: absolute;
3109
3286
  display: block;
3110
3287
  }
3111
- .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 {
3288
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___orv-P > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C::before {
3112
3289
  inset-block-start: 0;
3113
3290
  inset-inline: 0;
3114
3291
  border-block-start: var(--list-border, none);
3115
3292
  }
3116
- .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 {
3293
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___orv-P > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C::before {
3117
3294
  inset-block: 0;
3118
3295
  inset-inline-start: 0;
3119
3296
  border-inline-start: var(--list-border, none);
3120
3297
  }
3121
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__error-message___TZxJY,
3122
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___W6fZU {
3298
+ .CheckboxGroup-module__hop-CheckboxGroup___YEpcf > .CheckboxGroup-module__hop-CheckboxGroup__error-message___rUViO,
3299
+ .CheckboxGroup-module__hop-CheckboxGroup___YEpcf > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___i-oCY {
3123
3300
  order: 3;
3124
3301
  }
3125
3302
 
3126
3303
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3127
- .Checkbox-module__hop-Checkbox___PKY27 {
3304
+ .Checkbox-module__hop-Checkbox___aRctC {
3128
3305
  --hop-Checkbox-box-border-size: 0.0625rem;
3129
3306
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
3130
3307
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3199,60 +3376,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3199
3376
  inline-size: max-content;
3200
3377
  max-inline-size: 100%;
3201
3378
  }
3202
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
3379
+ .Checkbox-module__hop-Checkbox___aRctC[data-focus-visible] {
3203
3380
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3204
3381
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3205
3382
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3206
3383
  --text-color: var(--hop-Checkbox-text-color-focused);
3207
3384
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3208
3385
  }
3209
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
3386
+ .Checkbox-module__hop-Checkbox___aRctC[data-hovered] {
3210
3387
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3211
3388
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3212
3389
  --text-color: var(--hop-Checkbox-text-color-hovered);
3213
3390
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3214
3391
  }
3215
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
3392
+ .Checkbox-module__hop-Checkbox___aRctC[data-pressed] {
3216
3393
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3217
3394
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3218
3395
  --text-color: var(--hop-Checkbox-text-color-pressed);
3219
3396
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3220
3397
  }
3221
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3398
+ .Checkbox-module__hop-Checkbox___aRctC[data-selected] {
3222
3399
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3223
3400
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3224
3401
  --check-display: var(--hop-Checkbox-check-display-selected);
3225
3402
  --text-color: var(--hop-Checkbox-text-color-selected);
3226
3403
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3227
3404
  }
3228
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3405
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid] {
3229
3406
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3230
3407
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3231
3408
  --check-color: var(--hop-Checkbox-check-color-invalid);
3232
3409
  --text-color: var(--hop-Checkbox-text-color-invalid);
3233
3410
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3234
3411
  }
3235
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3412
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid]:where([data-focus-visible]) {
3236
3413
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3237
3414
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3238
3415
  }
3239
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3416
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid]:where([data-hovered]) {
3240
3417
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3241
3418
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3242
3419
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3243
3420
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3244
3421
  }
3245
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3422
+ .Checkbox-module__hop-Checkbox___aRctC[data-invalid]:where([data-pressed]) {
3246
3423
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3247
3424
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3248
3425
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3249
3426
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3250
3427
  }
3251
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3428
+ .Checkbox-module__hop-Checkbox___aRctC:where([data-invalid])[data-selected] {
3252
3429
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3253
3430
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3254
3431
  }
3255
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3432
+ .Checkbox-module__hop-Checkbox___aRctC[data-disabled] {
3256
3433
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3257
3434
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3258
3435
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3260,25 +3437,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3260
3437
  --text-color: var(--hop-Checkbox-text-color-disabled);
3261
3438
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3262
3439
  }
3263
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
3440
+ .Checkbox-module__hop-Checkbox--sm___TxL1q {
3264
3441
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3265
3442
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3266
3443
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3267
3444
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3268
3445
  }
3269
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
3446
+ .Checkbox-module__hop-Checkbox--md___l-dj7 {
3270
3447
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3271
3448
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3272
3449
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3273
3450
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3274
3451
  }
3275
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
3276
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3452
+ .Checkbox-module__hop-Checkbox__icon___mt1qq,
3453
+ .Checkbox-module__hop-Checkbox__icon-list___QuphA {
3277
3454
  flex: 0 0 auto;
3278
3455
  order: 3;
3279
3456
  color: var(--icon-color);
3280
3457
  }
3281
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
3458
+ .Checkbox-module__hop-Checkbox__box___24O-E {
3282
3459
  display: flex;
3283
3460
  flex: 0 0 auto;
3284
3461
  align-items: center;
@@ -3294,11 +3471,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3294
3471
  outline-offset: 0.125rem;
3295
3472
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3296
3473
  }
3297
- .Checkbox-module__hop-Checkbox__check___r8gyX {
3474
+ .Checkbox-module__hop-Checkbox__check___--7-6 {
3298
3475
  display: var(--check-display);
3299
3476
  color: var(--check-color);
3300
3477
  }
3301
- .Checkbox-module__hop-Checkbox__text___OtTLm {
3478
+ .Checkbox-module__hop-Checkbox__text___5IN7f {
3302
3479
  flex: 0 1 auto;
3303
3480
  order: 2;
3304
3481
  min-inline-size: 0;
@@ -3306,24 +3483,24 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3306
3483
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3307
3484
  color: var(--text-color);
3308
3485
  }
3309
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ltNWu {
3486
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___A6rWd {
3310
3487
  }
3311
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___q1ZI3 {
3488
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___kvaOW {
3312
3489
  }
3313
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___c-J-V {
3490
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___6SsFM {
3314
3491
  }
3315
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___ygQrT,
3316
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MDkVD {
3492
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___M5tPz,
3493
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___QPzbL {
3317
3494
  }
3318
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JwBJ8 {
3495
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___XgiNL {
3319
3496
  }
3320
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___82euF {
3497
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___9OruK {
3321
3498
  }
3322
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___VQlPm {
3499
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RvMkv {
3323
3500
  }
3324
3501
 
3325
3502
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3326
- .Radio-module__hop-Radio___Jz8ck {
3503
+ .Radio-module__hop-Radio___APOxu {
3327
3504
  --hop-Radio-box-border-size: 0.0625rem;
3328
3505
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3329
3506
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3397,60 +3574,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3397
3574
  inline-size: max-content;
3398
3575
  max-inline-size: 100%;
3399
3576
  }
3400
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3577
+ .Radio-module__hop-Radio___APOxu[data-focus-visible] {
3401
3578
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3402
3579
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3403
3580
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3404
3581
  --text-color: var(--hop-Radio-text-color-focused);
3405
3582
  --icon-color: var(--hop-Radio-icon-color-focused);
3406
3583
  }
3407
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3584
+ .Radio-module__hop-Radio___APOxu[data-hovered] {
3408
3585
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3409
3586
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3410
3587
  --text-color: var(--hop-Radio-text-color-hovered);
3411
3588
  --icon-color: var(--hop-Radio-icon-color-hovered);
3412
3589
  }
3413
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3590
+ .Radio-module__hop-Radio___APOxu[data-pressed] {
3414
3591
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3415
3592
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3416
3593
  --text-color: var(--hop-Radio-text-color-pressed);
3417
3594
  --icon-color: var(--hop-Radio-icon-color-pressed);
3418
3595
  }
3419
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
3596
+ .Radio-module__hop-Radio___APOxu[data-selected] {
3420
3597
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3421
3598
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3422
3599
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3423
3600
  --text-color: var(--hop-Radio-text-color-selected);
3424
3601
  --icon-color: var(--hop-Radio-icon-color-selected);
3425
3602
  }
3426
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3603
+ .Radio-module__hop-Radio___APOxu[data-invalid] {
3427
3604
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3428
3605
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3429
3606
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3430
3607
  --text-color: var(--hop-Radio-text-color-invalid);
3431
3608
  --icon-color: var(--hop-Radio-icon-color-invalid);
3432
3609
  }
3433
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3610
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-focus-visible] {
3434
3611
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3435
3612
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3436
3613
  }
3437
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3614
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-hovered] {
3438
3615
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3439
3616
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3440
3617
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3441
3618
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3442
3619
  }
3443
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3620
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-pressed] {
3444
3621
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3445
3622
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3446
3623
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3447
3624
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3448
3625
  }
3449
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3626
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-selected] {
3450
3627
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3451
3628
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3452
3629
  }
3453
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3630
+ .Radio-module__hop-Radio___APOxu[data-disabled] {
3454
3631
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3455
3632
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3456
3633
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3458,25 +3635,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3458
3635
  --text-color: var(--hop-Radio-text-color-disabled);
3459
3636
  --icon-color: var(--hop-Radio-icon-color-disabled);
3460
3637
  }
3461
- .Radio-module__hop-Radio--sm___WSJeF {
3638
+ .Radio-module__hop-Radio--sm___rpDCA {
3462
3639
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3463
3640
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3464
3641
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3465
3642
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3466
3643
  }
3467
- .Radio-module__hop-Radio--md___tXyrJ {
3644
+ .Radio-module__hop-Radio--md___WyGE- {
3468
3645
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3469
3646
  --box-block-size: var(--hop-Radio-box-md-block-size);
3470
3647
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3471
3648
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3472
3649
  }
3473
- .Radio-module__hop-Radio__icon___j59Et,
3474
- .Radio-module__hop-Radio__icon-list___WX4W3 {
3650
+ .Radio-module__hop-Radio__icon___2-VHU,
3651
+ .Radio-module__hop-Radio__icon-list___0QgAw {
3475
3652
  flex: 0 0 auto;
3476
3653
  order: 3;
3477
3654
  color: var(--icon-color);
3478
3655
  }
3479
- .Radio-module__hop-Radio__box___hmHzG {
3656
+ .Radio-module__hop-Radio__box___JJTdn {
3480
3657
  display: flex;
3481
3658
  flex: 0 0 auto;
3482
3659
  align-items: center;
@@ -3492,11 +3669,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3492
3669
  outline-offset: 0.125rem;
3493
3670
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3494
3671
  }
3495
- .Radio-module__hop-Radio__bullet___rz-am {
3672
+ .Radio-module__hop-Radio__bullet___8kBaO {
3496
3673
  display: var(--bullet-display);
3497
3674
  color: var(--bullet-color);
3498
3675
  }
3499
- .Radio-module__hop-Radio__text___dbgFm {
3676
+ .Radio-module__hop-Radio__text___pt-BW {
3500
3677
  flex: 0 1 auto;
3501
3678
  order: 2;
3502
3679
  min-inline-size: 0;
@@ -3504,24 +3681,24 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3504
3681
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3505
3682
  color: var(--text-color);
3506
3683
  }
3507
- .DecorativeRadio-module__hop-DecorativeRadio___E-qe2 {
3684
+ .DecorativeRadio-module__hop-DecorativeRadio___gp55X {
3508
3685
  }
3509
- .DecorativeRadio-module__hop-DecorativeRadio--sm___aEFSN {
3686
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___Z1d0G {
3510
3687
  }
3511
- .DecorativeRadio-module__hop-DecorativeRadio--md___EkotK {
3688
+ .DecorativeRadio-module__hop-DecorativeRadio--md___RaIR5 {
3512
3689
  }
3513
- .DecorativeRadio-module__hop-DecorativeRadio__icon___3yBe4,
3514
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XxcDj {
3690
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___QMpe6,
3691
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___ftPxA {
3515
3692
  }
3516
- .DecorativeRadio-module__hop-DecorativeRadio__box___An1mf {
3693
+ .DecorativeRadio-module__hop-DecorativeRadio__box___Dc1KQ {
3517
3694
  }
3518
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___M7BvP {
3695
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___aazPt {
3519
3696
  }
3520
- .DecorativeRadio-module__hop-DecorativeRadio__text___GELEI {
3697
+ .DecorativeRadio-module__hop-DecorativeRadio__text___2PMEp {
3521
3698
  }
3522
3699
 
3523
3700
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3524
- .Radio-module__hop-Radio___Jz8ck {
3701
+ .Radio-module__hop-Radio___APOxu {
3525
3702
  --hop-Radio-box-border-size: 0.0625rem;
3526
3703
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3527
3704
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3595,60 +3772,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3595
3772
  inline-size: max-content;
3596
3773
  max-inline-size: 100%;
3597
3774
  }
3598
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3775
+ .Radio-module__hop-Radio___APOxu[data-focus-visible] {
3599
3776
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3600
3777
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3601
3778
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3602
3779
  --text-color: var(--hop-Radio-text-color-focused);
3603
3780
  --icon-color: var(--hop-Radio-icon-color-focused);
3604
3781
  }
3605
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3782
+ .Radio-module__hop-Radio___APOxu[data-hovered] {
3606
3783
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3607
3784
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3608
3785
  --text-color: var(--hop-Radio-text-color-hovered);
3609
3786
  --icon-color: var(--hop-Radio-icon-color-hovered);
3610
3787
  }
3611
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3788
+ .Radio-module__hop-Radio___APOxu[data-pressed] {
3612
3789
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3613
3790
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3614
3791
  --text-color: var(--hop-Radio-text-color-pressed);
3615
3792
  --icon-color: var(--hop-Radio-icon-color-pressed);
3616
3793
  }
3617
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
3794
+ .Radio-module__hop-Radio___APOxu[data-selected] {
3618
3795
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3619
3796
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3620
3797
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3621
3798
  --text-color: var(--hop-Radio-text-color-selected);
3622
3799
  --icon-color: var(--hop-Radio-icon-color-selected);
3623
3800
  }
3624
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3801
+ .Radio-module__hop-Radio___APOxu[data-invalid] {
3625
3802
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3626
3803
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3627
3804
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3628
3805
  --text-color: var(--hop-Radio-text-color-invalid);
3629
3806
  --icon-color: var(--hop-Radio-icon-color-invalid);
3630
3807
  }
3631
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3808
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-focus-visible] {
3632
3809
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3633
3810
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3634
3811
  }
3635
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3812
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-hovered] {
3636
3813
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3637
3814
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3638
3815
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3639
3816
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3640
3817
  }
3641
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3818
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-pressed] {
3642
3819
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3643
3820
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3644
3821
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3645
3822
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3646
3823
  }
3647
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3824
+ .Radio-module__hop-Radio___APOxu:where([data-invalid])[data-selected] {
3648
3825
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3649
3826
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3650
3827
  }
3651
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3828
+ .Radio-module__hop-Radio___APOxu[data-disabled] {
3652
3829
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3653
3830
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3654
3831
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3656,25 +3833,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3656
3833
  --text-color: var(--hop-Radio-text-color-disabled);
3657
3834
  --icon-color: var(--hop-Radio-icon-color-disabled);
3658
3835
  }
3659
- .Radio-module__hop-Radio--sm___WSJeF {
3836
+ .Radio-module__hop-Radio--sm___rpDCA {
3660
3837
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3661
3838
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3662
3839
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3663
3840
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3664
3841
  }
3665
- .Radio-module__hop-Radio--md___tXyrJ {
3842
+ .Radio-module__hop-Radio--md___WyGE- {
3666
3843
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3667
3844
  --box-block-size: var(--hop-Radio-box-md-block-size);
3668
3845
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3669
3846
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3670
3847
  }
3671
- .Radio-module__hop-Radio__icon___j59Et,
3672
- .Radio-module__hop-Radio__icon-list___WX4W3 {
3848
+ .Radio-module__hop-Radio__icon___2-VHU,
3849
+ .Radio-module__hop-Radio__icon-list___0QgAw {
3673
3850
  flex: 0 0 auto;
3674
3851
  order: 3;
3675
3852
  color: var(--icon-color);
3676
3853
  }
3677
- .Radio-module__hop-Radio__box___hmHzG {
3854
+ .Radio-module__hop-Radio__box___JJTdn {
3678
3855
  display: flex;
3679
3856
  flex: 0 0 auto;
3680
3857
  align-items: center;
@@ -3690,11 +3867,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3690
3867
  outline-offset: 0.125rem;
3691
3868
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3692
3869
  }
3693
- .Radio-module__hop-Radio__bullet___rz-am {
3870
+ .Radio-module__hop-Radio__bullet___8kBaO {
3694
3871
  display: var(--bullet-display);
3695
3872
  color: var(--bullet-color);
3696
3873
  }
3697
- .Radio-module__hop-Radio__text___dbgFm {
3874
+ .Radio-module__hop-Radio__text___pt-BW {
3698
3875
  flex: 0 1 auto;
3699
3876
  order: 2;
3700
3877
  min-inline-size: 0;
@@ -3704,7 +3881,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3704
3881
  }
3705
3882
 
3706
3883
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3707
- .RadioField-module__hop-RadioField___OfPLR {
3884
+ .RadioField-module__hop-RadioField___KFCZz {
3708
3885
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3709
3886
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3710
3887
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3723,28 +3900,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3723
3900
  inline-size: max-content;
3724
3901
  max-inline-size: 100%;
3725
3902
  }
3726
- .RadioField-module__hop-RadioField___OfPLR[data-disabled] {
3903
+ .RadioField-module__hop-RadioField___KFCZz[data-disabled] {
3727
3904
  --description-color: var(--hop-RadioField-description-color-disabled);
3728
3905
  }
3729
- .RadioField-module__hop-RadioField--sm___1sQAM {
3906
+ .RadioField-module__hop-RadioField--sm___eqUNx {
3730
3907
  --row-gap: var(--hop-RadioField-sm-row-gap);
3731
3908
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3732
3909
  }
3733
- .RadioField-module__hop-RadioField--md___89TK9 {
3910
+ .RadioField-module__hop-RadioField--md___8Jdjs {
3734
3911
  --row-gap: var(--hop-RadioField-md-row-gap);
3735
3912
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3736
3913
  }
3737
- .RadioField-module__hop-RadioField__description___YsOrA {
3914
+ .RadioField-module__hop-RadioField__description___n8ymF {
3738
3915
  order: 2;
3739
3916
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3740
3917
  color: var(--description-color);
3741
3918
  }
3742
- .RadioField-module__hop-RadioField__radio___PEYsy {
3919
+ .RadioField-module__hop-RadioField__radio___pAa5y {
3743
3920
  order: 1;
3744
3921
  }
3745
3922
 
3746
3923
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3747
- .RadioGroup-module__hop-RadioGroup___CT2GD {
3924
+ .RadioGroup-module__hop-RadioGroup___dQgSR {
3748
3925
  --hop-RadioGroup-align-items: flex-start;
3749
3926
  --hop-RadioGroup-justify-content: flex-start;
3750
3927
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3784,46 +3961,46 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3784
3961
  inline-size: var(--inline-size);
3785
3962
  max-inline-size: 100%;
3786
3963
  }
3787
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i {
3964
+ .RadioGroup-module__hop-RadioGroup--bordered___RFamf {
3788
3965
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3789
3966
  --list-border-radius: var(--hop-shape-rounded-md);
3790
3967
  }
3791
- .RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3968
+ .RadioGroup-module__hop-RadioGroup--sm___gfcc3 {
3792
3969
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3793
3970
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3794
3971
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3795
3972
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3796
3973
  }
3797
- .RadioGroup-module__hop-RadioGroup--md___04ypk {
3974
+ .RadioGroup-module__hop-RadioGroup--md___6uVur {
3798
3975
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3799
3976
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3800
3977
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3801
3978
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3802
3979
  }
3803
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3980
+ .RadioGroup-module__hop-RadioGroup--bordered___RFamf.RadioGroup-module__hop-RadioGroup--sm___gfcc3 {
3804
3981
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3805
3982
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3806
3983
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3807
3984
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3808
3985
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3809
3986
  }
3810
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--md___04ypk {
3987
+ .RadioGroup-module__hop-RadioGroup--bordered___RFamf.RadioGroup-module__hop-RadioGroup--md___6uVur {
3811
3988
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3812
3989
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3813
3990
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3814
3991
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3815
3992
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3816
3993
  }
3817
- .RadioGroup-module__hop-RadioGroup___CT2GD[data-orientation=horizontal] {
3994
+ .RadioGroup-module__hop-RadioGroup___dQgSR[data-orientation=horizontal] {
3818
3995
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3819
3996
  }
3820
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] {
3997
+ .RadioGroup-module__hop-RadioGroup--bordered___RFamf[data-orientation=horizontal] {
3821
3998
  --flex-wrap: nowrap;
3822
3999
  }
3823
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__label___WZ0Ob {
4000
+ .RadioGroup-module__hop-RadioGroup___dQgSR > .RadioGroup-module__hop-RadioGroup__label___6J-cw {
3824
4001
  order: 1;
3825
4002
  }
3826
- .RadioGroup-module__hop-RadioGroup__list___nFxxn {
4003
+ .RadioGroup-module__hop-RadioGroup__list___Bn61m {
3827
4004
  display: flex;
3828
4005
  flex-flow: var(--flex-direction) var(--flex-wrap);
3829
4006
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3834,7 +4011,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3834
4011
  border: var(--list-border, none);
3835
4012
  border-radius: var(--list-border-radius, 0);
3836
4013
  }
3837
- .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 {
4014
+ .RadioGroup-module__hop-RadioGroup__list___Bn61m > .RadioGroup-module__hop-RadioGroup__radio___VRsj4 {
3838
4015
  position: relative;
3839
4016
  flex: 0 1 auto;
3840
4017
  align-content: start;
@@ -3842,28 +4019,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3842
4019
  min-inline-size: 0;
3843
4020
  padding: var(--radio-padding, 0);
3844
4021
  }
3845
- .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 {
4022
+ .RadioGroup-module__hop-RadioGroup--bordered___RFamf .RadioGroup-module__hop-RadioGroup__list___Bn61m > .RadioGroup-module__hop-RadioGroup__radio___VRsj4 ~ .RadioGroup-module__hop-RadioGroup__radio___VRsj4::before {
3846
4023
  content: "";
3847
4024
  position: absolute;
3848
4025
  display: block;
3849
4026
  }
3850
- .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 {
4027
+ .RadioGroup-module__hop-RadioGroup--bordered___RFamf[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___Bn61m > .RadioGroup-module__hop-RadioGroup__radio___VRsj4 ~ .RadioGroup-module__hop-RadioGroup__radio___VRsj4::before {
3851
4028
  inset-block-start: 0;
3852
4029
  inset-inline: 0;
3853
4030
  border-block-start: var(--list-border, none);
3854
4031
  }
3855
- .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 {
4032
+ .RadioGroup-module__hop-RadioGroup--bordered___RFamf[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___Bn61m > .RadioGroup-module__hop-RadioGroup__radio___VRsj4 ~ .RadioGroup-module__hop-RadioGroup__radio___VRsj4::before {
3856
4033
  inset-block: 0;
3857
4034
  inset-inline-start: 0;
3858
4035
  border-inline-start: var(--list-border, none);
3859
4036
  }
3860
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__error-message___RlHTt,
3861
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__helper-message___F2aUp {
4037
+ .RadioGroup-module__hop-RadioGroup___dQgSR > .RadioGroup-module__hop-RadioGroup__error-message___jwEEu,
4038
+ .RadioGroup-module__hop-RadioGroup___dQgSR > .RadioGroup-module__hop-RadioGroup__helper-message___-xYS2 {
3862
4039
  order: 3;
3863
4040
  }
3864
4041
 
3865
4042
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3866
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___ubLsJ {
4043
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___l-Z6q {
3867
4044
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3868
4045
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3869
4046
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3889,7 +4066,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3889
4066
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3890
4067
  background-size: 400% 100%;
3891
4068
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3892
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40;
4069
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___STgss;
3893
4070
  animation-duration: var(--animation-duration);
3894
4071
  animation-timing-function: ease-in-out;
3895
4072
  animation-fill-mode: forwards;
@@ -3898,19 +4075,19 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3898
4075
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3899
4076
  }
3900
4077
  }
3901
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WGCIH {
4078
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___RDOdp {
3902
4079
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3903
4080
  }
3904
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WGPSm {
4081
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___lOOWB {
3905
4082
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3906
4083
  }
3907
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___QYRAT {
4084
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-yp6C {
3908
4085
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3909
4086
  }
3910
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___CLnc0 {
4087
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QOJn3 {
3911
4088
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3912
4089
  }
3913
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40 {
4090
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___STgss {
3914
4091
  0% {
3915
4092
  background-position: 125% 50%;
3916
4093
  }
@@ -3920,7 +4097,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3920
4097
  }
3921
4098
 
3922
4099
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3923
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3 {
4100
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN {
3924
4101
  --hop-ListBoxItem-background-color: transparent;
3925
4102
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3926
4103
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -4017,129 +4194,129 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4017
4194
  outline: var(--outline);
4018
4195
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
4019
4196
  }
4020
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ- {
4197
+ .ListBoxItem-module__hop-ListBoxItem--xs___GL6aY {
4021
4198
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
4022
4199
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
4023
4200
  --min-height: var(--hop-ListBoxItem-xs-min-height);
4024
4201
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
4025
4202
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
4026
4203
  }
4027
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i {
4204
+ .ListBoxItem-module__hop-ListBoxItem--sm___Z4Wh5 {
4028
4205
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
4029
4206
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
4030
4207
  --min-height: var(--hop-ListBoxItem-sm-min-height);
4031
4208
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
4032
4209
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
4033
4210
  }
4034
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4 {
4211
+ .ListBoxItem-module__hop-ListBoxItem--md___RYiSn {
4035
4212
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4036
4213
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4037
4214
  --min-height: var(--hop-ListBoxItem-md-min-height);
4038
4215
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4039
4216
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4040
4217
  }
4041
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w {
4218
+ .ListBoxItem-module__hop-ListBoxItem--lg___tPw76 {
4042
4219
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4043
4220
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4044
4221
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4045
4222
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4046
4223
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4047
4224
  }
4048
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selection-mode] {
4225
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-selection-mode] {
4049
4226
  --cursor: pointer;
4050
4227
  }
4051
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:not([data-selection-mode]) {
4228
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN:not([data-selection-mode]) {
4052
4229
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4053
4230
  }
4054
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4231
+ .ListBoxItem-module__hop-ListBoxItem__inner___qf5QO:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DTdr8) {
4055
4232
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4056
4233
  }
4057
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4234
+ .ListBoxItem-module__hop-ListBoxItem__inner___qf5QO[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DTdr8) {
4058
4235
  --checkmark-transition: none;
4059
4236
  }
4060
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selected] {
4237
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-selected] {
4061
4238
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4062
4239
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4063
4240
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4064
4241
  --checkmark-opacity: 1;
4065
4242
  }
4066
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ-[data-selected] {
4243
+ .ListBoxItem-module__hop-ListBoxItem--xs___GL6aY[data-selected] {
4067
4244
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4068
4245
  }
4069
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i[data-selected] {
4246
+ .ListBoxItem-module__hop-ListBoxItem--sm___Z4Wh5[data-selected] {
4070
4247
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4071
4248
  }
4072
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4[data-selected] {
4249
+ .ListBoxItem-module__hop-ListBoxItem--md___RYiSn[data-selected] {
4073
4250
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4074
4251
  }
4075
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w[data-selected] {
4252
+ .ListBoxItem-module__hop-ListBoxItem--lg___tPw76[data-selected] {
4076
4253
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4077
4254
  }
4078
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-focus-visible] {
4255
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-focus-visible] {
4079
4256
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4080
4257
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4081
4258
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4082
4259
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4083
4260
  }
4084
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-hovered] {
4261
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-hovered] {
4085
4262
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4086
4263
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4087
4264
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4088
4265
  }
4089
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-pressed] {
4266
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-pressed] {
4090
4267
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4091
4268
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4092
4269
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4093
4270
  }
4094
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-disabled] {
4271
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-disabled] {
4095
4272
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4096
4273
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4097
4274
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
4098
4275
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4099
4276
  --cursor: not-allowed;
4100
4277
  }
4101
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid] {
4278
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-invalid] {
4102
4279
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4103
4280
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4104
4281
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4105
4282
  }
4106
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-selected] {
4283
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-invalid][data-selected] {
4107
4284
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4108
4285
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4109
4286
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4110
4287
  }
4111
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-focus-visible] {
4288
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-invalid][data-focus-visible] {
4112
4289
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4113
4290
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4114
4291
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4115
4292
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4116
4293
  }
4117
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-hovered] {
4294
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-invalid][data-hovered] {
4118
4295
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4119
4296
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4120
4297
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4121
4298
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4122
4299
  }
4123
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-pressed] {
4300
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-invalid][data-pressed] {
4124
4301
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4125
4302
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4126
4303
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4127
4304
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4128
4305
  }
4129
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-disabled] {
4306
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-invalid][data-disabled] {
4130
4307
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4131
4308
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4132
4309
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4133
4310
  }
4134
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:has(.ListBoxItem-module__hop-ListBoxItem__description___iqwlS) {
4311
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN:has(.ListBoxItem-module__hop-ListBoxItem__description___ieX3j) {
4135
4312
  --row-gap: var(--hop-ListBoxItem-row-gap);
4136
4313
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4137
4314
  }
4138
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-loading] {
4315
+ .ListBoxItem-module__hop-ListBoxItem___gBkLN[data-loading] {
4139
4316
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4140
4317
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4141
4318
  }
4142
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL {
4319
+ .ListBoxItem-module__hop-ListBoxItem__inner___qf5QO {
4143
4320
  display: grid;
4144
4321
  grid-template-areas: var(--grid-template-areas);
4145
4322
  grid-template-columns: var(--grid-template-columns);
@@ -4151,33 +4328,33 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4151
4328
  padding-inline: var(--padding-inline);
4152
4329
  transition: grid-template-columns .3s ease-in-out;
4153
4330
  }
4154
- .ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL {
4331
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___DTdr8 {
4155
4332
  grid-area: indicator;
4156
4333
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4157
4334
  color: var(--icon-color);
4158
4335
  opacity: var(--checkmark-opacity);
4159
4336
  transition: var(--checkmark-transition);
4160
4337
  }
4161
- .ListBoxItem-module__hop-ListBoxItem__radio___fJOFo,
4162
- .ListBoxItem-module__hop-ListBoxItem__checkbox___WwFFw {
4338
+ .ListBoxItem-module__hop-ListBoxItem__radio___I2XG8,
4339
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___OB4ZV {
4163
4340
  pointer-events: none;
4164
4341
  user-select: none;
4165
4342
  grid-area: indicator;
4166
4343
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4167
4344
  }
4168
- .ListBoxItem-module__hop-ListBoxItem__avatar___HbYEO {
4345
+ .ListBoxItem-module__hop-ListBoxItem__avatar___1YGpQ {
4169
4346
  grid-area: avatar;
4170
4347
  margin-block: var(--avatar-margin-block, 0);
4171
4348
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4172
4349
  }
4173
- .ListBoxItem-module__hop-ListBoxItem__icon-list___vxHCk,
4174
- .ListBoxItem-module__hop-ListBoxItem__icon___M1n7P {
4350
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___yPPYk,
4351
+ .ListBoxItem-module__hop-ListBoxItem__icon___C3fjF {
4175
4352
  grid-area: icon;
4176
4353
  flex: 0 0 auto;
4177
4354
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4178
4355
  color: var(--icon-color);
4179
4356
  }
4180
- .ListBoxItem-module__hop-ListBoxItem__label___qPV5n {
4357
+ .ListBoxItem-module__hop-ListBoxItem__label___wAaVN {
4181
4358
  overflow: hidden;
4182
4359
  grid-area: label;
4183
4360
  min-inline-size: 0;
@@ -4185,18 +4362,18 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4185
4362
  text-overflow: ellipsis;
4186
4363
  white-space: nowrap;
4187
4364
  }
4188
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zrh3-,
4189
- .ListBoxItem-module__hop-ListBoxItem__end-icon___b3bLB {
4365
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___YBFum,
4366
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___w6hi9 {
4190
4367
  grid-area: end-icon;
4191
4368
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4192
4369
  color: var(--icon-color);
4193
4370
  }
4194
- .ListBoxItem-module__hop-ListBoxItem__badge___Hapc9 {
4371
+ .ListBoxItem-module__hop-ListBoxItem__badge___IuWVs {
4195
4372
  grid-area: badge;
4196
4373
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4197
4374
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4198
4375
  }
4199
- .ListBoxItem-module__hop-ListBoxItem__description___iqwlS {
4376
+ .ListBoxItem-module__hop-ListBoxItem__description___ieX3j {
4200
4377
  overflow: hidden;
4201
4378
  display: -webkit-box;
4202
4379
  grid-area: description;
@@ -4207,7 +4384,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4207
4384
  }
4208
4385
 
4209
4386
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4210
- .ListBox-module__hop-ListBox___eS4LD {
4387
+ .ListBox-module__hop-ListBox___FlogO {
4211
4388
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4212
4389
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4213
4390
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4254,11 +4431,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4254
4431
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4255
4432
  border-radius: var(--hop-ListBox-border-radius);
4256
4433
  }
4257
- .ListBox-module__hop-ListBox--fluid___FCorP {
4434
+ .ListBox-module__hop-ListBox--fluid___beKRY {
4258
4435
  --max-width: var(--hop-ListBox-fluid-max-width);
4259
4436
  --width: var(--hop-ListBox-fluid-width);
4260
4437
  }
4261
- .ListBox-module__hop-ListBox__section___jqhyE {
4438
+ .ListBox-module__hop-ListBox__section___ZCAH3 {
4262
4439
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4263
4440
  margin-inline: var(--hop-ListBox-section-margin-inline);
4264
4441
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4266,21 +4443,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4266
4443
  border-block-start: var(--section-border-block-start);
4267
4444
  border-block-end: var(--section-border-block-end);
4268
4445
  }
4269
- .ListBox-module__hop-ListBox__item___BBCbP + .ListBox-module__hop-ListBox__section___jqhyE {
4446
+ .ListBox-module__hop-ListBox__item___wKOYu + .ListBox-module__hop-ListBox__section___ZCAH3 {
4270
4447
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4271
4448
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4272
4449
  }
4273
- .ListBox-module__hop-ListBox__section___jqhyE:has(+ .ListBox-module__hop-ListBox__item___BBCbP) {
4450
+ .ListBox-module__hop-ListBox__section___ZCAH3:has(+ .ListBox-module__hop-ListBox__item___wKOYu) {
4274
4451
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4275
4452
  }
4276
- .ListBox-module__hop-ListBox__section___jqhyE:first-child {
4453
+ .ListBox-module__hop-ListBox__section___ZCAH3:first-child {
4277
4454
  --section-padding-block-start: 0;
4278
4455
  }
4279
- .ListBox-module__hop-ListBox__section___jqhyE:last-child {
4456
+ .ListBox-module__hop-ListBox__section___ZCAH3:last-child {
4280
4457
  --section-padding-block-end: 0;
4281
4458
  --section-border-block-end: 0;
4282
4459
  }
4283
- .ListBox-module__hop-ListBox__section-header___KU9yC {
4460
+ .ListBox-module__hop-ListBox__section-header___x1qvV {
4284
4461
  margin: 0;
4285
4462
  padding: var(--hop-ListBox-section-header-padding);
4286
4463
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4291,30 +4468,30 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4291
4468
  text-transform: var(--hop-ListBox-section-header-text-transform);
4292
4469
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4293
4470
  }
4294
- .ListBox-module__hop-ListBox__section-header___KU9yC::before,
4295
- .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4471
+ .ListBox-module__hop-ListBox__section-header___x1qvV::before,
4472
+ .ListBox-module__hop-ListBox__section-header___x1qvV::after {
4296
4473
  content: "";
4297
4474
  display: block;
4298
4475
  box-sizing: border-box;
4299
4476
  inline-size: 0;
4300
4477
  block-size: 0;
4301
4478
  }
4302
- .ListBox-module__hop-ListBox__section-header___KU9yC::before {
4479
+ .ListBox-module__hop-ListBox__section-header___x1qvV::before {
4303
4480
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4304
4481
  }
4305
- .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4482
+ .ListBox-module__hop-ListBox__section-header___x1qvV::after {
4306
4483
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4307
4484
  }
4308
4485
 
4309
4486
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4310
- :where(.Popover-module__hop-Popover___f2C8z *) {
4487
+ :where(.Popover-module__hop-Popover___K0twJ *) {
4311
4488
  font-family: var(--font-family);
4312
4489
  font-size: var(--font-size);
4313
4490
  font-weight: var(--font-weight);
4314
4491
  line-height: var(--line-height);
4315
4492
  outline: none;
4316
4493
  }
4317
- .Popover-module__hop-Popover___f2C8z {
4494
+ .Popover-module__hop-Popover___K0twJ {
4318
4495
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4319
4496
  --hop-Popover-inline-width: 25rem;
4320
4497
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4327,22 +4504,22 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4327
4504
  inline-size: var(--width);
4328
4505
  max-inline-size: var(--max-width);
4329
4506
  }
4330
- .Popover-module__hop-Popover___f2C8z[data-trigger=Select] {
4507
+ .Popover-module__hop-Popover___K0twJ[data-trigger=Select] {
4331
4508
  --width: var(--hop-Popover-dropdown-inline-width);
4332
4509
  }
4333
- .Popover-module__hop-Popover___f2C8z[data-trigger=ComboBox] {
4510
+ .Popover-module__hop-Popover___K0twJ[data-trigger=ComboBox] {
4334
4511
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4335
4512
  }
4336
- .Popover-module__hop-Popover___f2C8z[data-auto-width] {
4513
+ .Popover-module__hop-Popover___K0twJ[data-auto-width] {
4337
4514
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4338
4515
  }
4339
- .Popover-module__hop-Popover___f2C8z[data-entering] {
4340
- animation: Popover-module__fade___ZvHyC 0.25s;
4516
+ .Popover-module__hop-Popover___K0twJ[data-entering] {
4517
+ animation: Popover-module__fade___ZaAxd 0.25s;
4341
4518
  }
4342
- .Popover-module__hop-Popover___f2C8z[data-exiting] {
4343
- animation: Popover-module__fade___ZvHyC 0.25s reverse;
4519
+ .Popover-module__hop-Popover___K0twJ[data-exiting] {
4520
+ animation: Popover-module__fade___ZaAxd 0.25s reverse;
4344
4521
  }
4345
- @keyframes Popover-module__fade___ZvHyC {
4522
+ @keyframes Popover-module__fade___ZaAxd {
4346
4523
  from {
4347
4524
  opacity: 0;
4348
4525
  }
@@ -4350,14 +4527,14 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4350
4527
  opacity: 1;
4351
4528
  }
4352
4529
  }
4353
- .Popover-module__hop-Popover__wrapper___XkVWN {
4530
+ .Popover-module__hop-Popover__wrapper___8YvnY {
4354
4531
  display: flex;
4355
4532
  flex: 1 1 auto;
4356
4533
  flex-direction: column;
4357
4534
  min-block-size: 0;
4358
4535
  }
4359
- .Popover-module__hop-Popover__dialog___XHUDL,
4360
- .Popover-module__hop-Popover__dropdown___RdY0R {
4536
+ .Popover-module__hop-Popover__dialog___wi0bx,
4537
+ .Popover-module__hop-Popover__dropdown___huht6 {
4361
4538
  --hop-Popover-background: var(--hop-neutral-surface);
4362
4539
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4363
4540
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4405,21 +4582,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4405
4582
  border-radius: var(--hop-Popover-border-radius);
4406
4583
  box-shadow: var(--hop-Popover-box-shadow);
4407
4584
  }
4408
- .Popover-module__hop-Popover__dropdown___RdY0R {
4585
+ .Popover-module__hop-Popover__dropdown___huht6 {
4409
4586
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4410
4587
  --footer-place-self: stretch;
4411
4588
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4412
4589
  --padding: var(--hop-Popover-dropdown-padding);
4413
4590
  overflow: hidden;
4414
4591
  }
4415
- .Popover-module__hop-Popover__dialog___XHUDL {
4592
+ .Popover-module__hop-Popover__dialog___wi0bx {
4416
4593
  --padding: var(--hop-Popover-dialog-padding);
4417
4594
  }
4418
- .Popover-module__hop-Popover__title___9KI7H {
4595
+ .Popover-module__hop-Popover__title___SAljO {
4419
4596
  grid-area: header;
4420
4597
  color: var(--hop-Popover-color);
4421
4598
  }
4422
- .Popover-module__hop-Popover__content___9F8Hl {
4599
+ .Popover-module__hop-Popover__content___LcuL4 {
4423
4600
  --font-size: var(--hop-Popover-content-font-size);
4424
4601
  --line-height: var(--hop-Popover-content-line-height);
4425
4602
  --font-family: var(--hop-Popover-content-font-family);
@@ -4430,12 +4607,12 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4430
4607
  padding: 0;
4431
4608
  color: var(--hop-Popover-content-color);
4432
4609
  }
4433
- .Popover-module__hop-Popover___f2C8z:not(:has(.Popover-module__hop-Popover__title___9KI7H)) {
4434
- .Popover-module__hop-Popover__content___9F8Hl {
4610
+ .Popover-module__hop-Popover___K0twJ:not(:has(.Popover-module__hop-Popover__title___SAljO)) {
4611
+ .Popover-module__hop-Popover__content___LcuL4 {
4435
4612
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4436
4613
  }
4437
4614
  }
4438
- .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__list-box___LNQrm {
4615
+ .Popover-module__hop-Popover__dropdown___huht6 .Popover-module__hop-Popover__list-box___S0Ezl {
4439
4616
  grid-area: content;
4440
4617
  inline-size: auto;
4441
4618
  min-inline-size: auto;
@@ -4443,7 +4620,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4443
4620
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4444
4621
  border: none;
4445
4622
  }
4446
- .Popover-module__hop-Popover__footer___iUKEH {
4623
+ .Popover-module__hop-Popover__footer___QN3WZ {
4447
4624
  --font-size: var(--hop-Popover-footer-font-size);
4448
4625
  --line-height: var(--hop-Popover-footer-line-height);
4449
4626
  grid-area: footer;
@@ -4451,22 +4628,22 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4451
4628
  margin: var(--footer-margin);
4452
4629
  color: var(--hop-Popover-color);
4453
4630
  }
4454
- .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__footer___iUKEH {
4631
+ .Popover-module__hop-Popover__dropdown___huht6 .Popover-module__hop-Popover__footer___QN3WZ {
4455
4632
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4456
4633
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4457
4634
  }
4458
- .Popover-module__hop-Popover__actions___nhOEW,
4459
- .Popover-module__hop-Popover__action___Joaf- {
4635
+ .Popover-module__hop-Popover__actions___2bZ3m,
4636
+ .Popover-module__hop-Popover__action___zYWzN {
4460
4637
  grid-area: action;
4461
4638
  justify-self: end;
4462
4639
  margin-block-start: var(--hop-Popover-row-gap);
4463
4640
  }
4464
- .Popover-module__hop-Popover___f2C8z:has(.Popover-module__hop-Popover__actions___nhOEW, .Popover-module__hop-Popover__action___Joaf-) .Popover-module__hop-Popover__footer___iUKEH {
4641
+ .Popover-module__hop-Popover___K0twJ:has(.Popover-module__hop-Popover__actions___2bZ3m, .Popover-module__hop-Popover__action___zYWzN) .Popover-module__hop-Popover__footer___QN3WZ {
4465
4642
  margin-inline-end: var(--hop-Popover-column-gap);
4466
4643
  }
4467
4644
 
4468
4645
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4469
- .PopoverBase-module__hop-PopoverBase___j0xnb {
4646
+ .PopoverBase-module__hop-PopoverBase___LG1YI {
4470
4647
  --hop-Popover-background: var(--hop-neutral-surface);
4471
4648
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4472
4649
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4496,17 +4673,17 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4496
4673
  box-shadow: var(--hop-Popover-box-shadow);
4497
4674
  transition: opacity var(--hop-easing-duration-2);
4498
4675
  }
4499
- .PopoverBase-module__hop-PopoverBase___j0xnb[data-entering] {
4676
+ .PopoverBase-module__hop-PopoverBase___LG1YI[data-entering] {
4500
4677
  opacity: 0;
4501
4678
  }
4502
- .PopoverBase-module__hop-PopoverBase___j0xnb[data-exiting] {
4679
+ .PopoverBase-module__hop-PopoverBase___LG1YI[data-exiting] {
4503
4680
  pointer-events: none;
4504
4681
  opacity: 0;
4505
4682
  transition-timing-function: var(--hop-easing-productive);
4506
4683
  }
4507
4684
 
4508
4685
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4509
- .Menu-module__hop-Menu___o9lbr {
4686
+ .Menu-module__hop-Menu___xW1e8 {
4510
4687
  --hop-Menu-overflow-y: auto;
4511
4688
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4512
4689
  --hop-Menu-outline: none;
@@ -4520,7 +4697,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4520
4697
  padding-block: var(--hop-Menu-padding-block);
4521
4698
  outline: var(--hop-Menu-outline);
4522
4699
  }
4523
- .Menu-module__hop-Menu__header___vC1Ow {
4700
+ .Menu-module__hop-Menu__header___pEm2H {
4524
4701
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4525
4702
  --hop-Menu-header-cursor: default;
4526
4703
  --hop-Menu-header-display: flex;
@@ -4548,13 +4725,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4548
4725
  text-transform: var(--hop-Menu-header-text-transform);
4549
4726
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4550
4727
  }
4551
- .Menu-module__hop-Menu__divider___KKkBX {
4728
+ .Menu-module__hop-Menu__divider___RpbZQ {
4552
4729
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4553
4730
  margin-block: var( --hop-Menu-divider-margin-block);
4554
4731
  }
4555
4732
 
4556
4733
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuItem.module.css/#css-module-data */
4557
- .MenuItem-module__hop-MenuItem___o-qUN {
4734
+ .MenuItem-module__hop-MenuItem___PRvmo {
4558
4735
  --hop-MenuItem-cursor: pointer;
4559
4736
  --hop-MenuItem-display: flex;
4560
4737
  --hop-MenuItem-align-items: center;
@@ -4594,100 +4771,100 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4594
4771
  border-radius: var(--hop-MenuItem-border-radius);
4595
4772
  outline: var(--hop-MenuItem-outline);
4596
4773
  }
4597
- .MenuItem-module__hop-MenuItem___o-qUN[data-focus-visible] {
4774
+ .MenuItem-module__hop-MenuItem___PRvmo[data-focus-visible] {
4598
4775
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4599
4776
  }
4600
- .MenuItem-module__hop-MenuItem___o-qUN[data-hovered],
4601
- .MenuItem-module__hop-MenuItem___o-qUN[data-focused] {
4777
+ .MenuItem-module__hop-MenuItem___PRvmo[data-hovered],
4778
+ .MenuItem-module__hop-MenuItem___PRvmo[data-focused] {
4602
4779
  --background-color: var(--hop-neutral-surface-hover);
4603
4780
  }
4604
- .MenuItem-module__hop-MenuItem___o-qUN[data-pressed] {
4781
+ .MenuItem-module__hop-MenuItem___PRvmo[data-pressed] {
4605
4782
  --background-color: var(--hop-neutral-surface-press);
4606
4783
  }
4607
- .MenuItem-module__hop-MenuItem___o-qUN[data-selected]:not(.MenuItem-module__hop-MenuItem___o-qUN[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___4TTyN {
4784
+ .MenuItem-module__hop-MenuItem___PRvmo[data-selected]:not(.MenuItem-module__hop-MenuItem___PRvmo[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___PJ3zL {
4608
4785
  font-weight: var(--hop-body-sm-semibold-font-weight);
4609
4786
  }
4610
- .MenuItem-module__hop-MenuItem--invalid___wlfmf {
4787
+ .MenuItem-module__hop-MenuItem--invalid___LMSNR {
4611
4788
  --hop-MenuItem-description-color: var(--hop-danger-text-selected);
4612
4789
  --hop-MenuItem-icon-color: var(--hop-danger-icon-selected);
4613
4790
  --color: var(--hop-danger-text-selected);
4614
4791
  }
4615
- .MenuItem-module__hop-MenuItem--invalid___wlfmf[data-hovered] {
4792
+ .MenuItem-module__hop-MenuItem--invalid___LMSNR[data-hovered] {
4616
4793
  --hop-MenuItem-description-color: var(--hop-danger-text-strong-hover);
4617
4794
  --hop-MenuItem-icon-color: var(--hop-danger-icon-strong-hover);
4618
4795
  --background-color: var(--hop-danger-surface-hover);
4619
4796
  --color: var(--hop-danger-text-strong-hover);
4620
4797
  }
4621
- .MenuItem-module__hop-MenuItem___o-qUN[data-disabled] {
4798
+ .MenuItem-module__hop-MenuItem___PRvmo[data-disabled] {
4622
4799
  --hop-MenuItem-description-color: var(--hop-neutral-text-disabled);
4623
4800
  --hop-MenuItem-icon-color: var(--hop-neutral-icon-disabled);
4624
4801
  --cursor: not-allowed;
4625
4802
  --color: var(--hop-neutral-text-disabled);
4626
4803
  }
4627
- .MenuItem-module__hop-MenuItem__avatar___kZ53d {
4804
+ .MenuItem-module__hop-MenuItem__avatar___-vrJ2 {
4628
4805
  grid-area: avatar;
4629
4806
  order: 0;
4630
4807
  margin-inline-end: var(--hop-MenuItem-gap);
4631
4808
  }
4632
- .MenuItem-module__hop-MenuItem__icon___PbIQg:not(.MenuItem-module__hop-MenuItem__checkmark___CNg2b) {
4809
+ .MenuItem-module__hop-MenuItem__icon___M9NHR:not(.MenuItem-module__hop-MenuItem__checkmark___7q69W) {
4633
4810
  grid-area: icon;
4634
4811
  order: 0;
4635
4812
  margin-inline-end: var(--hop-MenuItem-gap);
4636
4813
  }
4637
- .MenuItem-module__hop-MenuItem__text___4TTyN {
4814
+ .MenuItem-module__hop-MenuItem__text___PJ3zL {
4638
4815
  grid-area: text;
4639
4816
  order: 1;
4640
4817
  }
4641
- .MenuItem-module__hop-MenuItem__description___MJGXM {
4818
+ .MenuItem-module__hop-MenuItem__description___Ij0AV {
4642
4819
  grid-area: description;
4643
4820
  color: var(--hop-MenuItem-description-color);
4644
4821
  }
4645
- .MenuItem-module__hop-MenuItem__end-icon___rEd22 {
4822
+ .MenuItem-module__hop-MenuItem__end-icon___Ou8D5 {
4646
4823
  grid-area: end-icon;
4647
4824
  order: 2;
4648
4825
  margin-inline-start: var(--hop-MenuItem-gap);
4649
4826
  }
4650
- .MenuItem-module__hop-MenuItem__checkmark___CNg2b {
4827
+ .MenuItem-module__hop-MenuItem__checkmark___7q69W {
4651
4828
  grid-area: end-panel;
4652
4829
  order: 3;
4653
4830
  margin-inline-start: auto;
4654
4831
  }
4655
- .MenuItem-module__hop-MenuItem__arrow___j4u19 {
4832
+ .MenuItem-module__hop-MenuItem__arrow___C9zJY {
4656
4833
  grid-area: end-panel;
4657
4834
  order: 3;
4658
4835
  margin-inline-start: auto;
4659
4836
  color: var(--hop-MenuItem-icon-color);
4660
4837
  }
4661
- .MenuItem-module__hop-MenuItem__icon___PbIQg,
4662
- .MenuItem-module__hop-MenuItem__end-icon___rEd22 {
4838
+ .MenuItem-module__hop-MenuItem__icon___M9NHR,
4839
+ .MenuItem-module__hop-MenuItem__end-icon___Ou8D5 {
4663
4840
  flex: 0 0 auto;
4664
4841
  color: var(--hop-MenuItem-icon-color);
4665
4842
  }
4666
- .MenuItem-module__hop-MenuItem___o-qUN:has(.MenuItem-module__hop-MenuItem__description___MJGXM) {
4843
+ .MenuItem-module__hop-MenuItem___PRvmo:has(.MenuItem-module__hop-MenuItem__description___Ij0AV) {
4667
4844
  --display: var(--hop-MenuItem-description-display);
4668
4845
  --align-items: var(--hop-MenuItem-description-align-items);
4669
4846
  grid-template: var(--hop-MenuItem-description-grid-template);
4670
4847
  row-gap: var(--hop-space-stack-xs);
4671
4848
  }
4672
- .MenuItem-module__hop-MenuItem--xs___PvaWV {
4849
+ .MenuItem-module__hop-MenuItem--xs___7ha4U {
4673
4850
  --padding-block: var(--hop-MenuItem-xs-padding-block);
4674
4851
  }
4675
- .MenuItem-module__hop-MenuItem--sm___2GkI8 {
4852
+ .MenuItem-module__hop-MenuItem--sm___irIiA {
4676
4853
  --padding-block: var(--hop-MenuItem-sm-padding-block);
4677
4854
  }
4678
- .MenuItem-module__hop-MenuItem--md___Cbtpp {
4855
+ .MenuItem-module__hop-MenuItem--md___Qsspc {
4679
4856
  --padding-block: var(--hop-MenuItem-md-padding-block);
4680
4857
  }
4681
- .MenuItem-module__hop-MenuItem--lg___Qz2md {
4858
+ .MenuItem-module__hop-MenuItem--lg___cpKrS {
4682
4859
  --padding-block: var(--hop-MenuItem-lg-padding-block);
4683
4860
  }
4684
4861
 
4685
4862
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuSection.module.css/#css-module-data */
4686
- .MenuSection-module__hop-MenuSection___KgyO0 {
4863
+ .MenuSection-module__hop-MenuSection___fNSdX {
4687
4864
  box-sizing: border-box;
4688
4865
  inline-size: 100%;
4689
4866
  outline: none;
4690
4867
  }
4691
- .MenuSection-module__hop-MenuSection___KgyO0[data-focus-visible] {
4868
+ .MenuSection-module__hop-MenuSection___fNSdX[data-focus-visible] {
4692
4869
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4693
4870
  }