@hopper-ui/components 1.8.0 → 1.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (353) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +485 -386
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +485 -386
  9. package/dist/alert/src/index.js +9 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +48 -48
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +66 -66
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +65 -65
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +48 -48
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +48 -48
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +48 -48
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +93 -93
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +3 -2
  26. package/dist/badge/src/FloatingBadge.css +48 -48
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +63 -63
  29. package/dist/badge/src/index.js +4 -3
  30. package/dist/buttons/src/Button.css +104 -104
  31. package/dist/buttons/src/Button.js +5 -5
  32. package/dist/buttons/src/ButtonGroup.css +49 -49
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +109 -109
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +105 -105
  37. package/dist/buttons/src/CloseButton.js +6 -6
  38. package/dist/buttons/src/EmbeddedButton.css +109 -109
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +113 -113
  41. package/dist/buttons/src/LinkButton.js +4 -4
  42. package/dist/buttons/src/ToggleButton.css +221 -122
  43. package/dist/buttons/src/ToggleButton.d.ts +3 -4
  44. package/dist/buttons/src/ToggleButton.js +4 -4
  45. package/dist/buttons/src/index.css +433 -334
  46. package/dist/buttons/src/index.d.ts +1 -1
  47. package/dist/buttons/src/index.js +11 -11
  48. package/dist/callout/src/Callout.css +445 -346
  49. package/dist/callout/src/Callout.js +7 -7
  50. package/dist/callout/src/CompactCallout.css +482 -383
  51. package/dist/callout/src/CompactCallout.js +7 -7
  52. package/dist/callout/src/index.css +494 -395
  53. package/dist/callout/src/index.js +9 -9
  54. package/dist/card/src/Card.css +41 -41
  55. package/dist/card/src/Card.js +1 -1
  56. package/dist/card/src/index.css +41 -41
  57. package/dist/card/src/index.js +1 -1
  58. package/dist/checkbox/src/Checkbox.css +57 -57
  59. package/dist/checkbox/src/Checkbox.js +4 -4
  60. package/dist/checkbox/src/CheckboxField.css +44 -44
  61. package/dist/checkbox/src/CheckboxField.js +3 -3
  62. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  63. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  64. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  65. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  66. package/dist/checkbox/src/index.css +109 -109
  67. package/dist/checkbox/src/index.js +11 -11
  68. package/dist/{chunk-DGU5YZM5.js → chunk-2EOZLJ3U.js} +6 -6
  69. package/dist/{chunk-3OGBUJLO.js → chunk-2QPUHBJ6.js} +3 -3
  70. package/dist/{chunk-KD5CC7J2.js → chunk-2UBRJW2J.js} +1 -1
  71. package/dist/{chunk-BD2ZOQJW.js → chunk-2ZNBGFYO.js} +1 -1
  72. package/dist/{chunk-URTTLQAC.js → chunk-3BP4XOAL.js} +1 -1
  73. package/dist/{chunk-FORSJNLX.js → chunk-3MYOCKT2.js} +8 -8
  74. package/dist/{chunk-KOLL65WL.js → chunk-4O27LL2N.js} +2 -2
  75. package/dist/{chunk-TXETMX5H.js → chunk-5ZMGVSCQ.js} +1 -1
  76. package/dist/{chunk-RBUBE5ET.js → chunk-6Y4WK3RQ.js} +1 -1
  77. package/dist/{chunk-YF4DILIQ.js → chunk-A5X5HCFF.js} +1 -1
  78. package/dist/{chunk-2AD6XN2R.js → chunk-AJ4JHO3L.js} +2 -2
  79. package/dist/{chunk-UPGCU4V3.js → chunk-AN3RU3NY.js} +3 -3
  80. package/dist/{chunk-3YYC7XZW.js → chunk-B62S77SN.js} +3 -3
  81. package/dist/{chunk-VFURXZPW.js → chunk-BCBQINY3.js} +2 -2
  82. package/dist/{chunk-F6VSINXC.js → chunk-BHFIGTK6.js} +1 -1
  83. package/dist/{chunk-FXNQDM7U.js → chunk-BV3ROFY6.js} +1 -1
  84. package/dist/{chunk-VTHB4J4N.js → chunk-C2JYCOJJ.js} +2 -2
  85. package/dist/{chunk-QCFV6G6K.js → chunk-C4F7EZIQ.js} +1 -1
  86. package/dist/{chunk-X72OOA2X.js → chunk-C7CNYQRP.js} +2 -2
  87. package/dist/{chunk-EWP3IGMD.js → chunk-CDC6G4DW.js} +1 -1
  88. package/dist/{chunk-ETBPFG5Z.js → chunk-CHJUYY53.js} +1 -1
  89. package/dist/{chunk-JNV6W5JC.js → chunk-CMNPB35A.js} +12 -12
  90. package/dist/{chunk-5F2LUFRN.js → chunk-CU3QGP2L.js} +2 -2
  91. package/dist/{chunk-E5RHW4IY.js → chunk-E3KVQKBW.js} +3 -3
  92. package/dist/{chunk-VUWTKMHT.js → chunk-EOXIVZJH.js} +1 -1
  93. package/dist/{chunk-57WEWZ4L.js → chunk-FC6G5MQ3.js} +2 -2
  94. package/dist/{chunk-D7ICCQM5.js → chunk-FQHEXVEO.js} +2 -2
  95. package/dist/{chunk-VQRXNT3Q.js → chunk-GDX6X4AK.js} +2 -2
  96. package/dist/{chunk-TGQ4XIIL.js → chunk-GNG2NV76.js} +1 -1
  97. package/dist/{chunk-Q4BKNDZD.js → chunk-GTGTEHOA.js} +2 -2
  98. package/dist/{chunk-G5AQXKGI.js → chunk-GUPD7SCD.js} +1 -1
  99. package/dist/{chunk-7KXUKO5L.js → chunk-I62K2ZHG.js} +1 -1
  100. package/dist/{chunk-UGZYYO3T.js → chunk-IKQ2EV2Y.js} +1 -1
  101. package/dist/{chunk-UH3WEXVR.js → chunk-J6QWUF6I.js} +4 -4
  102. package/dist/{chunk-KN6OG3WN.js → chunk-JG7DCSZ7.js} +1 -1
  103. package/dist/{chunk-N6JCPZ5G.js → chunk-JSK57VIX.js} +2 -2
  104. package/dist/{chunk-DSK6IH5M.js → chunk-KG3UXYPM.js} +3 -3
  105. package/dist/{chunk-QXZSPZWJ.js → chunk-KHPSEX4H.js} +1 -1
  106. package/dist/{chunk-RM3WVAEZ.js → chunk-LDWHZCH4.js} +1 -1
  107. package/dist/{chunk-7WJAJGOX.js → chunk-MRHZL6GL.js} +2 -2
  108. package/dist/{chunk-WLNEXEEX.js → chunk-MVXDSVBA.js} +1 -1
  109. package/dist/{chunk-K3GNQGLK.js → chunk-N2INWSSP.js} +1 -1
  110. package/dist/{chunk-VX7TMQSF.js → chunk-O4U6DKHU.js} +2 -2
  111. package/dist/{chunk-HL2I2YUG.js → chunk-O6RCJ73Y.js} +2 -2
  112. package/dist/{chunk-I377K7IX.js → chunk-OM4XR33Z.js} +3 -3
  113. package/dist/{chunk-QXTTPOP5.js → chunk-OPG3YAOS.js} +1 -1
  114. package/dist/{chunk-NRUHVUQY.js → chunk-OZ7NZPDM.js} +1 -1
  115. package/dist/{chunk-WEKPO5YP.js → chunk-P4YL7PZX.js} +2 -2
  116. package/dist/{chunk-L64YORM7.js → chunk-PT5SYITB.js} +5 -5
  117. package/dist/{chunk-VEXKMBM6.js → chunk-PVIZJ22K.js} +1 -1
  118. package/dist/{chunk-M64J2RXB.js → chunk-Q7NZNQEE.js} +2 -2
  119. package/dist/{chunk-FSS4CZQI.js → chunk-QIGTPOAF.js} +10 -10
  120. package/dist/{chunk-GHMBKUTU.js → chunk-QXX3VYMF.js} +1 -1
  121. package/dist/{chunk-FJUFE7XU.js → chunk-R3F4R2GR.js} +5 -5
  122. package/dist/{chunk-Q252HANX.js → chunk-RXNIOPGX.js} +4 -3
  123. package/dist/{chunk-JASPC6XG.js → chunk-SLJKAEOC.js} +5 -5
  124. package/dist/{chunk-ZWCN6ASW.js → chunk-SUNGEQNN.js} +2 -2
  125. package/dist/{chunk-A5MNOCQ2.js → chunk-T52WHF7R.js} +1 -1
  126. package/dist/{chunk-NGZNCS3G.js → chunk-TBOTEIRR.js} +1 -1
  127. package/dist/{chunk-ZHEWPE46.js → chunk-THRSW2TA.js} +1 -1
  128. package/dist/{chunk-72UDPGXN.js → chunk-TQFW3GV6.js} +1 -1
  129. package/dist/{chunk-DB4Y2SXS.js → chunk-TRMO7MV5.js} +11 -11
  130. package/dist/{chunk-DOP43XH5.js → chunk-TSXCJZLH.js} +2 -2
  131. package/dist/{chunk-XQ3MES4Y.js → chunk-UEJAUKJY.js} +8 -8
  132. package/dist/{chunk-7K3TKE2R.js → chunk-UH3RWAZV.js} +2 -2
  133. package/dist/{chunk-HF5YS5Z6.js → chunk-V4FVG6RD.js} +4 -4
  134. package/dist/{chunk-76JOA74P.js → chunk-VDPXCFLQ.js} +5 -5
  135. package/dist/{chunk-SLK22PRQ.js → chunk-VK4C7IPE.js} +7 -7
  136. package/dist/{chunk-5MNBACCS.js → chunk-VNFZDWVB.js} +1 -1
  137. package/dist/{chunk-GVGOWUJG.js → chunk-VQ6HKO7S.js} +2 -2
  138. package/dist/{chunk-PPBA6RPY.js → chunk-VQN3EOEE.js} +2 -2
  139. package/dist/{chunk-NNPOWTQ4.js → chunk-VSAMAS7P.js} +5 -5
  140. package/dist/{chunk-WOQOIB6V.js → chunk-W57EDX3L.js} +1 -1
  141. package/dist/{chunk-Y7ACQLH4.js → chunk-WSW2WVYZ.js} +1 -1
  142. package/dist/{chunk-D3QAZ56J.js → chunk-WTBYPRRW.js} +3 -3
  143. package/dist/{chunk-JHAHLWQJ.js → chunk-WTDBPVO2.js} +2 -2
  144. package/dist/{chunk-ESCEY6RN.js → chunk-XFWOCVQF.js} +3 -3
  145. package/dist/{chunk-GDODCIB6.js → chunk-XIWBIDKX.js} +3 -3
  146. package/dist/{chunk-PWYDH3ZA.js → chunk-XSUYZDYB.js} +1 -1
  147. package/dist/{chunk-3ETJUGAP.js → chunk-XYQU45MO.js} +3 -3
  148. package/dist/{chunk-KIXYAIPB.js → chunk-Y5RKQQHZ.js} +2 -2
  149. package/dist/{chunk-LO44K2EI.js → chunk-YG4VQFHZ.js} +2 -2
  150. package/dist/{chunk-VECFKZI5.js → chunk-YJZJ6EGK.js} +3 -3
  151. package/dist/{chunk-FPHBQO6G.js → chunk-YLUR4I4O.js} +1 -1
  152. package/dist/{chunk-JQLKVLV7.js → chunk-YT6KAZ7W.js} +2 -2
  153. package/dist/{chunk-RNGFFSNG.js → chunk-ZBVXOGE7.js} +8 -8
  154. package/dist/combobox/src/ComboBox.css +853 -754
  155. package/dist/combobox/src/ComboBox.js +19 -19
  156. package/dist/combobox/src/index.css +853 -754
  157. package/dist/combobox/src/index.js +19 -19
  158. package/dist/contextual-help/src/ContextualHelp.css +776 -677
  159. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  160. package/dist/contextual-help/src/index.css +776 -677
  161. package/dist/contextual-help/src/index.js +4 -4
  162. package/dist/disclosure/src/Disclosure.css +48 -48
  163. package/dist/disclosure/src/Disclosure.js +1 -1
  164. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  165. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  166. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  167. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  168. package/dist/disclosure/src/index.css +73 -73
  169. package/dist/disclosure/src/index.js +7 -7
  170. package/dist/divider/src/Divider.css +40 -40
  171. package/dist/divider/src/Divider.js +1 -1
  172. package/dist/divider/src/index.css +40 -40
  173. package/dist/divider/src/index.js +1 -1
  174. package/dist/error-message/src/ErrorMessage.css +40 -40
  175. package/dist/error-message/src/ErrorMessage.js +2 -2
  176. package/dist/error-message/src/index.css +40 -40
  177. package/dist/error-message/src/index.js +2 -2
  178. package/dist/form/src/Form.css +38 -38
  179. package/dist/form/src/Form.js +1 -1
  180. package/dist/form/src/index.css +38 -38
  181. package/dist/form/src/index.js +1 -1
  182. package/dist/header/src/Header.css +38 -38
  183. package/dist/header/src/index.css +38 -38
  184. package/dist/helper-message/src/HelperMessage.css +40 -40
  185. package/dist/helper-message/src/HelperMessage.js +2 -2
  186. package/dist/helper-message/src/index.css +40 -40
  187. package/dist/helper-message/src/index.js +2 -2
  188. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  189. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  190. package/dist/hopper-provider/src/index.css +39 -39
  191. package/dist/hopper-provider/src/index.js +1 -1
  192. package/dist/icon-list/src/IconList.css +39 -39
  193. package/dist/icon-list/src/IconList.js +1 -1
  194. package/dist/icon-list/src/index.css +39 -39
  195. package/dist/icon-list/src/index.js +1 -1
  196. package/dist/illustrated-message/src/IllustratedMessage.css +452 -353
  197. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  198. package/dist/illustrated-message/src/index.css +452 -353
  199. package/dist/illustrated-message/src/index.js +1 -1
  200. package/dist/image/src/Image.css +41 -41
  201. package/dist/image/src/Image.js +1 -1
  202. package/dist/image/src/SvgImage.css +39 -39
  203. package/dist/image/src/SvgImage.js +1 -1
  204. package/dist/image/src/index.css +42 -42
  205. package/dist/image/src/index.js +2 -2
  206. package/dist/index.css +1203 -1104
  207. package/dist/index.d.ts +1 -1
  208. package/dist/index.js +89 -89
  209. package/dist/inputs/src/Input.css +42 -42
  210. package/dist/inputs/src/Input.js +1 -1
  211. package/dist/inputs/src/InputGroup.css +44 -44
  212. package/dist/inputs/src/InputGroup.js +1 -1
  213. package/dist/inputs/src/NumberField.css +68 -68
  214. package/dist/inputs/src/NumberField.js +10 -10
  215. package/dist/inputs/src/PasswordField.css +453 -354
  216. package/dist/inputs/src/PasswordField.js +10 -10
  217. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  218. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  219. package/dist/inputs/src/SearchField.css +459 -360
  220. package/dist/inputs/src/SearchField.js +11 -11
  221. package/dist/inputs/src/TextArea.css +65 -65
  222. package/dist/inputs/src/TextArea.js +9 -9
  223. package/dist/inputs/src/TextField.css +457 -358
  224. package/dist/inputs/src/TextField.js +13 -13
  225. package/dist/inputs/src/index.css +505 -406
  226. package/dist/inputs/src/index.js +17 -17
  227. package/dist/layout/src/Content.css +38 -38
  228. package/dist/layout/src/Footer.css +38 -38
  229. package/dist/link/src/Link.css +77 -77
  230. package/dist/link/src/Link.js +3 -3
  231. package/dist/link/src/index.css +77 -77
  232. package/dist/link/src/index.js +3 -3
  233. package/dist/list-box/src/ListBox.css +312 -312
  234. package/dist/list-box/src/ListBox.js +8 -8
  235. package/dist/list-box/src/ListBoxItem.css +300 -300
  236. package/dist/list-box/src/ListBoxItem.js +6 -6
  237. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  238. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  239. package/dist/list-box/src/index.css +312 -312
  240. package/dist/list-box/src/index.js +8 -8
  241. package/dist/menu/src/Menu.css +778 -679
  242. package/dist/menu/src/Menu.js +2 -2
  243. package/dist/menu/src/MenuItem.css +117 -117
  244. package/dist/menu/src/MenuItem.js +2 -2
  245. package/dist/menu/src/MenuSection.css +40 -40
  246. package/dist/menu/src/MenuSection.js +1 -1
  247. package/dist/menu/src/index.css +803 -704
  248. package/dist/menu/src/index.js +5 -5
  249. package/dist/modal/src/BaseModal.css +53 -53
  250. package/dist/modal/src/BaseModal.js +1 -1
  251. package/dist/modal/src/CustomModal.css +54 -54
  252. package/dist/modal/src/CustomModal.js +2 -2
  253. package/dist/modal/src/Modal.css +475 -376
  254. package/dist/modal/src/Modal.js +8 -8
  255. package/dist/modal/src/index.css +476 -377
  256. package/dist/modal/src/index.js +9 -9
  257. package/dist/overlays/popover/src/Popover.css +770 -671
  258. package/dist/overlays/popover/src/Popover.js +3 -3
  259. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  260. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  261. package/dist/overlays/popover/src/index.css +773 -674
  262. package/dist/overlays/popover/src/index.js +4 -4
  263. package/dist/radio/src/DecorativeRadio.css +65 -65
  264. package/dist/radio/src/DecorativeRadio.js +3 -3
  265. package/dist/radio/src/Radio.css +57 -57
  266. package/dist/radio/src/Radio.js +3 -3
  267. package/dist/radio/src/RadioField.css +44 -44
  268. package/dist/radio/src/RadioField.js +2 -2
  269. package/dist/radio/src/RadioGroup.css +109 -109
  270. package/dist/radio/src/RadioGroup.js +7 -7
  271. package/dist/radio/src/index.css +109 -109
  272. package/dist/radio/src/index.js +11 -11
  273. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  274. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  275. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  276. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  277. package/dist/segmented-control/src/index.css +54 -54
  278. package/dist/segmented-control/src/index.js +3 -3
  279. package/dist/select/src/Select.css +797 -698
  280. package/dist/select/src/Select.js +18 -18
  281. package/dist/select/src/SelectValue.css +99 -99
  282. package/dist/select/src/SelectValue.js +2 -2
  283. package/dist/select/src/index.css +797 -698
  284. package/dist/select/src/index.js +18 -18
  285. package/dist/spinner/src/Spinner.css +48 -48
  286. package/dist/spinner/src/Spinner.js +2 -2
  287. package/dist/spinner/src/index.css +48 -48
  288. package/dist/spinner/src/index.js +2 -2
  289. package/dist/switch/src/Switch.css +54 -54
  290. package/dist/switch/src/Switch.js +3 -3
  291. package/dist/switch/src/SwitchField.css +44 -44
  292. package/dist/switch/src/SwitchField.js +2 -2
  293. package/dist/switch/src/index.css +60 -60
  294. package/dist/switch/src/index.js +4 -4
  295. package/dist/tabs/src/Tab.css +623 -524
  296. package/dist/tabs/src/Tab.js +2 -2
  297. package/dist/tabs/src/TabLine.css +40 -40
  298. package/dist/tabs/src/TabLine.js +1 -1
  299. package/dist/tabs/src/TabList.css +47 -47
  300. package/dist/tabs/src/TabList.js +2 -2
  301. package/dist/tabs/src/TabPanel.css +40 -40
  302. package/dist/tabs/src/TabPanel.js +1 -1
  303. package/dist/tabs/src/index.css +634 -535
  304. package/dist/tabs/src/index.js +5 -5
  305. package/dist/tag/src/Tag.css +601 -502
  306. package/dist/tag/src/Tag.js +7 -7
  307. package/dist/tag/src/TagGroup.css +48 -48
  308. package/dist/tag/src/TagGroup.js +7 -7
  309. package/dist/tag/src/index.css +611 -512
  310. package/dist/tag/src/index.js +12 -12
  311. package/dist/tile/src/Tile.css +47 -47
  312. package/dist/tile/src/Tile.js +2 -2
  313. package/dist/tile/src/TileGroup.css +39 -39
  314. package/dist/tile/src/TileGroup.js +1 -1
  315. package/dist/tile/src/index.css +48 -48
  316. package/dist/tile/src/index.js +3 -3
  317. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  318. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  319. package/dist/toggle-arrow/src/index.css +40 -40
  320. package/dist/toggle-arrow/src/index.js +1 -1
  321. package/dist/tooltip/src/Tooltip.css +48 -48
  322. package/dist/tooltip/src/Tooltip.js +3 -3
  323. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  324. package/dist/tooltip/src/index.css +48 -48
  325. package/dist/tooltip/src/index.js +3 -3
  326. package/dist/typography/heading/src/Heading.css +38 -38
  327. package/dist/typography/heading/src/Heading.js +1 -1
  328. package/dist/typography/heading/src/index.css +38 -38
  329. package/dist/typography/heading/src/index.js +1 -1
  330. package/dist/typography/label/src/FieldLabel.css +38 -38
  331. package/dist/typography/label/src/FieldLabel.js +3 -3
  332. package/dist/typography/label/src/Label.css +38 -38
  333. package/dist/typography/label/src/Label.js +1 -1
  334. package/dist/typography/label/src/index.css +38 -38
  335. package/dist/typography/label/src/index.js +3 -3
  336. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  337. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  338. package/dist/typography/overline-text/src/index.css +38 -38
  339. package/dist/typography/overline-text/src/index.js +1 -1
  340. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  341. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  342. package/dist/typography/paragraph/src/index.css +38 -38
  343. package/dist/typography/paragraph/src/index.js +2 -2
  344. package/dist/typography/text/src/Text.css +38 -38
  345. package/dist/typography/text/src/Text.js +1 -1
  346. package/dist/typography/text/src/index.css +38 -38
  347. package/dist/typography/text/src/index.js +1 -1
  348. package/dist/utils/src/ClearSlots.css +38 -38
  349. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  350. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  351. package/dist/utils/src/index.css +38 -38
  352. package/dist/utils/src/index.js +2 -2
  353. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___EG00A {
2
+ .Heading-module__hop-Heading___ex9Pl {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___EG00A) {
36
+ :where(.Heading-module__hop-Heading___ex9Pl) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___xNucC) {
44
+ :where(.Heading-module__hop-Heading--xs___U-anE) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___05Byx) {
50
+ :where(.Heading-module__hop-Heading--sm___9euNX) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___7vlXO) {
56
+ :where(.Heading-module__hop-Heading--md___m9G-q) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___-iM4S) {
62
+ :where(.Heading-module__hop-Heading--lg___seVEu) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___YiFxf) {
68
+ :where(.Heading-module__hop-Heading--xl___-ctXd) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___sLtGX) {
74
+ :where(.Heading-module__hop-Heading--2xl___nm0lD) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___L3BmC) {
80
+ :where(.Heading-module__hop-Heading--3xl___UlnoB) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,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___uqGvw {
88
+ .Form-module__hop-Form___oRthn {
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___x-D7q {
95
+ .Label-module__hop-Label___ClY-C {
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___x-D7q) {
102
+ :where(.Label-module__hop-Label___ClY-C) {
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___VGoF6 {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___P-qSb {
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___fp8NS {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___lbxSg {
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___uqriG) {
121
+ :where(.OverlineText-module__hop-OverlineText___RBrct) {
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___QC4h8 {
145
+ .OverlineText-module__hop-OverlineText__text___ue5ai {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___QC4h8::before,
149
- .OverlineText-module__hop-OverlineText__text___QC4h8::after {
148
+ .OverlineText-module__hop-OverlineText__text___ue5ai::before,
149
+ .OverlineText-module__hop-OverlineText__text___ue5ai::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___QC4h8::before {
156
+ .OverlineText-module__hop-OverlineText__text___ue5ai::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___QC4h8::after {
159
+ .OverlineText-module__hop-OverlineText__text___ue5ai::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___TlqAw {
164
+ .Text-module__hop-Text___Mm3Jn {
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___TlqAw) {
194
+ :where(.Text-module__hop-Text___Mm3Jn) {
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___r7Jh2) {
200
+ :where(.Text-module__hop-Text--xs___Ce3vK) {
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___47IuM) {
206
+ :where(.Text-module__hop-Text--sm___UcccH) {
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___C2YwB) {
212
+ :where(.Text-module__hop-Text--md___YcqAT) {
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___hfcIw) {
218
+ :where(.Text-module__hop-Text--lg___RaBlz) {
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___jSZWl) {
224
+ :where(.Text-module__hop-Text--xl___jBI5K) {
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___3Q3EA) {
230
+ :where(.Text-module__hop-Text--2xl___jrcN4) {
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___S3ePi) {
236
+ :where(.Text-module__hop-Text--inherit___Rc2fv) {
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___HpT17 {
244
+ .Paragraph-module__hop-Paragraph___AWLqo {
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___HpT17:last-child {
256
+ .Paragraph-module__hop-Paragraph___AWLqo:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___DXGDe {
259
+ .Paragraph-module__hop-Paragraph--xs___us82- {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___qshKm {
262
+ .Paragraph-module__hop-Paragraph--sm___oQXcj {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___UEgGX {
265
+ .Paragraph-module__hop-Paragraph--md___ONjfY {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___EvhSs {
268
+ .Paragraph-module__hop-Paragraph--lg___MwXba {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___X9E7u {
271
+ .Paragraph-module__hop-Paragraph--xl___G0-ya {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___MYUu5 {
274
+ .Paragraph-module__hop-Paragraph--2xl___RNqOG {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___IZyrO {
277
+ .Paragraph-module__hop-Paragraph--inherit___EaPeU {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
282
- .Badge-module__hop-Badge___zgMp1 {
282
+ .Badge-module__hop-Badge___Em6Ee {
283
283
  --hop-Badge-height: 1.5rem;
284
284
  --hop-Badge-width: max-content;
285
285
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -329,67 +329,67 @@
329
329
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
330
330
  border-radius: var(--border-radius);
331
331
  }
332
- .Badge-module__hop-Badge--primary___FtMRN {
332
+ .Badge-module__hop-Badge--primary___2xcfI {
333
333
  --background-color: var(--hop-Badge-primary-background-color);
334
334
  --text-color: var(--hop-Badge-primary-text-color);
335
335
  }
336
- .Badge-module__hop-Badge--primary___FtMRN[data-hovered] {
336
+ .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
337
337
  --background-color: var(--hop-Badge-primary-background-color-hovered);
338
338
  --text-color: var(--hop-Badge-primary-text-color-hovered);
339
339
  }
340
- .Badge-module__hop-Badge--primary___FtMRN[data-pressed] {
340
+ .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
341
341
  --background-color: var(--hop-Badge-primary-background-color-pressed);
342
342
  --text-color: var(--hop-Badge-primary-text-color-pressed);
343
343
  }
344
- .Badge-module__hop-Badge--primary___FtMRN[data-selected] {
344
+ .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
345
345
  --background-color: var(--hop-Badge-primary-background-color-selected);
346
346
  --text-color: var(--hop-Badge-primary-text-color-selected);
347
347
  }
348
- .Badge-module__hop-Badge--secondary___mIP5m {
348
+ .Badge-module__hop-Badge--secondary___O77eV {
349
349
  --background-color: var(--hop-Badge-secondary-background-color);
350
350
  --text-color: var(--hop-Badge-secondary-text-color);
351
351
  }
352
- .Badge-module__hop-Badge--secondary___mIP5m[data-hovered] {
352
+ .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
353
353
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
354
354
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
355
355
  }
356
- .Badge-module__hop-Badge--secondary___mIP5m[data-pressed] {
356
+ .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
357
357
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
358
358
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
359
359
  }
360
- .Badge-module__hop-Badge--secondary___mIP5m[data-selected] {
360
+ .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
361
361
  --background-color: var(--hop-Badge-secondary-background-color-selected);
362
362
  --text-color: var(--hop-Badge-secondary-text-color-selected);
363
363
  }
364
- .Badge-module__hop-Badge--subdued___8iY3E {
364
+ .Badge-module__hop-Badge--subdued___12tA7 {
365
365
  --background-color: var(--hop-Badge-subdued-background-color);
366
366
  --text-color: var(--hop-Badge-subdued-text-color);
367
367
  }
368
- .Badge-module__hop-Badge--subdued___8iY3E[data-hovered] {
368
+ .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
369
369
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
370
370
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
371
371
  }
372
- .Badge-module__hop-Badge--subdued___8iY3E[data-pressed] {
372
+ .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
373
373
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
374
374
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
375
375
  }
376
- .Badge-module__hop-Badge--subdued___8iY3E[data-selected] {
376
+ .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
377
377
  --background-color: var(--hop-Badge-subdued-background-color-selected);
378
378
  --text-color: var(--hop-Badge-subdued-text-color-selected);
379
379
  }
380
- .Badge-module__hop-Badge___zgMp1[data-indeterminate] {
380
+ .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
381
381
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
382
382
  --height: var(--hop-Badge-indeterminate-height);
383
383
  --width: var(--hop-Badge-indeterminate-width);
384
384
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
385
385
  }
386
- .Badge-module__hop-Badge___zgMp1[data-disabled] {
386
+ .Badge-module__hop-Badge___Em6Ee[data-disabled] {
387
387
  --background-color: var(--hop-Badge-background-color-disabled);
388
388
  --text-color: var(--hop-Badge-text-color-disabled);
389
389
  }
390
390
 
391
391
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
392
- .FloatingBadge-module__hop-FloatingBadge___R2B4j {
392
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD {
393
393
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
394
394
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
395
395
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -430,7 +430,7 @@
430
430
  box-sizing: border-box;
431
431
  inline-size: max-content;
432
432
  }
433
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"] {
433
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
434
434
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
435
435
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
436
436
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -438,11 +438,11 @@
438
438
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
439
439
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
440
440
  }
441
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"][data-overlap=circular] {
441
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
442
442
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
443
443
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
444
444
  }
445
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"] {
445
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
446
446
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
447
447
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
448
448
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -450,11 +450,11 @@
450
450
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
451
451
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
452
452
  }
453
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"][data-overlap=circular] {
453
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
454
454
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
455
455
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
456
456
  }
457
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"] {
457
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
458
458
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
459
459
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
460
460
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -462,11 +462,11 @@
462
462
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
463
463
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
464
464
  }
465
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"][data-overlap=circular] {
465
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
466
466
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
467
467
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
468
468
  }
469
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"] {
469
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
470
470
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
471
471
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
472
472
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -474,11 +474,11 @@
474
474
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
475
475
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
476
476
  }
477
- .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"][data-overlap=circular] {
477
+ .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
478
478
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
479
479
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
480
480
  }
481
- .FloatingBadge-module__hop-FloatingBadge__badge___CDxdk {
481
+ .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
482
482
  position: absolute;
483
483
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
484
484
  transform-origin: var(--badge-transform-origin);
@@ -486,7 +486,7 @@
486
486
  }
487
487
 
488
488
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
489
- .ErrorMessage-module__hop-ErrorMessage___V-yBH {
489
+ .ErrorMessage-module__hop-ErrorMessage___3njVF {
490
490
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
491
491
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
492
492
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -503,13 +503,13 @@
503
503
  line-height: var(--hop-ErrorMessage-line-height);
504
504
  color: var(--hop-ErrorMessage-color);
505
505
  }
506
- .ErrorMessage-module__hop-ErrorMessage__icon___DIRtx {
506
+ .ErrorMessage-module__hop-ErrorMessage__icon___2fFUX {
507
507
  flex: 0 0 auto;
508
508
  align-self: flex-start;
509
509
  }
510
510
 
511
511
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
512
- .HelperMessage-module__hop-HelperMessage___eMQ7m {
512
+ .HelperMessage-module__hop-HelperMessage___WKq74 {
513
513
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
514
514
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
515
515
  display: flex;
@@ -518,13 +518,13 @@
518
518
  box-sizing: border-box;
519
519
  color: var(--hop-HelperMessage-color);
520
520
  }
521
- .HelperMessage-module__hop-HelperMessage__icon___hi1Mh {
521
+ .HelperMessage-module__hop-HelperMessage__icon___qM-Le {
522
522
  flex: 0 0 auto;
523
523
  align-self: flex-start;
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
527
- .Input-module__hop-Input___J6jKQ {
527
+ .Input-module__hop-Input___SAJpy {
528
528
  --hop-Input-placeholder-font-family: inherit;
529
529
  --hop-Input-placeholder-font-size: inherit;
530
530
  --hop-Input-placeholder-font-weight: inherit;
@@ -572,28 +572,28 @@
572
572
  border: 0;
573
573
  outline-style: none;
574
574
  }
575
- .Input-module__hop-Input--sm___4-YdC {
575
+ .Input-module__hop-Input--sm___7zxBh {
576
576
  --font-family: var(--hop-Input-sm-font-family);
577
577
  --font-size: var(--hop-Input-sm-font-size);
578
578
  --font-weight: var(--hop-Input-sm-font-weight);
579
579
  --line-height: var(--hop-Input-sm-line-height);
580
580
  --block-size: var(--hop-Input-sm-block-size);
581
581
  }
582
- .Input-module__hop-Input___J6jKQ::placeholder {
582
+ .Input-module__hop-Input___SAJpy::placeholder {
583
583
  font-family: var(--hop-Input-placeholder-font-family);
584
584
  font-size: var(--hop-Input-placeholder-font-size);
585
585
  font-weight: var(--hop-Input-placeholder-font-weight);
586
586
  line-height: var(--hop-Input-placeholder-line-height);
587
587
  color: var(--input-placeholder-color);
588
588
  }
589
- .Input-module__hop-Input___J6jKQ[data-disabled] {
589
+ .Input-module__hop-Input___SAJpy[data-disabled] {
590
590
  --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
591
591
  --color: var(--hop-Input-color-disabled);
592
592
  --background-color: var(--hop-Input-background-disabled);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
596
- .InputGroup-module__hop-InputGroup___0ZkWY {
596
+ .InputGroup-module__hop-InputGroup___eIOIQ {
597
597
  --hop-InputGroup-background: var(--hop-neutral-surface);
598
598
  --hop-InputGroup-border-color: var(--hop-neutral-border);
599
599
  --hop-InputGroup-border-width: 0.0625rem;
@@ -624,26 +624,26 @@
624
624
  border: var(--border);
625
625
  border-radius: var(--hop-InputGroup-border-radius);
626
626
  }
627
- .InputGroup-module__hop-InputGroup--fluid___nao0v {
627
+ .InputGroup-module__hop-InputGroup--fluid___jySTc {
628
628
  --inline-size: 100%;
629
629
  }
630
- .InputGroup-module__hop-InputGroup___0ZkWY[data-hovered] {
630
+ .InputGroup-module__hop-InputGroup___eIOIQ[data-hovered] {
631
631
  --background: var(--hop-InputGroup-background-hover);
632
632
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
633
633
  }
634
- .InputGroup-module__hop-InputGroup___0ZkWY[data-focus-within] {
634
+ .InputGroup-module__hop-InputGroup___eIOIQ[data-focus-within] {
635
635
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
636
636
  }
637
- .InputGroup-module__hop-InputGroup___0ZkWY[data-invalid] {
637
+ .InputGroup-module__hop-InputGroup___eIOIQ[data-invalid] {
638
638
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
639
639
  }
640
- .InputGroup-module__hop-InputGroup___0ZkWY[data-disabled] {
640
+ .InputGroup-module__hop-InputGroup___eIOIQ[data-disabled] {
641
641
  --background: var(--hop-InputGroup-background-disabled);
642
642
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
643
643
  }
644
644
 
645
645
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
646
- .NumberField-module__hop-NumberField___bgUbS {
646
+ .NumberField-module__hop-NumberField___GMEsL {
647
647
  --hop-NumberField-gap: var(--hop-space-stack-xs);
648
648
  --hop-NumberField-inline-size: 20rem;
649
649
  --hop-NumberField-inline-size-fluid: 100%;
@@ -679,30 +679,30 @@
679
679
  gap: var(--hop-NumberField-gap);
680
680
  inline-size: var(--inline-size);
681
681
  }
682
- .NumberField-module__hop-NumberField--fluid___Ss9t7 {
682
+ .NumberField-module__hop-NumberField--fluid___omAsa {
683
683
  --inline-size: var(--hop-NumberField-inline-size-fluid);
684
684
  }
685
- .NumberField-module__hop-NumberField__Label___mL-RC {
685
+ .NumberField-module__hop-NumberField__Label___hIKXz {
686
686
  order: 0;
687
687
  }
688
- .NumberField-module__hop-NumberField__prefix___AH0o- {
688
+ .NumberField-module__hop-NumberField__prefix___e10MA {
689
689
  order: 1;
690
690
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
691
691
  color: var(--hop-NumberField-prefix-color);
692
692
  }
693
- .NumberField-module__hop-NumberField__InputGroup___hXoqN {
693
+ .NumberField-module__hop-NumberField__InputGroup___OOggy {
694
694
  grid-template: var(--hop-NumberField-input-group-template);
695
695
  order: 1;
696
696
  padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
697
697
  }
698
- .NumberField-module__hop-NumberField__ErrorMessage___I3-zK,
699
- .NumberField-module__hop-NumberField__HelperMessage___4JUMO {
698
+ .NumberField-module__hop-NumberField__ErrorMessage___ZWWJm,
699
+ .NumberField-module__hop-NumberField__HelperMessage___9HmPM {
700
700
  order: 3;
701
701
  }
702
- .NumberField-module__hop-NumberField__steppers___7-fEN {
702
+ .NumberField-module__hop-NumberField__steppers___6JEqa {
703
703
  order: 3;
704
704
  }
705
- .NumberField-module__hop-NumberField__stepper-button___tEqC6 {
705
+ .NumberField-module__hop-NumberField__stepper-button___pEgU8 {
706
706
  cursor: pointer;
707
707
  display: flex;
708
708
  grid-area: var(--grid-area, unset);
@@ -722,39 +722,39 @@
722
722
  border-radius: var(--stepper-border-radius, 0);
723
723
  outline: none;
724
724
  }
725
- .NumberField-module__hop-NumberField__stepper-button--increment___KWUDA {
725
+ .NumberField-module__hop-NumberField__stepper-button--increment___jy3a6 {
726
726
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
727
727
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
728
728
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
729
729
  }
730
- .NumberField-module__hop-NumberField__stepper-button--decrement___0hA-T {
730
+ .NumberField-module__hop-NumberField__stepper-button--decrement___F7LG0 {
731
731
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
732
732
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
733
733
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
734
734
  }
735
- .NumberField-module__hop-NumberField__stepper-button___tEqC6[data-hovered] {
735
+ .NumberField-module__hop-NumberField__stepper-button___pEgU8[data-hovered] {
736
736
  color: var(--hop-NumberField-stepper-color-hovered);
737
737
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
738
738
  }
739
- .NumberField-module__hop-NumberField__stepper-button___tEqC6[data-pressed] {
739
+ .NumberField-module__hop-NumberField__stepper-button___pEgU8[data-pressed] {
740
740
  color: var(--hop-NumberField-stepper-color-pressed);
741
741
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
742
742
  }
743
- .NumberField-module__hop-NumberField__stepper-button___tEqC6[data-disabled] {
743
+ .NumberField-module__hop-NumberField__stepper-button___pEgU8[data-disabled] {
744
744
  cursor: default;
745
745
  color: var(--hop-NumberField-stepper-color-disabled);
746
746
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
747
747
  }
748
- .NumberField-module__hop-NumberField__stepper-button__icon___fC06A {
748
+ .NumberField-module__hop-NumberField__stepper-button__icon___r0PBK {
749
749
  display: block;
750
750
  max-block-size: 100%;
751
751
  }
752
- .NumberField-module__hop-NumberField__input___U4h8z {
752
+ .NumberField-module__hop-NumberField__input___N9M2V {
753
753
  order: 2;
754
754
  }
755
755
 
756
756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
757
- .IconList-module__hop-IconList___TpK2G {
757
+ .IconList-module__hop-IconList___z6OUy {
758
758
  --hop-IconList-gap: var(--hop-space-inline-xs);
759
759
  display: flex;
760
760
  flex-wrap: wrap;
@@ -763,7 +763,7 @@
763
763
  }
764
764
 
765
765
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
766
- @keyframes Spinner-module__spin___Qq0VA {
766
+ @keyframes Spinner-module__spin___SnxzS {
767
767
  0% {
768
768
  transform: rotate(0deg);
769
769
  }
@@ -771,7 +771,7 @@
771
771
  transform: rotate(360deg);
772
772
  }
773
773
  }
774
- .Spinner-module__hop-Spinner___q7lsB {
774
+ .Spinner-module__hop-Spinner___Oa3G6 {
775
775
  --hop-Spinner-border-radius: var(--hop-shape-circle);
776
776
  --hop-Spinner-sm-wheel-size: 1rem;
777
777
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -779,7 +779,7 @@
779
779
  --hop-Spinner-track-width: 0.125rem;
780
780
  --hop-Spinner-track-opacity: 0.2;
781
781
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
782
- --hop-Spinner-fill-animation: Spinner-module__spin___Qq0VA .8s infinite linear;
782
+ --hop-Spinner-fill-animation: Spinner-module__spin___SnxzS .8s infinite linear;
783
783
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
784
784
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
785
785
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -790,19 +790,19 @@
790
790
  align-items: center;
791
791
  box-sizing: border-box;
792
792
  }
793
- .Spinner-module__hop-Spinner--sm___jaKcR {
793
+ .Spinner-module__hop-Spinner--sm___0XkYa {
794
794
  --width: var(--hop-Spinner-sm-wheel-size);
795
795
  --height: var(--hop-Spinner-sm-wheel-size);
796
796
  }
797
- .Spinner-module__hop-Spinner--md___GNVfI {
797
+ .Spinner-module__hop-Spinner--md___dWYu5 {
798
798
  --width: var(--hop-Spinner-md-wheel-size);
799
799
  --height: var(--hop-Spinner-md-wheel-size);
800
800
  }
801
- .Spinner-module__hop-Spinner--lg___s54Hy {
801
+ .Spinner-module__hop-Spinner--lg___qpxbh {
802
802
  --width: var(--hop-Spinner-lg-wheel-size);
803
803
  --height: var(--hop-Spinner-lg-wheel-size);
804
804
  }
805
- .Spinner-module__hop-Spinner__track___P2N1M {
805
+ .Spinner-module__hop-Spinner__track___Yntu2 {
806
806
  grid-area: spinner;
807
807
  box-sizing: border-box;
808
808
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -811,7 +811,7 @@
811
811
  border: var(--hop-Spinner-track-border);
812
812
  border-radius: var(--hop-Spinner-border-radius);
813
813
  }
814
- .Spinner-module__hop-Spinner__fill___DA6KG {
814
+ .Spinner-module__hop-Spinner__fill___bJDXw {
815
815
  grid-area: spinner;
816
816
  box-sizing: border-box;
817
817
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -822,17 +822,17 @@
822
822
  animation: var(--hop-Spinner-fill-animation);
823
823
  }
824
824
  @media (prefers-reduced-motion: reduce) {
825
- .Spinner-module__hop-Spinner__fill___DA6KG {
825
+ .Spinner-module__hop-Spinner__fill___bJDXw {
826
826
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
827
827
  }
828
828
  }
829
- .Spinner-module__hop-Spinner__label___7Vmlu {
829
+ .Spinner-module__hop-Spinner__label___oVU-P {
830
830
  grid-area: label;
831
831
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
832
832
  }
833
833
 
834
834
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
835
- .Button-module__hop-Button___0Z1G- {
835
+ .Button-module__hop-Button___8zkEy {
836
836
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
837
837
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
838
838
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -956,215 +956,215 @@
956
956
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
957
957
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
958
958
  }
959
- .Button-module__hop-Button--fluid___ocE9B {
959
+ .Button-module__hop-Button--fluid___eZzEd {
960
960
  --inline-size: 100%;
961
961
  }
962
- .Button-module__hop-Button--sm___Iin1k {
962
+ .Button-module__hop-Button--sm___K0sPh {
963
963
  --block-size: var(--hop-Button-sm-height);
964
964
  --padding: var(--hop-Button-sm-padding);
965
965
  }
966
- .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
966
+ .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
967
967
  --padding: var(--hop-Button-ghost-sm-padding);
968
968
  }
969
- .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
969
+ .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
970
970
  --padding: var(--hop-Button-ghost-md-padding);
971
971
  }
972
- .Button-module__hop-Button--icon-only___aWeym {
972
+ .Button-module__hop-Button--icon-only___rYzdc {
973
973
  --column-gap: var(--hop-Button-icon-only-column-gap);
974
974
  --padding: var(--hop-Button-icon-only-padding);
975
975
  aspect-ratio: 1;
976
976
  }
977
- .Button-module__hop-Button--primary___3Qmg3 {
977
+ .Button-module__hop-Button--primary___hkH0I {
978
978
  --background-color: var(--hop-Button-primary-background-color);
979
979
  --color: var(--hop-Button-primary-color);
980
980
  --border: var(--hop-Button-primary-border);
981
981
  --spinner-color: var(--hop-Button-primary-spinner-color);
982
982
  }
983
- .Button-module__hop-Button--primary___3Qmg3[data-hovered],
984
- .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
983
+ .Button-module__hop-Button--primary___hkH0I[data-hovered],
984
+ .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
985
985
  --background-color: var(--hop-Button-primary-background-color-hover);
986
986
  --color: var(--hop-Button-primary-color-hover);
987
987
  --border: var(--hop-Button-primary-border-hover);
988
988
  }
989
- .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
989
+ .Button-module__hop-Button--primary___hkH0I[data-pressed] {
990
990
  --background-color: var(--hop-Button-primary-background-color-pressed);
991
991
  --color: var(--hop-Button-primary-color-pressed);
992
992
  --border: var(--hop-Button-primary-border-pressed);
993
993
  }
994
- .Button-module__hop-Button--secondary___u3qlM {
994
+ .Button-module__hop-Button--secondary___hSZYE {
995
995
  --background-color: var(--hop-Button-secondary-background-color);
996
996
  --color: var(--hop-Button-secondary-color);
997
997
  --border: var(--hop-Button-secondary-border);
998
998
  --spinner-color: var(--hop-Button-secondary-spinner-color);
999
999
  }
1000
- .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1001
- .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1000
+ .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1001
+ .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1002
1002
  --background-color: var(--hop-Button-secondary-background-color-hover);
1003
1003
  --color: var(--hop-Button-secondary-color-hover);
1004
1004
  --border: var(--hop-Button-secondary-border-hover);
1005
1005
  }
1006
- .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1006
+ .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1007
1007
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1008
1008
  --color: var(--hop-Button-secondary-color-pressed);
1009
1009
  --border: var(--hop-Button-secondary-border-pressed);
1010
1010
  }
1011
- .Button-module__hop-Button--upsell___Wa1Kb {
1011
+ .Button-module__hop-Button--upsell___9z1o- {
1012
1012
  --background-color: var(--hop-Button-upsell-background-color);
1013
1013
  --color: var(--hop-Button-upsell-color);
1014
1014
  --border: var(--hop-Button-upsell-border);
1015
1015
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1016
1016
  }
1017
- .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1018
- .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1017
+ .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1018
+ .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1019
1019
  --background-color: var(--hop-Button-upsell-background-color-hover);
1020
1020
  --color: var(--hop-Button-upsell-color-hover);
1021
1021
  --border: var(--hop-Button-upsell-border-hover);
1022
1022
  }
1023
- .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1023
+ .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1024
1024
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1025
1025
  --color: var(--hop-Button-upsell-color-pressed);
1026
1026
  --border: var(--hop-Button-upsell-border-pressed);
1027
1027
  }
1028
- .Button-module__hop-Button--danger___de-7T {
1028
+ .Button-module__hop-Button--danger___KbLep {
1029
1029
  --background-color: var(--hop-Button-danger-background-color);
1030
1030
  --color: var(--hop-Button-danger-color);
1031
1031
  --border: var(--hop-Button-danger-border);
1032
1032
  --spinner-color: var(--hop-Button-danger-spinner-color);
1033
1033
  }
1034
- .Button-module__hop-Button--danger___de-7T[data-hovered],
1035
- .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1034
+ .Button-module__hop-Button--danger___KbLep[data-hovered],
1035
+ .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1036
1036
  --background-color: var(--hop-Button-danger-background-color-hover);
1037
1037
  --color: var(--hop-Button-danger-color-hover);
1038
1038
  --border: var(--hop-Button-danger-border-hover);
1039
1039
  }
1040
- .Button-module__hop-Button--danger___de-7T[data-pressed] {
1040
+ .Button-module__hop-Button--danger___KbLep[data-pressed] {
1041
1041
  --background-color: var(--hop-Button-danger-background-color-pressed);
1042
1042
  --color: var(--hop-Button-danger-color-pressed);
1043
1043
  --border: var(--hop-Button-danger-border-pressed);
1044
1044
  }
1045
- .Button-module__hop-Button--ghost-primary___f-GHo {
1045
+ .Button-module__hop-Button--ghost-primary___8jSf1 {
1046
1046
  --background-color: var(--hop-Button-ghost-primary-background-color);
1047
1047
  --color: var(--hop-Button-ghost-primary-color);
1048
1048
  --border: var(--hop-Button-ghost-primary-border);
1049
1049
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1050
1050
  }
1051
- .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1052
- .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1051
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1052
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1053
1053
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1054
1054
  --color: var(--hop-Button-ghost-primary-color-hover);
1055
1055
  --border: var(--hop-Button-ghost-primary-border-hover);
1056
1056
  --text-underline: underline;
1057
1057
  }
1058
- .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1058
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1059
1059
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1060
1060
  --color: var(--hop-Button-ghost-primary-color-pressed);
1061
1061
  --border: var(--hop-Button-ghost-primary-border-pressed);
1062
1062
  --text-underline: underline;
1063
1063
  }
1064
- .Button-module__hop-Button--ghost-secondary___732dQ {
1064
+ .Button-module__hop-Button--ghost-secondary___TRM6h {
1065
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1066
1066
  --color: var(--hop-Button-ghost-secondary-color);
1067
1067
  --border: var(--hop-Button-ghost-secondary-border);
1068
1068
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1069
1069
  }
1070
- .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1071
- .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1070
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1071
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1072
1072
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1073
1073
  --color: var(--hop-Button-ghost-secondary-color-hover);
1074
1074
  --border: var(--hop-Button-ghost-secondary-border-hover);
1075
1075
  --text-underline: underline;
1076
1076
  }
1077
- .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1077
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1078
1078
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1079
1079
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1080
1080
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1081
1081
  --text-underline: underline;
1082
1082
  }
1083
- .Button-module__hop-Button--ghost-danger___mXQFT {
1083
+ .Button-module__hop-Button--ghost-danger___-22ky {
1084
1084
  --background-color: var(--hop-Button-ghost-danger-background-color);
1085
1085
  --color: var(--hop-Button-ghost-danger-color);
1086
1086
  --border: var(--hop-Button-ghost-danger-border);
1087
1087
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1088
1088
  }
1089
- .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1090
- .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1089
+ .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1090
+ .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1091
1091
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1092
1092
  --color: var(--hop-Button-ghost-danger-color-hover);
1093
1093
  --border: var(--hop-Button-ghost-danger-border-hover);
1094
1094
  --text-underline: underline;
1095
1095
  }
1096
- .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1096
+ .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1097
1097
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1098
1098
  --color: var(--hop-Button-ghost-danger-color-pressed);
1099
1099
  --border: var(--hop-Button-ghost-danger-border-pressed);
1100
1100
  --text-underline: underline;
1101
1101
  }
1102
- .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1102
+ .Button-module__hop-Button___8zkEy[data-focus-visible] {
1103
1103
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1104
1104
  }
1105
- .Button-module__hop-Button___0Z1G-[data-disabled],
1106
- .Button-module__hop-Button--loading___3l487 {
1105
+ .Button-module__hop-Button___8zkEy[data-disabled],
1106
+ .Button-module__hop-Button--loading___yOWuT {
1107
1107
  cursor: not-allowed;
1108
1108
  }
1109
- .Button-module__hop-Button___0Z1G-[data-disabled] {
1109
+ .Button-module__hop-Button___8zkEy[data-disabled] {
1110
1110
  --background-color: var(--hop-Button-background-color-disabled);
1111
1111
  --color: var(--hop-Button-color-disabled);
1112
1112
  --border: var(--hop-Button-border-disabled);
1113
1113
  }
1114
- .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1114
+ .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1115
1115
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1116
1116
  --color: var(--hop-Button-ghost-color-disabled);
1117
1117
  --border: var(--hop-Button-ghost-border-disabled);
1118
1118
  }
1119
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1119
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1120
1120
  --background-color: var(--hop-Button-primary-background-color);
1121
1121
  --color: var(--hop-Button-primary-color);
1122
1122
  --border: var(--hop-Button-primary-border);
1123
1123
  }
1124
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1124
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1125
1125
  --background-color: var(--hop-Button-secondary-background-color);
1126
1126
  --color: var(--hop-Button-secondary-color);
1127
1127
  --border: var(--hop-Button-secondary-border);
1128
1128
  }
1129
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1129
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1130
1130
  --background-color: var(--hop-Button-upsell-background-color);
1131
1131
  --color: var(--hop-Button-upsell-color);
1132
1132
  --border: var(--hop-Button-upsell-border);
1133
1133
  }
1134
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1134
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1135
1135
  --background-color: var(--hop-Button-danger-background-color);
1136
1136
  --color: var(--hop-Button-danger-color);
1137
1137
  --border: var(--hop-Button-danger-border);
1138
1138
  }
1139
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
1139
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
1140
1140
  --background-color: var(--hop-Button-ghost-primary-background-color);
1141
1141
  --color: var(--hop-Button-ghost-primary-color);
1142
1142
  --border: var(--hop-Button-ghost-primary-border);
1143
1143
  --text-underline: none;
1144
1144
  }
1145
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
1145
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
1146
1146
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1147
1147
  --color: var(--hop-Button-ghost-secondary-color);
1148
1148
  --border: var(--hop-Button-ghost-secondary-border);
1149
1149
  --text-underline: none;
1150
1150
  }
1151
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
1151
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
1152
1152
  --background-color: var(--hop-Button-ghost-danger-background-color);
1153
1153
  --color: var(--hop-Button-ghost-danger-color);
1154
1154
  --border: var(--hop-Button-ghost-danger-border);
1155
1155
  --text-underline: none;
1156
1156
  }
1157
- .Button-module__hop-Button__Spinner___Aydmf {
1157
+ .Button-module__hop-Button__Spinner___F4Img {
1158
1158
  position: absolute;
1159
1159
  color: var(--spinner-color);
1160
1160
  }
1161
- .Button-module__hop-Button__icon___3H1Sb,
1162
- .Button-module__hop-Button__icon-list___iWElA {
1161
+ .Button-module__hop-Button__icon___9WDgY,
1162
+ .Button-module__hop-Button__icon-list___hcP-v {
1163
1163
  flex: 0 0 auto;
1164
1164
  justify-self: end;
1165
1165
  order: 1;
1166
1166
  }
1167
- .Button-module__hop-Button__text___ZFtXo {
1167
+ .Button-module__hop-Button__text___o1TcA {
1168
1168
  user-select: none;
1169
1169
  overflow: visible;
1170
1170
  flex: 0 1 auto;
@@ -1174,60 +1174,60 @@
1174
1174
  text-underline-offset: 0.125rem;
1175
1175
  text-wrap: nowrap;
1176
1176
  }
1177
- .Button-module__hop-Button__end-icon___nOaCX,
1178
- .Button-module__hop-Button__end-icon-list___ge2sI {
1177
+ .Button-module__hop-Button__end-icon___6QGCl,
1178
+ .Button-module__hop-Button__end-icon-list___iZhOt {
1179
1179
  flex: 0 0 auto;
1180
1180
  order: 3;
1181
1181
  }
1182
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
1183
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
1182
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
1183
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
1184
1184
  flex-wrap: nowrap;
1185
1185
  }
1186
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
1186
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
1187
1187
  opacity: 0;
1188
1188
  }
1189
1189
 
1190
1190
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1191
- .ButtonGroup-module__hop-ButtonGroup___LQF3m {
1191
+ .ButtonGroup-module__hop-ButtonGroup___Q5c8f {
1192
1192
  display: inline-flex;
1193
1193
  flex-wrap: nowrap;
1194
1194
  gap: var(--hop-space-inline-md);
1195
1195
  }
1196
- .ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1196
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1197
1197
  align-items: center;
1198
1198
  }
1199
- .ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1199
+ .ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1200
1200
  flex-direction: column;
1201
1201
  gap: var(--hop-space-stack-md);
1202
1202
  justify-content: center;
1203
1203
  }
1204
- .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1204
+ .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1205
1205
  align-items: flex-start;
1206
1206
  }
1207
- .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1207
+ .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1208
1208
  align-items: center;
1209
1209
  }
1210
- .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1210
+ .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1211
1211
  align-items: flex-end;
1212
1212
  }
1213
- .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1213
+ .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1214
1214
  justify-content: flex-start;
1215
1215
  }
1216
- .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1216
+ .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1217
1217
  justify-content: center;
1218
1218
  }
1219
- .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1219
+ .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1220
1220
  justify-content: flex-end;
1221
1221
  }
1222
- .ButtonGroup-module__hop-ButtonGroup--wrap___TJ4km {
1222
+ .ButtonGroup-module__hop-ButtonGroup--wrap___45A9q {
1223
1223
  flex-wrap: wrap;
1224
1224
  }
1225
- .ButtonGroup-module__hop-ButtonGroup--fluid___gXntW {
1225
+ .ButtonGroup-module__hop-ButtonGroup--fluid___AXS6Y {
1226
1226
  inline-size: 100%;
1227
1227
  }
1228
1228
 
1229
1229
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1230
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab {
1231
1231
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1232
1232
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1233
1233
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1391,7 +1391,7 @@
1391
1391
  outline: none;
1392
1392
  transition: color var(--transition);
1393
1393
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu::before {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab::before {
1395
1395
  content: "";
1396
1396
  position: absolute;
1397
1397
  inset-block-start: 50%;
@@ -1404,284 +1404,284 @@
1404
1404
  border-radius: var(--effect-border-radius);
1405
1405
  transition: background-color var(--transition);
1406
1406
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-square] {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-square] {
1408
1408
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1409
1409
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7 {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX {
1411
1411
  --inline-size: var(--hop-EmbeddedButton-md-width);
1412
1412
  --block-size: var(--hop-EmbeddedButton-md-height);
1413
1413
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1414
1414
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe- {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF {
1416
1416
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1417
1417
  --block-size: var(--hop-EmbeddedButton-lg-height);
1418
1418
  --focus-ring-offset: 0;
1419
1419
  }
1420
- .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7::before {
1420
+ .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX::before {
1421
1421
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1422
1422
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1423
1423
  }
1424
- .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe-::before {
1424
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF::before {
1425
1425
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1426
1426
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1427
1427
  }
1428
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r {
1428
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs {
1429
1429
  --color: var(--hop-EmbeddedButton-neutral-color);
1430
1430
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1431
1431
  }
1432
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr {
1432
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG- {
1433
1433
  --color: var(--hop-EmbeddedButton-subdued-color);
1434
1434
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1435
1435
  }
1436
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv {
1436
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO {
1437
1437
  --color: var(--hop-EmbeddedButton-progress-color);
1438
1438
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1439
1439
  }
1440
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf {
1440
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu {
1441
1441
  --color: var(--hop-EmbeddedButton-positive-color);
1442
1442
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1443
1443
  }
1444
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0 {
1444
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM- {
1445
1445
  --color: var(--hop-EmbeddedButton-caution-color);
1446
1446
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1447
1447
  }
1448
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU {
1448
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX {
1449
1449
  --color: var(--hop-EmbeddedButton-negative-color);
1450
1450
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1451
1451
  }
1452
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9 {
1452
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW {
1453
1453
  --color: var(--hop-EmbeddedButton-option1-color);
1454
1454
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1455
1455
  }
1456
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2 {
1456
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5 {
1457
1457
  --color: var(--hop-EmbeddedButton-option2-color);
1458
1458
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1459
1459
  }
1460
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw {
1460
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG {
1461
1461
  --color: var(--hop-EmbeddedButton-option3-color);
1462
1462
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1463
1463
  }
1464
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3 {
1464
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn {
1465
1465
  --color: var(--hop-EmbeddedButton-option4-color);
1466
1466
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1467
1467
  }
1468
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF {
1468
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN {
1469
1469
  --color: var(--hop-EmbeddedButton-option5-color);
1470
1470
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1471
1471
  }
1472
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo {
1472
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI {
1473
1473
  --color: var(--hop-EmbeddedButton-option6-color);
1474
1474
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1475
1475
  }
1476
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-selected] {
1476
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-selected] {
1477
1477
  --color: var(--hop-EmbeddedButton-selected-color);
1478
1478
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1479
1479
  }
1480
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-focus-visible] {
1480
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-focus-visible] {
1481
1481
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1482
1482
  outline-offset: var(--focus-ring-offset);
1483
1483
  }
1484
- .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-disabled] {
1484
+ .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-disabled] {
1485
1485
  cursor: not-allowed;
1486
1486
  }
1487
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-hovered] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-hovered] {
1488
1488
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1489
1489
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1490
1490
  }
1491
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-focus-visible] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-focus-visible] {
1492
1492
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1493
1493
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1494
1494
  }
1495
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-pressed] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-pressed] {
1496
1496
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1497
1497
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1498
1498
  }
1499
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-disabled] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-disabled] {
1500
1500
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1501
1501
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1502
1502
  }
1503
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-hovered] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-hovered] {
1504
1504
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1505
1505
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1506
1506
  }
1507
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-focus-visible] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-focus-visible] {
1508
1508
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1509
1509
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1510
1510
  }
1511
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-pressed] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-pressed] {
1512
1512
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1513
1513
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1514
1514
  }
1515
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-disabled] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-disabled] {
1516
1516
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1517
1517
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1518
1518
  }
1519
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-hovered] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-hovered] {
1520
1520
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1521
1521
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1522
1522
  }
1523
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-focus-visible] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-focus-visible] {
1524
1524
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1525
1525
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1526
1526
  }
1527
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-pressed] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-pressed] {
1528
1528
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1529
1529
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1530
1530
  }
1531
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-disabled] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-disabled] {
1532
1532
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1533
1533
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1534
1534
  }
1535
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-hovered] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-hovered] {
1536
1536
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1537
1537
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1538
1538
  }
1539
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-focus-visible] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-focus-visible] {
1540
1540
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1541
1541
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1542
1542
  }
1543
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-pressed] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-pressed] {
1544
1544
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1545
1545
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1546
1546
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-disabled] {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-disabled] {
1548
1548
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1549
1549
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1550
1550
  }
1551
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-hovered] {
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-hovered] {
1552
1552
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1553
1553
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1554
1554
  }
1555
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-focus-visible] {
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-focus-visible] {
1556
1556
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1557
1557
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1558
1558
  }
1559
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-pressed] {
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-pressed] {
1560
1560
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1561
1561
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1562
1562
  }
1563
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-disabled] {
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-disabled] {
1564
1564
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1565
1565
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1566
1566
  }
1567
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-hovered] {
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-hovered] {
1568
1568
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1569
1569
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1570
1570
  }
1571
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-focus-visible] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-focus-visible] {
1572
1572
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1573
1573
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1574
1574
  }
1575
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-pressed] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-pressed] {
1576
1576
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1577
1577
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1578
1578
  }
1579
- .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-disabled] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-disabled] {
1580
1580
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1581
1581
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1582
1582
  }
1583
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-hovered] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-hovered] {
1584
1584
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1585
1585
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1586
1586
  }
1587
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-focus-visible] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-focus-visible] {
1588
1588
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1589
1589
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1590
1590
  }
1591
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-pressed] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-pressed] {
1592
1592
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1593
1593
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1594
1594
  }
1595
- .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-disabled] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-disabled] {
1596
1596
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1597
1597
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1598
1598
  }
1599
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-hovered] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-hovered] {
1600
1600
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1601
1601
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1602
1602
  }
1603
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-focus-visible] {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-focus-visible] {
1604
1604
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1605
1605
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1606
1606
  }
1607
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-pressed] {
1607
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-pressed] {
1608
1608
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1609
1609
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1610
1610
  }
1611
- .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-disabled] {
1611
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-disabled] {
1612
1612
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1613
1613
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1614
1614
  }
1615
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-hovered] {
1615
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-hovered] {
1616
1616
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1617
1617
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1618
1618
  }
1619
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-focus-visible] {
1619
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-focus-visible] {
1620
1620
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1621
1621
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1622
1622
  }
1623
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-pressed] {
1623
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-pressed] {
1624
1624
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1625
1625
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1626
1626
  }
1627
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-disabled] {
1627
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-disabled] {
1628
1628
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1629
1629
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1630
1630
  }
1631
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-hovered] {
1631
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-hovered] {
1632
1632
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1633
1633
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1634
1634
  }
1635
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-focus-visible] {
1635
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-focus-visible] {
1636
1636
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1637
1637
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1638
1638
  }
1639
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-pressed] {
1639
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-pressed] {
1640
1640
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1641
1641
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1642
1642
  }
1643
- .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-disabled] {
1643
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-disabled] {
1644
1644
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1645
1645
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1646
1646
  }
1647
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-hovered] {
1647
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-hovered] {
1648
1648
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1649
1649
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1650
1650
  }
1651
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-focus-visible] {
1651
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-focus-visible] {
1652
1652
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1653
1653
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1654
1654
  }
1655
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-pressed] {
1655
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-pressed] {
1656
1656
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1657
1657
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1658
1658
  }
1659
- .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-disabled] {
1659
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-disabled] {
1660
1660
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1661
1661
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1662
1662
  }
1663
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-hovered] {
1663
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-hovered] {
1664
1664
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1665
1665
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1666
1666
  }
1667
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-focus-visible] {
1667
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-focus-visible] {
1668
1668
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1669
1669
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1670
1670
  }
1671
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-pressed] {
1671
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-pressed] {
1672
1672
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1673
1673
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1674
1674
  }
1675
- .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-disabled] {
1675
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-disabled] {
1676
1676
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1677
1677
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1678
1678
  }
1679
- .EmbeddedButton-module__hop-EmbeddedButton__icon___LgoT6 {
1679
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___2wJ-D {
1680
1680
  position: relative;
1681
1681
  }
1682
1682
 
1683
1683
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1684
- button.CloseButton-module__hop-CloseButton___i-yPG {
1684
+ button.CloseButton-module__hop-CloseButton___8MAgF {
1685
1685
  --hop-CloseButton-margin-top: 0rem;
1686
1686
  --hop-CloseButton-padding: 0rem;
1687
1687
  --hop-CloseButton-width: fit-content;
@@ -1693,7 +1693,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1693
1693
  }
1694
1694
 
1695
1695
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1696
- .Button-module__hop-Button___0Z1G- {
1696
+ .Button-module__hop-Button___8zkEy {
1697
1697
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1698
1698
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1699
1699
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1817,215 +1817,215 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
1817
1817
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1818
1818
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1819
1819
  }
1820
- .Button-module__hop-Button--fluid___ocE9B {
1820
+ .Button-module__hop-Button--fluid___eZzEd {
1821
1821
  --inline-size: 100%;
1822
1822
  }
1823
- .Button-module__hop-Button--sm___Iin1k {
1823
+ .Button-module__hop-Button--sm___K0sPh {
1824
1824
  --block-size: var(--hop-Button-sm-height);
1825
1825
  --padding: var(--hop-Button-sm-padding);
1826
1826
  }
1827
- .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
1827
+ .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1828
1828
  --padding: var(--hop-Button-ghost-sm-padding);
1829
1829
  }
1830
- .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
1830
+ .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1831
1831
  --padding: var(--hop-Button-ghost-md-padding);
1832
1832
  }
1833
- .Button-module__hop-Button--icon-only___aWeym {
1833
+ .Button-module__hop-Button--icon-only___rYzdc {
1834
1834
  --column-gap: var(--hop-Button-icon-only-column-gap);
1835
1835
  --padding: var(--hop-Button-icon-only-padding);
1836
1836
  aspect-ratio: 1;
1837
1837
  }
1838
- .Button-module__hop-Button--primary___3Qmg3 {
1838
+ .Button-module__hop-Button--primary___hkH0I {
1839
1839
  --background-color: var(--hop-Button-primary-background-color);
1840
1840
  --color: var(--hop-Button-primary-color);
1841
1841
  --border: var(--hop-Button-primary-border);
1842
1842
  --spinner-color: var(--hop-Button-primary-spinner-color);
1843
1843
  }
1844
- .Button-module__hop-Button--primary___3Qmg3[data-hovered],
1845
- .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
1844
+ .Button-module__hop-Button--primary___hkH0I[data-hovered],
1845
+ .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1846
1846
  --background-color: var(--hop-Button-primary-background-color-hover);
1847
1847
  --color: var(--hop-Button-primary-color-hover);
1848
1848
  --border: var(--hop-Button-primary-border-hover);
1849
1849
  }
1850
- .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
1850
+ .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1851
1851
  --background-color: var(--hop-Button-primary-background-color-pressed);
1852
1852
  --color: var(--hop-Button-primary-color-pressed);
1853
1853
  --border: var(--hop-Button-primary-border-pressed);
1854
1854
  }
1855
- .Button-module__hop-Button--secondary___u3qlM {
1855
+ .Button-module__hop-Button--secondary___hSZYE {
1856
1856
  --background-color: var(--hop-Button-secondary-background-color);
1857
1857
  --color: var(--hop-Button-secondary-color);
1858
1858
  --border: var(--hop-Button-secondary-border);
1859
1859
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1860
1860
  }
1861
- .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1862
- .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1861
+ .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1862
+ .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1863
1863
  --background-color: var(--hop-Button-secondary-background-color-hover);
1864
1864
  --color: var(--hop-Button-secondary-color-hover);
1865
1865
  --border: var(--hop-Button-secondary-border-hover);
1866
1866
  }
1867
- .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1867
+ .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1868
1868
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1869
1869
  --color: var(--hop-Button-secondary-color-pressed);
1870
1870
  --border: var(--hop-Button-secondary-border-pressed);
1871
1871
  }
1872
- .Button-module__hop-Button--upsell___Wa1Kb {
1872
+ .Button-module__hop-Button--upsell___9z1o- {
1873
1873
  --background-color: var(--hop-Button-upsell-background-color);
1874
1874
  --color: var(--hop-Button-upsell-color);
1875
1875
  --border: var(--hop-Button-upsell-border);
1876
1876
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1877
1877
  }
1878
- .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1879
- .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1878
+ .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1879
+ .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1880
1880
  --background-color: var(--hop-Button-upsell-background-color-hover);
1881
1881
  --color: var(--hop-Button-upsell-color-hover);
1882
1882
  --border: var(--hop-Button-upsell-border-hover);
1883
1883
  }
1884
- .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1884
+ .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1885
1885
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1886
1886
  --color: var(--hop-Button-upsell-color-pressed);
1887
1887
  --border: var(--hop-Button-upsell-border-pressed);
1888
1888
  }
1889
- .Button-module__hop-Button--danger___de-7T {
1889
+ .Button-module__hop-Button--danger___KbLep {
1890
1890
  --background-color: var(--hop-Button-danger-background-color);
1891
1891
  --color: var(--hop-Button-danger-color);
1892
1892
  --border: var(--hop-Button-danger-border);
1893
1893
  --spinner-color: var(--hop-Button-danger-spinner-color);
1894
1894
  }
1895
- .Button-module__hop-Button--danger___de-7T[data-hovered],
1896
- .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1895
+ .Button-module__hop-Button--danger___KbLep[data-hovered],
1896
+ .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1897
1897
  --background-color: var(--hop-Button-danger-background-color-hover);
1898
1898
  --color: var(--hop-Button-danger-color-hover);
1899
1899
  --border: var(--hop-Button-danger-border-hover);
1900
1900
  }
1901
- .Button-module__hop-Button--danger___de-7T[data-pressed] {
1901
+ .Button-module__hop-Button--danger___KbLep[data-pressed] {
1902
1902
  --background-color: var(--hop-Button-danger-background-color-pressed);
1903
1903
  --color: var(--hop-Button-danger-color-pressed);
1904
1904
  --border: var(--hop-Button-danger-border-pressed);
1905
1905
  }
1906
- .Button-module__hop-Button--ghost-primary___f-GHo {
1906
+ .Button-module__hop-Button--ghost-primary___8jSf1 {
1907
1907
  --background-color: var(--hop-Button-ghost-primary-background-color);
1908
1908
  --color: var(--hop-Button-ghost-primary-color);
1909
1909
  --border: var(--hop-Button-ghost-primary-border);
1910
1910
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1911
1911
  }
1912
- .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1913
- .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1912
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1913
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1914
1914
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1915
1915
  --color: var(--hop-Button-ghost-primary-color-hover);
1916
1916
  --border: var(--hop-Button-ghost-primary-border-hover);
1917
1917
  --text-underline: underline;
1918
1918
  }
1919
- .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1919
+ .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1920
1920
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1921
1921
  --color: var(--hop-Button-ghost-primary-color-pressed);
1922
1922
  --border: var(--hop-Button-ghost-primary-border-pressed);
1923
1923
  --text-underline: underline;
1924
1924
  }
1925
- .Button-module__hop-Button--ghost-secondary___732dQ {
1925
+ .Button-module__hop-Button--ghost-secondary___TRM6h {
1926
1926
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1927
1927
  --color: var(--hop-Button-ghost-secondary-color);
1928
1928
  --border: var(--hop-Button-ghost-secondary-border);
1929
1929
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1930
1930
  }
1931
- .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1932
- .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1931
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1932
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1933
1933
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1934
1934
  --color: var(--hop-Button-ghost-secondary-color-hover);
1935
1935
  --border: var(--hop-Button-ghost-secondary-border-hover);
1936
1936
  --text-underline: underline;
1937
1937
  }
1938
- .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1938
+ .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1939
1939
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1940
1940
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1941
1941
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1942
1942
  --text-underline: underline;
1943
1943
  }
1944
- .Button-module__hop-Button--ghost-danger___mXQFT {
1944
+ .Button-module__hop-Button--ghost-danger___-22ky {
1945
1945
  --background-color: var(--hop-Button-ghost-danger-background-color);
1946
1946
  --color: var(--hop-Button-ghost-danger-color);
1947
1947
  --border: var(--hop-Button-ghost-danger-border);
1948
1948
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1949
1949
  }
1950
- .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1951
- .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1950
+ .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1951
+ .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1952
1952
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1953
1953
  --color: var(--hop-Button-ghost-danger-color-hover);
1954
1954
  --border: var(--hop-Button-ghost-danger-border-hover);
1955
1955
  --text-underline: underline;
1956
1956
  }
1957
- .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1957
+ .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1958
1958
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1959
1959
  --color: var(--hop-Button-ghost-danger-color-pressed);
1960
1960
  --border: var(--hop-Button-ghost-danger-border-pressed);
1961
1961
  --text-underline: underline;
1962
1962
  }
1963
- .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1963
+ .Button-module__hop-Button___8zkEy[data-focus-visible] {
1964
1964
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1965
1965
  }
1966
- .Button-module__hop-Button___0Z1G-[data-disabled],
1967
- .Button-module__hop-Button--loading___3l487 {
1966
+ .Button-module__hop-Button___8zkEy[data-disabled],
1967
+ .Button-module__hop-Button--loading___yOWuT {
1968
1968
  cursor: not-allowed;
1969
1969
  }
1970
- .Button-module__hop-Button___0Z1G-[data-disabled] {
1970
+ .Button-module__hop-Button___8zkEy[data-disabled] {
1971
1971
  --background-color: var(--hop-Button-background-color-disabled);
1972
1972
  --color: var(--hop-Button-color-disabled);
1973
1973
  --border: var(--hop-Button-border-disabled);
1974
1974
  }
1975
- .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1975
+ .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1976
1976
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1977
1977
  --color: var(--hop-Button-ghost-color-disabled);
1978
1978
  --border: var(--hop-Button-ghost-border-disabled);
1979
1979
  }
1980
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1980
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1981
1981
  --background-color: var(--hop-Button-primary-background-color);
1982
1982
  --color: var(--hop-Button-primary-color);
1983
1983
  --border: var(--hop-Button-primary-border);
1984
1984
  }
1985
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1985
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1986
1986
  --background-color: var(--hop-Button-secondary-background-color);
1987
1987
  --color: var(--hop-Button-secondary-color);
1988
1988
  --border: var(--hop-Button-secondary-border);
1989
1989
  }
1990
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1990
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1991
1991
  --background-color: var(--hop-Button-upsell-background-color);
1992
1992
  --color: var(--hop-Button-upsell-color);
1993
1993
  --border: var(--hop-Button-upsell-border);
1994
1994
  }
1995
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1995
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1996
1996
  --background-color: var(--hop-Button-danger-background-color);
1997
1997
  --color: var(--hop-Button-danger-color);
1998
1998
  --border: var(--hop-Button-danger-border);
1999
1999
  }
2000
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
2000
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
2001
2001
  --background-color: var(--hop-Button-ghost-primary-background-color);
2002
2002
  --color: var(--hop-Button-ghost-primary-color);
2003
2003
  --border: var(--hop-Button-ghost-primary-border);
2004
2004
  --text-underline: none;
2005
2005
  }
2006
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
2006
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
2007
2007
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2008
2008
  --color: var(--hop-Button-ghost-secondary-color);
2009
2009
  --border: var(--hop-Button-ghost-secondary-border);
2010
2010
  --text-underline: none;
2011
2011
  }
2012
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
2012
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
2013
2013
  --background-color: var(--hop-Button-ghost-danger-background-color);
2014
2014
  --color: var(--hop-Button-ghost-danger-color);
2015
2015
  --border: var(--hop-Button-ghost-danger-border);
2016
2016
  --text-underline: none;
2017
2017
  }
2018
- .Button-module__hop-Button__Spinner___Aydmf {
2018
+ .Button-module__hop-Button__Spinner___F4Img {
2019
2019
  position: absolute;
2020
2020
  color: var(--spinner-color);
2021
2021
  }
2022
- .Button-module__hop-Button__icon___3H1Sb,
2023
- .Button-module__hop-Button__icon-list___iWElA {
2022
+ .Button-module__hop-Button__icon___9WDgY,
2023
+ .Button-module__hop-Button__icon-list___hcP-v {
2024
2024
  flex: 0 0 auto;
2025
2025
  justify-self: end;
2026
2026
  order: 1;
2027
2027
  }
2028
- .Button-module__hop-Button__text___ZFtXo {
2028
+ .Button-module__hop-Button__text___o1TcA {
2029
2029
  user-select: none;
2030
2030
  overflow: visible;
2031
2031
  flex: 0 1 auto;
@@ -2035,57 +2035,57 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2035
2035
  text-underline-offset: 0.125rem;
2036
2036
  text-wrap: nowrap;
2037
2037
  }
2038
- .Button-module__hop-Button__end-icon___nOaCX,
2039
- .Button-module__hop-Button__end-icon-list___ge2sI {
2038
+ .Button-module__hop-Button__end-icon___6QGCl,
2039
+ .Button-module__hop-Button__end-icon-list___iZhOt {
2040
2040
  flex: 0 0 auto;
2041
2041
  order: 3;
2042
2042
  }
2043
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
2044
- .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
2043
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
2044
+ .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
2045
2045
  flex-wrap: nowrap;
2046
2046
  }
2047
- .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
2047
+ .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
2048
2048
  opacity: 0;
2049
2049
  }
2050
- .LinkButton-module__hop-LinkButton___-WoGS {
2050
+ .LinkButton-module__hop-LinkButton___2nN8n {
2051
2051
  }
2052
- .LinkButton-module__hop-LinkButton--fluid___dxw2A {
2052
+ .LinkButton-module__hop-LinkButton--fluid___49oZv {
2053
2053
  }
2054
- .LinkButton-module__hop-LinkButton--sm___OyTLF {
2054
+ .LinkButton-module__hop-LinkButton--sm___9b02I {
2055
2055
  }
2056
- .LinkButton-module__hop-LinkButton--icon-only___JOox2 {
2056
+ .LinkButton-module__hop-LinkButton--icon-only___7vpiv {
2057
2057
  }
2058
- .LinkButton-module__hop-LinkButton--primary___GqNpo {
2058
+ .LinkButton-module__hop-LinkButton--primary___J8UqT {
2059
2059
  }
2060
- .LinkButton-module__hop-LinkButton--secondary___Bekbp {
2060
+ .LinkButton-module__hop-LinkButton--secondary___MiSOP {
2061
2061
  }
2062
- .LinkButton-module__hop-LinkButton--upsell___SKX6u {
2062
+ .LinkButton-module__hop-LinkButton--upsell___2nJG1 {
2063
2063
  }
2064
- .LinkButton-module__hop-LinkButton--danger___qDii5 {
2064
+ .LinkButton-module__hop-LinkButton--danger___To7Pv {
2065
2065
  }
2066
- .LinkButton-module__hop-LinkButton--ghost-primary___e2zJB {
2066
+ .LinkButton-module__hop-LinkButton--ghost-primary___oEPTJ {
2067
2067
  }
2068
- .LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH {
2068
+ .LinkButton-module__hop-LinkButton--ghost-secondary___51Xbb {
2069
2069
  }
2070
- .LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ {
2070
+ .LinkButton-module__hop-LinkButton--ghost-danger___Dc7L- {
2071
2071
  }
2072
- .LinkButton-module__hop-LinkButton__Spinner___3DWvP {
2072
+ .LinkButton-module__hop-LinkButton__Spinner___uQrb2 {
2073
2073
  }
2074
- .LinkButton-module__hop-LinkButton__icon___agTeu,
2075
- .LinkButton-module__hop-LinkButton__icon-list___vFCgT {
2074
+ .LinkButton-module__hop-LinkButton__icon___9z8lE,
2075
+ .LinkButton-module__hop-LinkButton__icon-list___TVvwm {
2076
2076
  }
2077
- .LinkButton-module__hop-LinkButton__text___pBNkq {
2077
+ .LinkButton-module__hop-LinkButton__text___gbj3a {
2078
2078
  }
2079
- .LinkButton-module__hop-LinkButton__end-icon___Ya3uz,
2080
- .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
2079
+ .LinkButton-module__hop-LinkButton__end-icon___JTQT7,
2080
+ .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
2081
2081
  }
2082
- .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__icon-list___vFCgT,
2083
- .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
2082
+ .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__icon-list___TVvwm,
2083
+ .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
2084
2084
  flex-wrap: nowrap;
2085
2085
  }
2086
2086
 
2087
2087
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
2088
- .ToggleButton-module__hop-ToggleButton___oE-c4 {
2088
+ .ToggleButton-module__hop-ToggleButton___cQggT {
2089
2089
  --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
2090
2090
  --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
2091
2091
  --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
@@ -2140,19 +2140,52 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2140
2140
  --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
2141
2141
  --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2142
2142
  --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
2143
- --hop-ToggleButton-tertiary-color: var(--hop-neutral-text-weak);
2144
- --hop-ToggleButton-tertiary-color-hover: var(--hop-neutral-text-weak-hover);
2145
- --hop-ToggleButton-tertiary-color-pressed: var(--hop-neutral-text-weak-press);
2146
- --hop-ToggleButton-tertiary-background-color: transparent;
2147
- --hop-ToggleButton-tertiary-background-color-hover: var(--hop-neutral-surface-hover);
2148
- --hop-ToggleButton-tertiary-background-color-pressed: var(--hop-neutral-surface-press);
2149
- --hop-ToggleButton-tertiary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color);
2150
- --hop-ToggleButton-tertiary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-hover);
2151
- --hop-ToggleButton-tertiary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-pressed);
2152
- --hop-ToggleButton-tertiary-spinner-color: var(--hop-neutral-icon);
2153
- --hop-ToggleButton-tertiary-color-disabled: var(--hop-neutral-text-disabled);
2154
- --hop-ToggleButton-tertiary-background-color-disabled: transparent;
2155
- --hop-ToggleButton-tertiary-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-disabled);
2143
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2144
+ --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
2145
+ --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
2146
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2147
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2148
+ --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
2149
+ --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
2150
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2151
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2152
+ --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
2153
+ --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
2154
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2155
+ --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
2156
+ --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
2157
+ --hop-ToggleButton-ghost-background-color-disabled: transparent;
2158
+ --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
2159
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2160
+ --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
2161
+ --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
2162
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
2163
+ --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
2164
+ --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
2165
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2166
+ --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
2167
+ --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
2168
+ --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
2169
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2170
+ --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
2171
+ --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
2172
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
2173
+ --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2174
+ --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2175
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2176
+ --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
2177
+ --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
2178
+ --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
2179
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2180
+ --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
2181
+ --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
2182
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
2183
+ --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
2184
+ --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
2185
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2186
+ --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
2187
+ --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
2188
+ --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
2156
2189
  --inline-size: max-content;
2157
2190
  --block-size: var(--hop-ToggleButton-md-height);
2158
2191
  --background-color: var(--hop-primary-surface-strong);
@@ -2186,155 +2219,221 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2186
2219
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2187
2220
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2188
2221
  }
2189
- .ToggleButton-module__hop-ToggleButton--fluid___tjNCt {
2222
+ .ToggleButton-module__hop-ToggleButton--fluid___rl9FX {
2190
2223
  --inline-size: 100%;
2191
2224
  }
2192
- .ToggleButton-module__hop-ToggleButton--sm___3FzX2 {
2225
+ .ToggleButton-module__hop-ToggleButton--sm___-x-OZ {
2193
2226
  --block-size: var(--hop-ToggleButton-sm-height);
2194
2227
  --padding: var(--hop-ToggleButton-sm-padding);
2195
2228
  }
2196
- .ToggleButton-module__hop-ToggleButton--icon-only___sdnLP {
2229
+ .ToggleButton-module__hop-ToggleButton--icon-only___W2v-S {
2197
2230
  --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
2198
2231
  --padding: var(--hop-ToggleButton-icon-only-padding);
2199
2232
  aspect-ratio: 1;
2200
2233
  }
2201
- .ToggleButton-module__hop-ToggleButton--primary___j98yk {
2234
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf {
2202
2235
  --background-color: var(--hop-ToggleButton-primary-background-color);
2203
2236
  --color: var(--hop-ToggleButton-primary-color);
2204
2237
  --border: var(--hop-ToggleButton-primary-border);
2205
2238
  --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
2206
2239
  }
2207
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-hovered],
2208
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-focus-visible] {
2240
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-hovered],
2241
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-focus-visible] {
2209
2242
  --background-color: var(--hop-ToggleButton-primary-background-color-hover);
2210
2243
  --color: var(--hop-ToggleButton-primary-color-hover);
2211
2244
  --border: var(--hop-ToggleButton-primary-border-hover);
2212
2245
  }
2213
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-pressed] {
2246
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-pressed] {
2214
2247
  --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
2215
2248
  --color: var(--hop-ToggleButton-primary-color-pressed);
2216
2249
  --border: var(--hop-ToggleButton-primary-border-pressed);
2217
2250
  }
2218
- .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-selected] {
2251
+ .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-selected] {
2219
2252
  --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2220
2253
  --color: var(--hop-ToggleButton-primary-color-selected);
2221
2254
  --border: var(--hop-ToggleButton-primary-border-selected);
2222
2255
  }
2223
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN {
2256
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S {
2224
2257
  --background-color: var(--hop-ToggleButton-secondary-background-color);
2225
2258
  --color: var(--hop-ToggleButton-secondary-color);
2226
2259
  --border: var(--hop-ToggleButton-secondary-border);
2227
2260
  --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
2228
2261
  }
2229
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-hovered],
2230
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-focus-visible] {
2262
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-hovered],
2263
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-focus-visible] {
2231
2264
  --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
2232
2265
  --color: var(--hop-ToggleButton-secondary-color-hover);
2233
2266
  --border: var(--hop-ToggleButton-secondary-border-hover);
2234
2267
  }
2235
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-pressed] {
2268
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-pressed] {
2236
2269
  --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
2237
2270
  --color: var(--hop-ToggleButton-secondary-color-pressed);
2238
2271
  --border: var(--hop-ToggleButton-secondary-border-pressed);
2239
2272
  }
2240
- .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-selected] {
2273
+ .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-selected] {
2241
2274
  --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2242
2275
  --color: var(--hop-ToggleButton-secondary-color-selected);
2243
2276
  --border: var(--hop-ToggleButton-secondary-border-selected);
2244
2277
  }
2245
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
2278
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
2246
2279
  --background-color: var(--hop-ToggleButton-upsell-background-color);
2247
2280
  --color: var(--hop-ToggleButton-upsell-color);
2248
2281
  --border: var(--hop-ToggleButton-upsell-border);
2249
2282
  --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
2250
2283
  }
2251
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-hovered],
2252
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-focus-visible] {
2284
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-hovered],
2285
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-focus-visible] {
2253
2286
  --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
2254
2287
  --color: var(--hop-ToggleButton-upsell-color-hover);
2255
2288
  --border: var(--hop-ToggleButton-upsell-border-hover);
2256
2289
  }
2257
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-pressed] {
2290
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-pressed] {
2258
2291
  --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
2259
2292
  --color: var(--hop-ToggleButton-upsell-color-pressed);
2260
2293
  --border: var(--hop-ToggleButton-upsell-border-pressed);
2261
2294
  }
2262
- .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-selected] {
2295
+ .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-selected] {
2263
2296
  --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2264
2297
  --color: var(--hop-ToggleButton-upsell-color-selected);
2265
2298
  --border: var(--hop-ToggleButton-upsell-border-selected);
2266
2299
  }
2267
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
2268
- --background-color: var(--hop-ToggleButton-tertiary-background-color);
2269
- --color: var(--hop-ToggleButton-tertiary-color);
2270
- --border: var(--hop-ToggleButton-tertiary-border);
2271
- --spinner-color: var(--hop-ToggleButton-tertiary-spinner-color);
2272
- }
2273
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-hovered],
2274
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-focus-visible] {
2275
- --background-color: var(--hop-ToggleButton-tertiary-background-color-hover);
2276
- --color: var(--hop-ToggleButton-tertiary-color-hover);
2277
- --border: var(--hop-ToggleButton-tertiary-border-hover);
2300
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7 {
2301
+ --background-color: var(--hop-ToggleButton-danger-background-color);
2302
+ --color: var(--hop-ToggleButton-danger-color);
2303
+ --border: var(--hop-ToggleButton-danger-border);
2304
+ --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
2305
+ }
2306
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-hovered],
2307
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-focus-visible] {
2308
+ --background-color: var(--hop-ToggleButton-danger-background-color-hover);
2309
+ --color: var(--hop-ToggleButton-danger-color-hover);
2310
+ --border: var(--hop-ToggleButton-danger-border-hover);
2311
+ }
2312
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-pressed] {
2313
+ --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
2314
+ --color: var(--hop-ToggleButton-danger-color-pressed);
2315
+ --border: var(--hop-ToggleButton-danger-border-pressed);
2316
+ }
2317
+ .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-selected] {
2318
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2319
+ --color: var(--hop-ToggleButton-danger-color-selected);
2320
+ --border: var(--hop-ToggleButton-danger-border-selected);
2321
+ }
2322
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u {
2323
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2324
+ --color: var(--hop-ToggleButton-ghost-primary-color);
2325
+ --border: var(--hop-ToggleButton-ghost-primary-border);
2326
+ --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
2327
+ }
2328
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-hovered],
2329
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-focus-visible] {
2330
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
2331
+ --color: var(--hop-ToggleButton-ghost-primary-color-hover);
2332
+ --border: var(--hop-ToggleButton-ghost-primary-border-hover);
2278
2333
  --text-underline: underline;
2279
2334
  }
2280
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed],
2281
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-selected] {
2282
- --background-color: var(--hop-ToggleButton-tertiary-background-color-pressed);
2283
- --color: var(--hop-ToggleButton-tertiary-color-pressed);
2284
- --border: var(--hop-ToggleButton-tertiary-border-pressed);
2335
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed],
2336
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-selected] {
2337
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
2338
+ --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
2339
+ --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
2285
2340
  }
2286
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed] {
2341
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed] {
2287
2342
  --text-underline: underline;
2288
2343
  }
2289
- .ToggleButton-module__hop-ToggleButton___oE-c4[data-focus-visible] {
2344
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d {
2345
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2346
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2347
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2348
+ --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
2349
+ }
2350
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-hovered],
2351
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-focus-visible] {
2352
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
2353
+ --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
2354
+ --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
2355
+ --text-underline: underline;
2356
+ }
2357
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed],
2358
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-selected] {
2359
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
2360
+ --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
2361
+ --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
2362
+ }
2363
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed] {
2364
+ --text-underline: underline;
2365
+ }
2366
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8 {
2367
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2368
+ --color: var(--hop-ToggleButton-ghost-danger-color);
2369
+ --border: var(--hop-ToggleButton-ghost-danger-border);
2370
+ --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
2371
+ }
2372
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-hovered],
2373
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-focus-visible] {
2374
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
2375
+ --color: var(--hop-ToggleButton-ghost-danger-color-hover);
2376
+ --border: var(--hop-ToggleButton-ghost-danger-border-hover);
2377
+ --text-underline: underline;
2378
+ }
2379
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed],
2380
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-selected] {
2381
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
2382
+ --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
2383
+ --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
2384
+ }
2385
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed] {
2386
+ --text-underline: underline;
2387
+ }
2388
+ .ToggleButton-module__hop-ToggleButton___cQggT[data-focus-visible] {
2290
2389
  outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
2291
2390
  }
2292
- .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled],
2293
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv {
2391
+ .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled],
2392
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01 {
2294
2393
  cursor: not-allowed;
2295
2394
  }
2296
- .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled] {
2395
+ .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled] {
2297
2396
  --background-color: var(--hop-ToggleButton-background-color-disabled);
2298
2397
  --color: var(--hop-ToggleButton-color-disabled);
2299
2398
  --border: var(--hop-ToggleButton-border-disabled);
2300
2399
  }
2301
- .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-disabled] {
2302
- --background-color: var(--hop-ToggleButton-tertiary-background-color-disabled);
2303
- --color: var(--hop-ToggleButton-tertiary-color-disabled);
2304
- --border: var(--hop-ToggleButton-tertiary-border-disabled);
2400
+ .ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost][data-disabled] {
2401
+ --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
2402
+ --color: var(--hop-ToggleButton-ghost-color-disabled);
2403
+ --border: var(--hop-ToggleButton-ghost-border-disabled);
2305
2404
  }
2306
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--primary___j98yk {
2405
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--primary___-CkAf {
2307
2406
  --background-color: var(--hop-ToggleButton-primary-background-color);
2308
2407
  --color: var(--hop-ToggleButton-primary-color);
2309
2408
  --border: var(--hop-ToggleButton-primary-border);
2310
2409
  }
2311
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--secondary___8WysN {
2410
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--secondary___pw82S {
2312
2411
  --background-color: var(--hop-ToggleButton-secondary-background-color);
2313
2412
  --color: var(--hop-ToggleButton-secondary-color);
2314
2413
  --border: var(--hop-ToggleButton-secondary-border);
2315
2414
  }
2316
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
2415
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
2317
2416
  --background-color: var(--hop-ToggleButton-upsell-background-color);
2318
2417
  --color: var(--hop-ToggleButton-upsell-color);
2319
2418
  --border: var(--hop-ToggleButton-upsell-border);
2320
2419
  }
2321
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
2322
- --background-color: var(--hop-ToggleButton-tertiary-background-color);
2323
- --color: var(--hop-ToggleButton-tertiary-color);
2324
- --border: var(--hop-ToggleButton-tertiary-border);
2420
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost] {
2421
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2422
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2423
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2325
2424
  --text-underline: none;
2326
2425
  }
2327
- .ToggleButton-module__hop-ToggleButton__Spinner___eTDKR {
2426
+ .ToggleButton-module__hop-ToggleButton__Spinner___SwSbO {
2328
2427
  position: absolute;
2329
2428
  color: var(--spinner-color);
2330
2429
  }
2331
- .ToggleButton-module__hop-ToggleButton__icon___9MF68,
2332
- .ToggleButton-module__hop-ToggleButton__icon-list___36wAy {
2430
+ .ToggleButton-module__hop-ToggleButton__icon___nOFkE,
2431
+ .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk {
2333
2432
  flex: 0 0 auto;
2334
2433
  justify-self: end;
2335
2434
  order: 1;
2336
2435
  }
2337
- .ToggleButton-module__hop-ToggleButton__text___dDxdD {
2436
+ .ToggleButton-module__hop-ToggleButton__text___ZdN6c {
2338
2437
  user-select: none;
2339
2438
  overflow: visible;
2340
2439
  flex: 0 1 auto;
@@ -2344,21 +2443,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2344
2443
  text-underline-offset: 0.125rem;
2345
2444
  text-wrap: nowrap;
2346
2445
  }
2347
- .ToggleButton-module__hop-ToggleButton__end-icon___kTzUI,
2348
- .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
2446
+ .ToggleButton-module__hop-ToggleButton__end-icon___gYUgH,
2447
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2349
2448
  flex: 0 0 auto;
2350
2449
  order: 3;
2351
2450
  }
2352
- .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__icon-list___36wAy,
2353
- .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
2451
+ .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk,
2452
+ .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2354
2453
  flex-wrap: nowrap;
2355
2454
  }
2356
- .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton___oE-c4 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___eTDKR) {
2455
+ .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SwSbO) {
2357
2456
  opacity: 0;
2358
2457
  }
2359
2458
 
2360
2459
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2361
- .PasswordField-module__hop-PasswordField___RZjFS {
2460
+ .PasswordField-module__hop-PasswordField___U5tSH {
2362
2461
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2363
2462
  --hop-PasswordField-inline-size: 20rem;
2364
2463
  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
@@ -2369,38 +2468,38 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2369
2468
  inline-size: var(--inline-size);
2370
2469
  max-inline-size: 100%;
2371
2470
  }
2372
- .PasswordField-module__hop-PasswordField--fluid___BpxiK {
2471
+ .PasswordField-module__hop-PasswordField--fluid___Dj3a0 {
2373
2472
  --inline-size: 100%;
2374
2473
  }
2375
- .PasswordField-module__hop-PasswordField__Label___Z-OjL {
2474
+ .PasswordField-module__hop-PasswordField__Label___do6Rm {
2376
2475
  order: 0;
2377
2476
  }
2378
- .PasswordField-module__hop-PasswordField__InputGroup___o-KU- {
2477
+ .PasswordField-module__hop-PasswordField__InputGroup___B5sZl {
2379
2478
  order: 1;
2380
2479
  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2381
2480
  }
2382
- .PasswordField-module__hop-PasswordField__ErrorMessage___0BKDc,
2383
- .PasswordField-module__hop-PasswordField__HelperMessage___dMwi3 {
2481
+ .PasswordField-module__hop-PasswordField__ErrorMessage___ZWgeX,
2482
+ .PasswordField-module__hop-PasswordField__HelperMessage___d8S27 {
2384
2483
  order: 3;
2385
2484
  }
2386
2485
 
2387
2486
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2388
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___0My8I {
2487
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___gR0Yk {
2389
2488
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2390
2489
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2391
2490
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2392
2491
  --char-count-color: var(--hop-RemainingCharacterCount-color);
2393
2492
  color: var(--char-count-color);
2394
2493
  }
2395
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___0My8I[data-invalid] {
2494
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___gR0Yk[data-invalid] {
2396
2495
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2397
2496
  }
2398
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___0My8I[data-disabled] {
2497
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___gR0Yk[data-disabled] {
2399
2498
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2400
2499
  }
2401
2500
 
2402
2501
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2403
- .SearchField-module__hop-SearchField___ulqWB {
2502
+ .SearchField-module__hop-SearchField___zrMpX {
2404
2503
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2405
2504
  --hop-SearchField-inline-size: 20rem;
2406
2505
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2415,39 +2514,39 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2415
2514
  inline-size: var(--inline-size);
2416
2515
  max-inline-size: 100%;
2417
2516
  }
2418
- .SearchField-module__hop-SearchField--fluid___oPe6E {
2517
+ .SearchField-module__hop-SearchField--fluid___-1u7v {
2419
2518
  --inline-size: 100%;
2420
2519
  }
2421
- .SearchField-module__hop-SearchField__Label___-roJe {
2520
+ .SearchField-module__hop-SearchField__Label___obhHc {
2422
2521
  order: 0;
2423
2522
  }
2424
- .SearchField-module__hop-SearchField__prefix___STKwu {
2523
+ .SearchField-module__hop-SearchField__prefix___QkqXy {
2425
2524
  color: var(--hop-SearchField-color);
2426
2525
  }
2427
- .SearchField-module__hop-SearchField__InputGroup___Upt5F {
2526
+ .SearchField-module__hop-SearchField__InputGroup___BSytr {
2428
2527
  order: 1;
2429
2528
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2430
2529
  }
2431
- .SearchField-module__hop-SearchField--clearable___lasq0 {
2530
+ .SearchField-module__hop-SearchField--clearable___wqCKr {
2432
2531
  --input-group-padding-inline-end: 0;
2433
2532
  }
2434
- .SearchField-module__hop-SearchField__ErrorMessage___L2h9P,
2435
- .SearchField-module__hop-SearchField__HelperMessage___fhaEp {
2533
+ .SearchField-module__hop-SearchField__ErrorMessage___GMY71,
2534
+ .SearchField-module__hop-SearchField__HelperMessage___N3Zae {
2436
2535
  order: 3;
2437
2536
  }
2438
- .SearchField-module__hop-SearchField___ulqWB input::-webkit-search-cancel-button,
2439
- .SearchField-module__hop-SearchField___ulqWB input::-webkit-search-decoration {
2537
+ .SearchField-module__hop-SearchField___zrMpX input::-webkit-search-cancel-button,
2538
+ .SearchField-module__hop-SearchField___zrMpX input::-webkit-search-decoration {
2440
2539
  appearance: none;
2441
2540
  }
2442
- .SearchField-module__hop-SearchField___ulqWB[data-empty] {
2541
+ .SearchField-module__hop-SearchField___zrMpX[data-empty] {
2443
2542
  --clear-button-display: none;
2444
2543
  }
2445
- .SearchField-module__hop-SearchField__ClearButton___j64r- {
2544
+ .SearchField-module__hop-SearchField__ClearButton___g9zLy {
2446
2545
  display: var(--clear-button-display);
2447
2546
  }
2448
2547
 
2449
2548
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2450
- .TextArea-module__hop-TextArea___Ur63S {
2549
+ .TextArea-module__hop-TextArea___2mOdX {
2451
2550
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2452
2551
  --hop-TextArea-inline-size: 20rem;
2453
2552
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2477,34 +2576,34 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2477
2576
  inline-size: var(--inline-size);
2478
2577
  max-inline-size: 100%;
2479
2578
  }
2480
- .TextArea-module__hop-TextArea--fluid___o-quN {
2579
+ .TextArea-module__hop-TextArea--fluid___NxU7U {
2481
2580
  --inline-size: 100%;
2482
2581
  }
2483
- .TextArea-module__hop-TextArea___Ur63S[data-resize-mode=vertical] {
2582
+ .TextArea-module__hop-TextArea___2mOdX[data-resize-mode=vertical] {
2484
2583
  --resize: vertical;
2485
2584
  }
2486
- .TextArea-module__hop-TextArea__Label___qf4kp {
2585
+ .TextArea-module__hop-TextArea__Label___dYXpL {
2487
2586
  order: 0;
2488
2587
  }
2489
- .TextArea-module__hop-TextArea__prefix___OsqOA {
2588
+ .TextArea-module__hop-TextArea__prefix___6u2Q4 {
2490
2589
  color: var(--hop-TextArea-prefix-color);
2491
2590
  }
2492
- .TextArea-module__hop-TextArea__RemainingCharacterCount___xVjah {
2591
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___K7Y8- {
2493
2592
  padding-block-end: var(--hop-space-inset-sm);
2494
2593
  padding-inline: var(--hop-space-inset-md);
2495
2594
  }
2496
- .TextArea-module__hop-TextArea__InputGroup___PrERV {
2595
+ .TextArea-module__hop-TextArea__InputGroup___RcrI6 {
2497
2596
  flex-direction: column;
2498
2597
  gap: 0;
2499
2598
  align-items: flex-end;
2500
2599
  order: 1;
2501
2600
  padding: 0;
2502
2601
  }
2503
- .TextArea-module__hop-TextArea__ErrorMessage___UNeGg,
2504
- .TextArea-module__hop-TextArea__HelperMessage___E3pCh {
2602
+ .TextArea-module__hop-TextArea__ErrorMessage___kcCTa,
2603
+ .TextArea-module__hop-TextArea__HelperMessage___zARZf {
2505
2604
  order: 3;
2506
2605
  }
2507
- .TextArea-module__hop-TextArea__textarea___E6T-s {
2606
+ .TextArea-module__hop-TextArea__textarea___MI6SD {
2508
2607
  resize: var(--resize);
2509
2608
  overflow: hidden;
2510
2609
  flex-direction: column;
@@ -2527,29 +2626,29 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2527
2626
  border: 0;
2528
2627
  outline-style: none;
2529
2628
  }
2530
- .TextArea-module__hop-TextArea__textarea--with-character-count___S04q3 {
2629
+ .TextArea-module__hop-TextArea__textarea--with-character-count___XmKl4 {
2531
2630
  padding-block-end: 0;
2532
2631
  }
2533
- .TextArea-module__hop-TextArea__textarea--sm___-k7fc {
2632
+ .TextArea-module__hop-TextArea__textarea--sm___ws2nP {
2534
2633
  --font-family: var(--hop-TextArea-sm-font-family);
2535
2634
  --font-size: var(--hop-TextArea-sm-font-size);
2536
2635
  --font-weight: var(--hop-TextArea-sm-font-weight);
2537
2636
  --line-height: var(--hop-TextArea-sm-line-height);
2538
2637
  }
2539
- .TextArea-module__hop-TextArea__textarea___E6T-s::placeholder {
2638
+ .TextArea-module__hop-TextArea__textarea___MI6SD::placeholder {
2540
2639
  font-family: var(--hop-TextArea-placeholder-font-family);
2541
2640
  font-size: var(--hop-TextArea-placeholder-font-size);
2542
2641
  font-weight: var(--hop-TextArea-placeholder-font-weight);
2543
2642
  line-height: var(--hop-TextArea-placeholder-line-height);
2544
2643
  color: var(--input-placeholder-color);
2545
2644
  }
2546
- .TextArea-module__hop-TextArea__textarea___E6T-s[data-disabled] {
2645
+ .TextArea-module__hop-TextArea__textarea___MI6SD[data-disabled] {
2547
2646
  --input-placeholder-color: var(--hop-TextArea-placeholder-color-disabled);
2548
2647
  color: var(--hop-TextArea-color-disabled);
2549
2648
  }
2550
2649
 
2551
2650
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2552
- .TextField-module__hop-TextField___gU-Sw {
2651
+ .TextField-module__hop-TextField___2DfFa {
2553
2652
  --hop-TextField-gap: var(--hop-space-stack-xs);
2554
2653
  --hop-TextField-inline-size: 20rem;
2555
2654
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2560,25 +2659,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2560
2659
  inline-size: var(--inline-size);
2561
2660
  max-inline-size: 100%;
2562
2661
  }
2563
- .TextField-module__hop-TextField--fluid___LA6FA {
2662
+ .TextField-module__hop-TextField--fluid___zfZ0M {
2564
2663
  --inline-size: 100%;
2565
2664
  }
2566
- .TextField-module__hop-TextField__Label___N-b2b {
2665
+ .TextField-module__hop-TextField__Label___DjwGp {
2567
2666
  order: 0;
2568
2667
  }
2569
- .TextField-module__hop-TextField__prefix___jbIxr {
2668
+ .TextField-module__hop-TextField__prefix___AGeWN {
2570
2669
  color: var(--hop-TextField-prefix-color);
2571
2670
  }
2572
- .TextField-module__hop-TextField__InputGroup___ZCcQg {
2671
+ .TextField-module__hop-TextField__InputGroup___Ciugt {
2573
2672
  order: 1;
2574
2673
  }
2575
- .TextField-module__hop-TextField__ErrorMessage___x5q8Z,
2576
- .TextField-module__hop-TextField__HelperMessage___EixVn {
2674
+ .TextField-module__hop-TextField__ErrorMessage___nCGgc,
2675
+ .TextField-module__hop-TextField__HelperMessage___UfE3x {
2577
2676
  order: 3;
2578
2677
  }
2579
2678
 
2580
2679
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2581
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB {
2680
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
2582
2681
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2583
2682
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2584
2683
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2609,46 +2708,46 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2609
2708
  background-color: var(--background-color);
2610
2709
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2611
2710
  }
2612
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV {
2711
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
2613
2712
  --size: var(--hop-RichIconAvatarImage-xs-size);
2614
2713
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2615
2714
  }
2616
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0 {
2715
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
2617
2716
  --size: var(--hop-RichIconAvatarImage-sm-size);
2618
2717
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2619
2718
  }
2620
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk {
2719
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
2621
2720
  --size: var(--hop-RichIconAvatarImage-md-size);
2622
2721
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2623
2722
  }
2624
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs {
2723
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
2625
2724
  --size: var(--hop-RichIconAvatarImage-lg-size);
2626
2725
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2627
2726
  }
2628
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5 {
2727
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
2629
2728
  --size: var(--hop-RichIconAvatarImage-xl-size);
2630
2729
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2631
2730
  }
2632
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN {
2731
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
2633
2732
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2634
2733
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2635
2734
  }
2636
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] {
2735
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
2637
2736
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2638
2737
  }
2639
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
2738
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2640
2739
  position: relative;
2641
2740
  display: block;
2642
2741
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2643
2742
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2644
2743
  }
2645
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
2744
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2646
2745
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2647
2746
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2648
2747
  }
2649
2748
 
2650
2749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2651
- .Avatar-module__hop-Avatar___sOX9A {
2750
+ .Avatar-module__hop-Avatar___uaqDg {
2652
2751
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2653
2752
  --hop-Avatar-mix-blend-mode: normal;
2654
2753
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2693,67 +2792,67 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2693
2792
  background-color: var(--background-color, transparent);
2694
2793
  border-radius: var(--hop-Avatar-border-radius);
2695
2794
  }
2696
- .Avatar-module__hop-Avatar--xs___i1aUW {
2795
+ .Avatar-module__hop-Avatar--xs___JnxQL {
2697
2796
  --size: var(--hop-Avatar-xs-size);
2698
2797
  }
2699
- .Avatar-module__hop-Avatar--sm___nwUvL {
2798
+ .Avatar-module__hop-Avatar--sm___wGq1I {
2700
2799
  --size: var(--hop-Avatar-sm-size);
2701
2800
  }
2702
- .Avatar-module__hop-Avatar--md___uyw33 {
2801
+ .Avatar-module__hop-Avatar--md___RIHVc {
2703
2802
  --size: var(--hop-Avatar-md-size);
2704
2803
  }
2705
- .Avatar-module__hop-Avatar--lg___Mui78 {
2804
+ .Avatar-module__hop-Avatar--lg___BoomX {
2706
2805
  --size: var(--hop-Avatar-lg-size);
2707
2806
  }
2708
- .Avatar-module__hop-Avatar--xl___hHaUG {
2807
+ .Avatar-module__hop-Avatar--xl___9-mvF {
2709
2808
  --size: var(--hop-Avatar-xl-size);
2710
2809
  }
2711
- .Avatar-module__hop-Avatar--2xl___pqrQN {
2810
+ .Avatar-module__hop-Avatar--2xl___YOeDn {
2712
2811
  --size: var(--hop-Avatar-2xl-size);
2713
2812
  }
2714
- .Avatar-module__hop-Avatar--decorative-option1___s0WXt {
2813
+ .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
2715
2814
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2716
2815
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2717
2816
  }
2718
- .Avatar-module__hop-Avatar--decorative-option2___c3i5W {
2817
+ .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
2719
2818
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2720
2819
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2721
2820
  }
2722
- .Avatar-module__hop-Avatar--decorative-option3___vCyti {
2821
+ .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
2723
2822
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2724
2823
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2725
2824
  }
2726
- .Avatar-module__hop-Avatar--decorative-option4___JbRKY {
2825
+ .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
2727
2826
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2728
2827
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2729
2828
  }
2730
- .Avatar-module__hop-Avatar--decorative-option5___xoYBk {
2829
+ .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
2731
2830
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2732
2831
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2733
2832
  }
2734
- .Avatar-module__hop-Avatar--decorative-option6___T7ZoY {
2833
+ .Avatar-module__hop-Avatar--decorative-option6___ku007 {
2735
2834
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2736
2835
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2737
2836
  }
2738
- .Avatar-module__hop-Avatar--decorative-option7___wTPOD {
2837
+ .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
2739
2838
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2740
2839
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2741
2840
  }
2742
- .Avatar-module__hop-Avatar--decorative-option8___swMm0 {
2841
+ .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
2743
2842
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2744
2843
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2745
2844
  }
2746
- .Avatar-module__hop-Avatar--decorative-option9___en8-c {
2845
+ .Avatar-module__hop-Avatar--decorative-option9___-du9m {
2747
2846
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2748
2847
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2749
2848
  }
2750
- .Avatar-module__hop-Avatar___sOX9A[data-disabled] {
2849
+ .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
2751
2850
  --background-color: var(--hop-Avatar-background-color-disabled);
2752
2851
  --text-color: var(--hop-Avatar-text-color-disabled);
2753
2852
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2754
2853
  isolation: isolate;
2755
2854
  }
2756
- .Avatar-module__hop-Avatar__image___aGfAg {
2855
+ .Avatar-module__hop-Avatar__image___Wkz1L {
2757
2856
  position: relative;
2758
2857
  display: block;
2759
2858
  box-sizing: border-box;
@@ -2764,7 +2863,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2764
2863
  }
2765
2864
 
2766
2865
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2767
- .Tooltip-module__hop-Tooltip___nVbS- {
2866
+ .Tooltip-module__hop-Tooltip___Q5E29 {
2768
2867
  --hop-Tooltip-max-inline-size: 20rem;
2769
2868
  --hop-Tooltip-slide-amount: 0.25rem;
2770
2869
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2791,29 +2890,29 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2791
2890
  border-radius: var(--hop-Tooltip-border-radius);
2792
2891
  box-shadow: var(--hop-Tooltip-box-shadow);
2793
2892
  }
2794
- .Tooltip-module__hop-Tooltip--top___0Picg {
2893
+ .Tooltip-module__hop-Tooltip--top___hZc5W {
2795
2894
  --origin-x: 0;
2796
2895
  --origin-y: var(--hop-Tooltip-slide-amount);
2797
2896
  }
2798
- .Tooltip-module__hop-Tooltip--right___J7XGb {
2897
+ .Tooltip-module__hop-Tooltip--right___zD66s {
2799
2898
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2800
2899
  --origin-y: 0;
2801
2900
  }
2802
- .Tooltip-module__hop-Tooltip--bottom___apr36 {
2901
+ .Tooltip-module__hop-Tooltip--bottom___MLy5R {
2803
2902
  --origin-x: 0;
2804
2903
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2805
2904
  }
2806
- .Tooltip-module__hop-Tooltip--left___98KWK {
2905
+ .Tooltip-module__hop-Tooltip--left___keFSC {
2807
2906
  --origin-x: var(--hop-Tooltip-slide-amount);
2808
2907
  --origin-y: 0;
2809
2908
  }
2810
- .Tooltip-module__hop-Tooltip___nVbS-[data-entering] {
2811
- animation: Tooltip-module__slide___COczJ 0.2s ease-out;
2909
+ .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
2910
+ animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
2812
2911
  }
2813
- .Tooltip-module__hop-Tooltip___nVbS-[data-exiting] {
2814
- animation: Tooltip-module__slide___COczJ 0.2s ease-in reverse;
2912
+ .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
2913
+ animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
2815
2914
  }
2816
- @keyframes Tooltip-module__slide___COczJ {
2915
+ @keyframes Tooltip-module__slide___wmKJ7 {
2817
2916
  from {
2818
2917
  transform: translate(var(--origin-x), var(--origin-y));
2819
2918
  opacity: 0;
@@ -2825,44 +2924,44 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2825
2924
  }
2826
2925
 
2827
2926
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2828
- .AvatarGroup-module__hop-AvatarGroup___OnxWJ {
2927
+ .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
2829
2928
  --hop-AvatarGroup-display: flex;
2830
2929
  --hop-AvatarGroup-align-items: center;
2831
2930
  display: var(--hop-AvatarGroup-display);
2832
2931
  align-items: var(--hop-AvatarGroup-align-items);
2833
2932
  }
2834
- .AvatarGroup-module__hop-AvatarGroup--wrap___4--rv {
2933
+ .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
2835
2934
  flex-wrap: wrap;
2836
2935
  }
2837
- .AvatarGroup-module__hop-AvatarGroup--xs___L8mre {
2936
+ .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
2838
2937
  --gap: -0.125rem;
2839
2938
  }
2840
- .AvatarGroup-module__hop-AvatarGroup--sm___UjcIm {
2939
+ .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
2841
2940
  --gap: -0.25rem;
2842
2941
  }
2843
- .AvatarGroup-module__hop-AvatarGroup--md___sBcpK {
2942
+ .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
2844
2943
  --gap: -0.5rem;
2845
2944
  }
2846
- .AvatarGroup-module__hop-AvatarGroup--lg___7YAak {
2945
+ .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
2847
2946
  --gap: -1rem;
2848
2947
  }
2849
- .AvatarGroup-module__hop-AvatarGroup--xl___nbZIy {
2948
+ .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
2850
2949
  --gap: -1rem;
2851
2950
  }
2852
- .AvatarGroup-module__hop-AvatarGroup--2xl___ljxbT {
2951
+ .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
2853
2952
  --gap: -2rem;
2854
2953
  }
2855
- .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2954
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2856
2955
  margin-inline-start: var(--gap);
2857
2956
  transition: margin var(--hop-easing-duration-2);
2858
2957
  }
2859
- .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2958
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2860
2959
  margin-inline-start: 0;
2861
2960
  }
2862
- .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:first-child {
2961
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
2863
2962
  margin-inline-start: 0;
2864
2963
  }
2865
- .AvatarGroup-module__hop-AvatarGroup__label___fbjFq {
2964
+ .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
2866
2965
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2867
2966
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2868
2967
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2874,7 +2973,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2874
2973
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2875
2974
  line-height: var(--hop-AvatarGroup-label-line-height);
2876
2975
  }
2877
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk {
2976
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
2878
2977
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2879
2978
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2880
2979
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2892,21 +2991,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2892
2991
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2893
2992
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2894
2993
  }
2895
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk:not(:last-child) {
2994
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
2896
2995
  margin-block-end: 0.25rem;
2897
2996
  }
2898
- .AvatarGroup-module__hop-AvatarGroup--start___rucz5 {
2997
+ .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
2899
2998
  justify-content: flex-start;
2900
2999
  }
2901
- .AvatarGroup-module__hop-AvatarGroup--end___9n-g7 {
3000
+ .AvatarGroup-module__hop-AvatarGroup--end___va99C {
2902
3001
  justify-content: flex-end;
2903
3002
  }
2904
- .AvatarGroup-module__hop-AvatarGroup--center___KbbSx {
3003
+ .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
2905
3004
  justify-content: center;
2906
3005
  }
2907
3006
 
2908
3007
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2909
- .Checkbox-module__hop-Checkbox___5v0b4 {
3008
+ .Checkbox-module__hop-Checkbox___PKY27 {
2910
3009
  --hop-Checkbox-box-border-size: 0.0625rem;
2911
3010
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2912
3011
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2981,60 +3080,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
2981
3080
  inline-size: max-content;
2982
3081
  max-inline-size: 100%;
2983
3082
  }
2984
- .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
3083
+ .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
2985
3084
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2986
3085
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2987
3086
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2988
3087
  --text-color: var(--hop-Checkbox-text-color-focused);
2989
3088
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2990
3089
  }
2991
- .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
3090
+ .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
2992
3091
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2993
3092
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2994
3093
  --text-color: var(--hop-Checkbox-text-color-hovered);
2995
3094
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2996
3095
  }
2997
- .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
3096
+ .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
2998
3097
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2999
3098
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3000
3099
  --text-color: var(--hop-Checkbox-text-color-pressed);
3001
3100
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3002
3101
  }
3003
- .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
3102
+ .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3004
3103
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3005
3104
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3006
3105
  --check-display: var(--hop-Checkbox-check-display-selected);
3007
3106
  --text-color: var(--hop-Checkbox-text-color-selected);
3008
3107
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3009
3108
  }
3010
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
3109
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3011
3110
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3012
3111
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3013
3112
  --check-color: var(--hop-Checkbox-check-color-invalid);
3014
3113
  --text-color: var(--hop-Checkbox-text-color-invalid);
3015
3114
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3016
3115
  }
3017
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
3116
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3018
3117
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3019
3118
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3020
3119
  }
3021
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
3120
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3022
3121
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3023
3122
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3024
3123
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3025
3124
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3026
3125
  }
3027
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
3126
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3028
3127
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3029
3128
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3030
3129
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3031
3130
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3032
3131
  }
3033
- .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
3132
+ .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3034
3133
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3035
3134
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3036
3135
  }
3037
- .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
3136
+ .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3038
3137
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3039
3138
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3040
3139
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3042,25 +3141,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3042
3141
  --text-color: var(--hop-Checkbox-text-color-disabled);
3043
3142
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3044
3143
  }
3045
- .Checkbox-module__hop-Checkbox--sm___dSQOY {
3144
+ .Checkbox-module__hop-Checkbox--sm___pzZoo {
3046
3145
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3047
3146
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3048
3147
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3049
3148
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3050
3149
  }
3051
- .Checkbox-module__hop-Checkbox--md___TOu-C {
3150
+ .Checkbox-module__hop-Checkbox--md___1Cy8q {
3052
3151
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3053
3152
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3054
3153
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3055
3154
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3056
3155
  }
3057
- .Checkbox-module__hop-Checkbox__icon___nd2aw,
3058
- .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
3156
+ .Checkbox-module__hop-Checkbox__icon___Thx7R,
3157
+ .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3059
3158
  flex: 0 0 auto;
3060
3159
  order: 3;
3061
3160
  color: var(--icon-color);
3062
3161
  }
3063
- .Checkbox-module__hop-Checkbox__box___jxojt {
3162
+ .Checkbox-module__hop-Checkbox__box___TyJS7 {
3064
3163
  display: flex;
3065
3164
  flex: 0 0 auto;
3066
3165
  align-items: center;
@@ -3076,11 +3175,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3076
3175
  outline-offset: 0.125rem;
3077
3176
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3078
3177
  }
3079
- .Checkbox-module__hop-Checkbox__check___AxXm6 {
3178
+ .Checkbox-module__hop-Checkbox__check___r8gyX {
3080
3179
  display: var(--check-display);
3081
3180
  color: var(--check-color);
3082
3181
  }
3083
- .Checkbox-module__hop-Checkbox__text___RWv7Z {
3182
+ .Checkbox-module__hop-Checkbox__text___OtTLm {
3084
3183
  flex: 0 1 auto;
3085
3184
  order: 2;
3086
3185
  min-inline-size: 0;
@@ -3090,7 +3189,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3090
3189
  }
3091
3190
 
3092
3191
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
3093
- .CheckboxField-module__hop-CheckboxField___Moz-- {
3192
+ .CheckboxField-module__hop-CheckboxField___56543 {
3094
3193
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
3095
3194
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
3096
3195
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3109,28 +3208,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3109
3208
  inline-size: max-content;
3110
3209
  max-inline-size: 100%;
3111
3210
  }
3112
- .CheckboxField-module__hop-CheckboxField___Moz--[data-disabled] {
3211
+ .CheckboxField-module__hop-CheckboxField___56543[data-disabled] {
3113
3212
  --description-color: var(--hop-CheckboxField-description-color-disabled);
3114
3213
  }
3115
- .CheckboxField-module__hop-CheckboxField--sm___WFkN2 {
3214
+ .CheckboxField-module__hop-CheckboxField--sm___6--P- {
3116
3215
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
3117
3216
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
3118
3217
  }
3119
- .CheckboxField-module__hop-CheckboxField--md___0I29B {
3218
+ .CheckboxField-module__hop-CheckboxField--md___sveE6 {
3120
3219
  --row-gap: var(--hop-CheckboxField-md-row-gap);
3121
3220
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
3122
3221
  }
3123
- .CheckboxField-module__hop-CheckboxField__description___FQ5t0 {
3222
+ .CheckboxField-module__hop-CheckboxField__description___TCoFR {
3124
3223
  order: 2;
3125
3224
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
3126
3225
  color: var(--description-color);
3127
3226
  }
3128
- .CheckboxField-module__hop-CheckboxField__checkbox___hNlqN {
3227
+ .CheckboxField-module__hop-CheckboxField__checkbox___TzGvU {
3129
3228
  order: 1;
3130
3229
  }
3131
3230
 
3132
3231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
3133
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 {
3232
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t {
3134
3233
  --hop-CheckboxGroup-align-items: flex-start;
3135
3234
  --hop-CheckboxGroup-justify-content: flex-start;
3136
3235
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3169,46 +3268,46 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3169
3268
  inline-size: max-content;
3170
3269
  max-inline-size: 100%;
3171
3270
  }
3172
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- {
3271
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL {
3173
3272
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3174
3273
  --list-border-radius: var(--hop-shape-rounded-md);
3175
3274
  }
3176
- .CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
3275
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3177
3276
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3178
3277
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3179
3278
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3180
3279
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3181
3280
  }
3182
- .CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
3281
+ .CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3183
3282
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3184
3283
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3185
3284
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3186
3285
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3187
3286
  }
3188
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
3287
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3189
3288
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3190
3289
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3191
3290
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3192
3291
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3193
3292
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3194
3293
  }
3195
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
3294
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3196
3295
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3197
3296
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3198
3297
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3199
3298
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3200
3299
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3201
3300
  }
3202
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2[data-orientation=horizontal] {
3301
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t[data-orientation=horizontal] {
3203
3302
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3204
3303
  }
3205
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] {
3304
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] {
3206
3305
  --flex-wrap: nowrap;
3207
3306
  }
3208
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__label___5XiPD {
3307
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__label___U2dUJ {
3209
3308
  order: 1;
3210
3309
  }
3211
- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU {
3310
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij {
3212
3311
  display: flex;
3213
3312
  flex-flow: var(--flex-direction) var(--flex-wrap);
3214
3313
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3219,7 +3318,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3219
3318
  border: var(--list-border, none);
3220
3319
  border-radius: var(--list-border-radius, 0);
3221
3320
  }
3222
- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w {
3321
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 {
3223
3322
  position: relative;
3224
3323
  flex: 0 1 auto;
3225
3324
  align-content: start;
@@ -3227,28 +3326,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3227
3326
  min-inline-size: 0;
3228
3327
  padding: var(--checkbox-padding, 0);
3229
3328
  }
3230
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
3329
+ .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 {
3231
3330
  content: "";
3232
3331
  position: absolute;
3233
3332
  display: block;
3234
3333
  }
3235
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
3334
+ .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 {
3236
3335
  inset-block-start: 0;
3237
3336
  inset-inline: 0;
3238
3337
  border-block-start: var(--list-border, none);
3239
3338
  }
3240
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
3339
+ .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 {
3241
3340
  inset-block: 0;
3242
3341
  inset-inline-start: 0;
3243
3342
  border-inline-start: var(--list-border, none);
3244
3343
  }
3245
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___fx1ES,
3246
- .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___JhiB- {
3344
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__error-message___TZxJY,
3345
+ .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___W6fZU {
3247
3346
  order: 3;
3248
3347
  }
3249
3348
 
3250
3349
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3251
- .Checkbox-module__hop-Checkbox___5v0b4 {
3350
+ .Checkbox-module__hop-Checkbox___PKY27 {
3252
3351
  --hop-Checkbox-box-border-size: 0.0625rem;
3253
3352
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
3254
3353
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3323,60 +3422,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3323
3422
  inline-size: max-content;
3324
3423
  max-inline-size: 100%;
3325
3424
  }
3326
- .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
3425
+ .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
3327
3426
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3328
3427
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3329
3428
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3330
3429
  --text-color: var(--hop-Checkbox-text-color-focused);
3331
3430
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3332
3431
  }
3333
- .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
3432
+ .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
3334
3433
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3335
3434
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3336
3435
  --text-color: var(--hop-Checkbox-text-color-hovered);
3337
3436
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3338
3437
  }
3339
- .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
3438
+ .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
3340
3439
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3341
3440
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3342
3441
  --text-color: var(--hop-Checkbox-text-color-pressed);
3343
3442
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3344
3443
  }
3345
- .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
3444
+ .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3346
3445
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3347
3446
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3348
3447
  --check-display: var(--hop-Checkbox-check-display-selected);
3349
3448
  --text-color: var(--hop-Checkbox-text-color-selected);
3350
3449
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3351
3450
  }
3352
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
3451
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3353
3452
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3354
3453
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3355
3454
  --check-color: var(--hop-Checkbox-check-color-invalid);
3356
3455
  --text-color: var(--hop-Checkbox-text-color-invalid);
3357
3456
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3358
3457
  }
3359
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
3458
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3360
3459
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3361
3460
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3362
3461
  }
3363
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
3462
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3364
3463
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3365
3464
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3366
3465
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3367
3466
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3368
3467
  }
3369
- .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
3468
+ .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3370
3469
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3371
3470
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3372
3471
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3373
3472
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3374
3473
  }
3375
- .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
3474
+ .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3376
3475
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3377
3476
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3378
3477
  }
3379
- .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
3478
+ .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3380
3479
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3381
3480
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3382
3481
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3384,25 +3483,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3384
3483
  --text-color: var(--hop-Checkbox-text-color-disabled);
3385
3484
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3386
3485
  }
3387
- .Checkbox-module__hop-Checkbox--sm___dSQOY {
3486
+ .Checkbox-module__hop-Checkbox--sm___pzZoo {
3388
3487
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3389
3488
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3390
3489
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3391
3490
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3392
3491
  }
3393
- .Checkbox-module__hop-Checkbox--md___TOu-C {
3492
+ .Checkbox-module__hop-Checkbox--md___1Cy8q {
3394
3493
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3395
3494
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3396
3495
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3397
3496
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3398
3497
  }
3399
- .Checkbox-module__hop-Checkbox__icon___nd2aw,
3400
- .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
3498
+ .Checkbox-module__hop-Checkbox__icon___Thx7R,
3499
+ .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3401
3500
  flex: 0 0 auto;
3402
3501
  order: 3;
3403
3502
  color: var(--icon-color);
3404
3503
  }
3405
- .Checkbox-module__hop-Checkbox__box___jxojt {
3504
+ .Checkbox-module__hop-Checkbox__box___TyJS7 {
3406
3505
  display: flex;
3407
3506
  flex: 0 0 auto;
3408
3507
  align-items: center;
@@ -3418,11 +3517,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3418
3517
  outline-offset: 0.125rem;
3419
3518
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3420
3519
  }
3421
- .Checkbox-module__hop-Checkbox__check___AxXm6 {
3520
+ .Checkbox-module__hop-Checkbox__check___r8gyX {
3422
3521
  display: var(--check-display);
3423
3522
  color: var(--check-color);
3424
3523
  }
3425
- .Checkbox-module__hop-Checkbox__text___RWv7Z {
3524
+ .Checkbox-module__hop-Checkbox__text___OtTLm {
3426
3525
  flex: 0 1 auto;
3427
3526
  order: 2;
3428
3527
  min-inline-size: 0;
@@ -3430,24 +3529,24 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3430
3529
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3431
3530
  color: var(--text-color);
3432
3531
  }
3433
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___TZCQR {
3532
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___ltNWu {
3434
3533
  }
3435
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___WAN3J {
3534
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___q1ZI3 {
3436
3535
  }
3437
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ycopn {
3536
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___c-J-V {
3438
3537
  }
3439
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HP7Ir,
3440
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TV-j- {
3538
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___ygQrT,
3539
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MDkVD {
3441
3540
  }
3442
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___aQDXk {
3541
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JwBJ8 {
3443
3542
  }
3444
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___EYvRS {
3543
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___82euF {
3445
3544
  }
3446
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___db9bV {
3545
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___VQlPm {
3447
3546
  }
3448
3547
 
3449
3548
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3450
- .Radio-module__hop-Radio___H2CQS {
3549
+ .Radio-module__hop-Radio___Jz8ck {
3451
3550
  --hop-Radio-box-border-size: 0.0625rem;
3452
3551
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3453
3552
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3521,60 +3620,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3521
3620
  inline-size: max-content;
3522
3621
  max-inline-size: 100%;
3523
3622
  }
3524
- .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3623
+ .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3525
3624
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3526
3625
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3527
3626
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3528
3627
  --text-color: var(--hop-Radio-text-color-focused);
3529
3628
  --icon-color: var(--hop-Radio-icon-color-focused);
3530
3629
  }
3531
- .Radio-module__hop-Radio___H2CQS[data-hovered] {
3630
+ .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3532
3631
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3533
3632
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3534
3633
  --text-color: var(--hop-Radio-text-color-hovered);
3535
3634
  --icon-color: var(--hop-Radio-icon-color-hovered);
3536
3635
  }
3537
- .Radio-module__hop-Radio___H2CQS[data-pressed] {
3636
+ .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3538
3637
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3539
3638
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3540
3639
  --text-color: var(--hop-Radio-text-color-pressed);
3541
3640
  --icon-color: var(--hop-Radio-icon-color-pressed);
3542
3641
  }
3543
- .Radio-module__hop-Radio___H2CQS[data-selected] {
3642
+ .Radio-module__hop-Radio___Jz8ck[data-selected] {
3544
3643
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3545
3644
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3546
3645
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3547
3646
  --text-color: var(--hop-Radio-text-color-selected);
3548
3647
  --icon-color: var(--hop-Radio-icon-color-selected);
3549
3648
  }
3550
- .Radio-module__hop-Radio___H2CQS[data-invalid] {
3649
+ .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3551
3650
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3552
3651
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3553
3652
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3554
3653
  --text-color: var(--hop-Radio-text-color-invalid);
3555
3654
  --icon-color: var(--hop-Radio-icon-color-invalid);
3556
3655
  }
3557
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3656
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3558
3657
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3559
3658
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3560
3659
  }
3561
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3660
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3562
3661
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3563
3662
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3564
3663
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3565
3664
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3566
3665
  }
3567
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3666
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3568
3667
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3569
3668
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3570
3669
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3571
3670
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3572
3671
  }
3573
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3672
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3574
3673
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3575
3674
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3576
3675
  }
3577
- .Radio-module__hop-Radio___H2CQS[data-disabled] {
3676
+ .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3578
3677
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3579
3678
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3580
3679
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3582,25 +3681,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3582
3681
  --text-color: var(--hop-Radio-text-color-disabled);
3583
3682
  --icon-color: var(--hop-Radio-icon-color-disabled);
3584
3683
  }
3585
- .Radio-module__hop-Radio--sm___wsMEb {
3684
+ .Radio-module__hop-Radio--sm___WSJeF {
3586
3685
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3587
3686
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3588
3687
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3589
3688
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3590
3689
  }
3591
- .Radio-module__hop-Radio--md___Y9v6E {
3690
+ .Radio-module__hop-Radio--md___tXyrJ {
3592
3691
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3593
3692
  --box-block-size: var(--hop-Radio-box-md-block-size);
3594
3693
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3595
3694
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3596
3695
  }
3597
- .Radio-module__hop-Radio__icon___AnsTY,
3598
- .Radio-module__hop-Radio__icon-list___bpfWX {
3696
+ .Radio-module__hop-Radio__icon___j59Et,
3697
+ .Radio-module__hop-Radio__icon-list___WX4W3 {
3599
3698
  flex: 0 0 auto;
3600
3699
  order: 3;
3601
3700
  color: var(--icon-color);
3602
3701
  }
3603
- .Radio-module__hop-Radio__box___sb7RR {
3702
+ .Radio-module__hop-Radio__box___hmHzG {
3604
3703
  display: flex;
3605
3704
  flex: 0 0 auto;
3606
3705
  align-items: center;
@@ -3616,11 +3715,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3616
3715
  outline-offset: 0.125rem;
3617
3716
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3618
3717
  }
3619
- .Radio-module__hop-Radio__bullet___d4tcu {
3718
+ .Radio-module__hop-Radio__bullet___rz-am {
3620
3719
  display: var(--bullet-display);
3621
3720
  color: var(--bullet-color);
3622
3721
  }
3623
- .Radio-module__hop-Radio__text___y2Kzb {
3722
+ .Radio-module__hop-Radio__text___dbgFm {
3624
3723
  flex: 0 1 auto;
3625
3724
  order: 2;
3626
3725
  min-inline-size: 0;
@@ -3628,24 +3727,24 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3628
3727
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3629
3728
  color: var(--text-color);
3630
3729
  }
3631
- .DecorativeRadio-module__hop-DecorativeRadio___tSJL5 {
3730
+ .DecorativeRadio-module__hop-DecorativeRadio___E-qe2 {
3632
3731
  }
3633
- .DecorativeRadio-module__hop-DecorativeRadio--sm___DUA4e {
3732
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___aEFSN {
3634
3733
  }
3635
- .DecorativeRadio-module__hop-DecorativeRadio--md___PZiXZ {
3734
+ .DecorativeRadio-module__hop-DecorativeRadio--md___EkotK {
3636
3735
  }
3637
- .DecorativeRadio-module__hop-DecorativeRadio__icon___uynj0,
3638
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___LHJUz {
3736
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___3yBe4,
3737
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XxcDj {
3639
3738
  }
3640
- .DecorativeRadio-module__hop-DecorativeRadio__box___LRGSc {
3739
+ .DecorativeRadio-module__hop-DecorativeRadio__box___An1mf {
3641
3740
  }
3642
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___ckmQf {
3741
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___M7BvP {
3643
3742
  }
3644
- .DecorativeRadio-module__hop-DecorativeRadio__text___tL5B5 {
3743
+ .DecorativeRadio-module__hop-DecorativeRadio__text___GELEI {
3645
3744
  }
3646
3745
 
3647
3746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3648
- .Radio-module__hop-Radio___H2CQS {
3747
+ .Radio-module__hop-Radio___Jz8ck {
3649
3748
  --hop-Radio-box-border-size: 0.0625rem;
3650
3749
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3651
3750
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3719,60 +3818,60 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3719
3818
  inline-size: max-content;
3720
3819
  max-inline-size: 100%;
3721
3820
  }
3722
- .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3821
+ .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3723
3822
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3724
3823
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3725
3824
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3726
3825
  --text-color: var(--hop-Radio-text-color-focused);
3727
3826
  --icon-color: var(--hop-Radio-icon-color-focused);
3728
3827
  }
3729
- .Radio-module__hop-Radio___H2CQS[data-hovered] {
3828
+ .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3730
3829
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3731
3830
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3732
3831
  --text-color: var(--hop-Radio-text-color-hovered);
3733
3832
  --icon-color: var(--hop-Radio-icon-color-hovered);
3734
3833
  }
3735
- .Radio-module__hop-Radio___H2CQS[data-pressed] {
3834
+ .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3736
3835
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3737
3836
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3738
3837
  --text-color: var(--hop-Radio-text-color-pressed);
3739
3838
  --icon-color: var(--hop-Radio-icon-color-pressed);
3740
3839
  }
3741
- .Radio-module__hop-Radio___H2CQS[data-selected] {
3840
+ .Radio-module__hop-Radio___Jz8ck[data-selected] {
3742
3841
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3743
3842
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3744
3843
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3745
3844
  --text-color: var(--hop-Radio-text-color-selected);
3746
3845
  --icon-color: var(--hop-Radio-icon-color-selected);
3747
3846
  }
3748
- .Radio-module__hop-Radio___H2CQS[data-invalid] {
3847
+ .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3749
3848
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3750
3849
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3751
3850
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3752
3851
  --text-color: var(--hop-Radio-text-color-invalid);
3753
3852
  --icon-color: var(--hop-Radio-icon-color-invalid);
3754
3853
  }
3755
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3854
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3756
3855
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3757
3856
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3758
3857
  }
3759
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3858
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3760
3859
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3761
3860
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3762
3861
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3763
3862
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3764
3863
  }
3765
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3864
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3766
3865
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3767
3866
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3768
3867
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3769
3868
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3770
3869
  }
3771
- .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3870
+ .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3772
3871
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3773
3872
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3774
3873
  }
3775
- .Radio-module__hop-Radio___H2CQS[data-disabled] {
3874
+ .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3776
3875
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3777
3876
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3778
3877
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3780,25 +3879,25 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3780
3879
  --text-color: var(--hop-Radio-text-color-disabled);
3781
3880
  --icon-color: var(--hop-Radio-icon-color-disabled);
3782
3881
  }
3783
- .Radio-module__hop-Radio--sm___wsMEb {
3882
+ .Radio-module__hop-Radio--sm___WSJeF {
3784
3883
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3785
3884
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3786
3885
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3787
3886
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3788
3887
  }
3789
- .Radio-module__hop-Radio--md___Y9v6E {
3888
+ .Radio-module__hop-Radio--md___tXyrJ {
3790
3889
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3791
3890
  --box-block-size: var(--hop-Radio-box-md-block-size);
3792
3891
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3793
3892
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3794
3893
  }
3795
- .Radio-module__hop-Radio__icon___AnsTY,
3796
- .Radio-module__hop-Radio__icon-list___bpfWX {
3894
+ .Radio-module__hop-Radio__icon___j59Et,
3895
+ .Radio-module__hop-Radio__icon-list___WX4W3 {
3797
3896
  flex: 0 0 auto;
3798
3897
  order: 3;
3799
3898
  color: var(--icon-color);
3800
3899
  }
3801
- .Radio-module__hop-Radio__box___sb7RR {
3900
+ .Radio-module__hop-Radio__box___hmHzG {
3802
3901
  display: flex;
3803
3902
  flex: 0 0 auto;
3804
3903
  align-items: center;
@@ -3814,11 +3913,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3814
3913
  outline-offset: 0.125rem;
3815
3914
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3816
3915
  }
3817
- .Radio-module__hop-Radio__bullet___d4tcu {
3916
+ .Radio-module__hop-Radio__bullet___rz-am {
3818
3917
  display: var(--bullet-display);
3819
3918
  color: var(--bullet-color);
3820
3919
  }
3821
- .Radio-module__hop-Radio__text___y2Kzb {
3920
+ .Radio-module__hop-Radio__text___dbgFm {
3822
3921
  flex: 0 1 auto;
3823
3922
  order: 2;
3824
3923
  min-inline-size: 0;
@@ -3828,7 +3927,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3828
3927
  }
3829
3928
 
3830
3929
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3831
- .RadioField-module__hop-RadioField___Q4QIQ {
3930
+ .RadioField-module__hop-RadioField___OfPLR {
3832
3931
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3833
3932
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3834
3933
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3847,28 +3946,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3847
3946
  inline-size: max-content;
3848
3947
  max-inline-size: 100%;
3849
3948
  }
3850
- .RadioField-module__hop-RadioField___Q4QIQ[data-disabled] {
3949
+ .RadioField-module__hop-RadioField___OfPLR[data-disabled] {
3851
3950
  --description-color: var(--hop-RadioField-description-color-disabled);
3852
3951
  }
3853
- .RadioField-module__hop-RadioField--sm___VXiap {
3952
+ .RadioField-module__hop-RadioField--sm___1sQAM {
3854
3953
  --row-gap: var(--hop-RadioField-sm-row-gap);
3855
3954
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3856
3955
  }
3857
- .RadioField-module__hop-RadioField--md___HW2CQ {
3956
+ .RadioField-module__hop-RadioField--md___89TK9 {
3858
3957
  --row-gap: var(--hop-RadioField-md-row-gap);
3859
3958
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3860
3959
  }
3861
- .RadioField-module__hop-RadioField__description___ia1Zr {
3960
+ .RadioField-module__hop-RadioField__description___YsOrA {
3862
3961
  order: 2;
3863
3962
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3864
3963
  color: var(--description-color);
3865
3964
  }
3866
- .RadioField-module__hop-RadioField__radio___EivJe {
3965
+ .RadioField-module__hop-RadioField__radio___PEYsy {
3867
3966
  order: 1;
3868
3967
  }
3869
3968
 
3870
3969
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3871
- .RadioGroup-module__hop-RadioGroup___GAhMc {
3970
+ .RadioGroup-module__hop-RadioGroup___CT2GD {
3872
3971
  --hop-RadioGroup-align-items: flex-start;
3873
3972
  --hop-RadioGroup-justify-content: flex-start;
3874
3973
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3908,46 +4007,46 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3908
4007
  inline-size: var(--inline-size);
3909
4008
  max-inline-size: 100%;
3910
4009
  }
3911
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV {
4010
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i {
3912
4011
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3913
4012
  --list-border-radius: var(--hop-shape-rounded-md);
3914
4013
  }
3915
- .RadioGroup-module__hop-RadioGroup--sm___TlUOa {
4014
+ .RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3916
4015
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3917
4016
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3918
4017
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3919
4018
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3920
4019
  }
3921
- .RadioGroup-module__hop-RadioGroup--md___K9W8i {
4020
+ .RadioGroup-module__hop-RadioGroup--md___04ypk {
3922
4021
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3923
4022
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3924
4023
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3925
4024
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3926
4025
  }
3927
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--sm___TlUOa {
4026
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3928
4027
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3929
4028
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3930
4029
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3931
4030
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3932
4031
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3933
4032
  }
3934
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--md___K9W8i {
4033
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--md___04ypk {
3935
4034
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3936
4035
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3937
4036
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3938
4037
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3939
4038
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3940
4039
  }
3941
- .RadioGroup-module__hop-RadioGroup___GAhMc[data-orientation=horizontal] {
4040
+ .RadioGroup-module__hop-RadioGroup___CT2GD[data-orientation=horizontal] {
3942
4041
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3943
4042
  }
3944
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] {
4043
+ .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] {
3945
4044
  --flex-wrap: nowrap;
3946
4045
  }
3947
- .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__label___Vi-x9 {
4046
+ .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__label___WZ0Ob {
3948
4047
  order: 1;
3949
4048
  }
3950
- .RadioGroup-module__hop-RadioGroup__list___pz3Nn {
4049
+ .RadioGroup-module__hop-RadioGroup__list___nFxxn {
3951
4050
  display: flex;
3952
4051
  flex-flow: var(--flex-direction) var(--flex-wrap);
3953
4052
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3958,7 +4057,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3958
4057
  border: var(--list-border, none);
3959
4058
  border-radius: var(--list-border-radius, 0);
3960
4059
  }
3961
- .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ {
4060
+ .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 {
3962
4061
  position: relative;
3963
4062
  flex: 0 1 auto;
3964
4063
  align-content: start;
@@ -3966,28 +4065,28 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
3966
4065
  min-inline-size: 0;
3967
4066
  padding: var(--radio-padding, 0);
3968
4067
  }
3969
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
4068
+ .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 {
3970
4069
  content: "";
3971
4070
  position: absolute;
3972
4071
  display: block;
3973
4072
  }
3974
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
4073
+ .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 {
3975
4074
  inset-block-start: 0;
3976
4075
  inset-inline: 0;
3977
4076
  border-block-start: var(--list-border, none);
3978
4077
  }
3979
- .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
4078
+ .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 {
3980
4079
  inset-block: 0;
3981
4080
  inset-inline-start: 0;
3982
4081
  border-inline-start: var(--list-border, none);
3983
4082
  }
3984
- .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__error-message___KU5wE,
3985
- .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__helper-message___Rx1kN {
4083
+ .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__error-message___RlHTt,
4084
+ .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__helper-message___F2aUp {
3986
4085
  order: 3;
3987
4086
  }
3988
4087
 
3989
4088
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3990
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f {
4089
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___ubLsJ {
3991
4090
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3992
4091
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3993
4092
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -4013,7 +4112,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4013
4112
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
4014
4113
  background-size: 400% 100%;
4015
4114
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
4016
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1;
4115
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40;
4017
4116
  animation-duration: var(--animation-duration);
4018
4117
  animation-timing-function: ease-in-out;
4019
4118
  animation-fill-mode: forwards;
@@ -4022,19 +4121,19 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4022
4121
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
4023
4122
  }
4024
4123
  }
4025
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl {
4124
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WGCIH {
4026
4125
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
4027
4126
  }
4028
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil {
4127
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WGPSm {
4029
4128
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
4030
4129
  }
4031
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6 {
4130
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___QYRAT {
4032
4131
  --height: var(--hop-ListBoxItemSkeleton-md-height);
4033
4132
  }
4034
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL {
4133
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___CLnc0 {
4035
4134
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
4036
4135
  }
4037
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1 {
4136
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40 {
4038
4137
  0% {
4039
4138
  background-position: 125% 50%;
4040
4139
  }
@@ -4044,7 +4143,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4044
4143
  }
4045
4144
 
4046
4145
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
4047
- .ListBoxItem-module__hop-ListBoxItem___QvcpN {
4146
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3 {
4048
4147
  --hop-ListBoxItem-background-color: transparent;
4049
4148
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
4050
4149
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -4141,129 +4240,129 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4141
4240
  outline: var(--outline);
4142
4241
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
4143
4242
  }
4144
- .ListBoxItem-module__hop-ListBoxItem--xs___lZib0 {
4243
+ .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ- {
4145
4244
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
4146
4245
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
4147
4246
  --min-height: var(--hop-ListBoxItem-xs-min-height);
4148
4247
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
4149
4248
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
4150
4249
  }
4151
- .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu {
4250
+ .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i {
4152
4251
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
4153
4252
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
4154
4253
  --min-height: var(--hop-ListBoxItem-sm-min-height);
4155
4254
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
4156
4255
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
4157
4256
  }
4158
- .ListBoxItem-module__hop-ListBoxItem--md___sRrPz {
4257
+ .ListBoxItem-module__hop-ListBoxItem--md___CnDs4 {
4159
4258
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4160
4259
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4161
4260
  --min-height: var(--hop-ListBoxItem-md-min-height);
4162
4261
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4163
4262
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4164
4263
  }
4165
- .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83 {
4264
+ .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w {
4166
4265
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4167
4266
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4168
4267
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4169
4268
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4170
4269
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4171
4270
  }
4172
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selection-mode] {
4271
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selection-mode] {
4173
4272
  --cursor: pointer;
4174
4273
  }
4175
- .ListBoxItem-module__hop-ListBoxItem___QvcpN:not([data-selection-mode]) {
4274
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3:not([data-selection-mode]) {
4176
4275
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4177
4276
  }
4178
- .ListBoxItem-module__hop-ListBoxItem__inner___txRTc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
4277
+ .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4179
4278
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4180
4279
  }
4181
- .ListBoxItem-module__hop-ListBoxItem__inner___txRTc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
4280
+ .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4182
4281
  --checkmark-transition: none;
4183
4282
  }
4184
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selected] {
4283
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selected] {
4185
4284
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4186
4285
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4187
4286
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4188
4287
  --checkmark-opacity: 1;
4189
4288
  }
4190
- .ListBoxItem-module__hop-ListBoxItem--xs___lZib0[data-selected] {
4289
+ .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ-[data-selected] {
4191
4290
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4192
4291
  }
4193
- .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu[data-selected] {
4292
+ .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i[data-selected] {
4194
4293
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4195
4294
  }
4196
- .ListBoxItem-module__hop-ListBoxItem--md___sRrPz[data-selected] {
4295
+ .ListBoxItem-module__hop-ListBoxItem--md___CnDs4[data-selected] {
4197
4296
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4198
4297
  }
4199
- .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83[data-selected] {
4298
+ .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w[data-selected] {
4200
4299
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4201
4300
  }
4202
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-focus-visible] {
4301
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-focus-visible] {
4203
4302
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4204
4303
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4205
4304
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4206
4305
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4207
4306
  }
4208
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-hovered] {
4307
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-hovered] {
4209
4308
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4210
4309
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4211
4310
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4212
4311
  }
4213
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-pressed] {
4312
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-pressed] {
4214
4313
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4215
4314
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4216
4315
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4217
4316
  }
4218
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-disabled] {
4317
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-disabled] {
4219
4318
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4220
4319
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4221
4320
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
4222
4321
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4223
4322
  --cursor: not-allowed;
4224
4323
  }
4225
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid] {
4324
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid] {
4226
4325
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4227
4326
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4228
4327
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4229
4328
  }
4230
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-selected] {
4329
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-selected] {
4231
4330
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4232
4331
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4233
4332
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4234
4333
  }
4235
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-focus-visible] {
4334
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-focus-visible] {
4236
4335
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4237
4336
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4238
4337
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4239
4338
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4240
4339
  }
4241
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-hovered] {
4340
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-hovered] {
4242
4341
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4243
4342
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4244
4343
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4245
4344
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4246
4345
  }
4247
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-pressed] {
4346
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-pressed] {
4248
4347
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4249
4348
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4250
4349
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4251
4350
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4252
4351
  }
4253
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-disabled] {
4352
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-disabled] {
4254
4353
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4255
4354
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4256
4355
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4257
4356
  }
4258
- .ListBoxItem-module__hop-ListBoxItem___QvcpN:has(.ListBoxItem-module__hop-ListBoxItem__description___GUzrd) {
4357
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3:has(.ListBoxItem-module__hop-ListBoxItem__description___iqwlS) {
4259
4358
  --row-gap: var(--hop-ListBoxItem-row-gap);
4260
4359
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4261
4360
  }
4262
- .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-loading] {
4361
+ .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-loading] {
4263
4362
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4264
4363
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4265
4364
  }
4266
- .ListBoxItem-module__hop-ListBoxItem__inner___txRTc {
4365
+ .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL {
4267
4366
  display: grid;
4268
4367
  grid-template-areas: var(--grid-template-areas);
4269
4368
  grid-template-columns: var(--grid-template-columns);
@@ -4275,33 +4374,33 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4275
4374
  padding-inline: var(--padding-inline);
4276
4375
  transition: grid-template-columns .3s ease-in-out;
4277
4376
  }
4278
- .ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD {
4377
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL {
4279
4378
  grid-area: indicator;
4280
4379
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4281
4380
  color: var(--icon-color);
4282
4381
  opacity: var(--checkmark-opacity);
4283
4382
  transition: var(--checkmark-transition);
4284
4383
  }
4285
- .ListBoxItem-module__hop-ListBoxItem__radio___Urn5f,
4286
- .ListBoxItem-module__hop-ListBoxItem__checkbox___LHciW {
4384
+ .ListBoxItem-module__hop-ListBoxItem__radio___fJOFo,
4385
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___WwFFw {
4287
4386
  pointer-events: none;
4288
4387
  user-select: none;
4289
4388
  grid-area: indicator;
4290
4389
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4291
4390
  }
4292
- .ListBoxItem-module__hop-ListBoxItem__avatar___K1Ark {
4391
+ .ListBoxItem-module__hop-ListBoxItem__avatar___HbYEO {
4293
4392
  grid-area: avatar;
4294
4393
  margin-block: var(--avatar-margin-block, 0);
4295
4394
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4296
4395
  }
4297
- .ListBoxItem-module__hop-ListBoxItem__icon-list___r8RQE,
4298
- .ListBoxItem-module__hop-ListBoxItem__icon___Y3uVa {
4396
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___vxHCk,
4397
+ .ListBoxItem-module__hop-ListBoxItem__icon___M1n7P {
4299
4398
  grid-area: icon;
4300
4399
  flex: 0 0 auto;
4301
4400
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4302
4401
  color: var(--icon-color);
4303
4402
  }
4304
- .ListBoxItem-module__hop-ListBoxItem__label___1L0EC {
4403
+ .ListBoxItem-module__hop-ListBoxItem__label___qPV5n {
4305
4404
  overflow: hidden;
4306
4405
  grid-area: label;
4307
4406
  min-inline-size: 0;
@@ -4309,18 +4408,18 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4309
4408
  text-overflow: ellipsis;
4310
4409
  white-space: nowrap;
4311
4410
  }
4312
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zp7WO,
4313
- .ListBoxItem-module__hop-ListBoxItem__end-icon___f-q1U {
4411
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zrh3-,
4412
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___b3bLB {
4314
4413
  grid-area: end-icon;
4315
4414
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4316
4415
  color: var(--icon-color);
4317
4416
  }
4318
- .ListBoxItem-module__hop-ListBoxItem__badge___ltsNo {
4417
+ .ListBoxItem-module__hop-ListBoxItem__badge___Hapc9 {
4319
4418
  grid-area: badge;
4320
4419
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4321
4420
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4322
4421
  }
4323
- .ListBoxItem-module__hop-ListBoxItem__description___GUzrd {
4422
+ .ListBoxItem-module__hop-ListBoxItem__description___iqwlS {
4324
4423
  overflow: hidden;
4325
4424
  display: -webkit-box;
4326
4425
  grid-area: description;
@@ -4331,7 +4430,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4331
4430
  }
4332
4431
 
4333
4432
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4334
- .ListBox-module__hop-ListBox___PSbqU {
4433
+ .ListBox-module__hop-ListBox___eS4LD {
4335
4434
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4336
4435
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4337
4436
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4378,11 +4477,11 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4378
4477
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4379
4478
  border-radius: var(--hop-ListBox-border-radius);
4380
4479
  }
4381
- .ListBox-module__hop-ListBox--fluid___GX-qg {
4480
+ .ListBox-module__hop-ListBox--fluid___FCorP {
4382
4481
  --max-width: var(--hop-ListBox-fluid-max-width);
4383
4482
  --width: var(--hop-ListBox-fluid-width);
4384
4483
  }
4385
- .ListBox-module__hop-ListBox__section___bsYz4 {
4484
+ .ListBox-module__hop-ListBox__section___jqhyE {
4386
4485
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4387
4486
  margin-inline: var(--hop-ListBox-section-margin-inline);
4388
4487
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4390,21 +4489,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4390
4489
  border-block-start: var(--section-border-block-start);
4391
4490
  border-block-end: var(--section-border-block-end);
4392
4491
  }
4393
- .ListBox-module__hop-ListBox__item___LdnNS + .ListBox-module__hop-ListBox__section___bsYz4 {
4492
+ .ListBox-module__hop-ListBox__item___BBCbP + .ListBox-module__hop-ListBox__section___jqhyE {
4394
4493
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4395
4494
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4396
4495
  }
4397
- .ListBox-module__hop-ListBox__section___bsYz4:has(+ .ListBox-module__hop-ListBox__item___LdnNS) {
4496
+ .ListBox-module__hop-ListBox__section___jqhyE:has(+ .ListBox-module__hop-ListBox__item___BBCbP) {
4398
4497
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4399
4498
  }
4400
- .ListBox-module__hop-ListBox__section___bsYz4:first-child {
4499
+ .ListBox-module__hop-ListBox__section___jqhyE:first-child {
4401
4500
  --section-padding-block-start: 0;
4402
4501
  }
4403
- .ListBox-module__hop-ListBox__section___bsYz4:last-child {
4502
+ .ListBox-module__hop-ListBox__section___jqhyE:last-child {
4404
4503
  --section-padding-block-end: 0;
4405
4504
  --section-border-block-end: 0;
4406
4505
  }
4407
- .ListBox-module__hop-ListBox__section-header___JA5vG {
4506
+ .ListBox-module__hop-ListBox__section-header___KU9yC {
4408
4507
  margin: 0;
4409
4508
  padding: var(--hop-ListBox-section-header-padding);
4410
4509
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4415,23 +4514,23 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4415
4514
  text-transform: var(--hop-ListBox-section-header-text-transform);
4416
4515
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4417
4516
  }
4418
- .ListBox-module__hop-ListBox__section-header___JA5vG::before,
4419
- .ListBox-module__hop-ListBox__section-header___JA5vG::after {
4517
+ .ListBox-module__hop-ListBox__section-header___KU9yC::before,
4518
+ .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4420
4519
  content: "";
4421
4520
  display: block;
4422
4521
  box-sizing: border-box;
4423
4522
  inline-size: 0;
4424
4523
  block-size: 0;
4425
4524
  }
4426
- .ListBox-module__hop-ListBox__section-header___JA5vG::before {
4525
+ .ListBox-module__hop-ListBox__section-header___KU9yC::before {
4427
4526
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4428
4527
  }
4429
- .ListBox-module__hop-ListBox__section-header___JA5vG::after {
4528
+ .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4430
4529
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4431
4530
  }
4432
4531
 
4433
4532
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
4434
- .HopperProvider-module__hop-HopperProvider___0oWjx {
4533
+ .HopperProvider-module__hop-HopperProvider___V57bd {
4435
4534
  font-family: var(--hop-body-md-font-family);
4436
4535
  font-size: var(--hop-body-md-font-size);
4437
4536
  font-weight: var(--hop-body-md-font-weight);
@@ -4441,7 +4540,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4441
4540
  }
4442
4541
 
4443
4542
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
4444
- .Link-module__hop-Link___zN0GU {
4543
+ .Link-module__hop-Link___wpopk {
4445
4544
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4446
4545
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4447
4546
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4501,137 +4600,137 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4501
4600
  outline: none;
4502
4601
  outline-offset: 0.125rem;
4503
4602
  }
4504
- :where(.Link-module__hop-Link___zN0GU) {
4603
+ :where(.Link-module__hop-Link___wpopk) {
4505
4604
  font-family: var(--font-family);
4506
4605
  font-size: var(--font-size);
4507
4606
  font-weight: var(--font-weight);
4508
4607
  line-height: var(--line-height);
4509
4608
  }
4510
- :where(.Link-module__hop-Link--xs___ABclH) {
4609
+ :where(.Link-module__hop-Link--xs___aNep6) {
4511
4610
  --font-size: var(--hop-Link-xs-font-size);
4512
4611
  --font-family: var(--hop-Link-xs-font-family);
4513
4612
  --font-weight: var(--hop-Link-xs-font-weight);
4514
4613
  --line-height: var(--hop-Link-xs-line-height);
4515
4614
  }
4516
- :where(.Link-module__hop-Link--sm___6euWI) {
4615
+ :where(.Link-module__hop-Link--sm___xGDoN) {
4517
4616
  --font-size: var(--hop-Link-sm-font-size);
4518
4617
  --font-family: var(--hop-Link-sm-font-family);
4519
4618
  --font-weight: var(--hop-Link-sm-font-weight);
4520
4619
  --line-height: var(--hop-Link-sm-line-height);
4521
4620
  }
4522
- :where(.Link-module__hop-Link--md___-4wx-) {
4621
+ :where(.Link-module__hop-Link--md___PPF1-) {
4523
4622
  --font-size: var(--hop-Link-md-font-size);
4524
4623
  --font-family: var(--hop-Link-md-font-family);
4525
4624
  --font-weight: var(--hop-Link-md-font-weight);
4526
4625
  --line-height: var(--hop-Link-md-line-height);
4527
4626
  }
4528
- :where(.Link-module__hop-Link--lg___r5ujq) {
4627
+ :where(.Link-module__hop-Link--lg___h6IR3) {
4529
4628
  --font-size: var(--hop-Link-lg-font-size);
4530
4629
  --font-family: var(--hop-Link-lg-font-family);
4531
4630
  --font-weight: var(--hop-Link-lg-font-weight);
4532
4631
  --line-height: var(--hop-Link-lg-line-height);
4533
4632
  }
4534
- :where(.Link-module__hop-Link--xl___ntD7P) {
4633
+ :where(.Link-module__hop-Link--xl___4ER9H) {
4535
4634
  --font-size: var(--hop-Link-xl-font-size);
4536
4635
  --font-family: var(--hop-Link-xl-font-family);
4537
4636
  --font-weight: var(--hop-Link-xl-font-weight);
4538
4637
  --line-height: var(--hop-Link-xl-line-height);
4539
4638
  }
4540
- :where(.Link-module__hop-Link--2xl___tluwP) {
4639
+ :where(.Link-module__hop-Link--2xl___70ZO5) {
4541
4640
  --font-size: var(--hop-Link-2xl-font-size);
4542
4641
  --font-family: var(--hop-Link-2xl-font-family);
4543
4642
  --font-weight: var(--hop-Link-2xl-font-weight);
4544
4643
  --line-height: var(--hop-Link-2xl-line-height);
4545
4644
  }
4546
- :where(.Link-module__hop-Link--inherit___RyQa4) {
4645
+ :where(.Link-module__hop-Link--inherit___M4jaV) {
4547
4646
  --font-size: var(--hop-Link-inherit-size-font-size);
4548
4647
  --font-family: var(--hop-Link-inherit-size-font-family);
4549
4648
  --font-weight: var(--hop-Link-inherit-size-font-weight);
4550
4649
  --line-height: var(--hop-Link-inherit-size-line-height);
4551
4650
  }
4552
- .Link-module__hop-Link___zN0GU[data-focus-visible] {
4651
+ .Link-module__hop-Link___wpopk[data-focus-visible] {
4553
4652
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4554
4653
  }
4555
- .Link-module__hop-Link___zN0GU[data-disabled] {
4654
+ .Link-module__hop-Link___wpopk[data-disabled] {
4556
4655
  cursor: default;
4557
4656
  }
4558
- .Link-module__hop-Link--standalone___l-iNG .Link-module__hop-Link__text___9BuwZ {
4657
+ .Link-module__hop-Link--standalone___P1yGq .Link-module__hop-Link__text___cN3Uw {
4559
4658
  padding: var(--hop-Link-padding-standalone);
4560
4659
  }
4561
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xs___ABclH .Link-module__hop-Link__text___9BuwZ {
4660
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xs___aNep6 .Link-module__hop-Link__text___cN3Uw {
4562
4661
  padding: var(--hop-Link-padding-standalone-xs);
4563
4662
  }
4564
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--sm___6euWI .Link-module__hop-Link__text___9BuwZ {
4663
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--sm___xGDoN .Link-module__hop-Link__text___cN3Uw {
4565
4664
  padding: var(--hop-Link-padding-standalone-sm);
4566
4665
  }
4567
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--md___-4wx- .Link-module__hop-Link__text___9BuwZ {
4666
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--md___PPF1- .Link-module__hop-Link__text___cN3Uw {
4568
4667
  padding: var(--hop-Link-padding-standalone-md);
4569
4668
  }
4570
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--lg___r5ujq .Link-module__hop-Link__text___9BuwZ {
4669
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--lg___h6IR3 .Link-module__hop-Link__text___cN3Uw {
4571
4670
  padding: var(--hop-Link-padding-standalone-lg);
4572
4671
  }
4573
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xl___ntD7P .Link-module__hop-Link__text___9BuwZ {
4672
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xl___4ER9H .Link-module__hop-Link__text___cN3Uw {
4574
4673
  padding: var(--hop-Link-padding-standalone-xl);
4575
4674
  }
4576
- .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--2xl___tluwP .Link-module__hop-Link__text___9BuwZ {
4675
+ .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--2xl___70ZO5 .Link-module__hop-Link__text___cN3Uw {
4577
4676
  padding: var(--hop-Link-padding-standalone-2xl);
4578
4677
  }
4579
- .Link-module__hop-Link--quiet___p89Vc[data-focus-visible],
4580
- .Link-module__hop-Link--quiet___p89Vc[data-hovered],
4581
- .Link-module__hop-Link--standalone___l-iNG[data-focus-visible],
4582
- .Link-module__hop-Link--standalone___l-iNG[data-hovered] {
4678
+ .Link-module__hop-Link--quiet___wyz1d[data-focus-visible],
4679
+ .Link-module__hop-Link--quiet___wyz1d[data-hovered],
4680
+ .Link-module__hop-Link--standalone___P1yGq[data-focus-visible],
4681
+ .Link-module__hop-Link--standalone___P1yGq[data-hovered] {
4583
4682
  text-decoration: underline;
4584
4683
  }
4585
- .Link-module__hop-Link___zN0GU:not(.Link-module__hop-Link--quiet___p89Vc, .Link-module__hop-Link--standalone___l-iNG) {
4684
+ .Link-module__hop-Link___wpopk:not(.Link-module__hop-Link--quiet___wyz1d, .Link-module__hop-Link--standalone___P1yGq) {
4586
4685
  text-decoration: underline;
4587
4686
  }
4588
- .Link-module__hop-Link--primary___o0ags {
4687
+ .Link-module__hop-Link--primary___23P65 {
4589
4688
  color: var(--hop-Link-primary-text-color);
4590
4689
  }
4591
- .Link-module__hop-Link--primary___o0ags[data-disabled] {
4690
+ .Link-module__hop-Link--primary___23P65[data-disabled] {
4592
4691
  color: var(--hop-Link-primary-text-disabled-color);
4593
4692
  }
4594
- .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-focus-visible],
4595
- .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-hovered] {
4693
+ .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-focus-visible],
4694
+ .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-hovered] {
4596
4695
  color: var(--hop-Link-primary-text-hover-color);
4597
4696
  }
4598
- .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-pressed] {
4697
+ .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-pressed] {
4599
4698
  color: var(--hop-Link-primary-text-pressed-color);
4600
4699
  }
4601
- .Link-module__hop-Link--secondary___jcpD5 {
4700
+ .Link-module__hop-Link--secondary___5biyI {
4602
4701
  color: var(--hop-Link-neutral-text-color);
4603
4702
  }
4604
- .Link-module__hop-Link--secondary___jcpD5[data-disabled] {
4703
+ .Link-module__hop-Link--secondary___5biyI[data-disabled] {
4605
4704
  color: var(--hop-Link-neutral-text-disabled-color);
4606
4705
  }
4607
- .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-focus-visible],
4608
- .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-hovered] {
4706
+ .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-focus-visible],
4707
+ .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-hovered] {
4609
4708
  color: var(--hop-Link-neutral-text-hover-color);
4610
4709
  }
4611
- .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-pressed] {
4710
+ .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-pressed] {
4612
4711
  color: var(--hop-Link-neutral-text-pressed-color);
4613
4712
  }
4614
- .Link-module__hop-Link__icon___N8Pvt,
4615
- .Link-module__hop-Link__icon-list___jgYl- {
4713
+ .Link-module__hop-Link__icon___OO3s-,
4714
+ .Link-module__hop-Link__icon-list___oV6ff {
4616
4715
  order: 2;
4617
4716
  }
4618
- .Link-module__hop-Link__text___9BuwZ {
4717
+ .Link-module__hop-Link__text___cN3Uw {
4619
4718
  order: 1;
4620
4719
  }
4621
- .Link-module__hop-Link__start-icon___GOMwu,
4622
- .Link-module__hop-Link__start-icon-list___P72wB {
4720
+ .Link-module__hop-Link__start-icon___ZF3vH,
4721
+ .Link-module__hop-Link__start-icon-list___eQ4MF {
4623
4722
  order: 0;
4624
4723
  }
4625
4724
 
4626
4725
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4627
- :where(.Popover-module__hop-Popover___Tn-G9 *) {
4726
+ :where(.Popover-module__hop-Popover___f2C8z *) {
4628
4727
  font-family: var(--font-family);
4629
4728
  font-size: var(--font-size);
4630
4729
  font-weight: var(--font-weight);
4631
4730
  line-height: var(--line-height);
4632
4731
  outline: none;
4633
4732
  }
4634
- .Popover-module__hop-Popover___Tn-G9 {
4733
+ .Popover-module__hop-Popover___f2C8z {
4635
4734
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4636
4735
  --hop-Popover-inline-width: 25rem;
4637
4736
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4644,22 +4743,22 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4644
4743
  inline-size: var(--width);
4645
4744
  max-inline-size: var(--max-width);
4646
4745
  }
4647
- .Popover-module__hop-Popover___Tn-G9[data-trigger=Select] {
4746
+ .Popover-module__hop-Popover___f2C8z[data-trigger=Select] {
4648
4747
  --width: var(--hop-Popover-dropdown-inline-width);
4649
4748
  }
4650
- .Popover-module__hop-Popover___Tn-G9[data-trigger=ComboBox] {
4749
+ .Popover-module__hop-Popover___f2C8z[data-trigger=ComboBox] {
4651
4750
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4652
4751
  }
4653
- .Popover-module__hop-Popover___Tn-G9[data-auto-width] {
4752
+ .Popover-module__hop-Popover___f2C8z[data-auto-width] {
4654
4753
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4655
4754
  }
4656
- .Popover-module__hop-Popover___Tn-G9[data-entering] {
4657
- animation: Popover-module__fade___nUmvV 0.25s;
4755
+ .Popover-module__hop-Popover___f2C8z[data-entering] {
4756
+ animation: Popover-module__fade___ZvHyC 0.25s;
4658
4757
  }
4659
- .Popover-module__hop-Popover___Tn-G9[data-exiting] {
4660
- animation: Popover-module__fade___nUmvV 0.25s reverse;
4758
+ .Popover-module__hop-Popover___f2C8z[data-exiting] {
4759
+ animation: Popover-module__fade___ZvHyC 0.25s reverse;
4661
4760
  }
4662
- @keyframes Popover-module__fade___nUmvV {
4761
+ @keyframes Popover-module__fade___ZvHyC {
4663
4762
  from {
4664
4763
  opacity: 0;
4665
4764
  }
@@ -4667,14 +4766,14 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4667
4766
  opacity: 1;
4668
4767
  }
4669
4768
  }
4670
- .Popover-module__hop-Popover__wrapper___606o6 {
4769
+ .Popover-module__hop-Popover__wrapper___XkVWN {
4671
4770
  display: flex;
4672
4771
  flex: 1 1 auto;
4673
4772
  flex-direction: column;
4674
4773
  min-block-size: 0;
4675
4774
  }
4676
- .Popover-module__hop-Popover__dialog___OKeOS,
4677
- .Popover-module__hop-Popover__dropdown___GLwYO {
4775
+ .Popover-module__hop-Popover__dialog___XHUDL,
4776
+ .Popover-module__hop-Popover__dropdown___RdY0R {
4678
4777
  --hop-Popover-background: var(--hop-neutral-surface);
4679
4778
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4680
4779
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4722,21 +4821,21 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4722
4821
  border-radius: var(--hop-Popover-border-radius);
4723
4822
  box-shadow: var(--hop-Popover-box-shadow);
4724
4823
  }
4725
- .Popover-module__hop-Popover__dropdown___GLwYO {
4824
+ .Popover-module__hop-Popover__dropdown___RdY0R {
4726
4825
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4727
4826
  --footer-place-self: stretch;
4728
4827
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4729
4828
  --padding: var(--hop-Popover-dropdown-padding);
4730
4829
  overflow: hidden;
4731
4830
  }
4732
- .Popover-module__hop-Popover__dialog___OKeOS {
4831
+ .Popover-module__hop-Popover__dialog___XHUDL {
4733
4832
  --padding: var(--hop-Popover-dialog-padding);
4734
4833
  }
4735
- .Popover-module__hop-Popover__title___Tu4KH {
4834
+ .Popover-module__hop-Popover__title___9KI7H {
4736
4835
  grid-area: header;
4737
4836
  color: var(--hop-Popover-color);
4738
4837
  }
4739
- .Popover-module__hop-Popover__content___t3KK5 {
4838
+ .Popover-module__hop-Popover__content___9F8Hl {
4740
4839
  --font-size: var(--hop-Popover-content-font-size);
4741
4840
  --line-height: var(--hop-Popover-content-line-height);
4742
4841
  --font-family: var(--hop-Popover-content-font-family);
@@ -4747,12 +4846,12 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4747
4846
  padding: 0;
4748
4847
  color: var(--hop-Popover-content-color);
4749
4848
  }
4750
- .Popover-module__hop-Popover___Tn-G9:not(:has(.Popover-module__hop-Popover__title___Tu4KH)) {
4751
- .Popover-module__hop-Popover__content___t3KK5 {
4849
+ .Popover-module__hop-Popover___f2C8z:not(:has(.Popover-module__hop-Popover__title___9KI7H)) {
4850
+ .Popover-module__hop-Popover__content___9F8Hl {
4752
4851
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4753
4852
  }
4754
4853
  }
4755
- .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__list-box___XmUYJ {
4854
+ .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__list-box___LNQrm {
4756
4855
  grid-area: content;
4757
4856
  inline-size: auto;
4758
4857
  min-inline-size: auto;
@@ -4760,7 +4859,7 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4760
4859
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4761
4860
  border: none;
4762
4861
  }
4763
- .Popover-module__hop-Popover__footer___jo9Dl {
4862
+ .Popover-module__hop-Popover__footer___iUKEH {
4764
4863
  --font-size: var(--hop-Popover-footer-font-size);
4765
4864
  --line-height: var(--hop-Popover-footer-line-height);
4766
4865
  grid-area: footer;
@@ -4768,22 +4867,22 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4768
4867
  margin: var(--footer-margin);
4769
4868
  color: var(--hop-Popover-color);
4770
4869
  }
4771
- .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__footer___jo9Dl {
4870
+ .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__footer___iUKEH {
4772
4871
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4773
4872
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4774
4873
  }
4775
- .Popover-module__hop-Popover__actions___dcbdB,
4776
- .Popover-module__hop-Popover__action___6mpc0 {
4874
+ .Popover-module__hop-Popover__actions___nhOEW,
4875
+ .Popover-module__hop-Popover__action___Joaf- {
4777
4876
  grid-area: action;
4778
4877
  justify-self: end;
4779
4878
  margin-block-start: var(--hop-Popover-row-gap);
4780
4879
  }
4781
- .Popover-module__hop-Popover___Tn-G9:has(.Popover-module__hop-Popover__actions___dcbdB, .Popover-module__hop-Popover__action___6mpc0) .Popover-module__hop-Popover__footer___jo9Dl {
4880
+ .Popover-module__hop-Popover___f2C8z:has(.Popover-module__hop-Popover__actions___nhOEW, .Popover-module__hop-Popover__action___Joaf-) .Popover-module__hop-Popover__footer___iUKEH {
4782
4881
  margin-inline-end: var(--hop-Popover-column-gap);
4783
4882
  }
4784
4883
 
4785
4884
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4786
- .PopoverBase-module__hop-PopoverBase___R08eb {
4885
+ .PopoverBase-module__hop-PopoverBase___j0xnb {
4787
4886
  --hop-Popover-background: var(--hop-neutral-surface);
4788
4887
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4789
4888
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4813,27 +4912,27 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4813
4912
  box-shadow: var(--hop-Popover-box-shadow);
4814
4913
  transition: opacity var(--hop-easing-duration-2);
4815
4914
  }
4816
- .PopoverBase-module__hop-PopoverBase___R08eb[data-entering] {
4915
+ .PopoverBase-module__hop-PopoverBase___j0xnb[data-entering] {
4817
4916
  opacity: 0;
4818
4917
  }
4819
- .PopoverBase-module__hop-PopoverBase___R08eb[data-exiting] {
4918
+ .PopoverBase-module__hop-PopoverBase___j0xnb[data-exiting] {
4820
4919
  pointer-events: none;
4821
4920
  opacity: 0;
4822
4921
  transition-timing-function: var(--hop-easing-productive);
4823
4922
  }
4824
4923
 
4825
4924
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
4826
- .ToggleArrow-module__hop-ToggleArrow___HUqr- {
4925
+ .ToggleArrow-module__hop-ToggleArrow___KPYHf {
4827
4926
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
4828
4927
  position: relative;
4829
4928
  transition: transform var(--transition);
4830
4929
  }
4831
- .ToggleArrow-module__hop-ToggleArrow___HUqr-[data-expanded] {
4930
+ .ToggleArrow-module__hop-ToggleArrow___KPYHf[data-expanded] {
4832
4931
  transform: rotate(-180deg);
4833
4932
  }
4834
4933
 
4835
4934
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/combobox/src/ComboBox.module.css/#css-module-data */
4836
- .ComboBox-module__hop-ComboBox___GvCoa {
4935
+ .ComboBox-module__hop-ComboBox___Hp0v8 {
4837
4936
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
4838
4937
  --hop-ComboBox-inline-size: 20rem;
4839
4938
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -4848,20 +4947,20 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4848
4947
  inline-size: var(--inline-size);
4849
4948
  max-inline-size: var(--hop-ComboBox-max-inline-size);
4850
4949
  }
4851
- .ComboBox-module__hop-ComboBox--fluid___OvKor {
4950
+ .ComboBox-module__hop-ComboBox--fluid___buJAg {
4852
4951
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
4853
4952
  }
4854
- .ComboBox-module__hop-ComboBox__label___O-Kpw {
4953
+ .ComboBox-module__hop-ComboBox__label___sZg1o {
4855
4954
  order: 1;
4856
4955
  }
4857
- .ComboBox-module__hop-ComboBox__trigger___q6qg2 {
4956
+ .ComboBox-module__hop-ComboBox__trigger___9e0Tw {
4858
4957
  cursor: text;
4859
4958
  order: 2;
4860
4959
  }
4861
- .ComboBox-module__hop-ComboBox__trigger___q6qg2[data-disabled] {
4960
+ .ComboBox-module__hop-ComboBox__trigger___9e0Tw[data-disabled] {
4862
4961
  cursor: default;
4863
4962
  }
4864
- .ComboBox-module__hop-ComboBox__button___cAzhI {
4963
+ .ComboBox-module__hop-ComboBox__button___syZ4t {
4865
4964
  cursor: pointer;
4866
4965
  display: flex;
4867
4966
  flex: 0 0 auto;
@@ -4872,15 +4971,15 @@ button.CloseButton-module__hop-CloseButton___i-yPG {
4872
4971
  border: none;
4873
4972
  outline: none;
4874
4973
  }
4875
- .ComboBox-module__hop-ComboBox__button___cAzhI[data-disabled] {
4974
+ .ComboBox-module__hop-ComboBox__button___syZ4t[data-disabled] {
4876
4975
  cursor: default;
4877
4976
  color: var(--hop-ComboBox-button-color-disabled);
4878
4977
  }
4879
- .ComboBox-module__hop-ComboBox__prefix___xQSGm {
4978
+ .ComboBox-module__hop-ComboBox__prefix___nzbW9 {
4880
4979
  align-self: center;
4881
4980
  color: var(--hop-ComboBox-prefix-color);
4882
4981
  }
4883
- .ComboBox-module__hop-ComboBox__helper-message___P-ah-,
4884
- .ComboBox-module__hop-ComboBox__error-message___TGYtK {
4982
+ .ComboBox-module__hop-ComboBox__helper-message___1zGX-,
4983
+ .ComboBox-module__hop-ComboBox__error-message___4TDaz {
4885
4984
  order: 3;
4886
4985
  }