@hopper-ui/components 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (384) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/src/Accordion.css +84 -77
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +84 -77
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +344 -325
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +344 -325
  9. package/dist/alert/src/index.js +11 -11
  10. package/dist/avatar/src/AnonymousAvatar.css +54 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -65
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +71 -64
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +54 -47
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +54 -47
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +54 -47
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -92
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +59 -52
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +54 -47
  27. package/dist/badge/src/FloatingBadge.js +2 -2
  28. package/dist/badge/src/index.css +69 -62
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +110 -103
  31. package/dist/buttons/src/Button.js +7 -7
  32. package/dist/buttons/src/ButtonContext.d.ts +13 -3
  33. package/dist/buttons/src/ButtonGroup.css +55 -48
  34. package/dist/buttons/src/ButtonGroup.js +3 -1
  35. package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
  36. package/dist/buttons/src/ClearButton.css +115 -108
  37. package/dist/buttons/src/ClearButton.js +3 -3
  38. package/dist/buttons/src/CloseButton.css +111 -104
  39. package/dist/buttons/src/CloseButton.js +8 -8
  40. package/dist/buttons/src/EmbeddedButton.css +115 -108
  41. package/dist/buttons/src/EmbeddedButton.js +1 -1
  42. package/dist/buttons/src/LinkButton.css +119 -112
  43. package/dist/buttons/src/LinkButton.js +5 -5
  44. package/dist/buttons/src/index.css +267 -260
  45. package/dist/buttons/src/index.d.ts +2 -2
  46. package/dist/buttons/src/index.js +12 -12
  47. package/dist/callout/src/Callout.css +279 -272
  48. package/dist/callout/src/Callout.js +9 -9
  49. package/dist/callout/src/CompactCallout.css +316 -309
  50. package/dist/callout/src/CompactCallout.js +9 -9
  51. package/dist/callout/src/index.css +328 -321
  52. package/dist/callout/src/index.js +10 -10
  53. package/dist/card/src/Card.css +47 -40
  54. package/dist/card/src/Card.js +1 -1
  55. package/dist/card/src/index.css +47 -40
  56. package/dist/card/src/index.js +1 -1
  57. package/dist/checkbox/src/Checkbox.css +63 -56
  58. package/dist/checkbox/src/Checkbox.js +5 -5
  59. package/dist/checkbox/src/CheckboxField.css +50 -43
  60. package/dist/checkbox/src/CheckboxField.js +4 -4
  61. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  62. package/dist/checkbox/src/CheckboxGroup.js +9 -8
  63. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  64. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  65. package/dist/checkbox/src/index.css +115 -108
  66. package/dist/checkbox/src/index.js +13 -12
  67. package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js} +2 -2
  68. package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js} +2 -2
  69. package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js} +20 -10
  70. package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js} +3 -3
  71. package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js} +1 -1
  72. package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js} +3 -3
  73. package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js} +2 -2
  74. package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js} +3 -3
  75. package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js} +26 -20
  76. package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js} +2 -2
  77. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  78. package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js} +17 -15
  79. package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js} +3 -3
  80. package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js} +20 -10
  81. package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js} +10 -8
  82. package/dist/chunk-6T7TUF6N.js +178 -0
  83. package/dist/{chunk-ONCR64LB.js → chunk-AC5FLJJL.js} +2 -2
  84. package/dist/{chunk-H6CZ6DKP.js → chunk-ACG3BFJQ.js} +1 -1
  85. package/dist/{chunk-XKREPRGK.js → chunk-AV7XDPXN.js} +1 -1
  86. package/dist/{chunk-LAN2LJO2.js → chunk-AX3SYX3G.js} +1 -1
  87. package/dist/{chunk-H637L477.js → chunk-CC5SXS5R.js} +1 -1
  88. package/dist/{chunk-KUGVMCIB.js → chunk-CIQZIY5N.js} +1 -1
  89. package/dist/{chunk-AYAKR4MK.js → chunk-CNG2EXC7.js} +3 -3
  90. package/dist/{chunk-REXPSB5P.js → chunk-CT3S2ZJP.js} +2 -2
  91. package/dist/{chunk-B2PCJYJW.js → chunk-DE74UTDH.js} +2 -2
  92. package/dist/{chunk-W53AAAUA.js → chunk-DEFXMEBJ.js} +2 -2
  93. package/dist/{chunk-HGSA2Y3P.js → chunk-DP4FHVJR.js} +25 -13
  94. package/dist/{chunk-62EZGVKH.js → chunk-EBXH6HHZ.js} +21 -11
  95. package/dist/{chunk-R5CEXZPL.js → chunk-EDDYY4KO.js} +1 -1
  96. package/dist/{chunk-SINPHU2Z.js → chunk-FIY4TUYL.js} +4 -28
  97. package/dist/{chunk-V2AGZ5A5.js → chunk-G2IQWVGX.js} +1 -1
  98. package/dist/{chunk-K73FGFB2.js → chunk-G5GYOSK7.js} +8 -8
  99. package/dist/{chunk-TZZQP76M.js → chunk-GR5QWFCA.js} +4 -4
  100. package/dist/{chunk-BI3MQKBI.js → chunk-HERQEWF5.js} +3 -3
  101. package/dist/{chunk-R4ICRVDS.js → chunk-HQJZSCV7.js} +1 -1
  102. package/dist/{chunk-DLYK3JRB.js → chunk-I25B6DME.js} +2 -2
  103. package/dist/{chunk-W2C47VCH.js → chunk-IIBLQ2CB.js} +1 -1
  104. package/dist/{chunk-SLFA36JO.js → chunk-J5FY5YAZ.js} +1 -1
  105. package/dist/{chunk-V7HFSPRY.js → chunk-J6FKM7WM.js} +1 -1
  106. package/dist/{chunk-R3PAHNRL.js → chunk-JBTFYM4B.js} +3 -3
  107. package/dist/{chunk-L4D32IWU.js → chunk-JNJFX2LE.js} +2 -2
  108. package/dist/{chunk-A2BFPCVC.js → chunk-JVLK5INM.js} +3 -3
  109. package/dist/{chunk-5WUSHVW7.js → chunk-KKUSWUZC.js} +1 -1
  110. package/dist/{chunk-CQHB3HRC.js → chunk-L7DSMPLQ.js} +2 -2
  111. package/dist/{chunk-RMAIQQFV.js → chunk-LACYHXY5.js} +2 -2
  112. package/dist/{chunk-EELIGZUD.js → chunk-LBXB3JFD.js} +5 -5
  113. package/dist/{chunk-6LKFNPEM.js → chunk-LMH2XI5J.js} +10 -4
  114. package/dist/{chunk-J62I6GH3.js → chunk-LOFWD2GD.js} +2 -2
  115. package/dist/{chunk-JNFQC65H.js → chunk-LUCUQMMD.js} +3 -3
  116. package/dist/chunk-MR5BPD6R.js +7 -0
  117. package/dist/{chunk-NVOQLDA5.js → chunk-N7A4SDQA.js} +18 -16
  118. package/dist/{chunk-GKN3BY36.js → chunk-NAK42XEC.js} +3 -3
  119. package/dist/{chunk-M3L2VYKL.js → chunk-NC7G3EHF.js} +2 -2
  120. package/dist/{chunk-GKUY4QWP.js → chunk-NFETZ57D.js} +2 -2
  121. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  122. package/dist/{chunk-YWNBO3UY.js → chunk-OABMTS4J.js} +1 -1
  123. package/dist/{chunk-KWXJDQ4M.js → chunk-OCK54JWW.js} +2 -2
  124. package/dist/{chunk-MYZE5GJA.js → chunk-OINTMN5W.js} +2 -2
  125. package/dist/{chunk-D7IJXSDN.js → chunk-OS6JDQKO.js} +2 -2
  126. package/dist/{chunk-K7PQOHUQ.js → chunk-OYPIU6JL.js} +2 -2
  127. package/dist/chunk-PDWWX5JI.js +70 -0
  128. package/dist/{chunk-XUO7HGRK.js → chunk-PJ2RHMZ3.js} +2 -2
  129. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  130. package/dist/{chunk-ARCWWXRR.js → chunk-PQVBUEXC.js} +3 -3
  131. package/dist/{chunk-SEQN7G35.js → chunk-QARGGDML.js} +4 -4
  132. package/dist/{chunk-IJZK5LYV.js → chunk-QDN24QKG.js} +1 -1
  133. package/dist/{chunk-QVHMDEWO.js → chunk-QSCBTSIF.js} +9 -3
  134. package/dist/{chunk-RNVPPIZQ.js → chunk-RIFW5PYW.js} +3 -3
  135. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  136. package/dist/{chunk-U35DID2L.js → chunk-S5AHDRSE.js} +1 -1
  137. package/dist/chunk-TQQMWXRK.js +190 -0
  138. package/dist/{chunk-PPV6OKAK.js → chunk-UBBZ4LV5.js} +19 -9
  139. package/dist/{chunk-MYPNAEEC.js → chunk-UBILZ2MS.js} +1 -1
  140. package/dist/{chunk-VLGOJ5DY.js → chunk-UFR36PXP.js} +4 -4
  141. package/dist/{chunk-KEDXRQG2.js → chunk-ULY62A7P.js} +6 -6
  142. package/dist/{chunk-FOD6Q7UN.js → chunk-V5PLUMR5.js} +3 -3
  143. package/dist/{chunk-UIOWILYW.js → chunk-V7OAPBQT.js} +1 -1
  144. package/dist/{chunk-ZSOUOAD4.js → chunk-V7VDYDIQ.js} +3 -4
  145. package/dist/{chunk-MP4UER4S.js → chunk-VBJVG2YA.js} +15 -6
  146. package/dist/{chunk-RKZRG2QV.js → chunk-VSCRFXJ2.js} +5 -5
  147. package/dist/{chunk-WDZO4L7Z.js → chunk-W2EX7F7K.js} +1 -1
  148. package/dist/{chunk-TLAJAVGL.js → chunk-WJE3JIRZ.js} +3 -3
  149. package/dist/{chunk-LERLQFPC.js → chunk-X4IV4VLD.js} +4 -4
  150. package/dist/{chunk-FJJG6PMV.js → chunk-XEMYAR47.js} +1 -1
  151. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  152. package/dist/{chunk-TN5C3AE3.js → chunk-YDNBMCQD.js} +8 -4
  153. package/dist/{chunk-2EAZ5H42.js → chunk-YFQIN27E.js} +1 -1
  154. package/dist/{chunk-FJ6AAK5Z.js → chunk-YZBOR2D4.js} +9 -7
  155. package/dist/{chunk-VMGVHR42.js → chunk-Z5WDAIAE.js} +2 -2
  156. package/dist/{chunk-CICKS5HQ.js → chunk-ZLL3VV5V.js} +3 -3
  157. package/dist/{chunk-WY3JOP43.js → chunk-ZRYHXQDJ.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +687 -684
  159. package/dist/combobox/src/ComboBox.js +24 -23
  160. package/dist/combobox/src/index.css +687 -684
  161. package/dist/combobox/src/index.js +24 -23
  162. package/dist/contextual-help/src/ContextualHelp.css +4165 -0
  163. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  164. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  165. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  166. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  167. package/dist/contextual-help/src/index.css +4165 -0
  168. package/dist/contextual-help/src/index.d.ts +10 -0
  169. package/dist/contextual-help/src/index.js +14 -0
  170. package/dist/disclosure/src/Disclosure.css +54 -47
  171. package/dist/disclosure/src/Disclosure.js +2 -2
  172. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  173. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  174. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  175. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  176. package/dist/disclosure/src/index.css +79 -72
  177. package/dist/disclosure/src/index.js +9 -9
  178. package/dist/divider/src/Divider.css +46 -39
  179. package/dist/divider/src/Divider.js +1 -1
  180. package/dist/divider/src/index.css +46 -39
  181. package/dist/divider/src/index.js +1 -1
  182. package/dist/error-message/src/ErrorMessage.css +46 -39
  183. package/dist/error-message/src/ErrorMessage.js +3 -3
  184. package/dist/error-message/src/index.css +46 -39
  185. package/dist/error-message/src/index.js +3 -3
  186. package/dist/form/src/Form.css +44 -37
  187. package/dist/form/src/Form.js +1 -1
  188. package/dist/form/src/index.css +44 -37
  189. package/dist/form/src/index.js +1 -1
  190. package/dist/header/src/Header.css +279 -0
  191. package/dist/header/src/Header.js +3 -1
  192. package/dist/header/src/HeaderContext.d.ts +13 -3
  193. package/dist/header/src/index.css +279 -0
  194. package/dist/header/src/index.d.ts +1 -1
  195. package/dist/header/src/index.js +3 -1
  196. package/dist/helper-message/src/HelperMessage.css +46 -39
  197. package/dist/helper-message/src/HelperMessage.js +3 -3
  198. package/dist/helper-message/src/index.css +46 -39
  199. package/dist/helper-message/src/index.js +3 -3
  200. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  201. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  202. package/dist/hopper-provider/src/index.css +45 -38
  203. package/dist/hopper-provider/src/index.js +1 -1
  204. package/dist/i18n/src/index.js +1 -1
  205. package/dist/i18n/src/useLocalizedString.js +1 -1
  206. package/dist/icon-list/src/IconList.css +45 -38
  207. package/dist/icon-list/src/IconList.js +1 -1
  208. package/dist/icon-list/src/index.css +45 -38
  209. package/dist/icon-list/src/index.js +1 -1
  210. package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
  211. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  212. package/dist/illustrated-message/src/index.css +286 -279
  213. package/dist/illustrated-message/src/index.js +2 -2
  214. package/dist/image/src/Image.css +47 -40
  215. package/dist/image/src/Image.js +3 -1
  216. package/dist/image/src/ImageContext.d.ts +13 -3
  217. package/dist/image/src/SvgImage.css +45 -38
  218. package/dist/image/src/SvgImage.js +1 -1
  219. package/dist/image/src/index.css +48 -41
  220. package/dist/image/src/index.d.ts +1 -1
  221. package/dist/image/src/index.js +4 -2
  222. package/dist/index.css +1135 -1064
  223. package/dist/index.d.ts +10 -7
  224. package/dist/index.js +116 -113
  225. package/dist/inputs/src/Input.css +48 -41
  226. package/dist/inputs/src/Input.js +1 -1
  227. package/dist/inputs/src/InputGroup.css +50 -43
  228. package/dist/inputs/src/InputGroup.js +1 -1
  229. package/dist/inputs/src/NumberField.css +74 -67
  230. package/dist/inputs/src/NumberField.js +12 -11
  231. package/dist/inputs/src/PasswordField.css +287 -280
  232. package/dist/inputs/src/PasswordField.js +12 -11
  233. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  234. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  235. package/dist/inputs/src/SearchField.css +293 -286
  236. package/dist/inputs/src/SearchField.js +13 -12
  237. package/dist/inputs/src/TextArea.css +71 -64
  238. package/dist/inputs/src/TextArea.js +11 -10
  239. package/dist/inputs/src/TextField.css +291 -284
  240. package/dist/inputs/src/TextField.js +16 -15
  241. package/dist/inputs/src/index.css +339 -332
  242. package/dist/inputs/src/index.js +22 -21
  243. package/dist/layout/src/Content.css +279 -0
  244. package/dist/layout/src/Content.js +3 -1
  245. package/dist/layout/src/ContentContext.d.ts +13 -3
  246. package/dist/layout/src/Footer.css +279 -0
  247. package/dist/layout/src/Footer.js +3 -1
  248. package/dist/layout/src/FooterContext.d.ts +13 -3
  249. package/dist/link/src/Link.css +83 -76
  250. package/dist/link/src/Link.js +4 -4
  251. package/dist/link/src/index.css +83 -76
  252. package/dist/link/src/index.js +4 -4
  253. package/dist/list-box/src/ListBox.css +318 -311
  254. package/dist/list-box/src/ListBox.js +10 -10
  255. package/dist/list-box/src/ListBoxItem.css +306 -299
  256. package/dist/list-box/src/ListBoxItem.js +7 -7
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +318 -311
  260. package/dist/list-box/src/index.js +11 -11
  261. package/dist/menu/src/Menu.css +621 -627
  262. package/dist/menu/src/Menu.js +4 -4
  263. package/dist/menu/src/MenuItem.css +125 -118
  264. package/dist/menu/src/MenuItem.js +3 -3
  265. package/dist/menu/src/MenuSection.css +46 -39
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +648 -654
  268. package/dist/menu/src/index.js +9 -9
  269. package/dist/modal/src/BaseModal.css +59 -52
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +60 -53
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +334 -315
  274. package/dist/modal/src/Modal.js +10 -10
  275. package/dist/modal/src/index.css +335 -316
  276. package/dist/modal/src/index.js +12 -12
  277. package/dist/overlays/popover/src/Popover.css +604 -597
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +607 -604
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +71 -64
  284. package/dist/radio/src/DecorativeRadio.js +4 -4
  285. package/dist/radio/src/Radio.css +63 -56
  286. package/dist/radio/src/Radio.js +4 -4
  287. package/dist/radio/src/RadioField.css +50 -43
  288. package/dist/radio/src/RadioField.js +3 -3
  289. package/dist/radio/src/RadioGroup.css +115 -108
  290. package/dist/radio/src/RadioGroup.js +10 -9
  291. package/dist/radio/src/index.css +115 -108
  292. package/dist/radio/src/index.js +14 -13
  293. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  294. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  295. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  296. package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
  297. package/dist/segmented-control/src/index.css +60 -53
  298. package/dist/segmented-control/src/index.js +5 -5
  299. package/dist/select/src/Select.css +631 -628
  300. package/dist/select/src/Select.js +23 -22
  301. package/dist/select/src/SelectValue.css +105 -98
  302. package/dist/select/src/SelectValue.js +4 -4
  303. package/dist/select/src/index.css +631 -628
  304. package/dist/select/src/index.js +23 -22
  305. package/dist/spinner/src/Spinner.css +54 -47
  306. package/dist/spinner/src/Spinner.js +3 -3
  307. package/dist/spinner/src/index.css +54 -47
  308. package/dist/spinner/src/index.js +3 -3
  309. package/dist/switch/src/Switch.css +60 -53
  310. package/dist/switch/src/Switch.js +4 -4
  311. package/dist/switch/src/SwitchField.css +50 -43
  312. package/dist/switch/src/SwitchField.js +4 -4
  313. package/dist/switch/src/index.css +66 -59
  314. package/dist/switch/src/index.js +6 -6
  315. package/dist/tabs/src/Tab.css +457 -450
  316. package/dist/tabs/src/Tab.js +4 -4
  317. package/dist/tabs/src/TabLine.css +46 -39
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +53 -46
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +46 -39
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +468 -461
  324. package/dist/tabs/src/index.js +7 -7
  325. package/dist/tag/src/Tag.css +435 -428
  326. package/dist/tag/src/Tag.js +9 -9
  327. package/dist/tag/src/TagGroup.css +54 -47
  328. package/dist/tag/src/TagGroup.js +9 -8
  329. package/dist/tag/src/index.css +445 -438
  330. package/dist/tag/src/index.js +14 -13
  331. package/dist/tile/src/Tile.css +53 -46
  332. package/dist/tile/src/Tile.js +3 -3
  333. package/dist/tile/src/TileGroup.css +45 -38
  334. package/dist/tile/src/TileGroup.js +2 -2
  335. package/dist/tile/src/index.css +54 -47
  336. package/dist/tile/src/index.js +5 -5
  337. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +46 -39
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +54 -47
  342. package/dist/tooltip/src/Tooltip.js +4 -4
  343. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  344. package/dist/tooltip/src/index.css +54 -47
  345. package/dist/tooltip/src/index.js +5 -5
  346. package/dist/typography/heading/src/Heading.css +44 -37
  347. package/dist/typography/heading/src/Heading.js +3 -1
  348. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  349. package/dist/typography/heading/src/index.css +44 -37
  350. package/dist/typography/heading/src/index.d.ts +1 -1
  351. package/dist/typography/heading/src/index.js +3 -1
  352. package/dist/typography/label/src/FieldLabel.css +279 -0
  353. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  354. package/dist/typography/label/src/FieldLabel.js +8 -0
  355. package/dist/typography/label/src/Label.css +52 -45
  356. package/dist/typography/label/src/Label.d.ts +0 -10
  357. package/dist/typography/label/src/Label.js +1 -4
  358. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  359. package/dist/typography/label/src/index.css +44 -37
  360. package/dist/typography/label/src/index.d.ts +4 -2
  361. package/dist/typography/label/src/index.js +4 -3
  362. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  363. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  364. package/dist/typography/overline-text/src/index.css +44 -37
  365. package/dist/typography/overline-text/src/index.js +1 -1
  366. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  367. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  368. package/dist/typography/paragraph/src/index.css +44 -37
  369. package/dist/typography/paragraph/src/index.js +3 -3
  370. package/dist/typography/text/src/Text.css +44 -37
  371. package/dist/typography/text/src/Text.js +2 -2
  372. package/dist/typography/text/src/index.css +44 -37
  373. package/dist/typography/text/src/index.js +2 -2
  374. package/dist/utils/src/ClearSlots.css +44 -37
  375. package/dist/utils/src/ClearSlots.d.ts +1 -2
  376. package/dist/utils/src/ClearSlots.js +1 -1
  377. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  378. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  379. package/dist/utils/src/index.css +44 -37
  380. package/dist/utils/src/index.d.ts +1 -1
  381. package/dist/utils/src/index.js +3 -3
  382. package/dist/utils/src/types.d.ts +4 -0
  383. package/package.json +1 -1
  384. package/dist/chunk-67EKVQAF.js +0 -121
@@ -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___3N-BS {
2
+ .Heading-module__hop-Heading___f8I5B {
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___3N-BS) {
36
+ :where(.Heading-module__hop-Heading___f8I5B) {
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___AIoE1) {
44
+ :where(.Heading-module__hop-Heading--xs___RO7T9) {
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___C-5Tn) {
50
+ :where(.Heading-module__hop-Heading--sm___u2TRR) {
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___ptBBh) {
56
+ :where(.Heading-module__hop-Heading--md___BFmdf) {
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___MhXsB) {
62
+ :where(.Heading-module__hop-Heading--lg___hMrrH) {
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___jMCo1) {
68
+ :where(.Heading-module__hop-Heading--xl___gQz6L) {
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___N864S) {
74
+ :where(.Heading-module__hop-Heading--2xl___9oHXD) {
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___ev4Cg) {
80
+ :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
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,26 +85,33 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
- .Label-module__hop-Label___tzV87 {
88
+ .Label-module__hop-Label___dgJtM {
89
89
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
90
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
91
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
92
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
93
  --hop-Label-color: var(--hop-neutral-text-weak);
94
94
  }
95
- :where(.Label-module__hop-Label___tzV87) {
95
+ :where(.Label-module__hop-Label___dgJtM) {
96
96
  font-family: var(--hop-Label-font-family);
97
97
  font-size: var(--hop-Label-font-size);
98
98
  font-weight: var(--hop-Label-font-weight);
99
99
  line-height: var(--hop-Label-line-height);
100
100
  color: var(--hop-Label-color);
101
101
  }
102
- :where(.Label-module__hop-Label__indicator___Wp4MQ) {
102
+
103
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
104
+ .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
105
+ display: flex;
106
+ gap: var(--hop-space-inset-xs);
107
+ align-items: center;
108
+ }
109
+ .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
103
110
  padding-inline-start: var(--hop-space-20);
104
111
  }
105
112
 
106
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
107
- :where(.OverlineText-module__hop-OverlineText___lDKuo) {
114
+ :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
108
115
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
109
116
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
110
117
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -128,26 +135,26 @@
128
135
  text-transform: uppercase;
129
136
  letter-spacing: var(--letter-spacing);
130
137
  }
131
- .OverlineText-module__hop-OverlineText__text___JrGdf {
138
+ .OverlineText-module__hop-OverlineText__text___-Cgyx {
132
139
  box-sizing: border-box;
133
140
  }
134
- .OverlineText-module__hop-OverlineText__text___JrGdf::before,
135
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
141
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
142
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
136
143
  content: "";
137
144
  display: block;
138
145
  box-sizing: border-box;
139
146
  inline-size: 0;
140
147
  block-size: 0;
141
148
  }
142
- .OverlineText-module__hop-OverlineText__text___JrGdf::before {
149
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
143
150
  margin-block-end: var(--bottom-offset);
144
151
  }
145
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
152
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
146
153
  margin-block-start: var(--top-offset);
147
154
  }
148
155
 
149
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
150
- .Text-module__hop-Text___TSNAC {
157
+ .Text-module__hop-Text___NFTCi {
151
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
152
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
153
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -177,49 +184,49 @@
177
184
  --hop-Text-inherit-size-font-weight: inherit;
178
185
  --hop-Text-inherit-size-line-height: inherit;
179
186
  }
180
- :where(.Text-module__hop-Text___TSNAC) {
187
+ :where(.Text-module__hop-Text___NFTCi) {
181
188
  font-family: var(--font-family);
182
189
  font-size: var(--font-size);
183
190
  font-weight: var(--font-weight);
184
191
  line-height: var(--line-height);
185
192
  }
186
- :where(.Text-module__hop-Text--xs___yuFT0) {
193
+ :where(.Text-module__hop-Text--xs___I0d0v) {
187
194
  --font-size: var(--hop-Text-xs-font-size);
188
195
  --font-family: var(--hop-Text-xs-font-family);
189
196
  --font-weight: var(--hop-Text-xs-font-weight);
190
197
  --line-height: var(--hop-Text-xs-line-height);
191
198
  }
192
- :where(.Text-module__hop-Text--sm___qelbx) {
199
+ :where(.Text-module__hop-Text--sm___33NDY) {
193
200
  --font-size: var(--hop-Text-sm-font-size);
194
201
  --font-family: var(--hop-Text-sm-font-family);
195
202
  --font-weight: var(--hop-Text-sm-font-weight);
196
203
  --line-height: var(--hop-Text-sm-line-height);
197
204
  }
198
- :where(.Text-module__hop-Text--md___PcK3y) {
205
+ :where(.Text-module__hop-Text--md___12lqb) {
199
206
  --font-size: var(--hop-Text-md-font-size);
200
207
  --font-family: var(--hop-Text-md-font-family);
201
208
  --font-weight: var(--hop-Text-md-font-weight);
202
209
  --line-height: var(--hop-Text-md-line-height);
203
210
  }
204
- :where(.Text-module__hop-Text--lg___iRaZl) {
211
+ :where(.Text-module__hop-Text--lg___EIx-l) {
205
212
  --font-size: var(--hop-Text-lg-font-size);
206
213
  --font-family: var(--hop-Text-lg-font-family);
207
214
  --font-weight: var(--hop-Text-lg-font-weight);
208
215
  --line-height: var(--hop-Text-lg-line-height);
209
216
  }
210
- :where(.Text-module__hop-Text--xl___kO3Qt) {
217
+ :where(.Text-module__hop-Text--xl___Hgsci) {
211
218
  --font-size: var(--hop-Text-xl-font-size);
212
219
  --font-family: var(--hop-Text-xl-font-family);
213
220
  --font-weight: var(--hop-Text-xl-font-weight);
214
221
  --line-height: var(--hop-Text-xl-line-height);
215
222
  }
216
- :where(.Text-module__hop-Text--2xl___rAN5U) {
223
+ :where(.Text-module__hop-Text--2xl___bZva7) {
217
224
  --font-size: var(--hop-Text-2xl-font-size);
218
225
  --font-family: var(--hop-Text-2xl-font-family);
219
226
  --font-weight: var(--hop-Text-2xl-font-weight);
220
227
  --line-height: var(--hop-Text-2xl-line-height);
221
228
  }
222
- :where(.Text-module__hop-Text--inherit___hn3le) {
229
+ :where(.Text-module__hop-Text--inherit___D42Q3) {
223
230
  --font-size: var(--hop-Text-inherit-size-font-size);
224
231
  --font-family: var(--hop-Text-inherit-size-font-family);
225
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -227,7 +234,7 @@
227
234
  }
228
235
 
229
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
230
- .Paragraph-module__hop-Paragraph___VOZwC {
237
+ .Paragraph-module__hop-Paragraph___pDtiI {
231
238
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
232
239
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
233
240
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -239,40 +246,40 @@
239
246
  margin-block-end: var(--margin-block-end);
240
247
  overflow-wrap: break-word;
241
248
  }
242
- .Paragraph-module__hop-Paragraph___VOZwC:last-child {
249
+ .Paragraph-module__hop-Paragraph___pDtiI:last-child {
243
250
  --margin-block-end: 0;
244
251
  }
245
- .Paragraph-module__hop-Paragraph--xs___crXVt {
252
+ .Paragraph-module__hop-Paragraph--xs___yzl-N {
246
253
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
247
254
  }
248
- .Paragraph-module__hop-Paragraph--sm___nxfnz {
255
+ .Paragraph-module__hop-Paragraph--sm___mssXe {
249
256
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
250
257
  }
251
- .Paragraph-module__hop-Paragraph--md___YgyE0 {
258
+ .Paragraph-module__hop-Paragraph--md___Ujb4e {
252
259
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
253
260
  }
254
- .Paragraph-module__hop-Paragraph--lg___G36sQ {
261
+ .Paragraph-module__hop-Paragraph--lg___fzVC0 {
255
262
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
256
263
  }
257
- .Paragraph-module__hop-Paragraph--xl___dWzV5 {
264
+ .Paragraph-module__hop-Paragraph--xl___bF-Yd {
258
265
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
259
266
  }
260
- .Paragraph-module__hop-Paragraph--2xl___wJ2Wu {
267
+ .Paragraph-module__hop-Paragraph--2xl___UuYkH {
261
268
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
262
269
  }
263
- .Paragraph-module__hop-Paragraph--inherit___Z3RKC {
270
+ .Paragraph-module__hop-Paragraph--inherit___jW721 {
264
271
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
265
272
  }
266
273
 
267
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
268
- .Form-module__hop-Form___F-45c {
275
+ .Form-module__hop-Form___7RaBZ {
269
276
  display: flex;
270
277
  flex-direction: column;
271
278
  gap: var(--hop-space-stack-lg);
272
279
  }
273
280
 
274
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
275
- .IconList-module__hop-IconList___JGBdL {
282
+ .IconList-module__hop-IconList___m2E3v {
276
283
  --hop-IconList-gap: var(--hop-space-inline-xs);
277
284
  display: flex;
278
285
  flex-wrap: wrap;
@@ -281,7 +288,7 @@
281
288
  }
282
289
 
283
290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
284
- @keyframes Spinner-module__spin___Ev3-W {
291
+ @keyframes Spinner-module__spin___pKwfA {
285
292
  0% {
286
293
  transform: rotate(0deg);
287
294
  }
@@ -289,7 +296,7 @@
289
296
  transform: rotate(360deg);
290
297
  }
291
298
  }
292
- .Spinner-module__hop-Spinner___-DwXC {
299
+ .Spinner-module__hop-Spinner___NL-2c {
293
300
  --hop-Spinner-border-radius: var(--hop-shape-circle);
294
301
  --hop-Spinner-sm-wheel-size: 1rem;
295
302
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -297,7 +304,7 @@
297
304
  --hop-Spinner-track-width: 0.125rem;
298
305
  --hop-Spinner-track-opacity: 0.2;
299
306
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
300
- --hop-Spinner-fill-animation: Spinner-module__spin___Ev3-W .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
301
308
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
302
309
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
303
310
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -308,19 +315,19 @@
308
315
  align-items: center;
309
316
  box-sizing: border-box;
310
317
  }
311
- .Spinner-module__hop-Spinner--sm___UlZFf {
318
+ .Spinner-module__hop-Spinner--sm___o8oor {
312
319
  --width: var(--hop-Spinner-sm-wheel-size);
313
320
  --height: var(--hop-Spinner-sm-wheel-size);
314
321
  }
315
- .Spinner-module__hop-Spinner--md___2Aejk {
322
+ .Spinner-module__hop-Spinner--md___Z3T3P {
316
323
  --width: var(--hop-Spinner-md-wheel-size);
317
324
  --height: var(--hop-Spinner-md-wheel-size);
318
325
  }
319
- .Spinner-module__hop-Spinner--lg___rUTOq {
326
+ .Spinner-module__hop-Spinner--lg___-2JJ5 {
320
327
  --width: var(--hop-Spinner-lg-wheel-size);
321
328
  --height: var(--hop-Spinner-lg-wheel-size);
322
329
  }
323
- .Spinner-module__hop-Spinner__track___beMsW {
330
+ .Spinner-module__hop-Spinner__track___-5qNx {
324
331
  grid-area: spinner;
325
332
  box-sizing: border-box;
326
333
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -329,7 +336,7 @@
329
336
  border: var(--hop-Spinner-track-border);
330
337
  border-radius: var(--hop-Spinner-border-radius);
331
338
  }
332
- .Spinner-module__hop-Spinner__fill___-bGVd {
339
+ .Spinner-module__hop-Spinner__fill___ds519 {
333
340
  grid-area: spinner;
334
341
  box-sizing: border-box;
335
342
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -340,17 +347,17 @@
340
347
  animation: var(--hop-Spinner-fill-animation);
341
348
  }
342
349
  @media (prefers-reduced-motion: reduce) {
343
- .Spinner-module__hop-Spinner__fill___-bGVd {
350
+ .Spinner-module__hop-Spinner__fill___ds519 {
344
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
345
352
  }
346
353
  }
347
- .Spinner-module__hop-Spinner__label___mBxTu {
354
+ .Spinner-module__hop-Spinner__label___aAqY5 {
348
355
  grid-area: label;
349
356
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
350
357
  }
351
358
 
352
359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
353
- .Button-module__hop-Button___M1srN {
360
+ .Button-module__hop-Button___drz4z {
354
361
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
355
362
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
356
363
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -474,215 +481,215 @@
474
481
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
475
482
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
476
483
  }
477
- .Button-module__hop-Button--fluid___GCROP {
484
+ .Button-module__hop-Button--fluid___jF2LE {
478
485
  --inline-size: 100%;
479
486
  }
480
- .Button-module__hop-Button--sm___0F6Zs {
487
+ .Button-module__hop-Button--sm___yWI1w {
481
488
  --block-size: var(--hop-Button-sm-height);
482
489
  --padding: var(--hop-Button-sm-padding);
483
490
  }
484
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
491
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
485
492
  --padding: var(--hop-Button-ghost-sm-padding);
486
493
  }
487
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
494
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
488
495
  --padding: var(--hop-Button-ghost-md-padding);
489
496
  }
490
- .Button-module__hop-Button--icon-only___22irB {
497
+ .Button-module__hop-Button--icon-only___ZVI03 {
491
498
  --column-gap: var(--hop-Button-icon-only-column-gap);
492
499
  --padding: var(--hop-Button-icon-only-padding);
493
500
  aspect-ratio: 1;
494
501
  }
495
- .Button-module__hop-Button--primary___hqlO9 {
502
+ .Button-module__hop-Button--primary___gQcR4 {
496
503
  --background-color: var(--hop-Button-primary-background-color);
497
504
  --color: var(--hop-Button-primary-color);
498
505
  --border: var(--hop-Button-primary-border);
499
506
  --spinner-color: var(--hop-Button-primary-spinner-color);
500
507
  }
501
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
502
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
508
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
509
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
503
510
  --background-color: var(--hop-Button-primary-background-color-hover);
504
511
  --color: var(--hop-Button-primary-color-hover);
505
512
  --border: var(--hop-Button-primary-border-hover);
506
513
  }
507
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
514
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
508
515
  --background-color: var(--hop-Button-primary-background-color-pressed);
509
516
  --color: var(--hop-Button-primary-color-pressed);
510
517
  --border: var(--hop-Button-primary-border-pressed);
511
518
  }
512
- .Button-module__hop-Button--secondary___eeNTL {
519
+ .Button-module__hop-Button--secondary___iPATA {
513
520
  --background-color: var(--hop-Button-secondary-background-color);
514
521
  --color: var(--hop-Button-secondary-color);
515
522
  --border: var(--hop-Button-secondary-border);
516
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
517
524
  }
518
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
519
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
525
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
526
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
520
527
  --background-color: var(--hop-Button-secondary-background-color-hover);
521
528
  --color: var(--hop-Button-secondary-color-hover);
522
529
  --border: var(--hop-Button-secondary-border-hover);
523
530
  }
524
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
531
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
525
532
  --background-color: var(--hop-Button-secondary-background-color-pressed);
526
533
  --color: var(--hop-Button-secondary-color-pressed);
527
534
  --border: var(--hop-Button-secondary-border-pressed);
528
535
  }
529
- .Button-module__hop-Button--upsell___ab5Uf {
536
+ .Button-module__hop-Button--upsell___1odMt {
530
537
  --background-color: var(--hop-Button-upsell-background-color);
531
538
  --color: var(--hop-Button-upsell-color);
532
539
  --border: var(--hop-Button-upsell-border);
533
540
  --spinner-color: var(--hop-Button-upsell-spinner-color);
534
541
  }
535
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
536
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
542
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
543
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
537
544
  --background-color: var(--hop-Button-upsell-background-color-hover);
538
545
  --color: var(--hop-Button-upsell-color-hover);
539
546
  --border: var(--hop-Button-upsell-border-hover);
540
547
  }
541
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
548
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
542
549
  --background-color: var(--hop-Button-upsell-background-color-pressed);
543
550
  --color: var(--hop-Button-upsell-color-pressed);
544
551
  --border: var(--hop-Button-upsell-border-pressed);
545
552
  }
546
- .Button-module__hop-Button--danger___vGqCj {
553
+ .Button-module__hop-Button--danger___nvNVv {
547
554
  --background-color: var(--hop-Button-danger-background-color);
548
555
  --color: var(--hop-Button-danger-color);
549
556
  --border: var(--hop-Button-danger-border);
550
557
  --spinner-color: var(--hop-Button-danger-spinner-color);
551
558
  }
552
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
553
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
559
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
560
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
554
561
  --background-color: var(--hop-Button-danger-background-color-hover);
555
562
  --color: var(--hop-Button-danger-color-hover);
556
563
  --border: var(--hop-Button-danger-border-hover);
557
564
  }
558
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
565
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
559
566
  --background-color: var(--hop-Button-danger-background-color-pressed);
560
567
  --color: var(--hop-Button-danger-color-pressed);
561
568
  --border: var(--hop-Button-danger-border-pressed);
562
569
  }
563
- .Button-module__hop-Button--ghost-primary___K1fli {
570
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
564
571
  --background-color: var(--hop-Button-ghost-primary-background-color);
565
572
  --color: var(--hop-Button-ghost-primary-color);
566
573
  --border: var(--hop-Button-ghost-primary-border);
567
574
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
568
575
  }
569
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
570
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
576
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
577
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
571
578
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
572
579
  --color: var(--hop-Button-ghost-primary-color-hover);
573
580
  --border: var(--hop-Button-ghost-primary-border-hover);
574
581
  --text-underline: underline;
575
582
  }
576
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
583
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
577
584
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
578
585
  --color: var(--hop-Button-ghost-primary-color-pressed);
579
586
  --border: var(--hop-Button-ghost-primary-border-pressed);
580
587
  --text-underline: underline;
581
588
  }
582
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
589
+ .Button-module__hop-Button--ghost-secondary___YirRd {
583
590
  --background-color: var(--hop-Button-ghost-secondary-background-color);
584
591
  --color: var(--hop-Button-ghost-secondary-color);
585
592
  --border: var(--hop-Button-ghost-secondary-border);
586
593
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
587
594
  }
588
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
589
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
595
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
596
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
590
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
591
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
592
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
593
600
  --text-underline: underline;
594
601
  }
595
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
602
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
596
603
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
597
604
  --color: var(--hop-Button-ghost-secondary-color-pressed);
598
605
  --border: var(--hop-Button-ghost-secondary-border-pressed);
599
606
  --text-underline: underline;
600
607
  }
601
- .Button-module__hop-Button--ghost-danger___F83U0 {
608
+ .Button-module__hop-Button--ghost-danger___J37kT {
602
609
  --background-color: var(--hop-Button-ghost-danger-background-color);
603
610
  --color: var(--hop-Button-ghost-danger-color);
604
611
  --border: var(--hop-Button-ghost-danger-border);
605
612
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
606
613
  }
607
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
608
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
614
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
615
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
609
616
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
610
617
  --color: var(--hop-Button-ghost-danger-color-hover);
611
618
  --border: var(--hop-Button-ghost-danger-border-hover);
612
619
  --text-underline: underline;
613
620
  }
614
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
621
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
615
622
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
616
623
  --color: var(--hop-Button-ghost-danger-color-pressed);
617
624
  --border: var(--hop-Button-ghost-danger-border-pressed);
618
625
  --text-underline: underline;
619
626
  }
620
- .Button-module__hop-Button___M1srN[data-focus-visible] {
627
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
621
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
622
629
  }
623
- .Button-module__hop-Button___M1srN[data-disabled],
624
- .Button-module__hop-Button--loading___PvMXo {
630
+ .Button-module__hop-Button___drz4z[data-disabled],
631
+ .Button-module__hop-Button--loading___Vt2Li {
625
632
  cursor: not-allowed;
626
633
  }
627
- .Button-module__hop-Button___M1srN[data-disabled] {
634
+ .Button-module__hop-Button___drz4z[data-disabled] {
628
635
  --background-color: var(--hop-Button-background-color-disabled);
629
636
  --color: var(--hop-Button-color-disabled);
630
637
  --border: var(--hop-Button-border-disabled);
631
638
  }
632
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
639
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
633
640
  --background-color: var(--hop-Button-ghost-background-color-disabled);
634
641
  --color: var(--hop-Button-ghost-color-disabled);
635
642
  --border: var(--hop-Button-ghost-border-disabled);
636
643
  }
637
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
644
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
638
645
  --background-color: var(--hop-Button-primary-background-color);
639
646
  --color: var(--hop-Button-primary-color);
640
647
  --border: var(--hop-Button-primary-border);
641
648
  }
642
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
649
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
643
650
  --background-color: var(--hop-Button-secondary-background-color);
644
651
  --color: var(--hop-Button-secondary-color);
645
652
  --border: var(--hop-Button-secondary-border);
646
653
  }
647
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
654
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
648
655
  --background-color: var(--hop-Button-upsell-background-color);
649
656
  --color: var(--hop-Button-upsell-color);
650
657
  --border: var(--hop-Button-upsell-border);
651
658
  }
652
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
659
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
653
660
  --background-color: var(--hop-Button-danger-background-color);
654
661
  --color: var(--hop-Button-danger-color);
655
662
  --border: var(--hop-Button-danger-border);
656
663
  }
657
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
664
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
658
665
  --background-color: var(--hop-Button-ghost-primary-background-color);
659
666
  --color: var(--hop-Button-ghost-primary-color);
660
667
  --border: var(--hop-Button-ghost-primary-border);
661
668
  --text-underline: none;
662
669
  }
663
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
670
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
664
671
  --background-color: var(--hop-Button-ghost-secondary-background-color);
665
672
  --color: var(--hop-Button-ghost-secondary-color);
666
673
  --border: var(--hop-Button-ghost-secondary-border);
667
674
  --text-underline: none;
668
675
  }
669
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
676
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
670
677
  --background-color: var(--hop-Button-ghost-danger-background-color);
671
678
  --color: var(--hop-Button-ghost-danger-color);
672
679
  --border: var(--hop-Button-ghost-danger-border);
673
680
  --text-underline: none;
674
681
  }
675
- .Button-module__hop-Button__Spinner___oJ124 {
682
+ .Button-module__hop-Button__Spinner___qFcTX {
676
683
  position: absolute;
677
684
  color: var(--spinner-color);
678
685
  }
679
- .Button-module__hop-Button__icon___3qLql,
680
- .Button-module__hop-Button__icon-list___8YvWB {
686
+ .Button-module__hop-Button__icon___i0bX0,
687
+ .Button-module__hop-Button__icon-list___h-l1l {
681
688
  flex: 0 0 auto;
682
689
  justify-self: end;
683
690
  order: 1;
684
691
  }
685
- .Button-module__hop-Button__text___LAcjY {
692
+ .Button-module__hop-Button__text___gW1zi {
686
693
  user-select: none;
687
694
  overflow: visible;
688
695
  flex: 0 1 auto;
@@ -692,60 +699,60 @@
692
699
  text-underline-offset: 0.125rem;
693
700
  text-wrap: nowrap;
694
701
  }
695
- .Button-module__hop-Button__end-icon___-fm8M,
696
- .Button-module__hop-Button__end-icon-list___yI0-C {
702
+ .Button-module__hop-Button__end-icon___H4Qu5,
703
+ .Button-module__hop-Button__end-icon-list___k4l7m {
697
704
  flex: 0 0 auto;
698
705
  order: 3;
699
706
  }
700
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
701
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
707
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
708
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
702
709
  flex-wrap: nowrap;
703
710
  }
704
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
711
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
705
712
  opacity: 0;
706
713
  }
707
714
 
708
715
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
709
- .ButtonGroup-module__hop-ButtonGroup___gelmV {
716
+ .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
710
717
  display: inline-flex;
711
718
  flex-wrap: nowrap;
712
719
  gap: var(--hop-space-inline-md);
713
720
  }
714
- .ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
715
722
  align-items: center;
716
723
  }
717
- .ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
718
725
  flex-direction: column;
719
726
  gap: var(--hop-space-stack-md);
720
727
  justify-content: center;
721
728
  }
722
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
723
730
  align-items: flex-start;
724
731
  }
725
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
726
733
  align-items: center;
727
734
  }
728
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
729
736
  align-items: flex-end;
730
737
  }
731
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
732
739
  justify-content: flex-start;
733
740
  }
734
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
735
742
  justify-content: center;
736
743
  }
737
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
738
745
  justify-content: flex-end;
739
746
  }
740
- .ButtonGroup-module__hop-ButtonGroup--wrap___3A-HD {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
741
748
  flex-wrap: wrap;
742
749
  }
743
- .ButtonGroup-module__hop-ButtonGroup--fluid___rcGGk {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
744
751
  inline-size: 100%;
745
752
  }
746
753
 
747
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
748
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
749
756
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
750
757
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
751
758
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -909,7 +916,7 @@
909
916
  outline: none;
910
917
  transition: color var(--transition);
911
918
  }
912
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
913
920
  content: "";
914
921
  position: absolute;
915
922
  inset-block-start: 50%;
@@ -922,284 +929,284 @@
922
929
  border-radius: var(--effect-border-radius);
923
930
  transition: background-color var(--transition);
924
931
  }
925
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
926
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
927
934
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
929
936
  --inline-size: var(--hop-EmbeddedButton-md-width);
930
937
  --block-size: var(--hop-EmbeddedButton-md-height);
931
938
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
932
939
  }
933
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7 {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
934
941
  --inline-size: var(--hop-EmbeddedButton-lg-width);
935
942
  --block-size: var(--hop-EmbeddedButton-lg-height);
936
943
  --focus-ring-offset: 0;
937
944
  }
938
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
939
946
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
940
947
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
941
948
  }
942
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
943
950
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
944
951
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
945
952
  }
946
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
947
954
  --color: var(--hop-EmbeddedButton-neutral-color);
948
955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
949
956
  }
950
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3 {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
951
958
  --color: var(--hop-EmbeddedButton-subdued-color);
952
959
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
953
960
  }
954
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7 {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
955
962
  --color: var(--hop-EmbeddedButton-progress-color);
956
963
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
957
964
  }
958
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
959
966
  --color: var(--hop-EmbeddedButton-positive-color);
960
967
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
961
968
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
963
970
  --color: var(--hop-EmbeddedButton-caution-color);
964
971
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
965
972
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
967
974
  --color: var(--hop-EmbeddedButton-negative-color);
968
975
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
969
976
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
971
978
  --color: var(--hop-EmbeddedButton-option1-color);
972
979
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
973
980
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
975
982
  --color: var(--hop-EmbeddedButton-option2-color);
976
983
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
977
984
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
979
986
  --color: var(--hop-EmbeddedButton-option3-color);
980
987
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
981
988
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
983
990
  --color: var(--hop-EmbeddedButton-option4-color);
984
991
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
985
992
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8 {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
987
994
  --color: var(--hop-EmbeddedButton-option5-color);
988
995
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
989
996
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
991
998
  --color: var(--hop-EmbeddedButton-option6-color);
992
999
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
993
1000
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
995
1002
  --color: var(--hop-EmbeddedButton-selected-color);
996
1003
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
997
1004
  }
998
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
999
1006
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1000
1007
  outline-offset: var(--focus-ring-offset);
1001
1008
  }
1002
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1003
1010
  cursor: not-allowed;
1004
1011
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1006
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1007
1014
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1008
1015
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1010
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1011
1018
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1012
1019
  }
1013
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1014
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1015
1022
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1016
1023
  }
1017
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1018
1025
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1019
1026
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1020
1027
  }
1021
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1022
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1023
1030
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1024
1031
  }
1025
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1026
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1027
1034
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1028
1035
  }
1029
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1030
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1031
1038
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1032
1039
  }
1033
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1034
1041
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1035
1042
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1036
1043
  }
1037
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1038
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1039
1046
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1040
1047
  }
1041
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1042
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1043
1050
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1044
1051
  }
1045
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1046
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1047
1054
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1048
1055
  }
1049
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1050
1057
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1051
1058
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1052
1059
  }
1053
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1054
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1055
1062
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1056
1063
  }
1057
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1058
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1059
1066
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1060
1067
  }
1061
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1062
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1063
1070
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1064
1071
  }
1065
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1066
1073
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1067
1074
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1068
1075
  }
1069
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1070
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1071
1078
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1072
1079
  }
1073
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1074
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1075
1082
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1076
1083
  }
1077
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1078
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1079
1086
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1080
1087
  }
1081
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1082
1089
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1083
1090
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1084
1091
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1086
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1087
1094
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1088
1095
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1090
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1091
1098
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1092
1099
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1094
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1095
1102
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1096
1103
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1098
1105
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1099
1106
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1100
1107
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1102
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1103
1110
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1104
1111
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1106
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1107
1114
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1108
1115
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1110
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1111
1118
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1112
1119
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1114
1121
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1115
1122
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1116
1123
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1118
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1119
1126
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1120
1127
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1122
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1123
1130
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1124
1131
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1126
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1127
1134
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1128
1135
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1130
1137
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1131
1138
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1132
1139
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1134
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1135
1142
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1136
1143
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1138
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1139
1146
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1140
1147
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1142
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1143
1150
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1144
1151
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1146
1153
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1147
1154
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1148
1155
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1150
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1151
1158
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1152
1159
  }
1153
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1154
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1155
1162
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1156
1163
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1158
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1159
1166
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1160
1167
  }
1161
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1162
1169
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1163
1170
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1164
1171
  }
1165
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1166
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1167
1174
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1168
1175
  }
1169
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1170
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1171
1178
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1172
1179
  }
1173
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1174
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1175
1182
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1176
1183
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1178
1185
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1179
1186
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1180
1187
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1182
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1183
1190
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1184
1191
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1186
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1187
1194
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1188
1195
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1190
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1191
1198
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1192
1199
  }
1193
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1194
1201
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1195
1202
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1196
1203
  }
1197
- .EmbeddedButton-module__hop-EmbeddedButton__icon___7jSBR {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1198
1205
  position: relative;
1199
1206
  }
1200
1207
 
1201
1208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1202
- button.CloseButton-module__hop-CloseButton___GS-3t {
1209
+ button.CloseButton-module__hop-CloseButton___aWaMI {
1203
1210
  --hop-CloseButton-margin-top: 0rem;
1204
1211
  --hop-CloseButton-padding: 0rem;
1205
1212
  --hop-CloseButton-width: fit-content;
@@ -1211,7 +1218,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1211
1218
  }
1212
1219
 
1213
1220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1214
- .Button-module__hop-Button___M1srN {
1221
+ .Button-module__hop-Button___drz4z {
1215
1222
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1216
1223
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1217
1224
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1335,215 +1342,215 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1335
1342
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1336
1343
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1337
1344
  }
1338
- .Button-module__hop-Button--fluid___GCROP {
1345
+ .Button-module__hop-Button--fluid___jF2LE {
1339
1346
  --inline-size: 100%;
1340
1347
  }
1341
- .Button-module__hop-Button--sm___0F6Zs {
1348
+ .Button-module__hop-Button--sm___yWI1w {
1342
1349
  --block-size: var(--hop-Button-sm-height);
1343
1350
  --padding: var(--hop-Button-sm-padding);
1344
1351
  }
1345
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
1352
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1346
1353
  --padding: var(--hop-Button-ghost-sm-padding);
1347
1354
  }
1348
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
1355
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1349
1356
  --padding: var(--hop-Button-ghost-md-padding);
1350
1357
  }
1351
- .Button-module__hop-Button--icon-only___22irB {
1358
+ .Button-module__hop-Button--icon-only___ZVI03 {
1352
1359
  --column-gap: var(--hop-Button-icon-only-column-gap);
1353
1360
  --padding: var(--hop-Button-icon-only-padding);
1354
1361
  aspect-ratio: 1;
1355
1362
  }
1356
- .Button-module__hop-Button--primary___hqlO9 {
1363
+ .Button-module__hop-Button--primary___gQcR4 {
1357
1364
  --background-color: var(--hop-Button-primary-background-color);
1358
1365
  --color: var(--hop-Button-primary-color);
1359
1366
  --border: var(--hop-Button-primary-border);
1360
1367
  --spinner-color: var(--hop-Button-primary-spinner-color);
1361
1368
  }
1362
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
1363
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
1369
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
1370
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1364
1371
  --background-color: var(--hop-Button-primary-background-color-hover);
1365
1372
  --color: var(--hop-Button-primary-color-hover);
1366
1373
  --border: var(--hop-Button-primary-border-hover);
1367
1374
  }
1368
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
1375
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1369
1376
  --background-color: var(--hop-Button-primary-background-color-pressed);
1370
1377
  --color: var(--hop-Button-primary-color-pressed);
1371
1378
  --border: var(--hop-Button-primary-border-pressed);
1372
1379
  }
1373
- .Button-module__hop-Button--secondary___eeNTL {
1380
+ .Button-module__hop-Button--secondary___iPATA {
1374
1381
  --background-color: var(--hop-Button-secondary-background-color);
1375
1382
  --color: var(--hop-Button-secondary-color);
1376
1383
  --border: var(--hop-Button-secondary-border);
1377
1384
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1378
1385
  }
1379
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
1380
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
1386
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
1387
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1381
1388
  --background-color: var(--hop-Button-secondary-background-color-hover);
1382
1389
  --color: var(--hop-Button-secondary-color-hover);
1383
1390
  --border: var(--hop-Button-secondary-border-hover);
1384
1391
  }
1385
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
1392
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1386
1393
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1387
1394
  --color: var(--hop-Button-secondary-color-pressed);
1388
1395
  --border: var(--hop-Button-secondary-border-pressed);
1389
1396
  }
1390
- .Button-module__hop-Button--upsell___ab5Uf {
1397
+ .Button-module__hop-Button--upsell___1odMt {
1391
1398
  --background-color: var(--hop-Button-upsell-background-color);
1392
1399
  --color: var(--hop-Button-upsell-color);
1393
1400
  --border: var(--hop-Button-upsell-border);
1394
1401
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1395
1402
  }
1396
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
1397
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
1403
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
1404
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1398
1405
  --background-color: var(--hop-Button-upsell-background-color-hover);
1399
1406
  --color: var(--hop-Button-upsell-color-hover);
1400
1407
  --border: var(--hop-Button-upsell-border-hover);
1401
1408
  }
1402
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
1409
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1403
1410
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1404
1411
  --color: var(--hop-Button-upsell-color-pressed);
1405
1412
  --border: var(--hop-Button-upsell-border-pressed);
1406
1413
  }
1407
- .Button-module__hop-Button--danger___vGqCj {
1414
+ .Button-module__hop-Button--danger___nvNVv {
1408
1415
  --background-color: var(--hop-Button-danger-background-color);
1409
1416
  --color: var(--hop-Button-danger-color);
1410
1417
  --border: var(--hop-Button-danger-border);
1411
1418
  --spinner-color: var(--hop-Button-danger-spinner-color);
1412
1419
  }
1413
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
1414
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
1420
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
1421
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1415
1422
  --background-color: var(--hop-Button-danger-background-color-hover);
1416
1423
  --color: var(--hop-Button-danger-color-hover);
1417
1424
  --border: var(--hop-Button-danger-border-hover);
1418
1425
  }
1419
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
1426
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1420
1427
  --background-color: var(--hop-Button-danger-background-color-pressed);
1421
1428
  --color: var(--hop-Button-danger-color-pressed);
1422
1429
  --border: var(--hop-Button-danger-border-pressed);
1423
1430
  }
1424
- .Button-module__hop-Button--ghost-primary___K1fli {
1431
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
1425
1432
  --background-color: var(--hop-Button-ghost-primary-background-color);
1426
1433
  --color: var(--hop-Button-ghost-primary-color);
1427
1434
  --border: var(--hop-Button-ghost-primary-border);
1428
1435
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1429
1436
  }
1430
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
1431
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
1437
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1438
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1432
1439
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1433
1440
  --color: var(--hop-Button-ghost-primary-color-hover);
1434
1441
  --border: var(--hop-Button-ghost-primary-border-hover);
1435
1442
  --text-underline: underline;
1436
1443
  }
1437
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
1444
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1438
1445
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1439
1446
  --color: var(--hop-Button-ghost-primary-color-pressed);
1440
1447
  --border: var(--hop-Button-ghost-primary-border-pressed);
1441
1448
  --text-underline: underline;
1442
1449
  }
1443
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
1450
+ .Button-module__hop-Button--ghost-secondary___YirRd {
1444
1451
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1445
1452
  --color: var(--hop-Button-ghost-secondary-color);
1446
1453
  --border: var(--hop-Button-ghost-secondary-border);
1447
1454
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1448
1455
  }
1449
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
1450
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
1456
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1457
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1451
1458
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1452
1459
  --color: var(--hop-Button-ghost-secondary-color-hover);
1453
1460
  --border: var(--hop-Button-ghost-secondary-border-hover);
1454
1461
  --text-underline: underline;
1455
1462
  }
1456
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
1463
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1457
1464
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1458
1465
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1459
1466
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1460
1467
  --text-underline: underline;
1461
1468
  }
1462
- .Button-module__hop-Button--ghost-danger___F83U0 {
1469
+ .Button-module__hop-Button--ghost-danger___J37kT {
1463
1470
  --background-color: var(--hop-Button-ghost-danger-background-color);
1464
1471
  --color: var(--hop-Button-ghost-danger-color);
1465
1472
  --border: var(--hop-Button-ghost-danger-border);
1466
1473
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1467
1474
  }
1468
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
1469
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
1475
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1476
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1470
1477
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1471
1478
  --color: var(--hop-Button-ghost-danger-color-hover);
1472
1479
  --border: var(--hop-Button-ghost-danger-border-hover);
1473
1480
  --text-underline: underline;
1474
1481
  }
1475
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
1482
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1476
1483
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1477
1484
  --color: var(--hop-Button-ghost-danger-color-pressed);
1478
1485
  --border: var(--hop-Button-ghost-danger-border-pressed);
1479
1486
  --text-underline: underline;
1480
1487
  }
1481
- .Button-module__hop-Button___M1srN[data-focus-visible] {
1488
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
1482
1489
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1483
1490
  }
1484
- .Button-module__hop-Button___M1srN[data-disabled],
1485
- .Button-module__hop-Button--loading___PvMXo {
1491
+ .Button-module__hop-Button___drz4z[data-disabled],
1492
+ .Button-module__hop-Button--loading___Vt2Li {
1486
1493
  cursor: not-allowed;
1487
1494
  }
1488
- .Button-module__hop-Button___M1srN[data-disabled] {
1495
+ .Button-module__hop-Button___drz4z[data-disabled] {
1489
1496
  --background-color: var(--hop-Button-background-color-disabled);
1490
1497
  --color: var(--hop-Button-color-disabled);
1491
1498
  --border: var(--hop-Button-border-disabled);
1492
1499
  }
1493
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
1500
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1494
1501
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1495
1502
  --color: var(--hop-Button-ghost-color-disabled);
1496
1503
  --border: var(--hop-Button-ghost-border-disabled);
1497
1504
  }
1498
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
1505
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1499
1506
  --background-color: var(--hop-Button-primary-background-color);
1500
1507
  --color: var(--hop-Button-primary-color);
1501
1508
  --border: var(--hop-Button-primary-border);
1502
1509
  }
1503
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
1510
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1504
1511
  --background-color: var(--hop-Button-secondary-background-color);
1505
1512
  --color: var(--hop-Button-secondary-color);
1506
1513
  --border: var(--hop-Button-secondary-border);
1507
1514
  }
1508
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
1515
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1509
1516
  --background-color: var(--hop-Button-upsell-background-color);
1510
1517
  --color: var(--hop-Button-upsell-color);
1511
1518
  --border: var(--hop-Button-upsell-border);
1512
1519
  }
1513
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
1520
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1514
1521
  --background-color: var(--hop-Button-danger-background-color);
1515
1522
  --color: var(--hop-Button-danger-color);
1516
1523
  --border: var(--hop-Button-danger-border);
1517
1524
  }
1518
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
1525
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1519
1526
  --background-color: var(--hop-Button-ghost-primary-background-color);
1520
1527
  --color: var(--hop-Button-ghost-primary-color);
1521
1528
  --border: var(--hop-Button-ghost-primary-border);
1522
1529
  --text-underline: none;
1523
1530
  }
1524
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
1531
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1525
1532
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1526
1533
  --color: var(--hop-Button-ghost-secondary-color);
1527
1534
  --border: var(--hop-Button-ghost-secondary-border);
1528
1535
  --text-underline: none;
1529
1536
  }
1530
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
1537
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1531
1538
  --background-color: var(--hop-Button-ghost-danger-background-color);
1532
1539
  --color: var(--hop-Button-ghost-danger-color);
1533
1540
  --border: var(--hop-Button-ghost-danger-border);
1534
1541
  --text-underline: none;
1535
1542
  }
1536
- .Button-module__hop-Button__Spinner___oJ124 {
1543
+ .Button-module__hop-Button__Spinner___qFcTX {
1537
1544
  position: absolute;
1538
1545
  color: var(--spinner-color);
1539
1546
  }
1540
- .Button-module__hop-Button__icon___3qLql,
1541
- .Button-module__hop-Button__icon-list___8YvWB {
1547
+ .Button-module__hop-Button__icon___i0bX0,
1548
+ .Button-module__hop-Button__icon-list___h-l1l {
1542
1549
  flex: 0 0 auto;
1543
1550
  justify-self: end;
1544
1551
  order: 1;
1545
1552
  }
1546
- .Button-module__hop-Button__text___LAcjY {
1553
+ .Button-module__hop-Button__text___gW1zi {
1547
1554
  user-select: none;
1548
1555
  overflow: visible;
1549
1556
  flex: 0 1 auto;
@@ -1553,57 +1560,57 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1553
1560
  text-underline-offset: 0.125rem;
1554
1561
  text-wrap: nowrap;
1555
1562
  }
1556
- .Button-module__hop-Button__end-icon___-fm8M,
1557
- .Button-module__hop-Button__end-icon-list___yI0-C {
1563
+ .Button-module__hop-Button__end-icon___H4Qu5,
1564
+ .Button-module__hop-Button__end-icon-list___k4l7m {
1558
1565
  flex: 0 0 auto;
1559
1566
  order: 3;
1560
1567
  }
1561
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
1562
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
1568
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1569
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1563
1570
  flex-wrap: nowrap;
1564
1571
  }
1565
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
1572
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1566
1573
  opacity: 0;
1567
1574
  }
1568
- .LinkButton-module__hop-LinkButton___H8H5- {
1575
+ .LinkButton-module__hop-LinkButton___hlYkA {
1569
1576
  }
1570
- .LinkButton-module__hop-LinkButton--fluid___BxWfs {
1577
+ .LinkButton-module__hop-LinkButton--fluid___iCMfM {
1571
1578
  }
1572
- .LinkButton-module__hop-LinkButton--sm___PaGWC {
1579
+ .LinkButton-module__hop-LinkButton--sm___yzSw4 {
1573
1580
  }
1574
- .LinkButton-module__hop-LinkButton--icon-only___Erzzh {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
1575
1582
  }
1576
- .LinkButton-module__hop-LinkButton--primary___2G641 {
1583
+ .LinkButton-module__hop-LinkButton--primary___l-P07 {
1577
1584
  }
1578
- .LinkButton-module__hop-LinkButton--secondary___OxMQu {
1585
+ .LinkButton-module__hop-LinkButton--secondary___37NV- {
1579
1586
  }
1580
- .LinkButton-module__hop-LinkButton--upsell___fl-AY {
1587
+ .LinkButton-module__hop-LinkButton--upsell___cIPT- {
1581
1588
  }
1582
- .LinkButton-module__hop-LinkButton--danger___Scoar {
1589
+ .LinkButton-module__hop-LinkButton--danger___6bQIM {
1583
1590
  }
1584
- .LinkButton-module__hop-LinkButton--ghost-primary___qMDz- {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
1585
1592
  }
1586
- .LinkButton-module__hop-LinkButton--ghost-secondary___6LD8Q {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
1587
1594
  }
1588
- .LinkButton-module__hop-LinkButton--ghost-danger___ouoq5 {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
1589
1596
  }
1590
- .LinkButton-module__hop-LinkButton__Spinner___e2ijE {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
1591
1598
  }
1592
- .LinkButton-module__hop-LinkButton__icon___sZuxo,
1593
- .LinkButton-module__hop-LinkButton__icon-list___kQDmx {
1599
+ .LinkButton-module__hop-LinkButton__icon___CjXqw,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
1594
1601
  }
1595
- .LinkButton-module__hop-LinkButton__text___jrGDA {
1602
+ .LinkButton-module__hop-LinkButton__text___PNN59 {
1596
1603
  }
1597
- .LinkButton-module__hop-LinkButton__end-icon___sYwVy,
1598
- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1599
1606
  }
1600
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__icon-list___kQDmx,
1601
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
1607
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
1608
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1602
1609
  flex-wrap: nowrap;
1603
1610
  }
1604
1611
 
1605
1612
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1606
- .HopperProvider-module__hop-HopperProvider___fR-AZ {
1613
+ .HopperProvider-module__hop-HopperProvider___1mjTd {
1607
1614
  font-family: var(--hop-body-md-font-family);
1608
1615
  font-size: var(--hop-body-md-font-size);
1609
1616
  font-weight: var(--hop-body-md-font-weight);
@@ -1613,7 +1620,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1613
1620
  }
1614
1621
 
1615
1622
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1616
- .Link-module__hop-Link___vMa0U {
1623
+ .Link-module__hop-Link___n4WL9 {
1617
1624
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1618
1625
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1619
1626
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1673,130 +1680,130 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1673
1680
  outline: none;
1674
1681
  outline-offset: 0.125rem;
1675
1682
  }
1676
- :where(.Link-module__hop-Link___vMa0U) {
1683
+ :where(.Link-module__hop-Link___n4WL9) {
1677
1684
  font-family: var(--font-family);
1678
1685
  font-size: var(--font-size);
1679
1686
  font-weight: var(--font-weight);
1680
1687
  line-height: var(--line-height);
1681
1688
  }
1682
- :where(.Link-module__hop-Link--xs___tWfT4) {
1689
+ :where(.Link-module__hop-Link--xs___kEypx) {
1683
1690
  --font-size: var(--hop-Link-xs-font-size);
1684
1691
  --font-family: var(--hop-Link-xs-font-family);
1685
1692
  --font-weight: var(--hop-Link-xs-font-weight);
1686
1693
  --line-height: var(--hop-Link-xs-line-height);
1687
1694
  }
1688
- :where(.Link-module__hop-Link--sm___9P0qn) {
1695
+ :where(.Link-module__hop-Link--sm___oCoo0) {
1689
1696
  --font-size: var(--hop-Link-sm-font-size);
1690
1697
  --font-family: var(--hop-Link-sm-font-family);
1691
1698
  --font-weight: var(--hop-Link-sm-font-weight);
1692
1699
  --line-height: var(--hop-Link-sm-line-height);
1693
1700
  }
1694
- :where(.Link-module__hop-Link--md___RvavS) {
1701
+ :where(.Link-module__hop-Link--md___4u0Jm) {
1695
1702
  --font-size: var(--hop-Link-md-font-size);
1696
1703
  --font-family: var(--hop-Link-md-font-family);
1697
1704
  --font-weight: var(--hop-Link-md-font-weight);
1698
1705
  --line-height: var(--hop-Link-md-line-height);
1699
1706
  }
1700
- :where(.Link-module__hop-Link--lg___yAcjg) {
1707
+ :where(.Link-module__hop-Link--lg___nFVvq) {
1701
1708
  --font-size: var(--hop-Link-lg-font-size);
1702
1709
  --font-family: var(--hop-Link-lg-font-family);
1703
1710
  --font-weight: var(--hop-Link-lg-font-weight);
1704
1711
  --line-height: var(--hop-Link-lg-line-height);
1705
1712
  }
1706
- :where(.Link-module__hop-Link--xl___oEcme) {
1713
+ :where(.Link-module__hop-Link--xl___yqMaS) {
1707
1714
  --font-size: var(--hop-Link-xl-font-size);
1708
1715
  --font-family: var(--hop-Link-xl-font-family);
1709
1716
  --font-weight: var(--hop-Link-xl-font-weight);
1710
1717
  --line-height: var(--hop-Link-xl-line-height);
1711
1718
  }
1712
- :where(.Link-module__hop-Link--2xl___By5aM) {
1719
+ :where(.Link-module__hop-Link--2xl___EgZxg) {
1713
1720
  --font-size: var(--hop-Link-2xl-font-size);
1714
1721
  --font-family: var(--hop-Link-2xl-font-family);
1715
1722
  --font-weight: var(--hop-Link-2xl-font-weight);
1716
1723
  --line-height: var(--hop-Link-2xl-line-height);
1717
1724
  }
1718
- :where(.Link-module__hop-Link--inherit___GIxcj) {
1725
+ :where(.Link-module__hop-Link--inherit___Xpj78) {
1719
1726
  --font-size: var(--hop-Link-inherit-size-font-size);
1720
1727
  --font-family: var(--hop-Link-inherit-size-font-family);
1721
1728
  --font-weight: var(--hop-Link-inherit-size-font-weight);
1722
1729
  --line-height: var(--hop-Link-inherit-size-line-height);
1723
1730
  }
1724
- .Link-module__hop-Link___vMa0U[data-focus-visible] {
1731
+ .Link-module__hop-Link___n4WL9[data-focus-visible] {
1725
1732
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1726
1733
  }
1727
- .Link-module__hop-Link___vMa0U[data-disabled] {
1734
+ .Link-module__hop-Link___n4WL9[data-disabled] {
1728
1735
  cursor: default;
1729
1736
  }
1730
- .Link-module__hop-Link--standalone___XnZFB .Link-module__hop-Link__text___cdZA7 {
1737
+ .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
1731
1738
  padding: var(--hop-Link-padding-standalone);
1732
1739
  }
1733
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--xs___tWfT4 .Link-module__hop-Link__text___cdZA7 {
1740
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
1734
1741
  padding: var(--hop-Link-padding-standalone-xs);
1735
1742
  }
1736
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--sm___9P0qn .Link-module__hop-Link__text___cdZA7 {
1743
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
1737
1744
  padding: var(--hop-Link-padding-standalone-sm);
1738
1745
  }
1739
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--md___RvavS .Link-module__hop-Link__text___cdZA7 {
1746
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
1740
1747
  padding: var(--hop-Link-padding-standalone-md);
1741
1748
  }
1742
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--lg___yAcjg .Link-module__hop-Link__text___cdZA7 {
1749
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
1743
1750
  padding: var(--hop-Link-padding-standalone-lg);
1744
1751
  }
1745
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--xl___oEcme .Link-module__hop-Link__text___cdZA7 {
1752
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
1746
1753
  padding: var(--hop-Link-padding-standalone-xl);
1747
1754
  }
1748
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--2xl___By5aM .Link-module__hop-Link__text___cdZA7 {
1755
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
1749
1756
  padding: var(--hop-Link-padding-standalone-2xl);
1750
1757
  }
1751
- .Link-module__hop-Link--quiet___tJvB-[data-focus-visible],
1752
- .Link-module__hop-Link--quiet___tJvB-[data-hovered],
1753
- .Link-module__hop-Link--standalone___XnZFB[data-focus-visible],
1754
- .Link-module__hop-Link--standalone___XnZFB[data-hovered] {
1758
+ .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
1759
+ .Link-module__hop-Link--quiet___9GBMr[data-hovered],
1760
+ .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
1761
+ .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
1755
1762
  text-decoration: underline;
1756
1763
  }
1757
- .Link-module__hop-Link___vMa0U:not(.Link-module__hop-Link--quiet___tJvB-, .Link-module__hop-Link--standalone___XnZFB) {
1764
+ .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
1758
1765
  text-decoration: underline;
1759
1766
  }
1760
- .Link-module__hop-Link--primary___18lFj {
1767
+ .Link-module__hop-Link--primary___YeNRh {
1761
1768
  color: var(--hop-Link-primary-text-color);
1762
1769
  }
1763
- .Link-module__hop-Link--primary___18lFj[data-disabled] {
1770
+ .Link-module__hop-Link--primary___YeNRh[data-disabled] {
1764
1771
  color: var(--hop-Link-primary-text-disabled-color);
1765
1772
  }
1766
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-focus-visible],
1767
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-hovered] {
1773
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
1774
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
1768
1775
  color: var(--hop-Link-primary-text-hover-color);
1769
1776
  }
1770
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-pressed] {
1777
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
1771
1778
  color: var(--hop-Link-primary-text-pressed-color);
1772
1779
  }
1773
- .Link-module__hop-Link--secondary___FCsEt {
1780
+ .Link-module__hop-Link--secondary___0pBbc {
1774
1781
  color: var(--hop-Link-neutral-text-color);
1775
1782
  }
1776
- .Link-module__hop-Link--secondary___FCsEt[data-disabled] {
1783
+ .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
1777
1784
  color: var(--hop-Link-neutral-text-disabled-color);
1778
1785
  }
1779
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-focus-visible],
1780
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-hovered] {
1786
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
1787
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
1781
1788
  color: var(--hop-Link-neutral-text-hover-color);
1782
1789
  }
1783
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-pressed] {
1790
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
1784
1791
  color: var(--hop-Link-neutral-text-pressed-color);
1785
1792
  }
1786
- .Link-module__hop-Link__icon___cT8Oh,
1787
- .Link-module__hop-Link__icon-list___u49kV {
1793
+ .Link-module__hop-Link__icon___QFMUA,
1794
+ .Link-module__hop-Link__icon-list___eQlWg {
1788
1795
  order: 2;
1789
1796
  }
1790
- .Link-module__hop-Link__text___cdZA7 {
1797
+ .Link-module__hop-Link__text___1mmQh {
1791
1798
  order: 1;
1792
1799
  }
1793
- .Link-module__hop-Link__start-icon___j4Lnk,
1794
- .Link-module__hop-Link__start-icon-list___ZygP1 {
1800
+ .Link-module__hop-Link__start-icon___Tury5,
1801
+ .Link-module__hop-Link__start-icon-list___lkoEc {
1795
1802
  order: 0;
1796
1803
  }
1797
1804
 
1798
1805
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1799
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6 {
1806
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
1800
1807
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1801
1808
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1802
1809
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1827,46 +1834,46 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1827
1834
  background-color: var(--background-color);
1828
1835
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1829
1836
  }
1830
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vxH-6 {
1837
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
1831
1838
  --size: var(--hop-RichIconAvatarImage-xs-size);
1832
1839
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1833
1840
  }
1834
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___l8zKZ {
1841
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
1835
1842
  --size: var(--hop-RichIconAvatarImage-sm-size);
1836
1843
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1837
1844
  }
1838
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___dl7qB {
1845
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
1839
1846
  --size: var(--hop-RichIconAvatarImage-md-size);
1840
1847
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1841
1848
  }
1842
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___b2V01 {
1849
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
1843
1850
  --size: var(--hop-RichIconAvatarImage-lg-size);
1844
1851
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1845
1852
  }
1846
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___oZubf {
1853
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
1847
1854
  --size: var(--hop-RichIconAvatarImage-xl-size);
1848
1855
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1849
1856
  }
1850
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___S1-4q {
1857
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
1851
1858
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1852
1859
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1853
1860
  }
1854
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] {
1861
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
1855
1862
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1856
1863
  }
1857
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
1864
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
1858
1865
  position: relative;
1859
1866
  display: block;
1860
1867
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1861
1868
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1862
1869
  }
1863
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
1870
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
1864
1871
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1865
1872
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1866
1873
  }
1867
1874
 
1868
1875
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
1869
- .Avatar-module__hop-Avatar___-m4sl {
1876
+ .Avatar-module__hop-Avatar___Ihw-T {
1870
1877
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1871
1878
  --hop-Avatar-mix-blend-mode: normal;
1872
1879
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1911,67 +1918,67 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1911
1918
  background-color: var(--background-color, transparent);
1912
1919
  border-radius: var(--hop-Avatar-border-radius);
1913
1920
  }
1914
- .Avatar-module__hop-Avatar--xs___voEj- {
1921
+ .Avatar-module__hop-Avatar--xs___wUBE6 {
1915
1922
  --size: var(--hop-Avatar-xs-size);
1916
1923
  }
1917
- .Avatar-module__hop-Avatar--sm___VEWZ9 {
1924
+ .Avatar-module__hop-Avatar--sm___zFiEI {
1918
1925
  --size: var(--hop-Avatar-sm-size);
1919
1926
  }
1920
- .Avatar-module__hop-Avatar--md___WRFOH {
1927
+ .Avatar-module__hop-Avatar--md___gGnf1 {
1921
1928
  --size: var(--hop-Avatar-md-size);
1922
1929
  }
1923
- .Avatar-module__hop-Avatar--lg___JaNW3 {
1930
+ .Avatar-module__hop-Avatar--lg___59OtB {
1924
1931
  --size: var(--hop-Avatar-lg-size);
1925
1932
  }
1926
- .Avatar-module__hop-Avatar--xl___Ov8Y8 {
1933
+ .Avatar-module__hop-Avatar--xl___zCYTU {
1927
1934
  --size: var(--hop-Avatar-xl-size);
1928
1935
  }
1929
- .Avatar-module__hop-Avatar--2xl___Ti4UJ {
1936
+ .Avatar-module__hop-Avatar--2xl___lpaAF {
1930
1937
  --size: var(--hop-Avatar-2xl-size);
1931
1938
  }
1932
- .Avatar-module__hop-Avatar--decorative-option1___g6oOE {
1939
+ .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
1933
1940
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1934
1941
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1935
1942
  }
1936
- .Avatar-module__hop-Avatar--decorative-option2___u-zDc {
1943
+ .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
1937
1944
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1938
1945
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1939
1946
  }
1940
- .Avatar-module__hop-Avatar--decorative-option3___WhCPz {
1947
+ .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
1941
1948
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1942
1949
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1943
1950
  }
1944
- .Avatar-module__hop-Avatar--decorative-option4___GesJz {
1951
+ .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
1945
1952
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1946
1953
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1947
1954
  }
1948
- .Avatar-module__hop-Avatar--decorative-option5___-23ZH {
1955
+ .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
1949
1956
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1950
1957
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1951
1958
  }
1952
- .Avatar-module__hop-Avatar--decorative-option6___CQmNQ {
1959
+ .Avatar-module__hop-Avatar--decorative-option6___jliDF {
1953
1960
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1954
1961
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1955
1962
  }
1956
- .Avatar-module__hop-Avatar--decorative-option7___ogvs7 {
1963
+ .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
1957
1964
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1958
1965
  --text-color: var(--hop-Avatar-decorative-7-text-color);
1959
1966
  }
1960
- .Avatar-module__hop-Avatar--decorative-option8___HA21y {
1967
+ .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
1961
1968
  --background-color: var(--hop-Avatar-decorative-8-background-color);
1962
1969
  --text-color: var(--hop-Avatar-decorative-8-text-color);
1963
1970
  }
1964
- .Avatar-module__hop-Avatar--decorative-option9___THrCC {
1971
+ .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
1965
1972
  --background-color: var(--hop-Avatar-decorative-9-background-color);
1966
1973
  --text-color: var(--hop-Avatar-decorative-9-text-color);
1967
1974
  }
1968
- .Avatar-module__hop-Avatar___-m4sl[data-disabled] {
1975
+ .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
1969
1976
  --background-color: var(--hop-Avatar-background-color-disabled);
1970
1977
  --text-color: var(--hop-Avatar-text-color-disabled);
1971
1978
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1972
1979
  isolation: isolate;
1973
1980
  }
1974
- .Avatar-module__hop-Avatar__image___owC-L {
1981
+ .Avatar-module__hop-Avatar__image___4XmMJ {
1975
1982
  position: relative;
1976
1983
  display: block;
1977
1984
  box-sizing: border-box;
@@ -1982,7 +1989,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1982
1989
  }
1983
1990
 
1984
1991
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
1985
- .Tooltip-module__hop-Tooltip___YCOYX {
1992
+ .Tooltip-module__hop-Tooltip___RIZp2 {
1986
1993
  --hop-Tooltip-max-inline-size: 20rem;
1987
1994
  --hop-Tooltip-slide-amount: 0.25rem;
1988
1995
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2009,29 +2016,29 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2009
2016
  border-radius: var(--hop-Tooltip-border-radius);
2010
2017
  box-shadow: var(--hop-Tooltip-box-shadow);
2011
2018
  }
2012
- .Tooltip-module__hop-Tooltip--top___Ke-AO {
2019
+ .Tooltip-module__hop-Tooltip--top___LYimQ {
2013
2020
  --origin-x: 0;
2014
2021
  --origin-y: var(--hop-Tooltip-slide-amount);
2015
2022
  }
2016
- .Tooltip-module__hop-Tooltip--right___cksoK {
2023
+ .Tooltip-module__hop-Tooltip--right___U7MIG {
2017
2024
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2018
2025
  --origin-y: 0;
2019
2026
  }
2020
- .Tooltip-module__hop-Tooltip--bottom___qFAV6 {
2027
+ .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
2021
2028
  --origin-x: 0;
2022
2029
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2023
2030
  }
2024
- .Tooltip-module__hop-Tooltip--left___wwLMY {
2031
+ .Tooltip-module__hop-Tooltip--left___qVC3o {
2025
2032
  --origin-x: var(--hop-Tooltip-slide-amount);
2026
2033
  --origin-y: 0;
2027
2034
  }
2028
- .Tooltip-module__hop-Tooltip___YCOYX[data-entering] {
2029
- animation: Tooltip-module__slide___t6GRt 0.2s ease-out;
2035
+ .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
2036
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
2030
2037
  }
2031
- .Tooltip-module__hop-Tooltip___YCOYX[data-exiting] {
2032
- animation: Tooltip-module__slide___t6GRt 0.2s ease-in reverse;
2038
+ .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
2039
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
2033
2040
  }
2034
- @keyframes Tooltip-module__slide___t6GRt {
2041
+ @keyframes Tooltip-module__slide___-wv3b {
2035
2042
  from {
2036
2043
  transform: translate(var(--origin-x), var(--origin-y));
2037
2044
  opacity: 0;
@@ -2043,44 +2050,44 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2043
2050
  }
2044
2051
 
2045
2052
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2046
- .AvatarGroup-module__hop-AvatarGroup___CIlO9 {
2053
+ .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
2047
2054
  --hop-AvatarGroup-display: flex;
2048
2055
  --hop-AvatarGroup-align-items: center;
2049
2056
  display: var(--hop-AvatarGroup-display);
2050
2057
  align-items: var(--hop-AvatarGroup-align-items);
2051
2058
  }
2052
- .AvatarGroup-module__hop-AvatarGroup--wrap___q7k0p {
2059
+ .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
2053
2060
  flex-wrap: wrap;
2054
2061
  }
2055
- .AvatarGroup-module__hop-AvatarGroup--xs___qr6X- {
2062
+ .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
2056
2063
  --gap: -0.125rem;
2057
2064
  }
2058
- .AvatarGroup-module__hop-AvatarGroup--sm___tIyLd {
2065
+ .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
2059
2066
  --gap: -0.25rem;
2060
2067
  }
2061
- .AvatarGroup-module__hop-AvatarGroup--md___mBTX- {
2068
+ .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
2062
2069
  --gap: -0.5rem;
2063
2070
  }
2064
- .AvatarGroup-module__hop-AvatarGroup--lg___37l6b {
2071
+ .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
2065
2072
  --gap: -1rem;
2066
2073
  }
2067
- .AvatarGroup-module__hop-AvatarGroup--xl___YLh7o {
2074
+ .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
2068
2075
  --gap: -1rem;
2069
2076
  }
2070
- .AvatarGroup-module__hop-AvatarGroup--2xl___AOi7- {
2077
+ .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
2071
2078
  --gap: -2rem;
2072
2079
  }
2073
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
2080
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2074
2081
  margin-inline-start: var(--gap);
2075
2082
  transition: margin var(--hop-easing-duration-2);
2076
2083
  }
2077
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
2084
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2078
2085
  margin-inline-start: 0;
2079
2086
  }
2080
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:first-child {
2087
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
2081
2088
  margin-inline-start: 0;
2082
2089
  }
2083
- .AvatarGroup-module__hop-AvatarGroup__label___mS1n3 {
2090
+ .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
2084
2091
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2085
2092
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2086
2093
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2092,7 +2099,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2092
2099
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2093
2100
  line-height: var(--hop-AvatarGroup-label-line-height);
2094
2101
  }
2095
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p {
2102
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
2096
2103
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2097
2104
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2098
2105
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2110,21 +2117,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2110
2117
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2111
2118
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2112
2119
  }
2113
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p:not(:last-child) {
2120
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
2114
2121
  margin-block-end: 0.25rem;
2115
2122
  }
2116
- .AvatarGroup-module__hop-AvatarGroup--start___5Iubf {
2123
+ .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
2117
2124
  justify-content: flex-start;
2118
2125
  }
2119
- .AvatarGroup-module__hop-AvatarGroup--end___GHZ4U {
2126
+ .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
2120
2127
  justify-content: flex-end;
2121
2128
  }
2122
- .AvatarGroup-module__hop-AvatarGroup--center___mFxWk {
2129
+ .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
2123
2130
  justify-content: center;
2124
2131
  }
2125
2132
 
2126
2133
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2127
- .Badge-module__hop-Badge___KJ3W2 {
2134
+ .Badge-module__hop-Badge___A-Bla {
2128
2135
  --hop-Badge-height: 1.5rem;
2129
2136
  --hop-Badge-width: max-content;
2130
2137
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2174,67 +2181,67 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2174
2181
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2175
2182
  border-radius: var(--border-radius);
2176
2183
  }
2177
- .Badge-module__hop-Badge--primary___SQC7m {
2184
+ .Badge-module__hop-Badge--primary___E55Gz {
2178
2185
  --background-color: var(--hop-Badge-primary-background-color);
2179
2186
  --text-color: var(--hop-Badge-primary-text-color);
2180
2187
  }
2181
- .Badge-module__hop-Badge--primary___SQC7m[data-hovered] {
2188
+ .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
2182
2189
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2183
2190
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2184
2191
  }
2185
- .Badge-module__hop-Badge--primary___SQC7m[data-pressed] {
2192
+ .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
2186
2193
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2187
2194
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2188
2195
  }
2189
- .Badge-module__hop-Badge--primary___SQC7m[data-selected] {
2196
+ .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
2190
2197
  --background-color: var(--hop-Badge-primary-background-color-selected);
2191
2198
  --text-color: var(--hop-Badge-primary-text-color-selected);
2192
2199
  }
2193
- .Badge-module__hop-Badge--secondary___HYQtN {
2200
+ .Badge-module__hop-Badge--secondary___0bxAx {
2194
2201
  --background-color: var(--hop-Badge-secondary-background-color);
2195
2202
  --text-color: var(--hop-Badge-secondary-text-color);
2196
2203
  }
2197
- .Badge-module__hop-Badge--secondary___HYQtN[data-hovered] {
2204
+ .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
2198
2205
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2199
2206
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2200
2207
  }
2201
- .Badge-module__hop-Badge--secondary___HYQtN[data-pressed] {
2208
+ .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
2202
2209
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2203
2210
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2204
2211
  }
2205
- .Badge-module__hop-Badge--secondary___HYQtN[data-selected] {
2212
+ .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
2206
2213
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2207
2214
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2208
2215
  }
2209
- .Badge-module__hop-Badge--subdued___zilnb {
2216
+ .Badge-module__hop-Badge--subdued___zdomT {
2210
2217
  --background-color: var(--hop-Badge-subdued-background-color);
2211
2218
  --text-color: var(--hop-Badge-subdued-text-color);
2212
2219
  }
2213
- .Badge-module__hop-Badge--subdued___zilnb[data-hovered] {
2220
+ .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
2214
2221
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2215
2222
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2216
2223
  }
2217
- .Badge-module__hop-Badge--subdued___zilnb[data-pressed] {
2224
+ .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
2218
2225
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2219
2226
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2220
2227
  }
2221
- .Badge-module__hop-Badge--subdued___zilnb[data-selected] {
2228
+ .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
2222
2229
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2223
2230
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2224
2231
  }
2225
- .Badge-module__hop-Badge___KJ3W2[data-indeterminate] {
2232
+ .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
2226
2233
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2227
2234
  --height: var(--hop-Badge-indeterminate-height);
2228
2235
  --width: var(--hop-Badge-indeterminate-width);
2229
2236
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2230
2237
  }
2231
- .Badge-module__hop-Badge___KJ3W2[data-disabled] {
2238
+ .Badge-module__hop-Badge___A-Bla[data-disabled] {
2232
2239
  --background-color: var(--hop-Badge-background-color-disabled);
2233
2240
  --text-color: var(--hop-Badge-text-color-disabled);
2234
2241
  }
2235
2242
 
2236
2243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2237
- .FloatingBadge-module__hop-FloatingBadge___1dg-U {
2244
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
2238
2245
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2239
2246
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2240
2247
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2275,7 +2282,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2275
2282
  box-sizing: border-box;
2276
2283
  inline-size: max-content;
2277
2284
  }
2278
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"] {
2285
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
2279
2286
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2280
2287
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2281
2288
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2283,11 +2290,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2283
2290
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2284
2291
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2285
2292
  }
2286
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"][data-overlap=circular] {
2293
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
2287
2294
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2288
2295
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2289
2296
  }
2290
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"] {
2297
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
2291
2298
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2292
2299
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2293
2300
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2295,11 +2302,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2295
2302
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2296
2303
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2297
2304
  }
2298
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"][data-overlap=circular] {
2305
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
2299
2306
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2300
2307
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2301
2308
  }
2302
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"] {
2309
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
2303
2310
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2304
2311
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2305
2312
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2307,11 +2314,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2307
2314
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2308
2315
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2309
2316
  }
2310
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"][data-overlap=circular] {
2317
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
2311
2318
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2312
2319
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2313
2320
  }
2314
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"] {
2321
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
2315
2322
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2316
2323
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2317
2324
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2319,11 +2326,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2319
2326
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2320
2327
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2321
2328
  }
2322
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"][data-overlap=circular] {
2329
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
2323
2330
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2324
2331
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2325
2332
  }
2326
- .FloatingBadge-module__hop-FloatingBadge__badge___0A0N2 {
2333
+ .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
2327
2334
  position: absolute;
2328
2335
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2329
2336
  transform-origin: var(--badge-transform-origin);
@@ -2331,7 +2338,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2331
2338
  }
2332
2339
 
2333
2340
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2334
- .Checkbox-module__hop-Checkbox___oHb0r {
2341
+ .Checkbox-module__hop-Checkbox___RAOey {
2335
2342
  --hop-Checkbox-box-border-size: 0.0625rem;
2336
2343
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2337
2344
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2406,60 +2413,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2406
2413
  inline-size: max-content;
2407
2414
  max-inline-size: 100%;
2408
2415
  }
2409
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
2416
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2410
2417
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2411
2418
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2412
2419
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2413
2420
  --text-color: var(--hop-Checkbox-text-color-focused);
2414
2421
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2415
2422
  }
2416
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
2423
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2417
2424
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2418
2425
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2419
2426
  --text-color: var(--hop-Checkbox-text-color-hovered);
2420
2427
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2421
2428
  }
2422
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
2429
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2423
2430
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2424
2431
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2425
2432
  --text-color: var(--hop-Checkbox-text-color-pressed);
2426
2433
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2427
2434
  }
2428
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
2435
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
2429
2436
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2430
2437
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2431
2438
  --check-display: var(--hop-Checkbox-check-display-selected);
2432
2439
  --text-color: var(--hop-Checkbox-text-color-selected);
2433
2440
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2434
2441
  }
2435
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
2442
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
2436
2443
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2437
2444
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2438
2445
  --check-color: var(--hop-Checkbox-check-color-invalid);
2439
2446
  --text-color: var(--hop-Checkbox-text-color-invalid);
2440
2447
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2441
2448
  }
2442
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
2449
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
2443
2450
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2444
2451
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2445
2452
  }
2446
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
2453
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
2447
2454
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2448
2455
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2449
2456
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2450
2457
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2451
2458
  }
2452
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
2459
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
2453
2460
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2454
2461
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2455
2462
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2456
2463
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2457
2464
  }
2458
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
2465
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
2459
2466
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2460
2467
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2461
2468
  }
2462
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
2469
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
2463
2470
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2464
2471
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2465
2472
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2467,25 +2474,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2467
2474
  --text-color: var(--hop-Checkbox-text-color-disabled);
2468
2475
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2469
2476
  }
2470
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
2477
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
2471
2478
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2472
2479
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2473
2480
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2474
2481
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2475
2482
  }
2476
- .Checkbox-module__hop-Checkbox--md___f9YGd {
2483
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
2477
2484
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2478
2485
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2479
2486
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2480
2487
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2481
2488
  }
2482
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
2483
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
2489
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
2490
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
2484
2491
  flex: 0 0 auto;
2485
2492
  order: 3;
2486
2493
  color: var(--icon-color);
2487
2494
  }
2488
- .Checkbox-module__hop-Checkbox__box___puaui {
2495
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
2489
2496
  display: flex;
2490
2497
  flex: 0 0 auto;
2491
2498
  align-items: center;
@@ -2501,11 +2508,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2501
2508
  outline-offset: 0.125rem;
2502
2509
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2503
2510
  }
2504
- .Checkbox-module__hop-Checkbox__check___w8beQ {
2511
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
2505
2512
  display: var(--check-display);
2506
2513
  color: var(--check-color);
2507
2514
  }
2508
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
2515
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
2509
2516
  flex: 0 1 auto;
2510
2517
  order: 2;
2511
2518
  min-inline-size: 0;
@@ -2515,7 +2522,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2515
2522
  }
2516
2523
 
2517
2524
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2518
- .CheckboxField-module__hop-CheckboxField___WbOMN {
2525
+ .CheckboxField-module__hop-CheckboxField___5HYK9 {
2519
2526
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2520
2527
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2521
2528
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2534,28 +2541,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2534
2541
  inline-size: max-content;
2535
2542
  max-inline-size: 100%;
2536
2543
  }
2537
- .CheckboxField-module__hop-CheckboxField___WbOMN[data-disabled] {
2544
+ .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
2538
2545
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2539
2546
  }
2540
- .CheckboxField-module__hop-CheckboxField--sm___8V3hn {
2547
+ .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
2541
2548
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2542
2549
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2543
2550
  }
2544
- .CheckboxField-module__hop-CheckboxField--md___OiTum {
2551
+ .CheckboxField-module__hop-CheckboxField--md___90C92 {
2545
2552
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2546
2553
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2547
2554
  }
2548
- .CheckboxField-module__hop-CheckboxField__description___Yx0se {
2555
+ .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
2549
2556
  order: 2;
2550
2557
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2551
2558
  color: var(--description-color);
2552
2559
  }
2553
- .CheckboxField-module__hop-CheckboxField__checkbox___2kOCO {
2560
+ .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
2554
2561
  order: 1;
2555
2562
  }
2556
2563
 
2557
2564
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2558
- .ErrorMessage-module__hop-ErrorMessage___Q81Sd {
2565
+ .ErrorMessage-module__hop-ErrorMessage___XomeT {
2559
2566
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2560
2567
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2561
2568
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2572,13 +2579,13 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2572
2579
  line-height: var(--hop-ErrorMessage-line-height);
2573
2580
  color: var(--hop-ErrorMessage-color);
2574
2581
  }
2575
- .ErrorMessage-module__hop-ErrorMessage__icon___L84xV {
2582
+ .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
2576
2583
  flex: 0 0 auto;
2577
2584
  align-self: flex-start;
2578
2585
  }
2579
2586
 
2580
2587
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2581
- .HelperMessage-module__hop-HelperMessage___bH5cE {
2588
+ .HelperMessage-module__hop-HelperMessage___QIP7E {
2582
2589
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2583
2590
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2584
2591
  display: flex;
@@ -2587,13 +2594,13 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2587
2594
  box-sizing: border-box;
2588
2595
  color: var(--hop-HelperMessage-color);
2589
2596
  }
2590
- .HelperMessage-module__hop-HelperMessage__icon___lLc5y {
2597
+ .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
2591
2598
  flex: 0 0 auto;
2592
2599
  align-self: flex-start;
2593
2600
  }
2594
2601
 
2595
2602
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2596
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe {
2603
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
2597
2604
  --hop-CheckboxGroup-align-items: flex-start;
2598
2605
  --hop-CheckboxGroup-justify-content: flex-start;
2599
2606
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2632,46 +2639,46 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2632
2639
  inline-size: max-content;
2633
2640
  max-inline-size: 100%;
2634
2641
  }
2635
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p {
2642
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
2636
2643
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2637
2644
  --list-border-radius: var(--hop-shape-rounded-md);
2638
2645
  }
2639
- .CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
2646
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
2640
2647
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2641
2648
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2642
2649
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2643
2650
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2644
2651
  }
2645
- .CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
2652
+ .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
2646
2653
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2647
2654
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2648
2655
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2649
2656
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2650
2657
  }
2651
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
2658
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
2652
2659
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2653
2660
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2654
2661
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2655
2662
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2656
2663
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2657
2664
  }
2658
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
2665
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
2659
2666
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2660
2667
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2661
2668
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2662
2669
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2663
2670
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2664
2671
  }
2665
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe[data-orientation=horizontal] {
2672
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
2666
2673
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2667
2674
  }
2668
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] {
2675
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
2669
2676
  --flex-wrap: nowrap;
2670
2677
  }
2671
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__label___kuRzl {
2678
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
2672
2679
  order: 1;
2673
2680
  }
2674
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL {
2681
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
2675
2682
  display: flex;
2676
2683
  flex-flow: var(--flex-direction) var(--flex-wrap);
2677
2684
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2682,7 +2689,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2682
2689
  border: var(--list-border, none);
2683
2690
  border-radius: var(--list-border-radius, 0);
2684
2691
  }
2685
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg {
2692
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
2686
2693
  position: relative;
2687
2694
  flex: 0 1 auto;
2688
2695
  align-content: start;
@@ -2690,28 +2697,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2690
2697
  min-inline-size: 0;
2691
2698
  padding: var(--checkbox-padding, 0);
2692
2699
  }
2693
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
2700
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2694
2701
  content: "";
2695
2702
  position: absolute;
2696
2703
  display: block;
2697
2704
  }
2698
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
2705
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2699
2706
  inset-block-start: 0;
2700
2707
  inset-inline: 0;
2701
2708
  border-block-start: var(--list-border, none);
2702
2709
  }
2703
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
2710
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2704
2711
  inset-block: 0;
2705
2712
  inset-inline-start: 0;
2706
2713
  border-inline-start: var(--list-border, none);
2707
2714
  }
2708
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__error-message___HNYuL,
2709
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___g8hu7 {
2715
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
2716
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
2710
2717
  order: 3;
2711
2718
  }
2712
2719
 
2713
2720
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2714
- .Checkbox-module__hop-Checkbox___oHb0r {
2721
+ .Checkbox-module__hop-Checkbox___RAOey {
2715
2722
  --hop-Checkbox-box-border-size: 0.0625rem;
2716
2723
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2717
2724
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2786,60 +2793,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2786
2793
  inline-size: max-content;
2787
2794
  max-inline-size: 100%;
2788
2795
  }
2789
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
2796
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2790
2797
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2791
2798
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2792
2799
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2793
2800
  --text-color: var(--hop-Checkbox-text-color-focused);
2794
2801
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2795
2802
  }
2796
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
2803
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2797
2804
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2798
2805
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2799
2806
  --text-color: var(--hop-Checkbox-text-color-hovered);
2800
2807
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2801
2808
  }
2802
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
2809
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2803
2810
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2804
2811
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2805
2812
  --text-color: var(--hop-Checkbox-text-color-pressed);
2806
2813
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2807
2814
  }
2808
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
2815
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
2809
2816
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2810
2817
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2811
2818
  --check-display: var(--hop-Checkbox-check-display-selected);
2812
2819
  --text-color: var(--hop-Checkbox-text-color-selected);
2813
2820
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2814
2821
  }
2815
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
2822
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
2816
2823
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2817
2824
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2818
2825
  --check-color: var(--hop-Checkbox-check-color-invalid);
2819
2826
  --text-color: var(--hop-Checkbox-text-color-invalid);
2820
2827
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2821
2828
  }
2822
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
2829
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
2823
2830
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2824
2831
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2825
2832
  }
2826
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
2833
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
2827
2834
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2828
2835
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2829
2836
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2830
2837
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2831
2838
  }
2832
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
2839
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
2833
2840
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2834
2841
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2835
2842
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2836
2843
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2837
2844
  }
2838
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
2845
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
2839
2846
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2840
2847
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2841
2848
  }
2842
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
2849
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
2843
2850
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2844
2851
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2845
2852
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2847,25 +2854,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2847
2854
  --text-color: var(--hop-Checkbox-text-color-disabled);
2848
2855
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2849
2856
  }
2850
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
2857
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
2851
2858
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2852
2859
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2853
2860
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2854
2861
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2855
2862
  }
2856
- .Checkbox-module__hop-Checkbox--md___f9YGd {
2863
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
2857
2864
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2858
2865
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2859
2866
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2860
2867
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2861
2868
  }
2862
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
2863
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
2869
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
2870
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
2864
2871
  flex: 0 0 auto;
2865
2872
  order: 3;
2866
2873
  color: var(--icon-color);
2867
2874
  }
2868
- .Checkbox-module__hop-Checkbox__box___puaui {
2875
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
2869
2876
  display: flex;
2870
2877
  flex: 0 0 auto;
2871
2878
  align-items: center;
@@ -2881,11 +2888,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2881
2888
  outline-offset: 0.125rem;
2882
2889
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2883
2890
  }
2884
- .Checkbox-module__hop-Checkbox__check___w8beQ {
2891
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
2885
2892
  display: var(--check-display);
2886
2893
  color: var(--check-color);
2887
2894
  }
2888
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
2895
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
2889
2896
  flex: 0 1 auto;
2890
2897
  order: 2;
2891
2898
  min-inline-size: 0;
@@ -2893,24 +2900,24 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2893
2900
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2894
2901
  color: var(--text-color);
2895
2902
  }
2896
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___8GaHh {
2903
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
2897
2904
  }
2898
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fwtbW {
2905
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
2899
2906
  }
2900
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___i0oAM {
2907
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
2901
2908
  }
2902
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___PyeWV,
2903
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tFw7N {
2909
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
2910
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
2904
2911
  }
2905
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Aztjh {
2912
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
2906
2913
  }
2907
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0u5F4 {
2914
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
2908
2915
  }
2909
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___bKeKU {
2916
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
2910
2917
  }
2911
2918
 
2912
2919
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2913
- .Radio-module__hop-Radio___eBueo {
2920
+ .Radio-module__hop-Radio___oBKRQ {
2914
2921
  --hop-Radio-box-border-size: 0.0625rem;
2915
2922
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2916
2923
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2984,60 +2991,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2984
2991
  inline-size: max-content;
2985
2992
  max-inline-size: 100%;
2986
2993
  }
2987
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
2994
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
2988
2995
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2989
2996
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2990
2997
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2991
2998
  --text-color: var(--hop-Radio-text-color-focused);
2992
2999
  --icon-color: var(--hop-Radio-icon-color-focused);
2993
3000
  }
2994
- .Radio-module__hop-Radio___eBueo[data-hovered] {
3001
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
2995
3002
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2996
3003
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2997
3004
  --text-color: var(--hop-Radio-text-color-hovered);
2998
3005
  --icon-color: var(--hop-Radio-icon-color-hovered);
2999
3006
  }
3000
- .Radio-module__hop-Radio___eBueo[data-pressed] {
3007
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3001
3008
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3002
3009
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3003
3010
  --text-color: var(--hop-Radio-text-color-pressed);
3004
3011
  --icon-color: var(--hop-Radio-icon-color-pressed);
3005
3012
  }
3006
- .Radio-module__hop-Radio___eBueo[data-selected] {
3013
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
3007
3014
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3008
3015
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3009
3016
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3010
3017
  --text-color: var(--hop-Radio-text-color-selected);
3011
3018
  --icon-color: var(--hop-Radio-icon-color-selected);
3012
3019
  }
3013
- .Radio-module__hop-Radio___eBueo[data-invalid] {
3020
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3014
3021
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3015
3022
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3016
3023
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3017
3024
  --text-color: var(--hop-Radio-text-color-invalid);
3018
3025
  --icon-color: var(--hop-Radio-icon-color-invalid);
3019
3026
  }
3020
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
3027
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3021
3028
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3022
3029
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3023
3030
  }
3024
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
3031
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3025
3032
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3026
3033
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3027
3034
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3028
3035
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3029
3036
  }
3030
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
3037
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3031
3038
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3032
3039
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3033
3040
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3034
3041
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3035
3042
  }
3036
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
3043
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3037
3044
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3038
3045
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3039
3046
  }
3040
- .Radio-module__hop-Radio___eBueo[data-disabled] {
3047
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3041
3048
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3042
3049
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3043
3050
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3045,25 +3052,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3045
3052
  --text-color: var(--hop-Radio-text-color-disabled);
3046
3053
  --icon-color: var(--hop-Radio-icon-color-disabled);
3047
3054
  }
3048
- .Radio-module__hop-Radio--sm___GQdC5 {
3055
+ .Radio-module__hop-Radio--sm___C-Q1U {
3049
3056
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3050
3057
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3051
3058
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3052
3059
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3053
3060
  }
3054
- .Radio-module__hop-Radio--md___63v-N {
3061
+ .Radio-module__hop-Radio--md___8cI7H {
3055
3062
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3056
3063
  --box-block-size: var(--hop-Radio-box-md-block-size);
3057
3064
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3058
3065
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3059
3066
  }
3060
- .Radio-module__hop-Radio__icon___dVuoR,
3061
- .Radio-module__hop-Radio__icon-list___LeQK7 {
3067
+ .Radio-module__hop-Radio__icon___Ai4EA,
3068
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
3062
3069
  flex: 0 0 auto;
3063
3070
  order: 3;
3064
3071
  color: var(--icon-color);
3065
3072
  }
3066
- .Radio-module__hop-Radio__box___6R1dw {
3073
+ .Radio-module__hop-Radio__box___gF3Ys {
3067
3074
  display: flex;
3068
3075
  flex: 0 0 auto;
3069
3076
  align-items: center;
@@ -3079,11 +3086,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3079
3086
  outline-offset: 0.125rem;
3080
3087
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3081
3088
  }
3082
- .Radio-module__hop-Radio__bullet___gVfg- {
3089
+ .Radio-module__hop-Radio__bullet___DLVyb {
3083
3090
  display: var(--bullet-display);
3084
3091
  color: var(--bullet-color);
3085
3092
  }
3086
- .Radio-module__hop-Radio__text___3WXI3 {
3093
+ .Radio-module__hop-Radio__text___md8fJ {
3087
3094
  flex: 0 1 auto;
3088
3095
  order: 2;
3089
3096
  min-inline-size: 0;
@@ -3091,24 +3098,24 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3091
3098
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3092
3099
  color: var(--text-color);
3093
3100
  }
3094
- .DecorativeRadio-module__hop-DecorativeRadio___AlhGD {
3101
+ .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
3095
3102
  }
3096
- .DecorativeRadio-module__hop-DecorativeRadio--sm___UnzCt {
3103
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
3097
3104
  }
3098
- .DecorativeRadio-module__hop-DecorativeRadio--md___wNI7X {
3105
+ .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
3099
3106
  }
3100
- .DecorativeRadio-module__hop-DecorativeRadio__icon___PfsHi,
3101
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XQuSG {
3107
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
3108
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
3102
3109
  }
3103
- .DecorativeRadio-module__hop-DecorativeRadio__box___Y-AnD {
3110
+ .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
3104
3111
  }
3105
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___sfqjq {
3112
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
3106
3113
  }
3107
- .DecorativeRadio-module__hop-DecorativeRadio__text___Z41w7 {
3114
+ .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
3108
3115
  }
3109
3116
 
3110
3117
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3111
- .Radio-module__hop-Radio___eBueo {
3118
+ .Radio-module__hop-Radio___oBKRQ {
3112
3119
  --hop-Radio-box-border-size: 0.0625rem;
3113
3120
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3114
3121
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3182,60 +3189,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3182
3189
  inline-size: max-content;
3183
3190
  max-inline-size: 100%;
3184
3191
  }
3185
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
3192
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3186
3193
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3187
3194
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3188
3195
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3189
3196
  --text-color: var(--hop-Radio-text-color-focused);
3190
3197
  --icon-color: var(--hop-Radio-icon-color-focused);
3191
3198
  }
3192
- .Radio-module__hop-Radio___eBueo[data-hovered] {
3199
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3193
3200
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3194
3201
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3195
3202
  --text-color: var(--hop-Radio-text-color-hovered);
3196
3203
  --icon-color: var(--hop-Radio-icon-color-hovered);
3197
3204
  }
3198
- .Radio-module__hop-Radio___eBueo[data-pressed] {
3205
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3199
3206
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3200
3207
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3201
3208
  --text-color: var(--hop-Radio-text-color-pressed);
3202
3209
  --icon-color: var(--hop-Radio-icon-color-pressed);
3203
3210
  }
3204
- .Radio-module__hop-Radio___eBueo[data-selected] {
3211
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
3205
3212
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3206
3213
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3207
3214
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3208
3215
  --text-color: var(--hop-Radio-text-color-selected);
3209
3216
  --icon-color: var(--hop-Radio-icon-color-selected);
3210
3217
  }
3211
- .Radio-module__hop-Radio___eBueo[data-invalid] {
3218
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3212
3219
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3213
3220
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3214
3221
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3215
3222
  --text-color: var(--hop-Radio-text-color-invalid);
3216
3223
  --icon-color: var(--hop-Radio-icon-color-invalid);
3217
3224
  }
3218
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
3225
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3219
3226
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3220
3227
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3221
3228
  }
3222
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
3229
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3223
3230
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3224
3231
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3225
3232
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3226
3233
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3227
3234
  }
3228
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
3235
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3229
3236
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3230
3237
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3231
3238
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3232
3239
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3233
3240
  }
3234
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
3241
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3235
3242
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3236
3243
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3237
3244
  }
3238
- .Radio-module__hop-Radio___eBueo[data-disabled] {
3245
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3239
3246
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3240
3247
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3241
3248
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3243,25 +3250,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3243
3250
  --text-color: var(--hop-Radio-text-color-disabled);
3244
3251
  --icon-color: var(--hop-Radio-icon-color-disabled);
3245
3252
  }
3246
- .Radio-module__hop-Radio--sm___GQdC5 {
3253
+ .Radio-module__hop-Radio--sm___C-Q1U {
3247
3254
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3248
3255
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3249
3256
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3250
3257
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3251
3258
  }
3252
- .Radio-module__hop-Radio--md___63v-N {
3259
+ .Radio-module__hop-Radio--md___8cI7H {
3253
3260
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3254
3261
  --box-block-size: var(--hop-Radio-box-md-block-size);
3255
3262
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3256
3263
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3257
3264
  }
3258
- .Radio-module__hop-Radio__icon___dVuoR,
3259
- .Radio-module__hop-Radio__icon-list___LeQK7 {
3265
+ .Radio-module__hop-Radio__icon___Ai4EA,
3266
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
3260
3267
  flex: 0 0 auto;
3261
3268
  order: 3;
3262
3269
  color: var(--icon-color);
3263
3270
  }
3264
- .Radio-module__hop-Radio__box___6R1dw {
3271
+ .Radio-module__hop-Radio__box___gF3Ys {
3265
3272
  display: flex;
3266
3273
  flex: 0 0 auto;
3267
3274
  align-items: center;
@@ -3277,11 +3284,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3277
3284
  outline-offset: 0.125rem;
3278
3285
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3279
3286
  }
3280
- .Radio-module__hop-Radio__bullet___gVfg- {
3287
+ .Radio-module__hop-Radio__bullet___DLVyb {
3281
3288
  display: var(--bullet-display);
3282
3289
  color: var(--bullet-color);
3283
3290
  }
3284
- .Radio-module__hop-Radio__text___3WXI3 {
3291
+ .Radio-module__hop-Radio__text___md8fJ {
3285
3292
  flex: 0 1 auto;
3286
3293
  order: 2;
3287
3294
  min-inline-size: 0;
@@ -3291,7 +3298,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3291
3298
  }
3292
3299
 
3293
3300
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3294
- .RadioField-module__hop-RadioField___5B3-x {
3301
+ .RadioField-module__hop-RadioField___RAV19 {
3295
3302
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3296
3303
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3297
3304
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3310,28 +3317,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3310
3317
  inline-size: max-content;
3311
3318
  max-inline-size: 100%;
3312
3319
  }
3313
- .RadioField-module__hop-RadioField___5B3-x[data-disabled] {
3320
+ .RadioField-module__hop-RadioField___RAV19[data-disabled] {
3314
3321
  --description-color: var(--hop-RadioField-description-color-disabled);
3315
3322
  }
3316
- .RadioField-module__hop-RadioField--sm___a9--Z {
3323
+ .RadioField-module__hop-RadioField--sm___Z2a5J {
3317
3324
  --row-gap: var(--hop-RadioField-sm-row-gap);
3318
3325
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3319
3326
  }
3320
- .RadioField-module__hop-RadioField--md___M1tBj {
3327
+ .RadioField-module__hop-RadioField--md___GeCMi {
3321
3328
  --row-gap: var(--hop-RadioField-md-row-gap);
3322
3329
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3323
3330
  }
3324
- .RadioField-module__hop-RadioField__description___avVpF {
3331
+ .RadioField-module__hop-RadioField__description___Y7cUM {
3325
3332
  order: 2;
3326
3333
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3327
3334
  color: var(--description-color);
3328
3335
  }
3329
- .RadioField-module__hop-RadioField__radio___-qcpe {
3336
+ .RadioField-module__hop-RadioField__radio___XYtjJ {
3330
3337
  order: 1;
3331
3338
  }
3332
3339
 
3333
3340
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3334
- .RadioGroup-module__hop-RadioGroup___jUNVM {
3341
+ .RadioGroup-module__hop-RadioGroup___ydYgr {
3335
3342
  --hop-RadioGroup-align-items: flex-start;
3336
3343
  --hop-RadioGroup-justify-content: flex-start;
3337
3344
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3371,46 +3378,46 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3371
3378
  inline-size: var(--inline-size);
3372
3379
  max-inline-size: 100%;
3373
3380
  }
3374
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 {
3381
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
3375
3382
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3376
3383
  --list-border-radius: var(--hop-shape-rounded-md);
3377
3384
  }
3378
- .RadioGroup-module__hop-RadioGroup--sm___gJd9p {
3385
+ .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3379
3386
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3380
3387
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3381
3388
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3382
3389
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3383
3390
  }
3384
- .RadioGroup-module__hop-RadioGroup--md___bbLe6 {
3391
+ .RadioGroup-module__hop-RadioGroup--md___mccGP {
3385
3392
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3386
3393
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3387
3394
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3388
3395
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3389
3396
  }
3390
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--sm___gJd9p {
3397
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3391
3398
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3392
3399
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3393
3400
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3394
3401
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3395
3402
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3396
3403
  }
3397
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--md___bbLe6 {
3404
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
3398
3405
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3399
3406
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3400
3407
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3401
3408
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3402
3409
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3403
3410
  }
3404
- .RadioGroup-module__hop-RadioGroup___jUNVM[data-orientation=horizontal] {
3411
+ .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
3405
3412
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3406
3413
  }
3407
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] {
3414
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
3408
3415
  --flex-wrap: nowrap;
3409
3416
  }
3410
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__label___WRzhE {
3417
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
3411
3418
  order: 1;
3412
3419
  }
3413
- .RadioGroup-module__hop-RadioGroup__list___gHNAr {
3420
+ .RadioGroup-module__hop-RadioGroup__list___DSncc {
3414
3421
  display: flex;
3415
3422
  flex-flow: var(--flex-direction) var(--flex-wrap);
3416
3423
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3421,7 +3428,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3421
3428
  border: var(--list-border, none);
3422
3429
  border-radius: var(--list-border-radius, 0);
3423
3430
  }
3424
- .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN {
3431
+ .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
3425
3432
  position: relative;
3426
3433
  flex: 0 1 auto;
3427
3434
  align-content: start;
@@ -3429,28 +3436,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3429
3436
  min-inline-size: 0;
3430
3437
  padding: var(--radio-padding, 0);
3431
3438
  }
3432
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
3439
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3433
3440
  content: "";
3434
3441
  position: absolute;
3435
3442
  display: block;
3436
3443
  }
3437
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
3444
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3438
3445
  inset-block-start: 0;
3439
3446
  inset-inline: 0;
3440
3447
  border-block-start: var(--list-border, none);
3441
3448
  }
3442
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
3449
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3443
3450
  inset-block: 0;
3444
3451
  inset-inline-start: 0;
3445
3452
  border-inline-start: var(--list-border, none);
3446
3453
  }
3447
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__error-message___pZTcf,
3448
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__helper-message___E-UDa {
3454
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
3455
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
3449
3456
  order: 3;
3450
3457
  }
3451
3458
 
3452
3459
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3453
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___BeAQ5 {
3460
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
3454
3461
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3455
3462
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3456
3463
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3476,7 +3483,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3476
3483
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3477
3484
  background-size: 400% 100%;
3478
3485
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3479
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW;
3486
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
3480
3487
  animation-duration: var(--animation-duration);
3481
3488
  animation-timing-function: ease-in-out;
3482
3489
  animation-fill-mode: forwards;
@@ -3485,19 +3492,19 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3485
3492
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3486
3493
  }
3487
3494
  }
3488
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___LUDsc {
3495
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
3489
3496
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3490
3497
  }
3491
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ujK2H {
3498
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
3492
3499
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3493
3500
  }
3494
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___H-YEh {
3501
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
3495
3502
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3496
3503
  }
3497
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rEkJI {
3504
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
3498
3505
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3499
3506
  }
3500
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW {
3507
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
3501
3508
  0% {
3502
3509
  background-position: 125% 50%;
3503
3510
  }
@@ -3507,7 +3514,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3507
3514
  }
3508
3515
 
3509
3516
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3510
- .ListBoxItem-module__hop-ListBoxItem___w4UBW {
3517
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm {
3511
3518
  --hop-ListBoxItem-background-color: transparent;
3512
3519
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3513
3520
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3604,129 +3611,129 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3604
3611
  outline: var(--outline);
3605
3612
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3606
3613
  }
3607
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z- {
3614
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
3608
3615
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3609
3616
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3610
3617
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3611
3618
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3612
3619
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3613
3620
  }
3614
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl {
3621
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
3615
3622
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3616
3623
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3617
3624
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3618
3625
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3619
3626
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3620
3627
  }
3621
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR {
3628
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
3622
3629
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3623
3630
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3624
3631
  --min-height: var(--hop-ListBoxItem-md-min-height);
3625
3632
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3626
3633
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3627
3634
  }
3628
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1 {
3635
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
3629
3636
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3630
3637
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3631
3638
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3632
3639
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3633
3640
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3634
3641
  }
3635
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selection-mode] {
3642
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
3636
3643
  --cursor: pointer;
3637
3644
  }
3638
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:not([data-selection-mode]) {
3645
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
3639
3646
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3640
3647
  }
3641
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
3648
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
3642
3649
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3643
3650
  }
3644
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
3651
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
3645
3652
  --checkmark-transition: none;
3646
3653
  }
3647
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selected] {
3654
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
3648
3655
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3649
3656
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3650
3657
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3651
3658
  --checkmark-opacity: 1;
3652
3659
  }
3653
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z-[data-selected] {
3660
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
3654
3661
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3655
3662
  }
3656
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl[data-selected] {
3663
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
3657
3664
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3658
3665
  }
3659
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR[data-selected] {
3666
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
3660
3667
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3661
3668
  }
3662
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1[data-selected] {
3669
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
3663
3670
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3664
3671
  }
3665
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-focus-visible] {
3672
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
3666
3673
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3667
3674
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3668
3675
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3669
3676
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3670
3677
  }
3671
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-hovered] {
3678
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
3672
3679
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3673
3680
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3674
3681
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3675
3682
  }
3676
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-pressed] {
3683
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
3677
3684
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3678
3685
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3679
3686
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3680
3687
  }
3681
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-disabled] {
3688
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
3682
3689
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3683
3690
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3684
3691
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3685
3692
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3686
3693
  --cursor: not-allowed;
3687
3694
  }
3688
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid] {
3695
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
3689
3696
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3690
3697
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3691
3698
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3692
3699
  }
3693
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-selected] {
3700
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
3694
3701
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3695
3702
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3696
3703
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3697
3704
  }
3698
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-focus-visible] {
3705
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
3699
3706
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3700
3707
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3701
3708
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3702
3709
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3703
3710
  }
3704
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-hovered] {
3711
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
3705
3712
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3706
3713
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3707
3714
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3708
3715
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3709
3716
  }
3710
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-pressed] {
3717
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
3711
3718
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3712
3719
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3713
3720
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3714
3721
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3715
3722
  }
3716
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-disabled] {
3723
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
3717
3724
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3718
3725
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3719
3726
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3720
3727
  }
3721
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:has(.ListBoxItem-module__hop-ListBoxItem__description___liI0G) {
3728
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
3722
3729
  --row-gap: var(--hop-ListBoxItem-row-gap);
3723
3730
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3724
3731
  }
3725
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-loading] {
3732
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
3726
3733
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3727
3734
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3728
3735
  }
3729
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD {
3736
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
3730
3737
  display: grid;
3731
3738
  grid-template-areas: var(--grid-template-areas);
3732
3739
  grid-template-columns: var(--grid-template-columns);
@@ -3738,33 +3745,33 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3738
3745
  padding-inline: var(--padding-inline);
3739
3746
  transition: grid-template-columns .3s ease-in-out;
3740
3747
  }
3741
- .ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1 {
3748
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
3742
3749
  grid-area: indicator;
3743
3750
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3744
3751
  color: var(--icon-color);
3745
3752
  opacity: var(--checkmark-opacity);
3746
3753
  transition: var(--checkmark-transition);
3747
3754
  }
3748
- .ListBoxItem-module__hop-ListBoxItem__radio___0BXKg,
3749
- .ListBoxItem-module__hop-ListBoxItem__checkbox___YHKfh {
3755
+ .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
3756
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
3750
3757
  pointer-events: none;
3751
3758
  user-select: none;
3752
3759
  grid-area: indicator;
3753
3760
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3754
3761
  }
3755
- .ListBoxItem-module__hop-ListBoxItem__avatar___OH9G7 {
3762
+ .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
3756
3763
  grid-area: avatar;
3757
3764
  margin-block: var(--avatar-margin-block, 0);
3758
3765
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3759
3766
  }
3760
- .ListBoxItem-module__hop-ListBoxItem__icon-list___c0Mg1,
3761
- .ListBoxItem-module__hop-ListBoxItem__icon___-Au8H {
3767
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
3768
+ .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
3762
3769
  grid-area: icon;
3763
3770
  flex: 0 0 auto;
3764
3771
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3765
3772
  color: var(--icon-color);
3766
3773
  }
3767
- .ListBoxItem-module__hop-ListBoxItem__label___6ltHn {
3774
+ .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
3768
3775
  overflow: hidden;
3769
3776
  grid-area: label;
3770
3777
  min-inline-size: 0;
@@ -3772,18 +3779,18 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3772
3779
  text-overflow: ellipsis;
3773
3780
  white-space: nowrap;
3774
3781
  }
3775
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___wWwI1,
3776
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kDNVb {
3782
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
3783
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
3777
3784
  grid-area: end-icon;
3778
3785
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3779
3786
  color: var(--icon-color);
3780
3787
  }
3781
- .ListBoxItem-module__hop-ListBoxItem__badge___9WZlM {
3788
+ .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
3782
3789
  grid-area: badge;
3783
3790
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3784
3791
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3785
3792
  }
3786
- .ListBoxItem-module__hop-ListBoxItem__description___liI0G {
3793
+ .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
3787
3794
  overflow: hidden;
3788
3795
  display: -webkit-box;
3789
3796
  grid-area: description;
@@ -3794,7 +3801,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3794
3801
  }
3795
3802
 
3796
3803
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
3797
- .ListBox-module__hop-ListBox___AbTVV {
3804
+ .ListBox-module__hop-ListBox___lYzDi {
3798
3805
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3799
3806
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3800
3807
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3841,11 +3848,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3841
3848
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3842
3849
  border-radius: var(--hop-ListBox-border-radius);
3843
3850
  }
3844
- .ListBox-module__hop-ListBox--fluid___Hu9yL {
3851
+ .ListBox-module__hop-ListBox--fluid___s8oHK {
3845
3852
  --max-width: var(--hop-ListBox-fluid-max-width);
3846
3853
  --width: var(--hop-ListBox-fluid-width);
3847
3854
  }
3848
- .ListBox-module__hop-ListBox__section___juwhb {
3855
+ .ListBox-module__hop-ListBox__section___dSbP6 {
3849
3856
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3850
3857
  margin-inline: var(--hop-ListBox-section-margin-inline);
3851
3858
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3853,21 +3860,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3853
3860
  border-block-start: var(--section-border-block-start);
3854
3861
  border-block-end: var(--section-border-block-end);
3855
3862
  }
3856
- .ListBox-module__hop-ListBox__item___tEB62 + .ListBox-module__hop-ListBox__section___juwhb {
3863
+ .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
3857
3864
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3858
3865
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3859
3866
  }
3860
- .ListBox-module__hop-ListBox__section___juwhb:has(+ .ListBox-module__hop-ListBox__item___tEB62) {
3867
+ .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
3861
3868
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3862
3869
  }
3863
- .ListBox-module__hop-ListBox__section___juwhb:first-child {
3870
+ .ListBox-module__hop-ListBox__section___dSbP6:first-child {
3864
3871
  --section-padding-block-start: 0;
3865
3872
  }
3866
- .ListBox-module__hop-ListBox__section___juwhb:last-child {
3873
+ .ListBox-module__hop-ListBox__section___dSbP6:last-child {
3867
3874
  --section-padding-block-end: 0;
3868
3875
  --section-border-block-end: 0;
3869
3876
  }
3870
- .ListBox-module__hop-ListBox__section-header___l0TVR {
3877
+ .ListBox-module__hop-ListBox__section-header___OPwVg {
3871
3878
  margin: 0;
3872
3879
  padding: var(--hop-ListBox-section-header-padding);
3873
3880
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3878,30 +3885,30 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3878
3885
  text-transform: var(--hop-ListBox-section-header-text-transform);
3879
3886
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3880
3887
  }
3881
- .ListBox-module__hop-ListBox__section-header___l0TVR::before,
3882
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
3888
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before,
3889
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
3883
3890
  content: "";
3884
3891
  display: block;
3885
3892
  box-sizing: border-box;
3886
3893
  inline-size: 0;
3887
3894
  block-size: 0;
3888
3895
  }
3889
- .ListBox-module__hop-ListBox__section-header___l0TVR::before {
3896
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before {
3890
3897
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3891
3898
  }
3892
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
3899
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
3893
3900
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3894
3901
  }
3895
3902
 
3896
3903
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3897
- :where(.Popover-module__hop-Popover___yH974 *) {
3904
+ :where(.Popover-module__hop-Popover___26umq *) {
3898
3905
  font-family: var(--font-family);
3899
3906
  font-size: var(--font-size);
3900
3907
  font-weight: var(--font-weight);
3901
3908
  line-height: var(--line-height);
3902
3909
  outline: none;
3903
3910
  }
3904
- .Popover-module__hop-Popover___yH974 {
3911
+ .Popover-module__hop-Popover___26umq {
3905
3912
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3906
3913
  --hop-Popover-inline-width: 25rem;
3907
3914
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3914,22 +3921,22 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3914
3921
  inline-size: var(--width);
3915
3922
  max-inline-size: var(--max-width);
3916
3923
  }
3917
- .Popover-module__hop-Popover___yH974[data-trigger=Select] {
3924
+ .Popover-module__hop-Popover___26umq[data-trigger=Select] {
3918
3925
  --width: var(--hop-Popover-dropdown-inline-width);
3919
3926
  }
3920
- .Popover-module__hop-Popover___yH974[data-trigger=ComboBox] {
3927
+ .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
3921
3928
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3922
3929
  }
3923
- .Popover-module__hop-Popover___yH974[data-auto-width] {
3930
+ .Popover-module__hop-Popover___26umq[data-auto-width] {
3924
3931
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3925
3932
  }
3926
- .Popover-module__hop-Popover___yH974[data-entering] {
3927
- animation: Popover-module__fade___MZenc 0.25s;
3933
+ .Popover-module__hop-Popover___26umq[data-entering] {
3934
+ animation: Popover-module__fade___Rb7-0 0.25s;
3928
3935
  }
3929
- .Popover-module__hop-Popover___yH974[data-exiting] {
3930
- animation: Popover-module__fade___MZenc 0.25s reverse;
3936
+ .Popover-module__hop-Popover___26umq[data-exiting] {
3937
+ animation: Popover-module__fade___Rb7-0 0.25s reverse;
3931
3938
  }
3932
- @keyframes Popover-module__fade___MZenc {
3939
+ @keyframes Popover-module__fade___Rb7-0 {
3933
3940
  from {
3934
3941
  opacity: 0;
3935
3942
  }
@@ -3937,14 +3944,14 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3937
3944
  opacity: 1;
3938
3945
  }
3939
3946
  }
3940
- .Popover-module__hop-Popover__wrapper___5ESmX {
3947
+ .Popover-module__hop-Popover__wrapper___uZgAA {
3941
3948
  display: flex;
3942
3949
  flex: 1 1 auto;
3943
3950
  flex-direction: column;
3944
3951
  min-block-size: 0;
3945
3952
  }
3946
- .Popover-module__hop-Popover__dialog___FOOKs,
3947
- .Popover-module__hop-Popover__dropdown___-jsy8 {
3953
+ .Popover-module__hop-Popover__dialog___GGJWK,
3954
+ .Popover-module__hop-Popover__dropdown___jeauL {
3948
3955
  --hop-Popover-background: var(--hop-neutral-surface);
3949
3956
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3950
3957
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3992,21 +3999,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3992
3999
  border-radius: var(--hop-Popover-border-radius);
3993
4000
  box-shadow: var(--hop-Popover-box-shadow);
3994
4001
  }
3995
- .Popover-module__hop-Popover__dropdown___-jsy8 {
4002
+ .Popover-module__hop-Popover__dropdown___jeauL {
3996
4003
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3997
4004
  --footer-place-self: stretch;
3998
4005
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3999
4006
  --padding: var(--hop-Popover-dropdown-padding);
4000
4007
  overflow: hidden;
4001
4008
  }
4002
- .Popover-module__hop-Popover__dialog___FOOKs {
4009
+ .Popover-module__hop-Popover__dialog___GGJWK {
4003
4010
  --padding: var(--hop-Popover-dialog-padding);
4004
4011
  }
4005
- .Popover-module__hop-Popover__title___GNuz4 {
4012
+ .Popover-module__hop-Popover__title___Rlj3j {
4006
4013
  grid-area: header;
4007
4014
  color: var(--hop-Popover-color);
4008
4015
  }
4009
- .Popover-module__hop-Popover__content___9OiFQ {
4016
+ .Popover-module__hop-Popover__content___xnLU- {
4010
4017
  --font-size: var(--hop-Popover-content-font-size);
4011
4018
  --line-height: var(--hop-Popover-content-line-height);
4012
4019
  --font-family: var(--hop-Popover-content-font-family);
@@ -4017,12 +4024,12 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4017
4024
  padding: 0;
4018
4025
  color: var(--hop-Popover-content-color);
4019
4026
  }
4020
- .Popover-module__hop-Popover___yH974:not(:has(.Popover-module__hop-Popover__title___GNuz4)) {
4021
- .Popover-module__hop-Popover__content___9OiFQ {
4027
+ .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4028
+ .Popover-module__hop-Popover__content___xnLU- {
4022
4029
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4023
4030
  }
4024
4031
  }
4025
- .Popover-module__hop-Popover__dropdown___-jsy8 .Popover-module__hop-Popover__list-box___ZBhEH {
4032
+ .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4026
4033
  grid-area: content;
4027
4034
  inline-size: auto;
4028
4035
  min-inline-size: auto;
@@ -4030,7 +4037,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4030
4037
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4031
4038
  border: none;
4032
4039
  }
4033
- .Popover-module__hop-Popover__footer___0wYlz {
4040
+ .Popover-module__hop-Popover__footer___0FFAg {
4034
4041
  --font-size: var(--hop-Popover-footer-font-size);
4035
4042
  --line-height: var(--hop-Popover-footer-line-height);
4036
4043
  grid-area: footer;
@@ -4038,16 +4045,16 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4038
4045
  margin: var(--footer-margin);
4039
4046
  color: var(--hop-Popover-color);
4040
4047
  }
4041
- .Popover-module__hop-Popover__dropdown___-jsy8 .Popover-module__hop-Popover__footer___0wYlz {
4048
+ .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4042
4049
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4043
4050
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4044
4051
  }
4045
- .Popover-module__hop-Popover__actions___u03PF,
4046
- .Popover-module__hop-Popover__action___qVBfg {
4052
+ .Popover-module__hop-Popover__actions___22QyU,
4053
+ .Popover-module__hop-Popover__action___1YRad {
4047
4054
  grid-area: action;
4048
4055
  justify-self: end;
4049
4056
  margin-block-start: var(--hop-Popover-row-gap);
4050
4057
  }
4051
- .Popover-module__hop-Popover___yH974:has(.Popover-module__hop-Popover__actions___u03PF, .Popover-module__hop-Popover__action___qVBfg) .Popover-module__hop-Popover__footer___0wYlz {
4058
+ .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4052
4059
  margin-inline-end: var(--hop-Popover-column-gap);
4053
4060
  }