@hopper-ui/components 1.5.13 → 1.5.15

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 (336) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/accordion/src/Accordion.css +155 -117
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +155 -117
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +394 -344
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +394 -344
  9. package/dist/alert/src/index.js +9 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +125 -87
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +1 -1
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +143 -105
  14. package/dist/avatar/src/Avatar.d.ts +2 -2
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarContext.d.ts +1 -1
  17. package/dist/avatar/src/AvatarGroup.css +152 -104
  18. package/dist/avatar/src/AvatarGroup.d.ts +1 -1
  19. package/dist/avatar/src/AvatarGroup.js +4 -4
  20. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -1
  21. package/dist/avatar/src/BrokenAvatar.css +125 -87
  22. package/dist/avatar/src/BrokenAvatar.d.ts +1 -1
  23. package/dist/avatar/src/BrokenAvatar.js +2 -2
  24. package/dist/avatar/src/DeletedAvatar.css +125 -87
  25. package/dist/avatar/src/DeletedAvatar.d.ts +1 -1
  26. package/dist/avatar/src/DeletedAvatar.js +2 -2
  27. package/dist/avatar/src/RichIconAvatarImage.css +125 -87
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/index.css +180 -132
  30. package/dist/avatar/src/index.d.ts +1 -1
  31. package/dist/avatar/src/index.js +9 -9
  32. package/dist/badge/src/Badge.css +130 -92
  33. package/dist/badge/src/Badge.js +2 -2
  34. package/dist/badge/src/FloatingBadge.css +125 -87
  35. package/dist/badge/src/FloatingBadge.js +1 -1
  36. package/dist/badge/src/index.css +140 -102
  37. package/dist/badge/src/index.js +3 -3
  38. package/dist/buttons/src/Button.css +176 -138
  39. package/dist/buttons/src/Button.js +5 -5
  40. package/dist/buttons/src/ButtonGroup.css +126 -88
  41. package/dist/buttons/src/ButtonGroup.js +1 -1
  42. package/dist/buttons/src/ClearButton.css +186 -148
  43. package/dist/buttons/src/ClearButton.js +2 -2
  44. package/dist/buttons/src/CloseButton.css +182 -144
  45. package/dist/buttons/src/CloseButton.js +6 -6
  46. package/dist/buttons/src/EmbeddedButton.css +186 -148
  47. package/dist/buttons/src/EmbeddedButton.js +1 -1
  48. package/dist/buttons/src/LinkButton.css +185 -147
  49. package/dist/buttons/src/LinkButton.js +4 -4
  50. package/dist/buttons/src/index.css +333 -295
  51. package/dist/buttons/src/index.js +10 -10
  52. package/dist/callout/src/Callout.css +345 -307
  53. package/dist/callout/src/Callout.js +7 -7
  54. package/dist/callout/src/CompactCallout.css +382 -344
  55. package/dist/callout/src/CompactCallout.js +7 -7
  56. package/dist/callout/src/index.css +394 -356
  57. package/dist/callout/src/index.js +8 -8
  58. package/dist/card/src/Card.css +118 -80
  59. package/dist/card/src/Card.js +1 -1
  60. package/dist/card/src/index.css +118 -80
  61. package/dist/card/src/index.js +1 -1
  62. package/dist/checkbox/src/Checkbox.css +129 -91
  63. package/dist/checkbox/src/Checkbox.js +4 -4
  64. package/dist/checkbox/src/CheckboxField.css +116 -78
  65. package/dist/checkbox/src/CheckboxField.js +3 -3
  66. package/dist/checkbox/src/CheckboxGroup.css +181 -143
  67. package/dist/checkbox/src/CheckboxGroup.js +6 -6
  68. package/dist/checkbox/src/DecorativeCheckbox.css +142 -104
  69. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  70. package/dist/checkbox/src/index.css +181 -143
  71. package/dist/checkbox/src/index.js +10 -10
  72. package/dist/{chunk-TZEU4NKY.js → chunk-242I76V4.js} +2 -2
  73. package/dist/{chunk-HANWII4T.js → chunk-2HSYA3UO.js} +2 -2
  74. package/dist/{chunk-Q7VZSQA4.js → chunk-2HYNJ4RG.js} +1 -1
  75. package/dist/{chunk-4LOEZQ6K.js → chunk-2SWBJ2RA.js} +2 -2
  76. package/dist/{chunk-CJ3TZIBR.js → chunk-2XIGNRNN.js} +1 -1
  77. package/dist/{chunk-GEZ2O7GH.js → chunk-2Z6HG7MH.js} +1 -1
  78. package/dist/{chunk-TNLYOFSX.js → chunk-345ZW6DW.js} +4 -4
  79. package/dist/{chunk-4JPU7V7P.js → chunk-3ITCXFNF.js} +1 -1
  80. package/dist/{chunk-OXQZEGVN.js → chunk-3NPO6GHQ.js} +1 -1
  81. package/dist/{chunk-6HPTG4I7.js → chunk-4GWBYMMR.js} +1 -1
  82. package/dist/{chunk-YYRU4JQR.js → chunk-4IBYIHH3.js} +3 -3
  83. package/dist/{chunk-3ZHH7T6Q.js → chunk-5BAVMEBR.js} +2 -2
  84. package/dist/{chunk-336PKPIF.js → chunk-5G7E5FCW.js} +1 -1
  85. package/dist/{chunk-H4FHS5GM.js → chunk-5QTTGCUO.js} +1 -1
  86. package/dist/{chunk-FIEPLQID.js → chunk-66AUOYN3.js} +1 -1
  87. package/dist/{chunk-DIYUJMQO.js → chunk-67UHV6JT.js} +2 -2
  88. package/dist/{chunk-SA322LHS.js → chunk-6REG5UM7.js} +2 -2
  89. package/dist/{chunk-YMTZYK3U.js → chunk-7TD2BOOW.js} +1 -1
  90. package/dist/{chunk-26SAFLH2.js → chunk-A2ATFLHB.js} +3 -3
  91. package/dist/{chunk-PJGCHONW.js → chunk-AM5OWO4O.js} +1 -1
  92. package/dist/{chunk-WUU53CNO.js → chunk-AZM46V7S.js} +8 -8
  93. package/dist/{chunk-BBFLIS2N.js → chunk-BBUO6JNY.js} +1 -1
  94. package/dist/{chunk-5UAXAY5Z.js → chunk-BEZV2TV5.js} +1 -1
  95. package/dist/{chunk-XDFCDNZP.js → chunk-BLZPFFRT.js} +1 -1
  96. package/dist/{chunk-QF25FXI5.js → chunk-BOVMXXMP.js} +2 -2
  97. package/dist/chunk-BVHIN4FH.js +38 -0
  98. package/dist/{chunk-DQT6VAIZ.js → chunk-C37ZYXWY.js} +2 -2
  99. package/dist/{chunk-TWKILUSS.js → chunk-CXAKQC6F.js} +2 -2
  100. package/dist/{chunk-MSIFNLMK.js → chunk-D2XT5TOS.js} +5 -5
  101. package/dist/{chunk-BAQO6H5D.js → chunk-DEKL4OBV.js} +11 -11
  102. package/dist/{chunk-3IAYQDEZ.js → chunk-DP2RSYCZ.js} +3 -3
  103. package/dist/{chunk-OKYRSI6N.js → chunk-DU73AY3A.js} +1 -1
  104. package/dist/{chunk-IJC3LMVD.js → chunk-EAB222LC.js} +1 -1
  105. package/dist/{chunk-SVY4NPVL.js → chunk-ECH7SUOC.js} +7 -7
  106. package/dist/{chunk-EGASA3QE.js → chunk-ECZI3JMD.js} +1 -1
  107. package/dist/{chunk-WBSUD7UN.js → chunk-EJAFDM3W.js} +10 -10
  108. package/dist/{chunk-ZXRWEYKU.js → chunk-EPPRW6WY.js} +8 -8
  109. package/dist/{chunk-FFSXWRQ4.js → chunk-EWAUG4KW.js} +3 -3
  110. package/dist/{chunk-27MSAOIK.js → chunk-FKKZBPRC.js} +2 -2
  111. package/dist/{chunk-YCKOALBB.js → chunk-FMBBP2JM.js} +1 -1
  112. package/dist/{chunk-CFXK2ZSA.js → chunk-GOTGYG72.js} +2 -2
  113. package/dist/{chunk-WPIH4OAE.js → chunk-IGIUSB45.js} +1 -1
  114. package/dist/{chunk-W5LSA7PK.js → chunk-IMLQDPAT.js} +5 -5
  115. package/dist/{chunk-DRIRW7MJ.js → chunk-IYNP25HA.js} +2 -2
  116. package/dist/{chunk-LOJ6Y766.js → chunk-JVJ7HW2B.js} +2 -2
  117. package/dist/{chunk-J7GMVQDE.js → chunk-JZ6NPRCQ.js} +1 -1
  118. package/dist/{chunk-AAMIUZW2.js → chunk-K7QK3SIY.js} +1 -1
  119. package/dist/{chunk-6KB3ZPEX.js → chunk-L4VDO4RJ.js} +3 -3
  120. package/dist/{chunk-H3CEJLCO.js → chunk-L7IPSOT5.js} +2 -2
  121. package/dist/{chunk-Q3CGFKER.js → chunk-LACODOC2.js} +7 -1
  122. package/dist/{chunk-OBWROGLB.js → chunk-LZOVDVUN.js} +8 -8
  123. package/dist/{chunk-PHYO5KW6.js → chunk-M2V7QIEJ.js} +1 -1
  124. package/dist/{chunk-ONWB6QY6.js → chunk-M45IYAP6.js} +3 -3
  125. package/dist/{chunk-DNWSS3V2.js → chunk-M4CEDZGQ.js} +2 -2
  126. package/dist/{chunk-SYFFZMMH.js → chunk-MJVZCFBR.js} +5 -5
  127. package/dist/{chunk-TFDJKYCC.js → chunk-MMYSMCOC.js} +2 -2
  128. package/dist/{chunk-V53G7BNL.js → chunk-MURITCIV.js} +1 -1
  129. package/dist/{chunk-QOA4KYYB.js → chunk-N7HVLMON.js} +2 -2
  130. package/dist/{chunk-H3THQ7OK.js → chunk-ODTKK5LR.js} +1 -1
  131. package/dist/{chunk-NT7BHGVD.js → chunk-OMJOBHXJ.js} +5 -5
  132. package/dist/{chunk-LKH3JL3P.js → chunk-PHIFUBIQ.js} +1 -1
  133. package/dist/{chunk-WCUPQIIB.js → chunk-PLUMP3FI.js} +2 -2
  134. package/dist/{chunk-FJYBZVXI.js → chunk-Q65D7GMU.js} +6 -6
  135. package/dist/{chunk-VJBJDRCA.js → chunk-R252LAT3.js} +5 -5
  136. package/dist/{chunk-W6VX3CL4.js → chunk-SYZBLISX.js} +12 -12
  137. package/dist/{chunk-2O2NCTBM.js → chunk-TWP4PKNE.js} +2 -2
  138. package/dist/{chunk-RPAKOGH6.js → chunk-UG5NRLHP.js} +2 -2
  139. package/dist/{chunk-QYMSYYF5.js → chunk-UTN67TJM.js} +1 -1
  140. package/dist/{chunk-BQQSNNMG.js → chunk-VZCB6LQU.js} +1 -1
  141. package/dist/{chunk-3M3OPDB5.js → chunk-WAHZ3SFK.js} +2 -2
  142. package/dist/{chunk-X7VALEJB.js → chunk-WXM5D73O.js} +1 -1
  143. package/dist/{chunk-TKMQCZDW.js → chunk-YAEJRROD.js} +1 -1
  144. package/dist/{chunk-AQ5PVP2O.js → chunk-YAU2APH4.js} +2 -2
  145. package/dist/{chunk-PB7U6BYO.js → chunk-YDSIFPYF.js} +3 -3
  146. package/dist/{chunk-YDPBF37I.js → chunk-YUKKPIQM.js} +2 -2
  147. package/dist/{chunk-2OHC57EK.js → chunk-Z4KKM2YZ.js} +1 -1
  148. package/dist/{chunk-CHA2MOQZ.js → chunk-ZDPSSA4N.js} +1 -1
  149. package/dist/{chunk-MYC273X2.js → chunk-ZF2VIHIL.js} +3 -3
  150. package/dist/{chunk-ND5XR6RA.js → chunk-ZTX23M7T.js} +2 -2
  151. package/dist/{chunk-C3X6NC6X.js → chunk-ZYWNDGPO.js} +2 -2
  152. package/dist/combobox/src/ComboBox.css +788 -720
  153. package/dist/combobox/src/ComboBox.js +17 -17
  154. package/dist/combobox/src/index.css +788 -720
  155. package/dist/combobox/src/index.js +17 -17
  156. package/dist/disclosure/src/Disclosure.css +125 -87
  157. package/dist/disclosure/src/Disclosure.js +1 -1
  158. package/dist/disclosure/src/DisclosureHeader.css +132 -94
  159. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  160. package/dist/disclosure/src/DisclosurePanel.css +120 -82
  161. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  162. package/dist/disclosure/src/index.css +150 -112
  163. package/dist/disclosure/src/index.js +7 -7
  164. package/dist/divider/src/Divider.css +117 -79
  165. package/dist/divider/src/Divider.js +1 -1
  166. package/dist/divider/src/index.css +117 -79
  167. package/dist/divider/src/index.js +1 -1
  168. package/dist/error-message/src/ErrorMessage.css +117 -79
  169. package/dist/error-message/src/ErrorMessage.js +2 -2
  170. package/dist/error-message/src/index.css +117 -79
  171. package/dist/error-message/src/index.js +2 -2
  172. package/dist/form/src/Form.css +110 -72
  173. package/dist/form/src/Form.js +1 -1
  174. package/dist/form/src/index.css +110 -72
  175. package/dist/form/src/index.js +1 -1
  176. package/dist/helper-message/src/HelperMessage.css +117 -79
  177. package/dist/helper-message/src/HelperMessage.js +2 -2
  178. package/dist/helper-message/src/index.css +117 -79
  179. package/dist/helper-message/src/index.js +2 -2
  180. package/dist/hopper-provider/src/HopperProvider.css +282 -0
  181. package/dist/hopper-provider/src/HopperProvider.d.ts +1 -0
  182. package/dist/hopper-provider/src/HopperProvider.js +2 -1
  183. package/dist/hopper-provider/src/index.css +282 -0
  184. package/dist/hopper-provider/src/index.js +2 -1
  185. package/dist/icon-list/src/IconList.css +116 -78
  186. package/dist/icon-list/src/IconList.js +1 -1
  187. package/dist/icon-list/src/index.css +116 -78
  188. package/dist/icon-list/src/index.js +1 -1
  189. package/dist/illustrated-message/src/IllustratedMessage.css +352 -314
  190. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  191. package/dist/illustrated-message/src/index.css +352 -314
  192. package/dist/illustrated-message/src/index.js +1 -1
  193. package/dist/image/src/Image.css +118 -80
  194. package/dist/image/src/Image.js +1 -1
  195. package/dist/image/src/SvgImage.css +116 -78
  196. package/dist/image/src/SvgImage.js +1 -1
  197. package/dist/image/src/index.css +119 -81
  198. package/dist/image/src/index.js +2 -2
  199. package/dist/index.css +1116 -1036
  200. package/dist/index.d.ts +5 -4
  201. package/dist/index.js +80 -79
  202. package/dist/inputs/src/Input.css +119 -81
  203. package/dist/inputs/src/Input.js +1 -1
  204. package/dist/inputs/src/InputGroup.css +121 -83
  205. package/dist/inputs/src/InputGroup.js +1 -1
  206. package/dist/inputs/src/NumberField.css +145 -107
  207. package/dist/inputs/src/NumberField.js +9 -9
  208. package/dist/inputs/src/PasswordField.css +353 -315
  209. package/dist/inputs/src/PasswordField.js +9 -9
  210. package/dist/inputs/src/RemainingCharacterCount.css +118 -80
  211. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  212. package/dist/inputs/src/SearchField.css +359 -321
  213. package/dist/inputs/src/SearchField.js +10 -10
  214. package/dist/inputs/src/TextArea.css +142 -104
  215. package/dist/inputs/src/TextArea.js +8 -8
  216. package/dist/inputs/src/TextField.css +357 -319
  217. package/dist/inputs/src/TextField.js +12 -12
  218. package/dist/inputs/src/index.css +410 -372
  219. package/dist/inputs/src/index.js +16 -16
  220. package/dist/link/src/Link.css +154 -116
  221. package/dist/link/src/Link.js +3 -3
  222. package/dist/link/src/index.css +154 -116
  223. package/dist/link/src/index.js +3 -3
  224. package/dist/list-box/src/ListBox.css +399 -351
  225. package/dist/list-box/src/ListBox.js +7 -7
  226. package/dist/list-box/src/ListBoxItem.css +387 -339
  227. package/dist/list-box/src/ListBoxItem.js +6 -6
  228. package/dist/list-box/src/ListBoxItemSkeleton.css +122 -84
  229. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  230. package/dist/list-box/src/index.css +399 -351
  231. package/dist/list-box/src/index.js +7 -7
  232. package/dist/modal/src/BaseModal.css +142 -92
  233. package/dist/modal/src/BaseModal.js +1 -1
  234. package/dist/modal/src/CustomModal.css +143 -93
  235. package/dist/modal/src/CustomModal.js +2 -2
  236. package/dist/modal/src/Modal.css +384 -334
  237. package/dist/modal/src/Modal.js +8 -8
  238. package/dist/modal/src/index.css +390 -340
  239. package/dist/modal/src/index.js +9 -9
  240. package/dist/overlays/popover/src/Popover.css +689 -631
  241. package/dist/overlays/popover/src/Popover.js +2 -2
  242. package/dist/overlays/popover/src/PopoverBase.css +129 -81
  243. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  244. package/dist/overlays/popover/src/index.css +703 -635
  245. package/dist/overlays/popover/src/index.js +3 -3
  246. package/dist/radio/src/DecorativeRadio.css +142 -104
  247. package/dist/radio/src/DecorativeRadio.js +3 -3
  248. package/dist/radio/src/Radio.css +134 -96
  249. package/dist/radio/src/Radio.js +3 -3
  250. package/dist/radio/src/RadioField.css +121 -83
  251. package/dist/radio/src/RadioField.js +2 -2
  252. package/dist/radio/src/RadioGroup.css +186 -148
  253. package/dist/radio/src/RadioGroup.js +6 -6
  254. package/dist/radio/src/index.css +186 -148
  255. package/dist/radio/src/index.js +10 -10
  256. package/dist/segmented-control/src/SegmentedControl.css +116 -78
  257. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  258. package/dist/segmented-control/src/SegmentedControlItem.css +130 -92
  259. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  260. package/dist/segmented-control/src/index.css +131 -93
  261. package/dist/segmented-control/src/index.js +3 -3
  262. package/dist/select/src/Select.css +732 -664
  263. package/dist/select/src/Select.js +16 -16
  264. package/dist/select/src/SelectValue.css +186 -138
  265. package/dist/select/src/SelectValue.js +2 -2
  266. package/dist/select/src/index.css +732 -664
  267. package/dist/select/src/index.js +16 -16
  268. package/dist/spinner/src/Spinner.css +125 -87
  269. package/dist/spinner/src/Spinner.js +2 -2
  270. package/dist/spinner/src/index.css +125 -87
  271. package/dist/spinner/src/index.js +2 -2
  272. package/dist/switch/src/Switch.css +131 -93
  273. package/dist/switch/src/Switch.js +3 -3
  274. package/dist/switch/src/SwitchField.css +121 -83
  275. package/dist/switch/src/SwitchField.js +2 -2
  276. package/dist/switch/src/index.css +137 -99
  277. package/dist/switch/src/index.js +4 -4
  278. package/dist/tabs/src/Tab.css +538 -490
  279. package/dist/tabs/src/Tab.js +2 -2
  280. package/dist/tabs/src/TabLine.css +117 -79
  281. package/dist/tabs/src/TabLine.js +1 -1
  282. package/dist/tabs/src/TabList.css +124 -86
  283. package/dist/tabs/src/TabList.js +2 -2
  284. package/dist/tabs/src/TabPanel.css +117 -79
  285. package/dist/tabs/src/TabPanel.js +1 -1
  286. package/dist/tabs/src/index.css +549 -501
  287. package/dist/tabs/src/index.js +5 -5
  288. package/dist/tag/src/Tag.css +516 -468
  289. package/dist/tag/src/Tag.js +7 -7
  290. package/dist/tag/src/TagGroup.css +125 -87
  291. package/dist/tag/src/TagGroup.js +6 -6
  292. package/dist/tag/src/index.css +526 -478
  293. package/dist/tag/src/index.js +11 -11
  294. package/dist/tile/src/Tile.css +124 -86
  295. package/dist/tile/src/Tile.js +2 -2
  296. package/dist/tile/src/TileGroup.css +116 -78
  297. package/dist/tile/src/TileGroup.js +1 -1
  298. package/dist/tile/src/index.css +125 -87
  299. package/dist/tile/src/index.js +3 -3
  300. package/dist/toggle-arrow/src/ToggleArrow.css +117 -79
  301. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  302. package/dist/toggle-arrow/src/index.css +117 -79
  303. package/dist/toggle-arrow/src/index.js +1 -1
  304. package/dist/tooltip/src/Tooltip.css +135 -87
  305. package/dist/tooltip/src/Tooltip.js +3 -3
  306. package/dist/tooltip/src/TooltipTrigger.css +115 -77
  307. package/dist/tooltip/src/index.css +135 -87
  308. package/dist/tooltip/src/index.js +3 -3
  309. package/dist/typography/heading/src/Heading.css +115 -77
  310. package/dist/typography/heading/src/Heading.js +1 -1
  311. package/dist/typography/heading/src/index.css +115 -77
  312. package/dist/typography/heading/src/index.js +1 -1
  313. package/dist/typography/label/src/Label.css +97 -59
  314. package/dist/typography/label/src/Label.js +2 -2
  315. package/dist/typography/label/src/index.css +97 -59
  316. package/dist/typography/label/src/index.js +2 -2
  317. package/dist/typography/overline-text/src/OverlineText.css +83 -45
  318. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  319. package/dist/typography/overline-text/src/index.css +83 -45
  320. package/dist/typography/overline-text/src/index.js +1 -1
  321. package/dist/typography/paragraph/src/Paragraph.css +272 -0
  322. package/dist/typography/paragraph/src/Paragraph.d.ts +16 -0
  323. package/dist/typography/paragraph/src/Paragraph.js +7 -0
  324. package/dist/typography/paragraph/src/index.css +272 -0
  325. package/dist/typography/paragraph/src/index.d.ts +5 -0
  326. package/dist/typography/paragraph/src/index.js +7 -0
  327. package/dist/typography/text/src/Text.css +83 -45
  328. package/dist/typography/text/src/Text.js +1 -1
  329. package/dist/typography/text/src/index.css +83 -45
  330. package/dist/typography/text/src/index.js +1 -1
  331. package/dist/utils/src/ClearSlots.css +115 -77
  332. package/dist/utils/src/EnsureTextWrapper.css +115 -77
  333. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  334. package/dist/utils/src/index.css +115 -77
  335. package/dist/utils/src/index.js +2 -2
  336. package/package.json +2 -2
@@ -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___Ar-xg {
2
+ .Heading-module__hop-Heading___ymJPS {
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___Ar-xg) {
36
+ :where(.Heading-module__hop-Heading___ymJPS) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,51 +41,120 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___-I9vY) {
44
+ :where(.Heading-module__hop-Heading--xs___bHqez) {
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___3Uw0i) {
50
+ :where(.Heading-module__hop-Heading--sm___Mxwzr) {
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___curln) {
56
+ :where(.Heading-module__hop-Heading--md___aCDuc) {
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___wTnwT) {
62
+ :where(.Heading-module__hop-Heading--lg___9qCBi) {
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___DNuF7) {
68
+ :where(.Heading-module__hop-Heading--xl___kA1HN) {
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___cWmCg) {
74
+ :where(.Heading-module__hop-Heading--2xl___-CQ08) {
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___-fSuo) {
80
+ :where(.Heading-module__hop-Heading--3xl___gFWn8) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
84
84
  --line-height: var(--hop-Heading-3xl-line-height);
85
85
  }
86
86
 
87
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
+ .Form-module__hop-Form___x-Zbq {
89
+ display: flex;
90
+ flex-direction: column;
91
+ gap: var(--hop-space-stack-lg);
92
+ }
93
+
94
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
+ .Label-module__hop-Label___vqWZR {
96
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
+ --hop-Label-color: var(--hop-neutral-text-weak);
101
+ }
102
+ :where(.Label-module__hop-Label___vqWZR) {
103
+ font-family: var(--hop-Label-font-family);
104
+ font-size: var(--hop-Label-font-size);
105
+ font-weight: var(--hop-Label-font-weight);
106
+ line-height: var(--hop-Label-line-height);
107
+ color: var(--hop-Label-color);
108
+ }
109
+ :where(.Label-module__hop-Label__indicator___7V-DK) {
110
+ padding-inline-start: var(--hop-space-20);
111
+ }
112
+
113
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
+ :where(.OverlineText-module__hop-OverlineText___cuiG5) {
115
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
118
+ --hop-OverlineText-letter-spacing: 0.015rem;
119
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
120
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
121
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
122
+ --font-family: var(--hop-OverlineText-font-family);
123
+ --font-size: var(--hop-OverlineText-font-size);
124
+ --font-weight: var(--hop-OverlineText-font-weight);
125
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
126
+ --line-height: var(--hop-OverlineText-line-height);
127
+ --top-offset: var(--hop-OverlineText-top-offset);
128
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
129
+ box-sizing: border-box;
130
+ font-family: var(--font-family);
131
+ font-size: var(--font-size);
132
+ font-feature-settings: "case";
133
+ font-weight: var(--font-weight);
134
+ line-height: var(--line-height);
135
+ text-transform: uppercase;
136
+ letter-spacing: var(--letter-spacing);
137
+ }
138
+ .OverlineText-module__hop-OverlineText__text___oymrp {
139
+ box-sizing: border-box;
140
+ }
141
+ .OverlineText-module__hop-OverlineText__text___oymrp::before,
142
+ .OverlineText-module__hop-OverlineText__text___oymrp::after {
143
+ content: "";
144
+ display: block;
145
+ box-sizing: border-box;
146
+ inline-size: 0;
147
+ block-size: 0;
148
+ }
149
+ .OverlineText-module__hop-OverlineText__text___oymrp::before {
150
+ margin-block-end: var(--bottom-offset);
151
+ }
152
+ .OverlineText-module__hop-OverlineText__text___oymrp::after {
153
+ margin-block-start: var(--top-offset);
154
+ }
155
+
87
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
88
- .Text-module__hop-Text___uq-tR {
157
+ .Text-module__hop-Text___lZZnA {
89
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
90
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
91
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -115,126 +184,95 @@
115
184
  --hop-Text-inherit-size-font-weight: inherit;
116
185
  --hop-Text-inherit-size-line-height: inherit;
117
186
  }
118
- :where(.Text-module__hop-Text___uq-tR) {
187
+ :where(.Text-module__hop-Text___lZZnA) {
119
188
  font-family: var(--font-family);
120
189
  font-size: var(--font-size);
121
190
  font-weight: var(--font-weight);
122
191
  line-height: var(--line-height);
123
192
  }
124
- :where(.Text-module__hop-Text--xs___sJCR-) {
193
+ :where(.Text-module__hop-Text--xs___-Helr) {
125
194
  --font-size: var(--hop-Text-xs-font-size);
126
195
  --font-family: var(--hop-Text-xs-font-family);
127
196
  --font-weight: var(--hop-Text-xs-font-weight);
128
197
  --line-height: var(--hop-Text-xs-line-height);
129
198
  }
130
- :where(.Text-module__hop-Text--sm___rsSoz) {
199
+ :where(.Text-module__hop-Text--sm___n4DcX) {
131
200
  --font-size: var(--hop-Text-sm-font-size);
132
201
  --font-family: var(--hop-Text-sm-font-family);
133
202
  --font-weight: var(--hop-Text-sm-font-weight);
134
203
  --line-height: var(--hop-Text-sm-line-height);
135
204
  }
136
- :where(.Text-module__hop-Text--md___KWEnQ) {
205
+ :where(.Text-module__hop-Text--md___VdH5f) {
137
206
  --font-size: var(--hop-Text-md-font-size);
138
207
  --font-family: var(--hop-Text-md-font-family);
139
208
  --font-weight: var(--hop-Text-md-font-weight);
140
209
  --line-height: var(--hop-Text-md-line-height);
141
210
  }
142
- :where(.Text-module__hop-Text--lg___igwHs) {
211
+ :where(.Text-module__hop-Text--lg___oTyML) {
143
212
  --font-size: var(--hop-Text-lg-font-size);
144
213
  --font-family: var(--hop-Text-lg-font-family);
145
214
  --font-weight: var(--hop-Text-lg-font-weight);
146
215
  --line-height: var(--hop-Text-lg-line-height);
147
216
  }
148
- :where(.Text-module__hop-Text--xl___V7Phx) {
217
+ :where(.Text-module__hop-Text--xl___71mU0) {
149
218
  --font-size: var(--hop-Text-xl-font-size);
150
219
  --font-family: var(--hop-Text-xl-font-family);
151
220
  --font-weight: var(--hop-Text-xl-font-weight);
152
221
  --line-height: var(--hop-Text-xl-line-height);
153
222
  }
154
- :where(.Text-module__hop-Text--2xl___Yc-7P) {
223
+ :where(.Text-module__hop-Text--2xl___xt-EK) {
155
224
  --font-size: var(--hop-Text-2xl-font-size);
156
225
  --font-family: var(--hop-Text-2xl-font-family);
157
226
  --font-weight: var(--hop-Text-2xl-font-weight);
158
227
  --line-height: var(--hop-Text-2xl-line-height);
159
228
  }
160
- :where(.Text-module__hop-Text--inherit___8OzO8) {
229
+ :where(.Text-module__hop-Text--inherit___wMzVg) {
161
230
  --font-size: var(--hop-Text-inherit-size-font-size);
162
231
  --font-family: var(--hop-Text-inherit-size-font-family);
163
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
164
233
  --line-height: var(--hop-Text-inherit-size-line-height);
165
234
  }
166
235
 
167
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
168
- :where(.OverlineText-module__hop-OverlineText___wnMR6) {
169
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
170
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
171
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
172
- --hop-OverlineText-letter-spacing: 0.015rem;
173
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
174
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
175
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
176
- --font-family: var(--hop-OverlineText-font-family);
177
- --font-size: var(--hop-OverlineText-font-size);
178
- --font-weight: var(--hop-OverlineText-font-weight);
179
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
180
- --line-height: var(--hop-OverlineText-line-height);
181
- --top-offset: var(--hop-OverlineText-top-offset);
182
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
183
- box-sizing: border-box;
184
- font-family: var(--font-family);
185
- font-size: var(--font-size);
186
- font-feature-settings: "case";
187
- font-weight: var(--font-weight);
188
- line-height: var(--line-height);
189
- text-transform: uppercase;
190
- letter-spacing: var(--letter-spacing);
236
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
+ .Paragraph-module__hop-Paragraph___5zmqY {
238
+ --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
+ --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
+ --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
241
+ --hop-Paragraph-lg-margin-bottom: calc(1rem * .75);
242
+ --hop-Paragraph-xl-margin-bottom: calc(1.125rem * .75);
243
+ --hop-Paragraph-2xl-margin-bottom: calc(1.375rem * .75);
244
+ --hop-Paragraph-inherit-margin-bottom: .75em;
245
+ margin: 0;
246
+ margin-block-end: var(--margin-block-end);
247
+ overflow-wrap: break-word;
191
248
  }
192
- .OverlineText-module__hop-OverlineText__text___fotp3 {
193
- box-sizing: border-box;
249
+ .Paragraph-module__hop-Paragraph___5zmqY:last-child {
250
+ --margin-block-end: 0;
194
251
  }
195
- .OverlineText-module__hop-OverlineText__text___fotp3::before,
196
- .OverlineText-module__hop-OverlineText__text___fotp3::after {
197
- content: "";
198
- display: block;
199
- box-sizing: border-box;
200
- inline-size: 0;
201
- block-size: 0;
252
+ .Paragraph-module__hop-Paragraph--xs___ZDU9Y {
253
+ --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
202
254
  }
203
- .OverlineText-module__hop-OverlineText__text___fotp3::before {
204
- margin-block-end: var(--bottom-offset);
255
+ .Paragraph-module__hop-Paragraph--sm___hsTk4 {
256
+ --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
205
257
  }
206
- .OverlineText-module__hop-OverlineText__text___fotp3::after {
207
- margin-block-start: var(--top-offset);
258
+ .Paragraph-module__hop-Paragraph--md___7LlNR {
259
+ --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
208
260
  }
209
-
210
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
211
- .Form-module__hop-Form___1Lmw5 {
212
- display: flex;
213
- flex-direction: column;
214
- gap: var(--hop-space-stack-lg);
261
+ .Paragraph-module__hop-Paragraph--lg___MHwuY {
262
+ --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
215
263
  }
216
-
217
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
218
- .Label-module__hop-Label___yQPNj {
219
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
220
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
221
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
222
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
223
- --hop-Label-color: var(--hop-neutral-text-weak);
264
+ .Paragraph-module__hop-Paragraph--xl___a6CHb {
265
+ --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
224
266
  }
225
- :where(.Label-module__hop-Label___yQPNj) {
226
- font-family: var(--hop-Label-font-family);
227
- font-size: var(--hop-Label-font-size);
228
- font-weight: var(--hop-Label-font-weight);
229
- line-height: var(--hop-Label-line-height);
230
- color: var(--hop-Label-color);
267
+ .Paragraph-module__hop-Paragraph--2xl___N-pjK {
268
+ --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
231
269
  }
232
- :where(.Label-module__hop-Label__indicator___pSeqL) {
233
- padding-inline-start: var(--hop-space-20);
270
+ .Paragraph-module__hop-Paragraph--inherit___7n8lu {
271
+ --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
234
272
  }
235
273
 
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
237
- .Badge-module__hop-Badge___wICWA {
275
+ .Badge-module__hop-Badge___QZHNh {
238
276
  --hop-Badge-height: 1.5rem;
239
277
  --hop-Badge-width: max-content;
240
278
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -284,67 +322,67 @@
284
322
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
285
323
  border-radius: var(--border-radius);
286
324
  }
287
- .Badge-module__hop-Badge--primary___oB6Zw {
325
+ .Badge-module__hop-Badge--primary___dr8-R {
288
326
  --background-color: var(--hop-Badge-primary-background-color);
289
327
  --text-color: var(--hop-Badge-primary-text-color);
290
328
  }
291
- .Badge-module__hop-Badge--primary___oB6Zw[data-hovered] {
329
+ .Badge-module__hop-Badge--primary___dr8-R[data-hovered] {
292
330
  --background-color: var(--hop-Badge-primary-background-color-hovered);
293
331
  --text-color: var(--hop-Badge-primary-text-color-hovered);
294
332
  }
295
- .Badge-module__hop-Badge--primary___oB6Zw[data-pressed] {
333
+ .Badge-module__hop-Badge--primary___dr8-R[data-pressed] {
296
334
  --background-color: var(--hop-Badge-primary-background-color-pressed);
297
335
  --text-color: var(--hop-Badge-primary-text-color-pressed);
298
336
  }
299
- .Badge-module__hop-Badge--primary___oB6Zw[data-selected] {
337
+ .Badge-module__hop-Badge--primary___dr8-R[data-selected] {
300
338
  --background-color: var(--hop-Badge-primary-background-color-selected);
301
339
  --text-color: var(--hop-Badge-primary-text-color-selected);
302
340
  }
303
- .Badge-module__hop-Badge--secondary___cUJ2g {
341
+ .Badge-module__hop-Badge--secondary___nsi-Z {
304
342
  --background-color: var(--hop-Badge-secondary-background-color);
305
343
  --text-color: var(--hop-Badge-secondary-text-color);
306
344
  }
307
- .Badge-module__hop-Badge--secondary___cUJ2g[data-hovered] {
345
+ .Badge-module__hop-Badge--secondary___nsi-Z[data-hovered] {
308
346
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
309
347
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
310
348
  }
311
- .Badge-module__hop-Badge--secondary___cUJ2g[data-pressed] {
349
+ .Badge-module__hop-Badge--secondary___nsi-Z[data-pressed] {
312
350
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
313
351
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
314
352
  }
315
- .Badge-module__hop-Badge--secondary___cUJ2g[data-selected] {
353
+ .Badge-module__hop-Badge--secondary___nsi-Z[data-selected] {
316
354
  --background-color: var(--hop-Badge-secondary-background-color-selected);
317
355
  --text-color: var(--hop-Badge-secondary-text-color-selected);
318
356
  }
319
- .Badge-module__hop-Badge--subdued___XkcXy {
357
+ .Badge-module__hop-Badge--subdued___6zf5p {
320
358
  --background-color: var(--hop-Badge-subdued-background-color);
321
359
  --text-color: var(--hop-Badge-subdued-text-color);
322
360
  }
323
- .Badge-module__hop-Badge--subdued___XkcXy[data-hovered] {
361
+ .Badge-module__hop-Badge--subdued___6zf5p[data-hovered] {
324
362
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
325
363
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
326
364
  }
327
- .Badge-module__hop-Badge--subdued___XkcXy[data-pressed] {
365
+ .Badge-module__hop-Badge--subdued___6zf5p[data-pressed] {
328
366
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
329
367
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
330
368
  }
331
- .Badge-module__hop-Badge--subdued___XkcXy[data-selected] {
369
+ .Badge-module__hop-Badge--subdued___6zf5p[data-selected] {
332
370
  --background-color: var(--hop-Badge-subdued-background-color-selected);
333
371
  --text-color: var(--hop-Badge-subdued-text-color-selected);
334
372
  }
335
- .Badge-module__hop-Badge___wICWA[data-indeterminate] {
373
+ .Badge-module__hop-Badge___QZHNh[data-indeterminate] {
336
374
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
337
375
  --height: var(--hop-Badge-indeterminate-height);
338
376
  --width: var(--hop-Badge-indeterminate-width);
339
377
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
340
378
  }
341
- .Badge-module__hop-Badge___wICWA[data-disabled] {
379
+ .Badge-module__hop-Badge___QZHNh[data-disabled] {
342
380
  --background-color: var(--hop-Badge-background-color-disabled);
343
381
  --text-color: var(--hop-Badge-text-color-disabled);
344
382
  }
345
383
 
346
384
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
347
- .FloatingBadge-module__hop-FloatingBadge___La-cL {
385
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5 {
348
386
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
349
387
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
350
388
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -385,7 +423,7 @@
385
423
  box-sizing: border-box;
386
424
  inline-size: max-content;
387
425
  }
388
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top right"] {
426
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top right"] {
389
427
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
390
428
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
391
429
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -393,11 +431,11 @@
393
431
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
394
432
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
395
433
  }
396
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top right"][data-overlap=circular] {
434
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top right"][data-overlap=circular] {
397
435
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
398
436
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
399
437
  }
400
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top left"] {
438
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top left"] {
401
439
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
402
440
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
403
441
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -405,11 +443,11 @@
405
443
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
406
444
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
407
445
  }
408
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top left"][data-overlap=circular] {
446
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top left"][data-overlap=circular] {
409
447
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
410
448
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
411
449
  }
412
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom right"] {
450
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom right"] {
413
451
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
414
452
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
415
453
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -417,11 +455,11 @@
417
455
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
418
456
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
419
457
  }
420
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom right"][data-overlap=circular] {
458
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom right"][data-overlap=circular] {
421
459
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
422
460
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
423
461
  }
424
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom left"] {
462
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom left"] {
425
463
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
426
464
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
427
465
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -429,11 +467,11 @@
429
467
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
430
468
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
431
469
  }
432
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom left"][data-overlap=circular] {
470
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom left"][data-overlap=circular] {
433
471
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
434
472
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
435
473
  }
436
- .FloatingBadge-module__hop-FloatingBadge__badge___4qLEQ {
474
+ .FloatingBadge-module__hop-FloatingBadge__badge___AOaA7 {
437
475
  position: absolute;
438
476
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
439
477
  transform-origin: var(--badge-transform-origin);
@@ -441,7 +479,7 @@
441
479
  }
442
480
 
443
481
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
444
- .ErrorMessage-module__hop-ErrorMessage___HD-7d {
482
+ .ErrorMessage-module__hop-ErrorMessage___f00C9 {
445
483
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
446
484
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
447
485
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -458,13 +496,13 @@
458
496
  line-height: var(--hop-ErrorMessage-line-height);
459
497
  color: var(--hop-ErrorMessage-color);
460
498
  }
461
- .ErrorMessage-module__hop-ErrorMessage__icon___84NtQ {
499
+ .ErrorMessage-module__hop-ErrorMessage__icon___zy1fZ {
462
500
  flex: 0 0 auto;
463
501
  align-self: flex-start;
464
502
  }
465
503
 
466
504
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
467
- .HelperMessage-module__hop-HelperMessage___qbc2x {
505
+ .HelperMessage-module__hop-HelperMessage___fxbbH {
468
506
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
469
507
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
470
508
  display: flex;
@@ -473,13 +511,13 @@
473
511
  box-sizing: border-box;
474
512
  color: var(--hop-HelperMessage-color);
475
513
  }
476
- .HelperMessage-module__hop-HelperMessage__icon___07Gqs {
514
+ .HelperMessage-module__hop-HelperMessage__icon___S0ddr {
477
515
  flex: 0 0 auto;
478
516
  align-self: flex-start;
479
517
  }
480
518
 
481
519
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
482
- .Input-module__hop-Input___Om8I4 {
520
+ .Input-module__hop-Input___PZbPa {
483
521
  --hop-Input-placeholder-font-family: inherit;
484
522
  --hop-Input-placeholder-font-size: inherit;
485
523
  --hop-Input-placeholder-font-weight: inherit;
@@ -527,28 +565,28 @@
527
565
  border: 0;
528
566
  outline-style: none;
529
567
  }
530
- .Input-module__hop-Input--sm___rPpIJ {
568
+ .Input-module__hop-Input--sm___8ofcF {
531
569
  --font-family: var(--hop-Input-sm-font-family);
532
570
  --font-size: var(--hop-Input-sm-font-size);
533
571
  --font-weight: var(--hop-Input-sm-font-weight);
534
572
  --line-height: var(--hop-Input-sm-line-height);
535
573
  --block-size: var(--hop-Input-sm-block-size);
536
574
  }
537
- .Input-module__hop-Input___Om8I4::placeholder {
575
+ .Input-module__hop-Input___PZbPa::placeholder {
538
576
  font-family: var(--hop-Input-placeholder-font-family);
539
577
  font-size: var(--hop-Input-placeholder-font-size);
540
578
  font-weight: var(--hop-Input-placeholder-font-weight);
541
579
  line-height: var(--hop-Input-placeholder-line-height);
542
580
  color: var(--input-placeholder-color);
543
581
  }
544
- .Input-module__hop-Input___Om8I4[data-disabled] {
582
+ .Input-module__hop-Input___PZbPa[data-disabled] {
545
583
  --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
546
584
  --color: var(--hop-Input-color-disabled);
547
585
  --background-color: var(--hop-Input-background-disabled);
548
586
  }
549
587
 
550
588
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
551
- .InputGroup-module__hop-InputGroup___pTusQ {
589
+ .InputGroup-module__hop-InputGroup___7yr8l {
552
590
  --hop-InputGroup-background: var(--hop-neutral-surface);
553
591
  --hop-InputGroup-border-color: var(--hop-neutral-border);
554
592
  --hop-InputGroup-border-width: 0.0625rem;
@@ -579,26 +617,26 @@
579
617
  border: var(--border);
580
618
  border-radius: var(--hop-InputGroup-border-radius);
581
619
  }
582
- .InputGroup-module__hop-InputGroup--fluid___74fKH {
620
+ .InputGroup-module__hop-InputGroup--fluid___CxY3B {
583
621
  --inline-size: 100%;
584
622
  }
585
- .InputGroup-module__hop-InputGroup___pTusQ[data-hovered] {
623
+ .InputGroup-module__hop-InputGroup___7yr8l[data-hovered] {
586
624
  --background: var(--hop-InputGroup-background-hover);
587
625
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
588
626
  }
589
- .InputGroup-module__hop-InputGroup___pTusQ[data-focus-within] {
627
+ .InputGroup-module__hop-InputGroup___7yr8l[data-focus-within] {
590
628
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
591
629
  }
592
- .InputGroup-module__hop-InputGroup___pTusQ[data-invalid] {
630
+ .InputGroup-module__hop-InputGroup___7yr8l[data-invalid] {
593
631
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
594
632
  }
595
- .InputGroup-module__hop-InputGroup___pTusQ[data-disabled] {
633
+ .InputGroup-module__hop-InputGroup___7yr8l[data-disabled] {
596
634
  --background: var(--hop-InputGroup-background-disabled);
597
635
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
598
636
  }
599
637
 
600
638
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
601
- .NumberField-module__hop-NumberField___Ff9zj {
639
+ .NumberField-module__hop-NumberField___AZFp9 {
602
640
  --hop-NumberField-gap: var(--hop-space-stack-xs);
603
641
  --hop-NumberField-inline-size: 20rem;
604
642
  --hop-NumberField-inline-size-fluid: 100%;
@@ -634,30 +672,30 @@
634
672
  gap: var(--hop-NumberField-gap);
635
673
  inline-size: var(--inline-size);
636
674
  }
637
- .NumberField-module__hop-NumberField--fluid___QqCF5 {
675
+ .NumberField-module__hop-NumberField--fluid___5Rk4N {
638
676
  --inline-size: var(--hop-NumberField-inline-size-fluid);
639
677
  }
640
- .NumberField-module__hop-NumberField__Label___LvRyr {
678
+ .NumberField-module__hop-NumberField__Label___R6JZY {
641
679
  order: 0;
642
680
  }
643
- .NumberField-module__hop-NumberField__prefix___8T5Pe {
681
+ .NumberField-module__hop-NumberField__prefix___Jx-qv {
644
682
  order: 1;
645
683
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
646
684
  color: var(--hop-NumberField-prefix-color);
647
685
  }
648
- .NumberField-module__hop-NumberField__InputGroup___8Lz4x {
686
+ .NumberField-module__hop-NumberField__InputGroup___WTWCs {
649
687
  grid-template: var(--hop-NumberField-input-group-template);
650
688
  order: 1;
651
689
  padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
652
690
  }
653
- .NumberField-module__hop-NumberField__ErrorMessage___FNaZk,
654
- .NumberField-module__hop-NumberField__HelperMessage___bRVqB {
691
+ .NumberField-module__hop-NumberField__ErrorMessage___k97xt,
692
+ .NumberField-module__hop-NumberField__HelperMessage___woRbi {
655
693
  order: 3;
656
694
  }
657
- .NumberField-module__hop-NumberField__steppers___ASAwK {
695
+ .NumberField-module__hop-NumberField__steppers___SJdMc {
658
696
  order: 3;
659
697
  }
660
- .NumberField-module__hop-NumberField__stepper-button___Fvs6U {
698
+ .NumberField-module__hop-NumberField__stepper-button___PdOon {
661
699
  cursor: pointer;
662
700
  display: flex;
663
701
  grid-area: var(--grid-area, unset);
@@ -677,39 +715,39 @@
677
715
  border-radius: var(--stepper-border-radius, 0);
678
716
  outline: none;
679
717
  }
680
- .NumberField-module__hop-NumberField__stepper-button--increment___FJO9W {
718
+ .NumberField-module__hop-NumberField__stepper-button--increment___gbZ4D {
681
719
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
682
720
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
683
721
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
684
722
  }
685
- .NumberField-module__hop-NumberField__stepper-button--decrement___77v-p {
723
+ .NumberField-module__hop-NumberField__stepper-button--decrement___t-VVI {
686
724
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
687
725
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
688
726
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
689
727
  }
690
- .NumberField-module__hop-NumberField__stepper-button___Fvs6U[data-hovered] {
728
+ .NumberField-module__hop-NumberField__stepper-button___PdOon[data-hovered] {
691
729
  color: var(--hop-NumberField-stepper-color-hovered);
692
730
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
693
731
  }
694
- .NumberField-module__hop-NumberField__stepper-button___Fvs6U[data-pressed] {
732
+ .NumberField-module__hop-NumberField__stepper-button___PdOon[data-pressed] {
695
733
  color: var(--hop-NumberField-stepper-color-pressed);
696
734
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
697
735
  }
698
- .NumberField-module__hop-NumberField__stepper-button___Fvs6U[data-disabled] {
736
+ .NumberField-module__hop-NumberField__stepper-button___PdOon[data-disabled] {
699
737
  cursor: default;
700
738
  color: var(--hop-NumberField-stepper-color-disabled);
701
739
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
702
740
  }
703
- .NumberField-module__hop-NumberField__stepper-button__icon___ndGIU {
741
+ .NumberField-module__hop-NumberField__stepper-button__icon___6-YfF {
704
742
  display: block;
705
743
  max-block-size: 100%;
706
744
  }
707
- .NumberField-module__hop-NumberField__input___Qlu09 {
745
+ .NumberField-module__hop-NumberField__input___uHPCr {
708
746
  order: 2;
709
747
  }
710
748
 
711
749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
712
- .IconList-module__hop-IconList___KtipB {
750
+ .IconList-module__hop-IconList___71qcc {
713
751
  --hop-IconList-gap: var(--hop-space-inline-xs);
714
752
  display: flex;
715
753
  flex-wrap: wrap;
@@ -718,7 +756,7 @@
718
756
  }
719
757
 
720
758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
721
- @keyframes Spinner-module__spin___Faw-r {
759
+ @keyframes Spinner-module__spin___yMNuw {
722
760
  0% {
723
761
  transform: rotate(0deg);
724
762
  }
@@ -726,7 +764,7 @@
726
764
  transform: rotate(360deg);
727
765
  }
728
766
  }
729
- .Spinner-module__hop-Spinner___6q9rz {
767
+ .Spinner-module__hop-Spinner___wlgun {
730
768
  --hop-Spinner-border-radius: var(--hop-shape-circle);
731
769
  --hop-Spinner-sm-wheel-size: 1rem;
732
770
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -734,7 +772,7 @@
734
772
  --hop-Spinner-track-width: 0.125rem;
735
773
  --hop-Spinner-track-opacity: 0.2;
736
774
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
737
- --hop-Spinner-fill-animation: Spinner-module__spin___Faw-r .8s infinite linear;
775
+ --hop-Spinner-fill-animation: Spinner-module__spin___yMNuw .8s infinite linear;
738
776
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
739
777
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
740
778
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -745,19 +783,19 @@
745
783
  align-items: center;
746
784
  box-sizing: border-box;
747
785
  }
748
- .Spinner-module__hop-Spinner--sm___6uEWY {
786
+ .Spinner-module__hop-Spinner--sm___2Jzv- {
749
787
  --width: var(--hop-Spinner-sm-wheel-size);
750
788
  --height: var(--hop-Spinner-sm-wheel-size);
751
789
  }
752
- .Spinner-module__hop-Spinner--md___xj82a {
790
+ .Spinner-module__hop-Spinner--md___3d-mN {
753
791
  --width: var(--hop-Spinner-md-wheel-size);
754
792
  --height: var(--hop-Spinner-md-wheel-size);
755
793
  }
756
- .Spinner-module__hop-Spinner--lg___PoxnB {
794
+ .Spinner-module__hop-Spinner--lg___-oxkJ {
757
795
  --width: var(--hop-Spinner-lg-wheel-size);
758
796
  --height: var(--hop-Spinner-lg-wheel-size);
759
797
  }
760
- .Spinner-module__hop-Spinner__track___yewAt {
798
+ .Spinner-module__hop-Spinner__track___nA-s- {
761
799
  grid-area: spinner;
762
800
  box-sizing: border-box;
763
801
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -766,7 +804,7 @@
766
804
  border: var(--hop-Spinner-track-border);
767
805
  border-radius: var(--hop-Spinner-border-radius);
768
806
  }
769
- .Spinner-module__hop-Spinner__fill___rJUNl {
807
+ .Spinner-module__hop-Spinner__fill___d8TLp {
770
808
  grid-area: spinner;
771
809
  box-sizing: border-box;
772
810
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -777,17 +815,17 @@
777
815
  animation: var(--hop-Spinner-fill-animation);
778
816
  }
779
817
  @media (prefers-reduced-motion: reduce) {
780
- .Spinner-module__hop-Spinner__fill___rJUNl {
818
+ .Spinner-module__hop-Spinner__fill___d8TLp {
781
819
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
782
820
  }
783
821
  }
784
- .Spinner-module__hop-Spinner__label___upGH0 {
822
+ .Spinner-module__hop-Spinner__label___RSiED {
785
823
  grid-area: label;
786
824
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
787
825
  }
788
826
 
789
827
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
790
- .Button-module__hop-Button___xiJh7 {
828
+ .Button-module__hop-Button___TXL9i {
791
829
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
792
830
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
793
831
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -911,215 +949,215 @@
911
949
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
912
950
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
913
951
  }
914
- .Button-module__hop-Button--fluid___VOQAE {
952
+ .Button-module__hop-Button--fluid___HDlga {
915
953
  --inline-size: 100%;
916
954
  }
917
- .Button-module__hop-Button--sm___Wul7x {
955
+ .Button-module__hop-Button--sm___GZQUg {
918
956
  --block-size: var(--hop-Button-sm-height);
919
957
  --padding: var(--hop-Button-sm-padding);
920
958
  }
921
- .Button-module__hop-Button--sm___Wul7x[class*=--ghost] {
959
+ .Button-module__hop-Button--sm___GZQUg[class*=--ghost] {
922
960
  --padding: var(--hop-Button-ghost-sm-padding);
923
961
  }
924
- .Button-module__hop-Button--md___e-Ko-[class*=--ghost] {
962
+ .Button-module__hop-Button--md___BaxGo[class*=--ghost] {
925
963
  --padding: var(--hop-Button-ghost-md-padding);
926
964
  }
927
- .Button-module__hop-Button--icon-only___MFz57 {
965
+ .Button-module__hop-Button--icon-only___nkFWQ {
928
966
  --column-gap: var(--hop-Button-icon-only-column-gap);
929
967
  --padding: var(--hop-Button-icon-only-padding);
930
968
  aspect-ratio: 1;
931
969
  }
932
- .Button-module__hop-Button--primary___RKI1i {
970
+ .Button-module__hop-Button--primary___D5NDr {
933
971
  --background-color: var(--hop-Button-primary-background-color);
934
972
  --color: var(--hop-Button-primary-color);
935
973
  --border: var(--hop-Button-primary-border);
936
974
  --spinner-color: var(--hop-Button-primary-spinner-color);
937
975
  }
938
- .Button-module__hop-Button--primary___RKI1i[data-hovered],
939
- .Button-module__hop-Button--primary___RKI1i[data-focus-visible] {
976
+ .Button-module__hop-Button--primary___D5NDr[data-hovered],
977
+ .Button-module__hop-Button--primary___D5NDr[data-focus-visible] {
940
978
  --background-color: var(--hop-Button-primary-background-color-hover);
941
979
  --color: var(--hop-Button-primary-color-hover);
942
980
  --border: var(--hop-Button-primary-border-hover);
943
981
  }
944
- .Button-module__hop-Button--primary___RKI1i[data-pressed] {
982
+ .Button-module__hop-Button--primary___D5NDr[data-pressed] {
945
983
  --background-color: var(--hop-Button-primary-background-color-pressed);
946
984
  --color: var(--hop-Button-primary-color-pressed);
947
985
  --border: var(--hop-Button-primary-border-pressed);
948
986
  }
949
- .Button-module__hop-Button--secondary___wqqJQ {
987
+ .Button-module__hop-Button--secondary___9SfRb {
950
988
  --background-color: var(--hop-Button-secondary-background-color);
951
989
  --color: var(--hop-Button-secondary-color);
952
990
  --border: var(--hop-Button-secondary-border);
953
991
  --spinner-color: var(--hop-Button-secondary-spinner-color);
954
992
  }
955
- .Button-module__hop-Button--secondary___wqqJQ[data-hovered],
956
- .Button-module__hop-Button--secondary___wqqJQ[data-focus-visible] {
993
+ .Button-module__hop-Button--secondary___9SfRb[data-hovered],
994
+ .Button-module__hop-Button--secondary___9SfRb[data-focus-visible] {
957
995
  --background-color: var(--hop-Button-secondary-background-color-hover);
958
996
  --color: var(--hop-Button-secondary-color-hover);
959
997
  --border: var(--hop-Button-secondary-border-hover);
960
998
  }
961
- .Button-module__hop-Button--secondary___wqqJQ[data-pressed] {
999
+ .Button-module__hop-Button--secondary___9SfRb[data-pressed] {
962
1000
  --background-color: var(--hop-Button-secondary-background-color-pressed);
963
1001
  --color: var(--hop-Button-secondary-color-pressed);
964
1002
  --border: var(--hop-Button-secondary-border-pressed);
965
1003
  }
966
- .Button-module__hop-Button--upsell___VMpcZ {
1004
+ .Button-module__hop-Button--upsell___WU2dw {
967
1005
  --background-color: var(--hop-Button-upsell-background-color);
968
1006
  --color: var(--hop-Button-upsell-color);
969
1007
  --border: var(--hop-Button-upsell-border);
970
1008
  --spinner-color: var(--hop-Button-upsell-spinner-color);
971
1009
  }
972
- .Button-module__hop-Button--upsell___VMpcZ[data-hovered],
973
- .Button-module__hop-Button--upsell___VMpcZ[data-focus-visible] {
1010
+ .Button-module__hop-Button--upsell___WU2dw[data-hovered],
1011
+ .Button-module__hop-Button--upsell___WU2dw[data-focus-visible] {
974
1012
  --background-color: var(--hop-Button-upsell-background-color-hover);
975
1013
  --color: var(--hop-Button-upsell-color-hover);
976
1014
  --border: var(--hop-Button-upsell-border-hover);
977
1015
  }
978
- .Button-module__hop-Button--upsell___VMpcZ[data-pressed] {
1016
+ .Button-module__hop-Button--upsell___WU2dw[data-pressed] {
979
1017
  --background-color: var(--hop-Button-upsell-background-color-pressed);
980
1018
  --color: var(--hop-Button-upsell-color-pressed);
981
1019
  --border: var(--hop-Button-upsell-border-pressed);
982
1020
  }
983
- .Button-module__hop-Button--danger___O-jr8 {
1021
+ .Button-module__hop-Button--danger___nIQnN {
984
1022
  --background-color: var(--hop-Button-danger-background-color);
985
1023
  --color: var(--hop-Button-danger-color);
986
1024
  --border: var(--hop-Button-danger-border);
987
1025
  --spinner-color: var(--hop-Button-danger-spinner-color);
988
1026
  }
989
- .Button-module__hop-Button--danger___O-jr8[data-hovered],
990
- .Button-module__hop-Button--danger___O-jr8[data-focus-visible] {
1027
+ .Button-module__hop-Button--danger___nIQnN[data-hovered],
1028
+ .Button-module__hop-Button--danger___nIQnN[data-focus-visible] {
991
1029
  --background-color: var(--hop-Button-danger-background-color-hover);
992
1030
  --color: var(--hop-Button-danger-color-hover);
993
1031
  --border: var(--hop-Button-danger-border-hover);
994
1032
  }
995
- .Button-module__hop-Button--danger___O-jr8[data-pressed] {
1033
+ .Button-module__hop-Button--danger___nIQnN[data-pressed] {
996
1034
  --background-color: var(--hop-Button-danger-background-color-pressed);
997
1035
  --color: var(--hop-Button-danger-color-pressed);
998
1036
  --border: var(--hop-Button-danger-border-pressed);
999
1037
  }
1000
- .Button-module__hop-Button--ghost-primary___FnZSg {
1038
+ .Button-module__hop-Button--ghost-primary___aDV3t {
1001
1039
  --background-color: var(--hop-Button-ghost-primary-background-color);
1002
1040
  --color: var(--hop-Button-ghost-primary-color);
1003
1041
  --border: var(--hop-Button-ghost-primary-border);
1004
1042
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1005
1043
  }
1006
- .Button-module__hop-Button--ghost-primary___FnZSg[data-hovered],
1007
- .Button-module__hop-Button--ghost-primary___FnZSg[data-focus-visible] {
1044
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-hovered],
1045
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-focus-visible] {
1008
1046
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1009
1047
  --color: var(--hop-Button-ghost-primary-color-hover);
1010
1048
  --border: var(--hop-Button-ghost-primary-border-hover);
1011
1049
  --text-underline: underline;
1012
1050
  }
1013
- .Button-module__hop-Button--ghost-primary___FnZSg[data-pressed] {
1051
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-pressed] {
1014
1052
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1015
1053
  --color: var(--hop-Button-ghost-primary-color-pressed);
1016
1054
  --border: var(--hop-Button-ghost-primary-border-pressed);
1017
1055
  --text-underline: underline;
1018
1056
  }
1019
- .Button-module__hop-Button--ghost-secondary___iqNgt {
1057
+ .Button-module__hop-Button--ghost-secondary___L02sf {
1020
1058
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1021
1059
  --color: var(--hop-Button-ghost-secondary-color);
1022
1060
  --border: var(--hop-Button-ghost-secondary-border);
1023
1061
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1024
1062
  }
1025
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-hovered],
1026
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-focus-visible] {
1063
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-hovered],
1064
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-focus-visible] {
1027
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1028
1066
  --color: var(--hop-Button-ghost-secondary-color-hover);
1029
1067
  --border: var(--hop-Button-ghost-secondary-border-hover);
1030
1068
  --text-underline: underline;
1031
1069
  }
1032
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-pressed] {
1070
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-pressed] {
1033
1071
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1034
1072
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1035
1073
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1036
1074
  --text-underline: underline;
1037
1075
  }
1038
- .Button-module__hop-Button--ghost-danger___qB-Df {
1076
+ .Button-module__hop-Button--ghost-danger___s3XFZ {
1039
1077
  --background-color: var(--hop-Button-ghost-danger-background-color);
1040
1078
  --color: var(--hop-Button-ghost-danger-color);
1041
1079
  --border: var(--hop-Button-ghost-danger-border);
1042
1080
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1043
1081
  }
1044
- .Button-module__hop-Button--ghost-danger___qB-Df[data-hovered],
1045
- .Button-module__hop-Button--ghost-danger___qB-Df[data-focus-visible] {
1082
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-hovered],
1083
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-focus-visible] {
1046
1084
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1047
1085
  --color: var(--hop-Button-ghost-danger-color-hover);
1048
1086
  --border: var(--hop-Button-ghost-danger-border-hover);
1049
1087
  --text-underline: underline;
1050
1088
  }
1051
- .Button-module__hop-Button--ghost-danger___qB-Df[data-pressed] {
1089
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-pressed] {
1052
1090
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1053
1091
  --color: var(--hop-Button-ghost-danger-color-pressed);
1054
1092
  --border: var(--hop-Button-ghost-danger-border-pressed);
1055
1093
  --text-underline: underline;
1056
1094
  }
1057
- .Button-module__hop-Button___xiJh7[data-focus-visible] {
1095
+ .Button-module__hop-Button___TXL9i[data-focus-visible] {
1058
1096
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1059
1097
  }
1060
- .Button-module__hop-Button___xiJh7[data-disabled],
1061
- .Button-module__hop-Button--loading___MgNaX {
1098
+ .Button-module__hop-Button___TXL9i[data-disabled],
1099
+ .Button-module__hop-Button--loading___-bekZ {
1062
1100
  cursor: not-allowed;
1063
1101
  }
1064
- .Button-module__hop-Button___xiJh7[data-disabled] {
1102
+ .Button-module__hop-Button___TXL9i[data-disabled] {
1065
1103
  --background-color: var(--hop-Button-background-color-disabled);
1066
1104
  --color: var(--hop-Button-color-disabled);
1067
1105
  --border: var(--hop-Button-border-disabled);
1068
1106
  }
1069
- .Button-module__hop-Button___xiJh7[class*=--ghost][data-disabled] {
1107
+ .Button-module__hop-Button___TXL9i[class*=--ghost][data-disabled] {
1070
1108
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1071
1109
  --color: var(--hop-Button-ghost-color-disabled);
1072
1110
  --border: var(--hop-Button-ghost-border-disabled);
1073
1111
  }
1074
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--primary___RKI1i {
1112
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--primary___D5NDr {
1075
1113
  --background-color: var(--hop-Button-primary-background-color);
1076
1114
  --color: var(--hop-Button-primary-color);
1077
1115
  --border: var(--hop-Button-primary-border);
1078
1116
  }
1079
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--secondary___wqqJQ {
1117
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--secondary___9SfRb {
1080
1118
  --background-color: var(--hop-Button-secondary-background-color);
1081
1119
  --color: var(--hop-Button-secondary-color);
1082
1120
  --border: var(--hop-Button-secondary-border);
1083
1121
  }
1084
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--upsell___VMpcZ {
1122
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--upsell___WU2dw {
1085
1123
  --background-color: var(--hop-Button-upsell-background-color);
1086
1124
  --color: var(--hop-Button-upsell-color);
1087
1125
  --border: var(--hop-Button-upsell-border);
1088
1126
  }
1089
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--danger___O-jr8 {
1127
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--danger___nIQnN {
1090
1128
  --background-color: var(--hop-Button-danger-background-color);
1091
1129
  --color: var(--hop-Button-danger-color);
1092
1130
  --border: var(--hop-Button-danger-border);
1093
1131
  }
1094
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-primary___FnZSg {
1132
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-primary___aDV3t {
1095
1133
  --background-color: var(--hop-Button-ghost-primary-background-color);
1096
1134
  --color: var(--hop-Button-ghost-primary-color);
1097
1135
  --border: var(--hop-Button-ghost-primary-border);
1098
1136
  --text-underline: none;
1099
1137
  }
1100
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-secondary___iqNgt {
1138
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-secondary___L02sf {
1101
1139
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1102
1140
  --color: var(--hop-Button-ghost-secondary-color);
1103
1141
  --border: var(--hop-Button-ghost-secondary-border);
1104
1142
  --text-underline: none;
1105
1143
  }
1106
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-danger___qB-Df {
1144
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-danger___s3XFZ {
1107
1145
  --background-color: var(--hop-Button-ghost-danger-background-color);
1108
1146
  --color: var(--hop-Button-ghost-danger-color);
1109
1147
  --border: var(--hop-Button-ghost-danger-border);
1110
1148
  --text-underline: none;
1111
1149
  }
1112
- .Button-module__hop-Button__Spinner___NRYSd {
1150
+ .Button-module__hop-Button__Spinner___n7Ijc {
1113
1151
  position: absolute;
1114
1152
  color: var(--spinner-color);
1115
1153
  }
1116
- .Button-module__hop-Button__icon___U--U8,
1117
- .Button-module__hop-Button__icon-list___jk-eg {
1154
+ .Button-module__hop-Button__icon___l1yw8,
1155
+ .Button-module__hop-Button__icon-list___pxV-9 {
1118
1156
  flex: 0 0 auto;
1119
1157
  justify-self: end;
1120
1158
  order: 1;
1121
1159
  }
1122
- .Button-module__hop-Button__text___1vQg7 {
1160
+ .Button-module__hop-Button__text___RHZ7P {
1123
1161
  user-select: none;
1124
1162
  overflow: visible;
1125
1163
  flex: 0 1 auto;
@@ -1129,60 +1167,60 @@
1129
1167
  text-underline-offset: 0.125rem;
1130
1168
  text-wrap: nowrap;
1131
1169
  }
1132
- .Button-module__hop-Button__end-icon___DarhX,
1133
- .Button-module__hop-Button__end-icon-list___3saKU {
1170
+ .Button-module__hop-Button__end-icon___1uC5c,
1171
+ .Button-module__hop-Button__end-icon-list___h26Zi {
1134
1172
  flex: 0 0 auto;
1135
1173
  order: 3;
1136
1174
  }
1137
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__icon-list___jk-eg,
1138
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__end-icon-list___3saKU {
1175
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__icon-list___pxV-9,
1176
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__end-icon-list___h26Zi {
1139
1177
  flex-wrap: nowrap;
1140
1178
  }
1141
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button___xiJh7 > *:not(.Button-module__hop-Button__Spinner___NRYSd) {
1179
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button___TXL9i > *:not(.Button-module__hop-Button__Spinner___n7Ijc) {
1142
1180
  opacity: 0;
1143
1181
  }
1144
1182
 
1145
1183
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1146
- .ButtonGroup-module__hop-ButtonGroup___Aa0mC {
1184
+ .ButtonGroup-module__hop-ButtonGroup___YyO37 {
1147
1185
  display: inline-flex;
1148
1186
  flex-wrap: nowrap;
1149
1187
  gap: var(--hop-space-inline-md);
1150
1188
  }
1151
- .ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
1189
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
1152
1190
  align-items: center;
1153
1191
  }
1154
- .ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
1192
+ .ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
1155
1193
  flex-direction: column;
1156
1194
  gap: var(--hop-space-stack-md);
1157
1195
  justify-content: center;
1158
1196
  }
1159
- .ButtonGroup-module__hop-ButtonGroup--start___n9CwD.ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
1197
+ .ButtonGroup-module__hop-ButtonGroup--start___UCj9T.ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
1160
1198
  align-items: flex-start;
1161
1199
  }
1162
- .ButtonGroup-module__hop-ButtonGroup--center___Utr6y.ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
1200
+ .ButtonGroup-module__hop-ButtonGroup--center___b-OEf.ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
1163
1201
  align-items: center;
1164
1202
  }
1165
- .ButtonGroup-module__hop-ButtonGroup--end___x6Bnw.ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
1203
+ .ButtonGroup-module__hop-ButtonGroup--end___6D1av.ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
1166
1204
  align-items: flex-end;
1167
1205
  }
1168
- .ButtonGroup-module__hop-ButtonGroup--start___n9CwD.ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
1206
+ .ButtonGroup-module__hop-ButtonGroup--start___UCj9T.ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
1169
1207
  justify-content: flex-start;
1170
1208
  }
1171
- .ButtonGroup-module__hop-ButtonGroup--center___Utr6y.ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
1209
+ .ButtonGroup-module__hop-ButtonGroup--center___b-OEf.ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
1172
1210
  justify-content: center;
1173
1211
  }
1174
- .ButtonGroup-module__hop-ButtonGroup--end___x6Bnw.ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
1212
+ .ButtonGroup-module__hop-ButtonGroup--end___6D1av.ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
1175
1213
  justify-content: flex-end;
1176
1214
  }
1177
- .ButtonGroup-module__hop-ButtonGroup--wrap___-yzay {
1215
+ .ButtonGroup-module__hop-ButtonGroup--wrap___Kru-6 {
1178
1216
  flex-wrap: wrap;
1179
1217
  }
1180
- .ButtonGroup-module__hop-ButtonGroup--fluid___jd6g4 {
1218
+ .ButtonGroup-module__hop-ButtonGroup--fluid___zu-5Y {
1181
1219
  inline-size: 100%;
1182
1220
  }
1183
1221
 
1184
1222
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1185
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS {
1223
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY {
1186
1224
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1187
1225
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1188
1226
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1346,7 +1384,7 @@
1346
1384
  outline: none;
1347
1385
  transition: color var(--transition);
1348
1386
  }
1349
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS::before {
1387
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY::before {
1350
1388
  content: "";
1351
1389
  position: absolute;
1352
1390
  inset-block-start: 50%;
@@ -1359,284 +1397,284 @@
1359
1397
  border-radius: var(--effect-border-radius);
1360
1398
  transition: background-color var(--transition);
1361
1399
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-square] {
1400
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-square] {
1363
1401
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1364
1402
  }
1365
- .EmbeddedButton-module__hop-EmbeddedButton--md___zXZiy {
1403
+ .EmbeddedButton-module__hop-EmbeddedButton--md___1mrnE {
1366
1404
  --inline-size: var(--hop-EmbeddedButton-md-width);
1367
1405
  --block-size: var(--hop-EmbeddedButton-md-height);
1368
1406
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1369
1407
  }
1370
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4Mhrc {
1408
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C1MAV {
1371
1409
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1372
1410
  --block-size: var(--hop-EmbeddedButton-lg-height);
1373
1411
  --focus-ring-offset: 0;
1374
1412
  }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--md___zXZiy::before {
1413
+ .EmbeddedButton-module__hop-EmbeddedButton--md___1mrnE::before {
1376
1414
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1377
1415
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1378
1416
  }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4Mhrc::before {
1417
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C1MAV::before {
1380
1418
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1381
1419
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1382
1420
  }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd {
1421
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp {
1384
1422
  --color: var(--hop-EmbeddedButton-neutral-color);
1385
1423
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1386
1424
  }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ {
1425
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j {
1388
1426
  --color: var(--hop-EmbeddedButton-subdued-color);
1389
1427
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1390
1428
  }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ {
1429
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy {
1392
1430
  --color: var(--hop-EmbeddedButton-progress-color);
1393
1431
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1394
1432
  }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX {
1433
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16 {
1396
1434
  --color: var(--hop-EmbeddedButton-positive-color);
1397
1435
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1398
1436
  }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh {
1437
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5 {
1400
1438
  --color: var(--hop-EmbeddedButton-caution-color);
1401
1439
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1402
1440
  }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7 {
1441
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe {
1404
1442
  --color: var(--hop-EmbeddedButton-negative-color);
1405
1443
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1406
1444
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC {
1445
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn {
1408
1446
  --color: var(--hop-EmbeddedButton-option1-color);
1409
1447
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1410
1448
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB {
1449
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh {
1412
1450
  --color: var(--hop-EmbeddedButton-option2-color);
1413
1451
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1414
1452
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z {
1453
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy {
1416
1454
  --color: var(--hop-EmbeddedButton-option3-color);
1417
1455
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1418
1456
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS {
1457
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ {
1420
1458
  --color: var(--hop-EmbeddedButton-option4-color);
1421
1459
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1422
1460
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS {
1461
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU-- {
1424
1462
  --color: var(--hop-EmbeddedButton-option5-color);
1425
1463
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1426
1464
  }
1427
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP {
1465
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr {
1428
1466
  --color: var(--hop-EmbeddedButton-option6-color);
1429
1467
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1430
1468
  }
1431
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-selected] {
1469
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-selected] {
1432
1470
  --color: var(--hop-EmbeddedButton-selected-color);
1433
1471
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1434
1472
  }
1435
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-focus-visible] {
1473
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-focus-visible] {
1436
1474
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1437
1475
  outline-offset: var(--focus-ring-offset);
1438
1476
  }
1439
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-disabled] {
1477
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-disabled] {
1440
1478
  cursor: not-allowed;
1441
1479
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-hovered] {
1480
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-hovered] {
1443
1481
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1444
1482
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1445
1483
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-focus-visible] {
1484
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-focus-visible] {
1447
1485
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1448
1486
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1449
1487
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-pressed] {
1488
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-pressed] {
1451
1489
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1452
1490
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1453
1491
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-disabled] {
1492
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-disabled] {
1455
1493
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1456
1494
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1457
1495
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-hovered] {
1496
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-hovered] {
1459
1497
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1460
1498
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1461
1499
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-focus-visible] {
1500
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-focus-visible] {
1463
1501
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1464
1502
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1465
1503
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-pressed] {
1504
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-pressed] {
1467
1505
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1468
1506
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1469
1507
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-disabled] {
1508
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-disabled] {
1471
1509
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1472
1510
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1473
1511
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-hovered] {
1512
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-hovered] {
1475
1513
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1476
1514
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1477
1515
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-focus-visible] {
1516
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-focus-visible] {
1479
1517
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1480
1518
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1481
1519
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-pressed] {
1520
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-pressed] {
1483
1521
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1484
1522
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1485
1523
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-disabled] {
1524
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-disabled] {
1487
1525
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1488
1526
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1489
1527
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-hovered] {
1528
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-hovered] {
1491
1529
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1492
1530
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1493
1531
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-focus-visible] {
1532
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-focus-visible] {
1495
1533
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1496
1534
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1497
1535
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-pressed] {
1536
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-pressed] {
1499
1537
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1500
1538
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1501
1539
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-disabled] {
1540
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-disabled] {
1503
1541
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1504
1542
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1505
1543
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-hovered] {
1544
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-hovered] {
1507
1545
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1508
1546
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1509
1547
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-focus-visible] {
1548
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-focus-visible] {
1511
1549
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1512
1550
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1513
1551
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-pressed] {
1552
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-pressed] {
1515
1553
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1516
1554
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1517
1555
  }
1518
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-disabled] {
1556
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-disabled] {
1519
1557
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1520
1558
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1521
1559
  }
1522
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-hovered] {
1560
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-hovered] {
1523
1561
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1524
1562
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1525
1563
  }
1526
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-focus-visible] {
1564
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-focus-visible] {
1527
1565
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1528
1566
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1529
1567
  }
1530
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-pressed] {
1568
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-pressed] {
1531
1569
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1532
1570
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1533
1571
  }
1534
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-disabled] {
1572
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-disabled] {
1535
1573
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1536
1574
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1537
1575
  }
1538
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-hovered] {
1576
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-hovered] {
1539
1577
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1540
1578
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1541
1579
  }
1542
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-focus-visible] {
1580
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-focus-visible] {
1543
1581
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1544
1582
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1545
1583
  }
1546
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-pressed] {
1584
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-pressed] {
1547
1585
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1548
1586
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1549
1587
  }
1550
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-disabled] {
1588
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-disabled] {
1551
1589
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1552
1590
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1553
1591
  }
1554
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-hovered] {
1592
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-hovered] {
1555
1593
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1556
1594
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1557
1595
  }
1558
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-focus-visible] {
1596
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-focus-visible] {
1559
1597
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1560
1598
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1561
1599
  }
1562
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-pressed] {
1600
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-pressed] {
1563
1601
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1564
1602
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1565
1603
  }
1566
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-disabled] {
1604
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-disabled] {
1567
1605
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1568
1606
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1569
1607
  }
1570
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-hovered] {
1608
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-hovered] {
1571
1609
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1572
1610
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1573
1611
  }
1574
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-focus-visible] {
1612
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-focus-visible] {
1575
1613
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1576
1614
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1577
1615
  }
1578
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-pressed] {
1616
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-pressed] {
1579
1617
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1580
1618
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1581
1619
  }
1582
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-disabled] {
1620
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-disabled] {
1583
1621
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1584
1622
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1585
1623
  }
1586
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-hovered] {
1624
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-hovered] {
1587
1625
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1588
1626
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1589
1627
  }
1590
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-focus-visible] {
1628
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-focus-visible] {
1591
1629
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1592
1630
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1593
1631
  }
1594
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-pressed] {
1632
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-pressed] {
1595
1633
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1596
1634
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1597
1635
  }
1598
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-disabled] {
1636
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-disabled] {
1599
1637
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1600
1638
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1601
1639
  }
1602
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-hovered] {
1640
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-hovered] {
1603
1641
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1604
1642
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1605
1643
  }
1606
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-focus-visible] {
1644
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-focus-visible] {
1607
1645
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1608
1646
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1609
1647
  }
1610
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-pressed] {
1648
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-pressed] {
1611
1649
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1612
1650
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1613
1651
  }
1614
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-disabled] {
1652
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-disabled] {
1615
1653
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1616
1654
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1617
1655
  }
1618
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-hovered] {
1656
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-hovered] {
1619
1657
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1620
1658
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1621
1659
  }
1622
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-focus-visible] {
1660
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-focus-visible] {
1623
1661
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1624
1662
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1625
1663
  }
1626
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-pressed] {
1664
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-pressed] {
1627
1665
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1628
1666
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1629
1667
  }
1630
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-disabled] {
1668
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-disabled] {
1631
1669
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1632
1670
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1633
1671
  }
1634
- .EmbeddedButton-module__hop-EmbeddedButton__icon___bJez8 {
1672
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___JHPyq {
1635
1673
  position: relative;
1636
1674
  }
1637
1675
 
1638
1676
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1639
- button.CloseButton-module__hop-CloseButton___3-aWC {
1677
+ button.CloseButton-module__hop-CloseButton___VxU-X {
1640
1678
  --hop-CloseButton-margin-top: 0rem;
1641
1679
  --hop-CloseButton-padding: 0rem;
1642
1680
  --hop-CloseButton-width: fit-content;
@@ -1648,7 +1686,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1648
1686
  }
1649
1687
 
1650
1688
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1651
- .Button-module__hop-Button___xiJh7 {
1689
+ .Button-module__hop-Button___TXL9i {
1652
1690
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1653
1691
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1654
1692
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1772,215 +1810,215 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1772
1810
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1773
1811
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1774
1812
  }
1775
- .Button-module__hop-Button--fluid___VOQAE {
1813
+ .Button-module__hop-Button--fluid___HDlga {
1776
1814
  --inline-size: 100%;
1777
1815
  }
1778
- .Button-module__hop-Button--sm___Wul7x {
1816
+ .Button-module__hop-Button--sm___GZQUg {
1779
1817
  --block-size: var(--hop-Button-sm-height);
1780
1818
  --padding: var(--hop-Button-sm-padding);
1781
1819
  }
1782
- .Button-module__hop-Button--sm___Wul7x[class*=--ghost] {
1820
+ .Button-module__hop-Button--sm___GZQUg[class*=--ghost] {
1783
1821
  --padding: var(--hop-Button-ghost-sm-padding);
1784
1822
  }
1785
- .Button-module__hop-Button--md___e-Ko-[class*=--ghost] {
1823
+ .Button-module__hop-Button--md___BaxGo[class*=--ghost] {
1786
1824
  --padding: var(--hop-Button-ghost-md-padding);
1787
1825
  }
1788
- .Button-module__hop-Button--icon-only___MFz57 {
1826
+ .Button-module__hop-Button--icon-only___nkFWQ {
1789
1827
  --column-gap: var(--hop-Button-icon-only-column-gap);
1790
1828
  --padding: var(--hop-Button-icon-only-padding);
1791
1829
  aspect-ratio: 1;
1792
1830
  }
1793
- .Button-module__hop-Button--primary___RKI1i {
1831
+ .Button-module__hop-Button--primary___D5NDr {
1794
1832
  --background-color: var(--hop-Button-primary-background-color);
1795
1833
  --color: var(--hop-Button-primary-color);
1796
1834
  --border: var(--hop-Button-primary-border);
1797
1835
  --spinner-color: var(--hop-Button-primary-spinner-color);
1798
1836
  }
1799
- .Button-module__hop-Button--primary___RKI1i[data-hovered],
1800
- .Button-module__hop-Button--primary___RKI1i[data-focus-visible] {
1837
+ .Button-module__hop-Button--primary___D5NDr[data-hovered],
1838
+ .Button-module__hop-Button--primary___D5NDr[data-focus-visible] {
1801
1839
  --background-color: var(--hop-Button-primary-background-color-hover);
1802
1840
  --color: var(--hop-Button-primary-color-hover);
1803
1841
  --border: var(--hop-Button-primary-border-hover);
1804
1842
  }
1805
- .Button-module__hop-Button--primary___RKI1i[data-pressed] {
1843
+ .Button-module__hop-Button--primary___D5NDr[data-pressed] {
1806
1844
  --background-color: var(--hop-Button-primary-background-color-pressed);
1807
1845
  --color: var(--hop-Button-primary-color-pressed);
1808
1846
  --border: var(--hop-Button-primary-border-pressed);
1809
1847
  }
1810
- .Button-module__hop-Button--secondary___wqqJQ {
1848
+ .Button-module__hop-Button--secondary___9SfRb {
1811
1849
  --background-color: var(--hop-Button-secondary-background-color);
1812
1850
  --color: var(--hop-Button-secondary-color);
1813
1851
  --border: var(--hop-Button-secondary-border);
1814
1852
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1815
1853
  }
1816
- .Button-module__hop-Button--secondary___wqqJQ[data-hovered],
1817
- .Button-module__hop-Button--secondary___wqqJQ[data-focus-visible] {
1854
+ .Button-module__hop-Button--secondary___9SfRb[data-hovered],
1855
+ .Button-module__hop-Button--secondary___9SfRb[data-focus-visible] {
1818
1856
  --background-color: var(--hop-Button-secondary-background-color-hover);
1819
1857
  --color: var(--hop-Button-secondary-color-hover);
1820
1858
  --border: var(--hop-Button-secondary-border-hover);
1821
1859
  }
1822
- .Button-module__hop-Button--secondary___wqqJQ[data-pressed] {
1860
+ .Button-module__hop-Button--secondary___9SfRb[data-pressed] {
1823
1861
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1824
1862
  --color: var(--hop-Button-secondary-color-pressed);
1825
1863
  --border: var(--hop-Button-secondary-border-pressed);
1826
1864
  }
1827
- .Button-module__hop-Button--upsell___VMpcZ {
1865
+ .Button-module__hop-Button--upsell___WU2dw {
1828
1866
  --background-color: var(--hop-Button-upsell-background-color);
1829
1867
  --color: var(--hop-Button-upsell-color);
1830
1868
  --border: var(--hop-Button-upsell-border);
1831
1869
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1832
1870
  }
1833
- .Button-module__hop-Button--upsell___VMpcZ[data-hovered],
1834
- .Button-module__hop-Button--upsell___VMpcZ[data-focus-visible] {
1871
+ .Button-module__hop-Button--upsell___WU2dw[data-hovered],
1872
+ .Button-module__hop-Button--upsell___WU2dw[data-focus-visible] {
1835
1873
  --background-color: var(--hop-Button-upsell-background-color-hover);
1836
1874
  --color: var(--hop-Button-upsell-color-hover);
1837
1875
  --border: var(--hop-Button-upsell-border-hover);
1838
1876
  }
1839
- .Button-module__hop-Button--upsell___VMpcZ[data-pressed] {
1877
+ .Button-module__hop-Button--upsell___WU2dw[data-pressed] {
1840
1878
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1841
1879
  --color: var(--hop-Button-upsell-color-pressed);
1842
1880
  --border: var(--hop-Button-upsell-border-pressed);
1843
1881
  }
1844
- .Button-module__hop-Button--danger___O-jr8 {
1882
+ .Button-module__hop-Button--danger___nIQnN {
1845
1883
  --background-color: var(--hop-Button-danger-background-color);
1846
1884
  --color: var(--hop-Button-danger-color);
1847
1885
  --border: var(--hop-Button-danger-border);
1848
1886
  --spinner-color: var(--hop-Button-danger-spinner-color);
1849
1887
  }
1850
- .Button-module__hop-Button--danger___O-jr8[data-hovered],
1851
- .Button-module__hop-Button--danger___O-jr8[data-focus-visible] {
1888
+ .Button-module__hop-Button--danger___nIQnN[data-hovered],
1889
+ .Button-module__hop-Button--danger___nIQnN[data-focus-visible] {
1852
1890
  --background-color: var(--hop-Button-danger-background-color-hover);
1853
1891
  --color: var(--hop-Button-danger-color-hover);
1854
1892
  --border: var(--hop-Button-danger-border-hover);
1855
1893
  }
1856
- .Button-module__hop-Button--danger___O-jr8[data-pressed] {
1894
+ .Button-module__hop-Button--danger___nIQnN[data-pressed] {
1857
1895
  --background-color: var(--hop-Button-danger-background-color-pressed);
1858
1896
  --color: var(--hop-Button-danger-color-pressed);
1859
1897
  --border: var(--hop-Button-danger-border-pressed);
1860
1898
  }
1861
- .Button-module__hop-Button--ghost-primary___FnZSg {
1899
+ .Button-module__hop-Button--ghost-primary___aDV3t {
1862
1900
  --background-color: var(--hop-Button-ghost-primary-background-color);
1863
1901
  --color: var(--hop-Button-ghost-primary-color);
1864
1902
  --border: var(--hop-Button-ghost-primary-border);
1865
1903
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1866
1904
  }
1867
- .Button-module__hop-Button--ghost-primary___FnZSg[data-hovered],
1868
- .Button-module__hop-Button--ghost-primary___FnZSg[data-focus-visible] {
1905
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-hovered],
1906
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-focus-visible] {
1869
1907
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1870
1908
  --color: var(--hop-Button-ghost-primary-color-hover);
1871
1909
  --border: var(--hop-Button-ghost-primary-border-hover);
1872
1910
  --text-underline: underline;
1873
1911
  }
1874
- .Button-module__hop-Button--ghost-primary___FnZSg[data-pressed] {
1912
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-pressed] {
1875
1913
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1876
1914
  --color: var(--hop-Button-ghost-primary-color-pressed);
1877
1915
  --border: var(--hop-Button-ghost-primary-border-pressed);
1878
1916
  --text-underline: underline;
1879
1917
  }
1880
- .Button-module__hop-Button--ghost-secondary___iqNgt {
1918
+ .Button-module__hop-Button--ghost-secondary___L02sf {
1881
1919
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1882
1920
  --color: var(--hop-Button-ghost-secondary-color);
1883
1921
  --border: var(--hop-Button-ghost-secondary-border);
1884
1922
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1885
1923
  }
1886
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-hovered],
1887
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-focus-visible] {
1924
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-hovered],
1925
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-focus-visible] {
1888
1926
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1889
1927
  --color: var(--hop-Button-ghost-secondary-color-hover);
1890
1928
  --border: var(--hop-Button-ghost-secondary-border-hover);
1891
1929
  --text-underline: underline;
1892
1930
  }
1893
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-pressed] {
1931
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-pressed] {
1894
1932
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1895
1933
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1896
1934
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1897
1935
  --text-underline: underline;
1898
1936
  }
1899
- .Button-module__hop-Button--ghost-danger___qB-Df {
1937
+ .Button-module__hop-Button--ghost-danger___s3XFZ {
1900
1938
  --background-color: var(--hop-Button-ghost-danger-background-color);
1901
1939
  --color: var(--hop-Button-ghost-danger-color);
1902
1940
  --border: var(--hop-Button-ghost-danger-border);
1903
1941
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1904
1942
  }
1905
- .Button-module__hop-Button--ghost-danger___qB-Df[data-hovered],
1906
- .Button-module__hop-Button--ghost-danger___qB-Df[data-focus-visible] {
1943
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-hovered],
1944
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-focus-visible] {
1907
1945
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1908
1946
  --color: var(--hop-Button-ghost-danger-color-hover);
1909
1947
  --border: var(--hop-Button-ghost-danger-border-hover);
1910
1948
  --text-underline: underline;
1911
1949
  }
1912
- .Button-module__hop-Button--ghost-danger___qB-Df[data-pressed] {
1950
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-pressed] {
1913
1951
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1914
1952
  --color: var(--hop-Button-ghost-danger-color-pressed);
1915
1953
  --border: var(--hop-Button-ghost-danger-border-pressed);
1916
1954
  --text-underline: underline;
1917
1955
  }
1918
- .Button-module__hop-Button___xiJh7[data-focus-visible] {
1956
+ .Button-module__hop-Button___TXL9i[data-focus-visible] {
1919
1957
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1920
1958
  }
1921
- .Button-module__hop-Button___xiJh7[data-disabled],
1922
- .Button-module__hop-Button--loading___MgNaX {
1959
+ .Button-module__hop-Button___TXL9i[data-disabled],
1960
+ .Button-module__hop-Button--loading___-bekZ {
1923
1961
  cursor: not-allowed;
1924
1962
  }
1925
- .Button-module__hop-Button___xiJh7[data-disabled] {
1963
+ .Button-module__hop-Button___TXL9i[data-disabled] {
1926
1964
  --background-color: var(--hop-Button-background-color-disabled);
1927
1965
  --color: var(--hop-Button-color-disabled);
1928
1966
  --border: var(--hop-Button-border-disabled);
1929
1967
  }
1930
- .Button-module__hop-Button___xiJh7[class*=--ghost][data-disabled] {
1968
+ .Button-module__hop-Button___TXL9i[class*=--ghost][data-disabled] {
1931
1969
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1932
1970
  --color: var(--hop-Button-ghost-color-disabled);
1933
1971
  --border: var(--hop-Button-ghost-border-disabled);
1934
1972
  }
1935
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--primary___RKI1i {
1973
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--primary___D5NDr {
1936
1974
  --background-color: var(--hop-Button-primary-background-color);
1937
1975
  --color: var(--hop-Button-primary-color);
1938
1976
  --border: var(--hop-Button-primary-border);
1939
1977
  }
1940
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--secondary___wqqJQ {
1978
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--secondary___9SfRb {
1941
1979
  --background-color: var(--hop-Button-secondary-background-color);
1942
1980
  --color: var(--hop-Button-secondary-color);
1943
1981
  --border: var(--hop-Button-secondary-border);
1944
1982
  }
1945
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--upsell___VMpcZ {
1983
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--upsell___WU2dw {
1946
1984
  --background-color: var(--hop-Button-upsell-background-color);
1947
1985
  --color: var(--hop-Button-upsell-color);
1948
1986
  --border: var(--hop-Button-upsell-border);
1949
1987
  }
1950
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--danger___O-jr8 {
1988
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--danger___nIQnN {
1951
1989
  --background-color: var(--hop-Button-danger-background-color);
1952
1990
  --color: var(--hop-Button-danger-color);
1953
1991
  --border: var(--hop-Button-danger-border);
1954
1992
  }
1955
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-primary___FnZSg {
1993
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-primary___aDV3t {
1956
1994
  --background-color: var(--hop-Button-ghost-primary-background-color);
1957
1995
  --color: var(--hop-Button-ghost-primary-color);
1958
1996
  --border: var(--hop-Button-ghost-primary-border);
1959
1997
  --text-underline: none;
1960
1998
  }
1961
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-secondary___iqNgt {
1999
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-secondary___L02sf {
1962
2000
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1963
2001
  --color: var(--hop-Button-ghost-secondary-color);
1964
2002
  --border: var(--hop-Button-ghost-secondary-border);
1965
2003
  --text-underline: none;
1966
2004
  }
1967
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-danger___qB-Df {
2005
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-danger___s3XFZ {
1968
2006
  --background-color: var(--hop-Button-ghost-danger-background-color);
1969
2007
  --color: var(--hop-Button-ghost-danger-color);
1970
2008
  --border: var(--hop-Button-ghost-danger-border);
1971
2009
  --text-underline: none;
1972
2010
  }
1973
- .Button-module__hop-Button__Spinner___NRYSd {
2011
+ .Button-module__hop-Button__Spinner___n7Ijc {
1974
2012
  position: absolute;
1975
2013
  color: var(--spinner-color);
1976
2014
  }
1977
- .Button-module__hop-Button__icon___U--U8,
1978
- .Button-module__hop-Button__icon-list___jk-eg {
2015
+ .Button-module__hop-Button__icon___l1yw8,
2016
+ .Button-module__hop-Button__icon-list___pxV-9 {
1979
2017
  flex: 0 0 auto;
1980
2018
  justify-self: end;
1981
2019
  order: 1;
1982
2020
  }
1983
- .Button-module__hop-Button__text___1vQg7 {
2021
+ .Button-module__hop-Button__text___RHZ7P {
1984
2022
  user-select: none;
1985
2023
  overflow: visible;
1986
2024
  flex: 0 1 auto;
@@ -1990,57 +2028,57 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1990
2028
  text-underline-offset: 0.125rem;
1991
2029
  text-wrap: nowrap;
1992
2030
  }
1993
- .Button-module__hop-Button__end-icon___DarhX,
1994
- .Button-module__hop-Button__end-icon-list___3saKU {
2031
+ .Button-module__hop-Button__end-icon___1uC5c,
2032
+ .Button-module__hop-Button__end-icon-list___h26Zi {
1995
2033
  flex: 0 0 auto;
1996
2034
  order: 3;
1997
2035
  }
1998
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__icon-list___jk-eg,
1999
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__end-icon-list___3saKU {
2036
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__icon-list___pxV-9,
2037
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__end-icon-list___h26Zi {
2000
2038
  flex-wrap: nowrap;
2001
2039
  }
2002
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button___xiJh7 > *:not(.Button-module__hop-Button__Spinner___NRYSd) {
2040
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button___TXL9i > *:not(.Button-module__hop-Button__Spinner___n7Ijc) {
2003
2041
  opacity: 0;
2004
2042
  }
2005
- .LinkButton-module__hop-LinkButton___qgQ0V {
2043
+ .LinkButton-module__hop-LinkButton___ifEB1 {
2006
2044
  }
2007
- .LinkButton-module__hop-LinkButton--fluid___JLDkS {
2045
+ .LinkButton-module__hop-LinkButton--fluid___-lrvm {
2008
2046
  }
2009
- .LinkButton-module__hop-LinkButton--sm___tmQwa {
2047
+ .LinkButton-module__hop-LinkButton--sm___NJ4W0 {
2010
2048
  }
2011
- .LinkButton-module__hop-LinkButton--icon-only___6hijA {
2049
+ .LinkButton-module__hop-LinkButton--icon-only___andV3 {
2012
2050
  }
2013
- .LinkButton-module__hop-LinkButton--primary___c4xY5 {
2051
+ .LinkButton-module__hop-LinkButton--primary___Ecddj {
2014
2052
  }
2015
- .LinkButton-module__hop-LinkButton--secondary___QmN40 {
2053
+ .LinkButton-module__hop-LinkButton--secondary___j-MBI {
2016
2054
  }
2017
- .LinkButton-module__hop-LinkButton--upsell___7KBjx {
2055
+ .LinkButton-module__hop-LinkButton--upsell___lDOKQ {
2018
2056
  }
2019
- .LinkButton-module__hop-LinkButton--danger___erbwk {
2057
+ .LinkButton-module__hop-LinkButton--danger___2Cju0 {
2020
2058
  }
2021
- .LinkButton-module__hop-LinkButton--ghost-primary___-4dX1 {
2059
+ .LinkButton-module__hop-LinkButton--ghost-primary___4q8rd {
2022
2060
  }
2023
- .LinkButton-module__hop-LinkButton--ghost-secondary___uQqYK {
2061
+ .LinkButton-module__hop-LinkButton--ghost-secondary___aKy3L {
2024
2062
  }
2025
- .LinkButton-module__hop-LinkButton--ghost-danger___y9mBg {
2063
+ .LinkButton-module__hop-LinkButton--ghost-danger___5Wl9i {
2026
2064
  }
2027
- .LinkButton-module__hop-LinkButton__Spinner___faSgs {
2065
+ .LinkButton-module__hop-LinkButton__Spinner___70Dk4 {
2028
2066
  }
2029
- .LinkButton-module__hop-LinkButton__icon___-MGIG,
2030
- .LinkButton-module__hop-LinkButton__icon-list___vZk-O {
2067
+ .LinkButton-module__hop-LinkButton__icon___ci-ib,
2068
+ .LinkButton-module__hop-LinkButton__icon-list___1EiCz {
2031
2069
  }
2032
- .LinkButton-module__hop-LinkButton__text___h9qCe {
2070
+ .LinkButton-module__hop-LinkButton__text___rx4IH {
2033
2071
  }
2034
- .LinkButton-module__hop-LinkButton__end-icon___lmy-T,
2035
- .LinkButton-module__hop-LinkButton__end-icon-list___mRftM {
2072
+ .LinkButton-module__hop-LinkButton__end-icon___a-riV,
2073
+ .LinkButton-module__hop-LinkButton__end-icon-list___4W1xP {
2036
2074
  }
2037
- .LinkButton-module__hop-LinkButton___qgQ0V .LinkButton-module__hop-LinkButton__icon-list___vZk-O,
2038
- .LinkButton-module__hop-LinkButton___qgQ0V .LinkButton-module__hop-LinkButton__end-icon-list___mRftM {
2075
+ .LinkButton-module__hop-LinkButton___ifEB1 .LinkButton-module__hop-LinkButton__icon-list___1EiCz,
2076
+ .LinkButton-module__hop-LinkButton___ifEB1 .LinkButton-module__hop-LinkButton__end-icon-list___4W1xP {
2039
2077
  flex-wrap: nowrap;
2040
2078
  }
2041
2079
 
2042
2080
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2043
- .PasswordField-module__hop-PasswordField___osebQ {
2081
+ .PasswordField-module__hop-PasswordField___PEv8v {
2044
2082
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2045
2083
  --hop-PasswordField-inline-size: 20rem;
2046
2084
  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
@@ -2051,38 +2089,38 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2051
2089
  inline-size: var(--inline-size);
2052
2090
  max-inline-size: 100%;
2053
2091
  }
2054
- .PasswordField-module__hop-PasswordField--fluid___2HUEz {
2092
+ .PasswordField-module__hop-PasswordField--fluid___SLLy- {
2055
2093
  --inline-size: 100%;
2056
2094
  }
2057
- .PasswordField-module__hop-PasswordField__Label___36Ui1 {
2095
+ .PasswordField-module__hop-PasswordField__Label___rs8Tm {
2058
2096
  order: 0;
2059
2097
  }
2060
- .PasswordField-module__hop-PasswordField__InputGroup___obGBz {
2098
+ .PasswordField-module__hop-PasswordField__InputGroup___0k2fF {
2061
2099
  order: 1;
2062
2100
  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2063
2101
  }
2064
- .PasswordField-module__hop-PasswordField__ErrorMessage___Ze1H4,
2065
- .PasswordField-module__hop-PasswordField__HelperMessage___W6bKt {
2102
+ .PasswordField-module__hop-PasswordField__ErrorMessage___YSNiB,
2103
+ .PasswordField-module__hop-PasswordField__HelperMessage___-kl7t {
2066
2104
  order: 3;
2067
2105
  }
2068
2106
 
2069
2107
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2070
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___5ZVBc {
2108
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Zv3RD {
2071
2109
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2072
2110
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2073
2111
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2074
2112
  --char-count-color: var(--hop-RemainingCharacterCount-color);
2075
2113
  color: var(--char-count-color);
2076
2114
  }
2077
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___5ZVBc[data-invalid] {
2115
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Zv3RD[data-invalid] {
2078
2116
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2079
2117
  }
2080
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___5ZVBc[data-disabled] {
2118
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Zv3RD[data-disabled] {
2081
2119
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2082
2120
  }
2083
2121
 
2084
2122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2085
- .SearchField-module__hop-SearchField___8ooCP {
2123
+ .SearchField-module__hop-SearchField___vKuV- {
2086
2124
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2087
2125
  --hop-SearchField-inline-size: 20rem;
2088
2126
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2097,39 +2135,39 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2097
2135
  inline-size: var(--inline-size);
2098
2136
  max-inline-size: 100%;
2099
2137
  }
2100
- .SearchField-module__hop-SearchField--fluid___U7eg7 {
2138
+ .SearchField-module__hop-SearchField--fluid___Yy2Ma {
2101
2139
  --inline-size: 100%;
2102
2140
  }
2103
- .SearchField-module__hop-SearchField__Label___tp-OA {
2141
+ .SearchField-module__hop-SearchField__Label___TbmSM {
2104
2142
  order: 0;
2105
2143
  }
2106
- .SearchField-module__hop-SearchField__prefix___tn7pE {
2144
+ .SearchField-module__hop-SearchField__prefix___wIFbN {
2107
2145
  color: var(--hop-SearchField-color);
2108
2146
  }
2109
- .SearchField-module__hop-SearchField__InputGroup___mEDcq {
2147
+ .SearchField-module__hop-SearchField__InputGroup___AyRgE {
2110
2148
  order: 1;
2111
2149
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2112
2150
  }
2113
- .SearchField-module__hop-SearchField--clearable___nInFH {
2151
+ .SearchField-module__hop-SearchField--clearable___GN2iW {
2114
2152
  --input-group-padding-inline-end: 0;
2115
2153
  }
2116
- .SearchField-module__hop-SearchField__ErrorMessage___syD94,
2117
- .SearchField-module__hop-SearchField__HelperMessage___oXsjK {
2154
+ .SearchField-module__hop-SearchField__ErrorMessage___Z7ib2,
2155
+ .SearchField-module__hop-SearchField__HelperMessage___UlXcd {
2118
2156
  order: 3;
2119
2157
  }
2120
- .SearchField-module__hop-SearchField___8ooCP input::-webkit-search-cancel-button,
2121
- .SearchField-module__hop-SearchField___8ooCP input::-webkit-search-decoration {
2158
+ .SearchField-module__hop-SearchField___vKuV- input::-webkit-search-cancel-button,
2159
+ .SearchField-module__hop-SearchField___vKuV- input::-webkit-search-decoration {
2122
2160
  appearance: none;
2123
2161
  }
2124
- .SearchField-module__hop-SearchField___8ooCP[data-empty] {
2162
+ .SearchField-module__hop-SearchField___vKuV-[data-empty] {
2125
2163
  --clear-button-display: none;
2126
2164
  }
2127
- .SearchField-module__hop-SearchField__ClearButton___im7vS {
2165
+ .SearchField-module__hop-SearchField__ClearButton___IIgux {
2128
2166
  display: var(--clear-button-display);
2129
2167
  }
2130
2168
 
2131
2169
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2132
- .TextArea-module__hop-TextArea___gP3c7 {
2170
+ .TextArea-module__hop-TextArea___AzxT- {
2133
2171
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2134
2172
  --hop-TextArea-inline-size: 20rem;
2135
2173
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2159,34 +2197,34 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2159
2197
  inline-size: var(--inline-size);
2160
2198
  max-inline-size: 100%;
2161
2199
  }
2162
- .TextArea-module__hop-TextArea--fluid___OLwgT {
2200
+ .TextArea-module__hop-TextArea--fluid___fXyHG {
2163
2201
  --inline-size: 100%;
2164
2202
  }
2165
- .TextArea-module__hop-TextArea___gP3c7[data-resize-mode=vertical] {
2203
+ .TextArea-module__hop-TextArea___AzxT-[data-resize-mode=vertical] {
2166
2204
  --resize: vertical;
2167
2205
  }
2168
- .TextArea-module__hop-TextArea__Label___QQ32S {
2206
+ .TextArea-module__hop-TextArea__Label___fqJ7Q {
2169
2207
  order: 0;
2170
2208
  }
2171
- .TextArea-module__hop-TextArea__prefix___TIKue {
2209
+ .TextArea-module__hop-TextArea__prefix___gHe63 {
2172
2210
  color: var(--hop-TextArea-prefix-color);
2173
2211
  }
2174
- .TextArea-module__hop-TextArea__RemainingCharacterCount___hGc2s {
2212
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___T3xp3 {
2175
2213
  padding-block-end: var(--hop-space-inset-sm);
2176
2214
  padding-inline: var(--hop-space-inset-md);
2177
2215
  }
2178
- .TextArea-module__hop-TextArea__InputGroup___Qjf1o {
2216
+ .TextArea-module__hop-TextArea__InputGroup___mbDoz {
2179
2217
  flex-direction: column;
2180
2218
  gap: 0;
2181
2219
  align-items: flex-end;
2182
2220
  order: 1;
2183
2221
  padding: 0;
2184
2222
  }
2185
- .TextArea-module__hop-TextArea__ErrorMessage___1WDb2,
2186
- .TextArea-module__hop-TextArea__HelperMessage___Osps- {
2223
+ .TextArea-module__hop-TextArea__ErrorMessage___Soh8x,
2224
+ .TextArea-module__hop-TextArea__HelperMessage___t8sJx {
2187
2225
  order: 3;
2188
2226
  }
2189
- .TextArea-module__hop-TextArea__textarea___vEXr0 {
2227
+ .TextArea-module__hop-TextArea__textarea___5kY3m {
2190
2228
  resize: var(--resize);
2191
2229
  overflow: hidden;
2192
2230
  flex-direction: column;
@@ -2209,29 +2247,29 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2209
2247
  border: 0;
2210
2248
  outline-style: none;
2211
2249
  }
2212
- .TextArea-module__hop-TextArea__textarea--with-character-count___XsVFW {
2250
+ .TextArea-module__hop-TextArea__textarea--with-character-count___RnDJW {
2213
2251
  padding-block-end: 0;
2214
2252
  }
2215
- .TextArea-module__hop-TextArea__textarea--sm___NL7lo {
2253
+ .TextArea-module__hop-TextArea__textarea--sm___-flky {
2216
2254
  --font-family: var(--hop-TextArea-sm-font-family);
2217
2255
  --font-size: var(--hop-TextArea-sm-font-size);
2218
2256
  --font-weight: var(--hop-TextArea-sm-font-weight);
2219
2257
  --line-height: var(--hop-TextArea-sm-line-height);
2220
2258
  }
2221
- .TextArea-module__hop-TextArea__textarea___vEXr0::placeholder {
2259
+ .TextArea-module__hop-TextArea__textarea___5kY3m::placeholder {
2222
2260
  font-family: var(--hop-TextArea-placeholder-font-family);
2223
2261
  font-size: var(--hop-TextArea-placeholder-font-size);
2224
2262
  font-weight: var(--hop-TextArea-placeholder-font-weight);
2225
2263
  line-height: var(--hop-TextArea-placeholder-line-height);
2226
2264
  color: var(--input-placeholder-color);
2227
2265
  }
2228
- .TextArea-module__hop-TextArea__textarea___vEXr0[data-disabled] {
2266
+ .TextArea-module__hop-TextArea__textarea___5kY3m[data-disabled] {
2229
2267
  --input-placeholder-color: var(--hop-TextArea-placeholder-color-disabled);
2230
2268
  color: var(--hop-TextArea-color-disabled);
2231
2269
  }
2232
2270
 
2233
2271
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2234
- .TextField-module__hop-TextField___EANDN {
2272
+ .TextField-module__hop-TextField___Y-qe4 {
2235
2273
  --hop-TextField-gap: var(--hop-space-stack-xs);
2236
2274
  --hop-TextField-inline-size: 20rem;
2237
2275
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2242,25 +2280,25 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2242
2280
  inline-size: var(--inline-size);
2243
2281
  max-inline-size: 100%;
2244
2282
  }
2245
- .TextField-module__hop-TextField--fluid___6Lfyy {
2283
+ .TextField-module__hop-TextField--fluid___dmGYx {
2246
2284
  --inline-size: 100%;
2247
2285
  }
2248
- .TextField-module__hop-TextField__Label___rCGQ- {
2286
+ .TextField-module__hop-TextField__Label___HqEVT {
2249
2287
  order: 0;
2250
2288
  }
2251
- .TextField-module__hop-TextField__prefix___3tKVM {
2289
+ .TextField-module__hop-TextField__prefix___g4x-t {
2252
2290
  color: var(--hop-TextField-prefix-color);
2253
2291
  }
2254
- .TextField-module__hop-TextField__InputGroup___Ov5s7 {
2292
+ .TextField-module__hop-TextField__InputGroup___CXSNN {
2255
2293
  order: 1;
2256
2294
  }
2257
- .TextField-module__hop-TextField__ErrorMessage___RFHuM,
2258
- .TextField-module__hop-TextField__HelperMessage___Bn5QI {
2295
+ .TextField-module__hop-TextField__ErrorMessage___LBIF0,
2296
+ .TextField-module__hop-TextField__HelperMessage___6P2p0 {
2259
2297
  order: 3;
2260
2298
  }
2261
2299
 
2262
2300
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2263
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___gxLJ1 {
2301
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___rjDss {
2264
2302
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2265
2303
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2266
2304
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2291,46 +2329,46 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2291
2329
  background-color: var(--background-color);
2292
2330
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2293
2331
  }
2294
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___tUVc- {
2332
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___M-qKg {
2295
2333
  --size: var(--hop-RichIconAvatarImage-xs-size);
2296
2334
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2297
2335
  }
2298
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___PJkMt {
2336
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___WRTaM {
2299
2337
  --size: var(--hop-RichIconAvatarImage-sm-size);
2300
2338
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2301
2339
  }
2302
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___NXx-H {
2340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___lz4vM {
2303
2341
  --size: var(--hop-RichIconAvatarImage-md-size);
2304
2342
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2305
2343
  }
2306
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9eT8I {
2344
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWMo9 {
2307
2345
  --size: var(--hop-RichIconAvatarImage-lg-size);
2308
2346
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2309
2347
  }
2310
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___-i5Eg {
2348
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___QEfdM {
2311
2349
  --size: var(--hop-RichIconAvatarImage-xl-size);
2312
2350
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2313
2351
  }
2314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___D3-gx {
2352
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___rJMsC {
2315
2353
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2316
2354
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2317
2355
  }
2318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___gxLJ1[data-disabled] {
2356
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___rjDss[data-disabled] {
2319
2357
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2320
2358
  }
2321
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___iAyIu {
2359
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___5B84r {
2322
2360
  position: relative;
2323
2361
  display: block;
2324
2362
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2325
2363
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2326
2364
  }
2327
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___gxLJ1[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___iAyIu {
2365
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___rjDss[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___5B84r {
2328
2366
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2329
2367
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2330
2368
  }
2331
2369
 
2332
2370
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2333
- .Avatar-module__hop-Avatar___pwT6- {
2371
+ .Avatar-module__hop-Avatar___vXc6b {
2334
2372
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2335
2373
  --hop-Avatar-mix-blend-mode: normal;
2336
2374
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2375,67 +2413,67 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2375
2413
  background-color: var(--background-color, transparent);
2376
2414
  border-radius: var(--hop-Avatar-border-radius);
2377
2415
  }
2378
- .Avatar-module__hop-Avatar--xs___CIL7T {
2416
+ .Avatar-module__hop-Avatar--xs___TT0Oz {
2379
2417
  --size: var(--hop-Avatar-xs-size);
2380
2418
  }
2381
- .Avatar-module__hop-Avatar--sm___N5wai {
2419
+ .Avatar-module__hop-Avatar--sm___C7KpF {
2382
2420
  --size: var(--hop-Avatar-sm-size);
2383
2421
  }
2384
- .Avatar-module__hop-Avatar--md___3KRWO {
2422
+ .Avatar-module__hop-Avatar--md___fvRWP {
2385
2423
  --size: var(--hop-Avatar-md-size);
2386
2424
  }
2387
- .Avatar-module__hop-Avatar--lg___GYfBm {
2425
+ .Avatar-module__hop-Avatar--lg___MKpRa {
2388
2426
  --size: var(--hop-Avatar-lg-size);
2389
2427
  }
2390
- .Avatar-module__hop-Avatar--xl___uQT1c {
2428
+ .Avatar-module__hop-Avatar--xl___9P4Qm {
2391
2429
  --size: var(--hop-Avatar-xl-size);
2392
2430
  }
2393
- .Avatar-module__hop-Avatar--2xl___UHIr7 {
2431
+ .Avatar-module__hop-Avatar--2xl___7-15M {
2394
2432
  --size: var(--hop-Avatar-2xl-size);
2395
2433
  }
2396
- .Avatar-module__hop-Avatar--decorative-option1___JznCu {
2434
+ .Avatar-module__hop-Avatar--decorative-option1___7n0Jy {
2397
2435
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2398
2436
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2399
2437
  }
2400
- .Avatar-module__hop-Avatar--decorative-option2___rS0y8 {
2438
+ .Avatar-module__hop-Avatar--decorative-option2___gLGNC {
2401
2439
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2402
2440
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2403
2441
  }
2404
- .Avatar-module__hop-Avatar--decorative-option3___QDC20 {
2442
+ .Avatar-module__hop-Avatar--decorative-option3___Mil16 {
2405
2443
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2406
2444
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2407
2445
  }
2408
- .Avatar-module__hop-Avatar--decorative-option4___7pt7- {
2446
+ .Avatar-module__hop-Avatar--decorative-option4___kIaxm {
2409
2447
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2410
2448
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2411
2449
  }
2412
- .Avatar-module__hop-Avatar--decorative-option5___feRPw {
2450
+ .Avatar-module__hop-Avatar--decorative-option5___MG3LL {
2413
2451
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2414
2452
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2415
2453
  }
2416
- .Avatar-module__hop-Avatar--decorative-option6___7rZA7 {
2454
+ .Avatar-module__hop-Avatar--decorative-option6___BAfX- {
2417
2455
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2418
2456
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2419
2457
  }
2420
- .Avatar-module__hop-Avatar--decorative-option7___NNBws {
2458
+ .Avatar-module__hop-Avatar--decorative-option7___sGHbU {
2421
2459
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2422
2460
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2423
2461
  }
2424
- .Avatar-module__hop-Avatar--decorative-option8___6miu0 {
2462
+ .Avatar-module__hop-Avatar--decorative-option8___FKLx8 {
2425
2463
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2426
2464
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2427
2465
  }
2428
- .Avatar-module__hop-Avatar--decorative-option9___bd6Po {
2466
+ .Avatar-module__hop-Avatar--decorative-option9___PAoFj {
2429
2467
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2430
2468
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2431
2469
  }
2432
- .Avatar-module__hop-Avatar___pwT6-[data-disabled] {
2470
+ .Avatar-module__hop-Avatar___vXc6b[data-disabled] {
2433
2471
  --background-color: var(--hop-Avatar-background-color-disabled);
2434
2472
  --text-color: var(--hop-Avatar-text-color-disabled);
2435
2473
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2436
2474
  isolation: isolate;
2437
2475
  }
2438
- .Avatar-module__hop-Avatar__image___frF0l {
2476
+ .Avatar-module__hop-Avatar__image___zBEdM {
2439
2477
  position: relative;
2440
2478
  display: block;
2441
2479
  box-sizing: border-box;
@@ -2446,46 +2484,56 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2446
2484
  }
2447
2485
 
2448
2486
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2449
- .Tooltip-module__hop-Tooltip___gyu8Y {
2487
+ .Tooltip-module__hop-Tooltip___5aC7u {
2450
2488
  --hop-Tooltip-max-inline-size: 20rem;
2451
2489
  --hop-Tooltip-slide-amount: 0.25rem;
2452
2490
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
2453
2491
  --hop-Tooltip-border-radius: var(--hop-shape-rounded-md);
2454
2492
  --hop-Tooltip-box-shadow: var(--hop-elevation-raised);
2493
+ --hop-Tooltip-font-family: var(--hop-body-md-font-family);
2494
+ --hop-Tooltip-font-size: var(--hop-body-md-font-size);
2495
+ --hop-Tooltip-font-weight: var(--hop-body-md-font-weight);
2496
+ --hop-Tooltip-line-height: var(--hop-body-md-line-height);
2497
+ --hop-Tooltip-font-smoothing: antialiased;
2455
2498
  --hop-Tooltip-color: var(--hop-neutral-text-strong);
2456
2499
  --hop-Tooltip-padding: var(--hop-space-inset-squish-md);
2457
2500
  --origin-x: 0;
2458
2501
  --origin-y: 0;
2459
2502
  max-inline-size: min(var(--hop-Tooltip-max-inline-size), calc(100% - (var(--container-padding) * 2)));
2460
2503
  padding: var(--hop-Tooltip-padding);
2504
+ font-family: var(--hop-Tooltip-font-family);
2505
+ font-size: var(--hop-Tooltip-font-size);
2506
+ font-weight: var(--hop-Tooltip-font-weight);
2507
+ -webkit-font-smoothing: var(--hop-Tooltip-font-smoothing);
2508
+ line-height: var(--hop-Tooltip-line-height);
2461
2509
  color: var(--hop-Tooltip-color);
2462
2510
  background: var(--hop-Tooltip-background);
2463
2511
  border-radius: var(--hop-Tooltip-border-radius);
2464
2512
  box-shadow: var(--hop-Tooltip-box-shadow);
2465
2513
  }
2466
- .Tooltip-module__hop-Tooltip--top___MRzWV {
2514
+ .Tooltip-module__hop-Tooltip--top___FHEHF {
2467
2515
  --origin-x: 0;
2468
2516
  --origin-y: var(--hop-Tooltip-slide-amount);
2469
2517
  }
2470
- .Tooltip-module__hop-Tooltip--right___mLgo7 {
2518
+ .Tooltip-module__hop-Tooltip--right___VmmvZ {
2471
2519
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2472
2520
  --origin-y: 0;
2473
2521
  }
2474
- .Tooltip-module__hop-Tooltip--bottom___nlDGF {
2522
+ .Tooltip-module__hop-Tooltip--bottom___um0Ki {
2475
2523
  --origin-x: 0;
2476
2524
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2477
2525
  }
2478
- .Tooltip-module__hop-Tooltip--left___-Lb9O {
2526
+ .Tooltip-module__hop-Tooltip--left___2e9Ca {
2479
2527
  --origin-x: var(--hop-Tooltip-slide-amount);
2480
2528
  --origin-y: 0;
2481
2529
  }
2482
- .Tooltip-module__hop-Tooltip___gyu8Y[data-entering] {
2483
- animation: Tooltip-module__slide___aHYPY 0.2s ease-out;
2530
+ .Tooltip-module__hop-Tooltip___5aC7u[data-entering] {
2531
+ animation: Tooltip-module__slide___115MA 0.2s ease-out;
2484
2532
  }
2485
- .Tooltip-module__hop-Tooltip___gyu8Y[data-exiting] {
2486
- animation: Tooltip-module__slide___aHYPY 0.2s ease-in reverse;
2533
+ .Tooltip-module__hop-Tooltip___5aC7u[data-exiting] {
2534
+ animation: Tooltip-module__slide___115MA 0.2s ease-in reverse;
2487
2535
  }
2488
- @keyframes Tooltip-module__slide___aHYPY {
2536
+ @keyframes Tooltip-module__slide___115MA {
2489
2537
  from {
2490
2538
  transform: translate(var(--origin-x), var(--origin-y));
2491
2539
  opacity: 0;
@@ -2497,44 +2545,44 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2497
2545
  }
2498
2546
 
2499
2547
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2500
- .AvatarGroup-module__hop-AvatarGroup___FhKgG {
2548
+ .AvatarGroup-module__hop-AvatarGroup___XGPzA {
2501
2549
  --hop-AvatarGroup-display: flex;
2502
2550
  --hop-AvatarGroup-align-items: center;
2503
2551
  display: var(--hop-AvatarGroup-display);
2504
2552
  align-items: var(--hop-AvatarGroup-align-items);
2505
2553
  }
2506
- .AvatarGroup-module__hop-AvatarGroup--wrap___rmF0R {
2554
+ .AvatarGroup-module__hop-AvatarGroup--wrap___im3FE {
2507
2555
  flex-wrap: wrap;
2508
2556
  }
2509
- .AvatarGroup-module__hop-AvatarGroup--xs___6rX3i {
2557
+ .AvatarGroup-module__hop-AvatarGroup--xs___-RUic {
2510
2558
  --gap: -0.125rem;
2511
2559
  }
2512
- .AvatarGroup-module__hop-AvatarGroup--sm___mNYCK {
2560
+ .AvatarGroup-module__hop-AvatarGroup--sm___nFIBx {
2513
2561
  --gap: -0.25rem;
2514
2562
  }
2515
- .AvatarGroup-module__hop-AvatarGroup--md___sZmok {
2563
+ .AvatarGroup-module__hop-AvatarGroup--md___herxv {
2516
2564
  --gap: -0.5rem;
2517
2565
  }
2518
- .AvatarGroup-module__hop-AvatarGroup--lg___-LL-- {
2566
+ .AvatarGroup-module__hop-AvatarGroup--lg___cvNcq {
2519
2567
  --gap: -1rem;
2520
2568
  }
2521
- .AvatarGroup-module__hop-AvatarGroup--xl___2A1SI {
2569
+ .AvatarGroup-module__hop-AvatarGroup--xl___EB1W- {
2522
2570
  --gap: -1rem;
2523
2571
  }
2524
- .AvatarGroup-module__hop-AvatarGroup--2xl___JYYzg {
2572
+ .AvatarGroup-module__hop-AvatarGroup--2xl___LsxcF {
2525
2573
  --gap: -2rem;
2526
2574
  }
2527
- .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl {
2575
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg {
2528
2576
  margin-inline-start: var(--gap);
2529
2577
  transition: margin var(--hop-easing-duration-2);
2530
2578
  }
2531
- .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl {
2579
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg {
2532
2580
  margin-inline-start: 0;
2533
2581
  }
2534
- .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl:first-child {
2582
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg:first-child {
2535
2583
  margin-inline-start: 0;
2536
2584
  }
2537
- .AvatarGroup-module__hop-AvatarGroup__label___4pukU {
2585
+ .AvatarGroup-module__hop-AvatarGroup__label___-EhHB {
2538
2586
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2539
2587
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2540
2588
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2546,7 +2594,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2546
2594
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2547
2595
  line-height: var(--hop-AvatarGroup-label-line-height);
2548
2596
  }
2549
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___RYlpt {
2597
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Pynyi {
2550
2598
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2551
2599
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2552
2600
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2564,21 +2612,21 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2564
2612
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2565
2613
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2566
2614
  }
2567
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___RYlpt:not(:last-child) {
2615
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Pynyi:not(:last-child) {
2568
2616
  margin-block-end: 0.25rem;
2569
2617
  }
2570
- .AvatarGroup-module__hop-AvatarGroup--start___31YZA {
2618
+ .AvatarGroup-module__hop-AvatarGroup--start___xfpfc {
2571
2619
  justify-content: flex-start;
2572
2620
  }
2573
- .AvatarGroup-module__hop-AvatarGroup--end___kkekx {
2621
+ .AvatarGroup-module__hop-AvatarGroup--end___FIPd0 {
2574
2622
  justify-content: flex-end;
2575
2623
  }
2576
- .AvatarGroup-module__hop-AvatarGroup--center___8fiMN {
2624
+ .AvatarGroup-module__hop-AvatarGroup--center___edUe7 {
2577
2625
  justify-content: center;
2578
2626
  }
2579
2627
 
2580
2628
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2581
- .Checkbox-module__hop-Checkbox___DqcRn {
2629
+ .Checkbox-module__hop-Checkbox___0wSEe {
2582
2630
  --hop-Checkbox-box-border-size: 0.0625rem;
2583
2631
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2584
2632
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2653,60 +2701,60 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2653
2701
  inline-size: max-content;
2654
2702
  max-inline-size: 100%;
2655
2703
  }
2656
- .Checkbox-module__hop-Checkbox___DqcRn[data-focus-visible] {
2704
+ .Checkbox-module__hop-Checkbox___0wSEe[data-focus-visible] {
2657
2705
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2658
2706
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2659
2707
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2660
2708
  --text-color: var(--hop-Checkbox-text-color-focused);
2661
2709
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2662
2710
  }
2663
- .Checkbox-module__hop-Checkbox___DqcRn[data-hovered] {
2711
+ .Checkbox-module__hop-Checkbox___0wSEe[data-hovered] {
2664
2712
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2665
2713
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2666
2714
  --text-color: var(--hop-Checkbox-text-color-hovered);
2667
2715
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2668
2716
  }
2669
- .Checkbox-module__hop-Checkbox___DqcRn[data-pressed] {
2717
+ .Checkbox-module__hop-Checkbox___0wSEe[data-pressed] {
2670
2718
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2671
2719
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2672
2720
  --text-color: var(--hop-Checkbox-text-color-pressed);
2673
2721
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2674
2722
  }
2675
- .Checkbox-module__hop-Checkbox___DqcRn[data-selected] {
2723
+ .Checkbox-module__hop-Checkbox___0wSEe[data-selected] {
2676
2724
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2677
2725
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2678
2726
  --check-display: var(--hop-Checkbox-check-display-selected);
2679
2727
  --text-color: var(--hop-Checkbox-text-color-selected);
2680
2728
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2681
2729
  }
2682
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid] {
2730
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid] {
2683
2731
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2684
2732
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2685
2733
  --check-color: var(--hop-Checkbox-check-color-invalid);
2686
2734
  --text-color: var(--hop-Checkbox-text-color-invalid);
2687
2735
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2688
2736
  }
2689
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-focus-visible]) {
2737
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-focus-visible]) {
2690
2738
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2691
2739
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2692
2740
  }
2693
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-hovered]) {
2741
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-hovered]) {
2694
2742
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2695
2743
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2696
2744
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2697
2745
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2698
2746
  }
2699
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-pressed]) {
2747
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-pressed]) {
2700
2748
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2701
2749
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2702
2750
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2703
2751
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2704
2752
  }
2705
- .Checkbox-module__hop-Checkbox___DqcRn:where([data-invalid])[data-selected] {
2753
+ .Checkbox-module__hop-Checkbox___0wSEe:where([data-invalid])[data-selected] {
2706
2754
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2707
2755
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2708
2756
  }
2709
- .Checkbox-module__hop-Checkbox___DqcRn[data-disabled] {
2757
+ .Checkbox-module__hop-Checkbox___0wSEe[data-disabled] {
2710
2758
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2711
2759
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2712
2760
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2714,25 +2762,25 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2714
2762
  --text-color: var(--hop-Checkbox-text-color-disabled);
2715
2763
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2716
2764
  }
2717
- .Checkbox-module__hop-Checkbox--sm___mEoAk {
2765
+ .Checkbox-module__hop-Checkbox--sm___OA6e7 {
2718
2766
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2719
2767
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2720
2768
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2721
2769
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2722
2770
  }
2723
- .Checkbox-module__hop-Checkbox--md___GR7p3 {
2771
+ .Checkbox-module__hop-Checkbox--md___jBKBr {
2724
2772
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2725
2773
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2726
2774
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2727
2775
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2728
2776
  }
2729
- .Checkbox-module__hop-Checkbox__icon___gyRpI,
2730
- .Checkbox-module__hop-Checkbox__icon-list___qkIpL {
2777
+ .Checkbox-module__hop-Checkbox__icon___XE-0Z,
2778
+ .Checkbox-module__hop-Checkbox__icon-list___-CPPG {
2731
2779
  flex: 0 0 auto;
2732
2780
  order: 3;
2733
2781
  color: var(--icon-color);
2734
2782
  }
2735
- .Checkbox-module__hop-Checkbox__box___gE0ae {
2783
+ .Checkbox-module__hop-Checkbox__box___t7CI5 {
2736
2784
  display: flex;
2737
2785
  flex: 0 0 auto;
2738
2786
  align-items: center;
@@ -2748,11 +2796,11 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2748
2796
  outline-offset: 0.125rem;
2749
2797
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2750
2798
  }
2751
- .Checkbox-module__hop-Checkbox__check___e1PuA {
2799
+ .Checkbox-module__hop-Checkbox__check___yOrTm {
2752
2800
  display: var(--check-display);
2753
2801
  color: var(--check-color);
2754
2802
  }
2755
- .Checkbox-module__hop-Checkbox__text___9O6m- {
2803
+ .Checkbox-module__hop-Checkbox__text___5nmcZ {
2756
2804
  flex: 0 1 auto;
2757
2805
  order: 2;
2758
2806
  min-inline-size: 0;
@@ -2762,7 +2810,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2762
2810
  }
2763
2811
 
2764
2812
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2765
- .CheckboxField-module__hop-CheckboxField___--Jsq {
2813
+ .CheckboxField-module__hop-CheckboxField___FgTrX {
2766
2814
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2767
2815
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2768
2816
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2781,28 +2829,28 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2781
2829
  inline-size: max-content;
2782
2830
  max-inline-size: 100%;
2783
2831
  }
2784
- .CheckboxField-module__hop-CheckboxField___--Jsq[data-disabled] {
2832
+ .CheckboxField-module__hop-CheckboxField___FgTrX[data-disabled] {
2785
2833
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2786
2834
  }
2787
- .CheckboxField-module__hop-CheckboxField--sm___ytl1t {
2835
+ .CheckboxField-module__hop-CheckboxField--sm___Adu-b {
2788
2836
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2789
2837
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2790
2838
  }
2791
- .CheckboxField-module__hop-CheckboxField--md___S7RLP {
2839
+ .CheckboxField-module__hop-CheckboxField--md___-2kKm {
2792
2840
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2793
2841
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2794
2842
  }
2795
- .CheckboxField-module__hop-CheckboxField__description___UlM6N {
2843
+ .CheckboxField-module__hop-CheckboxField__description___mN7Un {
2796
2844
  order: 2;
2797
2845
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2798
2846
  color: var(--description-color);
2799
2847
  }
2800
- .CheckboxField-module__hop-CheckboxField__checkbox___LXfgS {
2848
+ .CheckboxField-module__hop-CheckboxField__checkbox___VuRry {
2801
2849
  order: 1;
2802
2850
  }
2803
2851
 
2804
2852
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2805
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih {
2853
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ {
2806
2854
  --hop-CheckboxGroup-align-items: flex-start;
2807
2855
  --hop-CheckboxGroup-justify-content: flex-start;
2808
2856
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2841,46 +2889,46 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2841
2889
  inline-size: max-content;
2842
2890
  max-inline-size: 100%;
2843
2891
  }
2844
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA {
2892
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7 {
2845
2893
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2846
2894
  --list-border-radius: var(--hop-shape-rounded-md);
2847
2895
  }
2848
- .CheckboxGroup-module__hop-CheckboxGroup--sm___1WAmu {
2896
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WeO-o {
2849
2897
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2850
2898
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2851
2899
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2852
2900
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2853
2901
  }
2854
- .CheckboxGroup-module__hop-CheckboxGroup--md___dQiwz {
2902
+ .CheckboxGroup-module__hop-CheckboxGroup--md___b0dSW {
2855
2903
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2856
2904
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2857
2905
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2858
2906
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2859
2907
  }
2860
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA.CheckboxGroup-module__hop-CheckboxGroup--sm___1WAmu {
2908
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7.CheckboxGroup-module__hop-CheckboxGroup--sm___WeO-o {
2861
2909
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2862
2910
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2863
2911
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2864
2912
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2865
2913
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2866
2914
  }
2867
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA.CheckboxGroup-module__hop-CheckboxGroup--md___dQiwz {
2915
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7.CheckboxGroup-module__hop-CheckboxGroup--md___b0dSW {
2868
2916
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2869
2917
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2870
2918
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2871
2919
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2872
2920
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2873
2921
  }
2874
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih[data-orientation=horizontal] {
2922
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ[data-orientation=horizontal] {
2875
2923
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2876
2924
  }
2877
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA[data-orientation=horizontal] {
2925
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7[data-orientation=horizontal] {
2878
2926
  --flex-wrap: nowrap;
2879
2927
  }
2880
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__label___nzi71 {
2928
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__label___rIJFf {
2881
2929
  order: 1;
2882
2930
  }
2883
- .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx {
2931
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y {
2884
2932
  display: flex;
2885
2933
  flex-flow: var(--flex-direction) var(--flex-wrap);
2886
2934
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2891,7 +2939,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2891
2939
  border: var(--list-border, none);
2892
2940
  border-radius: var(--list-border-radius, 0);
2893
2941
  }
2894
- .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 {
2942
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- {
2895
2943
  position: relative;
2896
2944
  flex: 0 1 auto;
2897
2945
  align-content: start;
@@ -2899,28 +2947,28 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2899
2947
  min-inline-size: 0;
2900
2948
  padding: var(--checkbox-padding, 0);
2901
2949
  }
2902
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209::before {
2950
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7 .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW-::before {
2903
2951
  content: "";
2904
2952
  position: absolute;
2905
2953
  display: block;
2906
2954
  }
2907
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209::before {
2955
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW-::before {
2908
2956
  inset-block-start: 0;
2909
2957
  inset-inline: 0;
2910
2958
  border-block-start: var(--list-border, none);
2911
2959
  }
2912
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209::before {
2960
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW-::before {
2913
2961
  inset-block: 0;
2914
2962
  inset-inline-start: 0;
2915
2963
  border-inline-start: var(--list-border, none);
2916
2964
  }
2917
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__error-message___eH7dQ,
2918
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___0aq82 {
2965
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__error-message___kLzMy,
2966
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___j1VzI {
2919
2967
  order: 3;
2920
2968
  }
2921
2969
 
2922
2970
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2923
- .Checkbox-module__hop-Checkbox___DqcRn {
2971
+ .Checkbox-module__hop-Checkbox___0wSEe {
2924
2972
  --hop-Checkbox-box-border-size: 0.0625rem;
2925
2973
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2926
2974
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2995,60 +3043,60 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
2995
3043
  inline-size: max-content;
2996
3044
  max-inline-size: 100%;
2997
3045
  }
2998
- .Checkbox-module__hop-Checkbox___DqcRn[data-focus-visible] {
3046
+ .Checkbox-module__hop-Checkbox___0wSEe[data-focus-visible] {
2999
3047
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3000
3048
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3001
3049
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3002
3050
  --text-color: var(--hop-Checkbox-text-color-focused);
3003
3051
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3004
3052
  }
3005
- .Checkbox-module__hop-Checkbox___DqcRn[data-hovered] {
3053
+ .Checkbox-module__hop-Checkbox___0wSEe[data-hovered] {
3006
3054
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3007
3055
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3008
3056
  --text-color: var(--hop-Checkbox-text-color-hovered);
3009
3057
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3010
3058
  }
3011
- .Checkbox-module__hop-Checkbox___DqcRn[data-pressed] {
3059
+ .Checkbox-module__hop-Checkbox___0wSEe[data-pressed] {
3012
3060
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3013
3061
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3014
3062
  --text-color: var(--hop-Checkbox-text-color-pressed);
3015
3063
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3016
3064
  }
3017
- .Checkbox-module__hop-Checkbox___DqcRn[data-selected] {
3065
+ .Checkbox-module__hop-Checkbox___0wSEe[data-selected] {
3018
3066
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3019
3067
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3020
3068
  --check-display: var(--hop-Checkbox-check-display-selected);
3021
3069
  --text-color: var(--hop-Checkbox-text-color-selected);
3022
3070
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3023
3071
  }
3024
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid] {
3072
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid] {
3025
3073
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3026
3074
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3027
3075
  --check-color: var(--hop-Checkbox-check-color-invalid);
3028
3076
  --text-color: var(--hop-Checkbox-text-color-invalid);
3029
3077
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3030
3078
  }
3031
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-focus-visible]) {
3079
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-focus-visible]) {
3032
3080
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3033
3081
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3034
3082
  }
3035
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-hovered]) {
3083
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-hovered]) {
3036
3084
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3037
3085
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3038
3086
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3039
3087
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3040
3088
  }
3041
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-pressed]) {
3089
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-pressed]) {
3042
3090
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3043
3091
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3044
3092
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3045
3093
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3046
3094
  }
3047
- .Checkbox-module__hop-Checkbox___DqcRn:where([data-invalid])[data-selected] {
3095
+ .Checkbox-module__hop-Checkbox___0wSEe:where([data-invalid])[data-selected] {
3048
3096
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3049
3097
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3050
3098
  }
3051
- .Checkbox-module__hop-Checkbox___DqcRn[data-disabled] {
3099
+ .Checkbox-module__hop-Checkbox___0wSEe[data-disabled] {
3052
3100
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3053
3101
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3054
3102
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3056,25 +3104,25 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3056
3104
  --text-color: var(--hop-Checkbox-text-color-disabled);
3057
3105
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3058
3106
  }
3059
- .Checkbox-module__hop-Checkbox--sm___mEoAk {
3107
+ .Checkbox-module__hop-Checkbox--sm___OA6e7 {
3060
3108
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3061
3109
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3062
3110
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3063
3111
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3064
3112
  }
3065
- .Checkbox-module__hop-Checkbox--md___GR7p3 {
3113
+ .Checkbox-module__hop-Checkbox--md___jBKBr {
3066
3114
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3067
3115
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3068
3116
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3069
3117
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3070
3118
  }
3071
- .Checkbox-module__hop-Checkbox__icon___gyRpI,
3072
- .Checkbox-module__hop-Checkbox__icon-list___qkIpL {
3119
+ .Checkbox-module__hop-Checkbox__icon___XE-0Z,
3120
+ .Checkbox-module__hop-Checkbox__icon-list___-CPPG {
3073
3121
  flex: 0 0 auto;
3074
3122
  order: 3;
3075
3123
  color: var(--icon-color);
3076
3124
  }
3077
- .Checkbox-module__hop-Checkbox__box___gE0ae {
3125
+ .Checkbox-module__hop-Checkbox__box___t7CI5 {
3078
3126
  display: flex;
3079
3127
  flex: 0 0 auto;
3080
3128
  align-items: center;
@@ -3090,11 +3138,11 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3090
3138
  outline-offset: 0.125rem;
3091
3139
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3092
3140
  }
3093
- .Checkbox-module__hop-Checkbox__check___e1PuA {
3141
+ .Checkbox-module__hop-Checkbox__check___yOrTm {
3094
3142
  display: var(--check-display);
3095
3143
  color: var(--check-color);
3096
3144
  }
3097
- .Checkbox-module__hop-Checkbox__text___9O6m- {
3145
+ .Checkbox-module__hop-Checkbox__text___5nmcZ {
3098
3146
  flex: 0 1 auto;
3099
3147
  order: 2;
3100
3148
  min-inline-size: 0;
@@ -3102,24 +3150,24 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3102
3150
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3103
3151
  color: var(--text-color);
3104
3152
  }
3105
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___p2bGT {
3153
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___m95sc {
3106
3154
  }
3107
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ivNbI {
3155
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___lNgTb {
3108
3156
  }
3109
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___f8N1y {
3157
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___rJdxM {
3110
3158
  }
3111
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Jr6i2,
3112
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___2n-JR {
3159
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___BStcp,
3160
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___Fj6cV {
3113
3161
  }
3114
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___mUX34 {
3162
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ljh0d {
3115
3163
  }
3116
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___DoZ6K {
3164
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0fczh {
3117
3165
  }
3118
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-XfT7 {
3166
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-6Jnj {
3119
3167
  }
3120
3168
 
3121
3169
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3122
- .Radio-module__hop-Radio___fNVqT {
3170
+ .Radio-module__hop-Radio___tOm8Y {
3123
3171
  --hop-Radio-box-border-size: 0.0625rem;
3124
3172
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3125
3173
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3193,60 +3241,60 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3193
3241
  inline-size: max-content;
3194
3242
  max-inline-size: 100%;
3195
3243
  }
3196
- .Radio-module__hop-Radio___fNVqT[data-focus-visible] {
3244
+ .Radio-module__hop-Radio___tOm8Y[data-focus-visible] {
3197
3245
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3198
3246
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3199
3247
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3200
3248
  --text-color: var(--hop-Radio-text-color-focused);
3201
3249
  --icon-color: var(--hop-Radio-icon-color-focused);
3202
3250
  }
3203
- .Radio-module__hop-Radio___fNVqT[data-hovered] {
3251
+ .Radio-module__hop-Radio___tOm8Y[data-hovered] {
3204
3252
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3205
3253
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3206
3254
  --text-color: var(--hop-Radio-text-color-hovered);
3207
3255
  --icon-color: var(--hop-Radio-icon-color-hovered);
3208
3256
  }
3209
- .Radio-module__hop-Radio___fNVqT[data-pressed] {
3257
+ .Radio-module__hop-Radio___tOm8Y[data-pressed] {
3210
3258
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3211
3259
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3212
3260
  --text-color: var(--hop-Radio-text-color-pressed);
3213
3261
  --icon-color: var(--hop-Radio-icon-color-pressed);
3214
3262
  }
3215
- .Radio-module__hop-Radio___fNVqT[data-selected] {
3263
+ .Radio-module__hop-Radio___tOm8Y[data-selected] {
3216
3264
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3217
3265
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3218
3266
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3219
3267
  --text-color: var(--hop-Radio-text-color-selected);
3220
3268
  --icon-color: var(--hop-Radio-icon-color-selected);
3221
3269
  }
3222
- .Radio-module__hop-Radio___fNVqT[data-invalid] {
3270
+ .Radio-module__hop-Radio___tOm8Y[data-invalid] {
3223
3271
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3224
3272
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3225
3273
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3226
3274
  --text-color: var(--hop-Radio-text-color-invalid);
3227
3275
  --icon-color: var(--hop-Radio-icon-color-invalid);
3228
3276
  }
3229
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-focus-visible] {
3277
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-focus-visible] {
3230
3278
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3231
3279
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3232
3280
  }
3233
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-hovered] {
3281
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-hovered] {
3234
3282
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3235
3283
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3236
3284
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3237
3285
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3238
3286
  }
3239
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-pressed] {
3287
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-pressed] {
3240
3288
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3241
3289
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3242
3290
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3243
3291
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3244
3292
  }
3245
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-selected] {
3293
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-selected] {
3246
3294
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3247
3295
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3248
3296
  }
3249
- .Radio-module__hop-Radio___fNVqT[data-disabled] {
3297
+ .Radio-module__hop-Radio___tOm8Y[data-disabled] {
3250
3298
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3251
3299
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3252
3300
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3254,25 +3302,25 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3254
3302
  --text-color: var(--hop-Radio-text-color-disabled);
3255
3303
  --icon-color: var(--hop-Radio-icon-color-disabled);
3256
3304
  }
3257
- .Radio-module__hop-Radio--sm___QtkaP {
3305
+ .Radio-module__hop-Radio--sm___TgRZ6 {
3258
3306
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3259
3307
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3260
3308
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3261
3309
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3262
3310
  }
3263
- .Radio-module__hop-Radio--md___-8BC4 {
3311
+ .Radio-module__hop-Radio--md___8X1lo {
3264
3312
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3265
3313
  --box-block-size: var(--hop-Radio-box-md-block-size);
3266
3314
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3267
3315
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3268
3316
  }
3269
- .Radio-module__hop-Radio__icon___f-O9q,
3270
- .Radio-module__hop-Radio__icon-list___Urz54 {
3317
+ .Radio-module__hop-Radio__icon___DFr1-,
3318
+ .Radio-module__hop-Radio__icon-list___D-QH- {
3271
3319
  flex: 0 0 auto;
3272
3320
  order: 3;
3273
3321
  color: var(--icon-color);
3274
3322
  }
3275
- .Radio-module__hop-Radio__box___HKX8m {
3323
+ .Radio-module__hop-Radio__box___P-JUA {
3276
3324
  display: flex;
3277
3325
  flex: 0 0 auto;
3278
3326
  align-items: center;
@@ -3288,11 +3336,11 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3288
3336
  outline-offset: 0.125rem;
3289
3337
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3290
3338
  }
3291
- .Radio-module__hop-Radio__bullet___tlKI9 {
3339
+ .Radio-module__hop-Radio__bullet___8-f-x {
3292
3340
  display: var(--bullet-display);
3293
3341
  color: var(--bullet-color);
3294
3342
  }
3295
- .Radio-module__hop-Radio__text___30Fay {
3343
+ .Radio-module__hop-Radio__text___dF7Rs {
3296
3344
  flex: 0 1 auto;
3297
3345
  order: 2;
3298
3346
  min-inline-size: 0;
@@ -3300,24 +3348,24 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3300
3348
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3301
3349
  color: var(--text-color);
3302
3350
  }
3303
- .DecorativeRadio-module__hop-DecorativeRadio___QCJkj {
3351
+ .DecorativeRadio-module__hop-DecorativeRadio___cCKcz {
3304
3352
  }
3305
- .DecorativeRadio-module__hop-DecorativeRadio--sm___nWSWJ {
3353
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___7UDpg {
3306
3354
  }
3307
- .DecorativeRadio-module__hop-DecorativeRadio--md___KCfUe {
3355
+ .DecorativeRadio-module__hop-DecorativeRadio--md___NRgx5 {
3308
3356
  }
3309
- .DecorativeRadio-module__hop-DecorativeRadio__icon___68afH,
3310
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___rLPqB {
3357
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___GrO1s,
3358
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___gINBX {
3311
3359
  }
3312
- .DecorativeRadio-module__hop-DecorativeRadio__box___7I-Lx {
3360
+ .DecorativeRadio-module__hop-DecorativeRadio__box___V5rkn {
3313
3361
  }
3314
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___7taij {
3362
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___Yb74c {
3315
3363
  }
3316
- .DecorativeRadio-module__hop-DecorativeRadio__text___WeAMT {
3364
+ .DecorativeRadio-module__hop-DecorativeRadio__text___3OTUh {
3317
3365
  }
3318
3366
 
3319
3367
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3320
- .Radio-module__hop-Radio___fNVqT {
3368
+ .Radio-module__hop-Radio___tOm8Y {
3321
3369
  --hop-Radio-box-border-size: 0.0625rem;
3322
3370
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3323
3371
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3391,60 +3439,60 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3391
3439
  inline-size: max-content;
3392
3440
  max-inline-size: 100%;
3393
3441
  }
3394
- .Radio-module__hop-Radio___fNVqT[data-focus-visible] {
3442
+ .Radio-module__hop-Radio___tOm8Y[data-focus-visible] {
3395
3443
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3396
3444
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3397
3445
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3398
3446
  --text-color: var(--hop-Radio-text-color-focused);
3399
3447
  --icon-color: var(--hop-Radio-icon-color-focused);
3400
3448
  }
3401
- .Radio-module__hop-Radio___fNVqT[data-hovered] {
3449
+ .Radio-module__hop-Radio___tOm8Y[data-hovered] {
3402
3450
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3403
3451
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3404
3452
  --text-color: var(--hop-Radio-text-color-hovered);
3405
3453
  --icon-color: var(--hop-Radio-icon-color-hovered);
3406
3454
  }
3407
- .Radio-module__hop-Radio___fNVqT[data-pressed] {
3455
+ .Radio-module__hop-Radio___tOm8Y[data-pressed] {
3408
3456
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3409
3457
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3410
3458
  --text-color: var(--hop-Radio-text-color-pressed);
3411
3459
  --icon-color: var(--hop-Radio-icon-color-pressed);
3412
3460
  }
3413
- .Radio-module__hop-Radio___fNVqT[data-selected] {
3461
+ .Radio-module__hop-Radio___tOm8Y[data-selected] {
3414
3462
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3415
3463
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3416
3464
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3417
3465
  --text-color: var(--hop-Radio-text-color-selected);
3418
3466
  --icon-color: var(--hop-Radio-icon-color-selected);
3419
3467
  }
3420
- .Radio-module__hop-Radio___fNVqT[data-invalid] {
3468
+ .Radio-module__hop-Radio___tOm8Y[data-invalid] {
3421
3469
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3422
3470
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3423
3471
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3424
3472
  --text-color: var(--hop-Radio-text-color-invalid);
3425
3473
  --icon-color: var(--hop-Radio-icon-color-invalid);
3426
3474
  }
3427
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-focus-visible] {
3475
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-focus-visible] {
3428
3476
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3429
3477
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3430
3478
  }
3431
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-hovered] {
3479
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-hovered] {
3432
3480
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3433
3481
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3434
3482
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3435
3483
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3436
3484
  }
3437
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-pressed] {
3485
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-pressed] {
3438
3486
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3439
3487
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3440
3488
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3441
3489
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3442
3490
  }
3443
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-selected] {
3491
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-selected] {
3444
3492
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3445
3493
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3446
3494
  }
3447
- .Radio-module__hop-Radio___fNVqT[data-disabled] {
3495
+ .Radio-module__hop-Radio___tOm8Y[data-disabled] {
3448
3496
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3449
3497
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3450
3498
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3452,25 +3500,25 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3452
3500
  --text-color: var(--hop-Radio-text-color-disabled);
3453
3501
  --icon-color: var(--hop-Radio-icon-color-disabled);
3454
3502
  }
3455
- .Radio-module__hop-Radio--sm___QtkaP {
3503
+ .Radio-module__hop-Radio--sm___TgRZ6 {
3456
3504
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3457
3505
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3458
3506
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3459
3507
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3460
3508
  }
3461
- .Radio-module__hop-Radio--md___-8BC4 {
3509
+ .Radio-module__hop-Radio--md___8X1lo {
3462
3510
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3463
3511
  --box-block-size: var(--hop-Radio-box-md-block-size);
3464
3512
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3465
3513
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3466
3514
  }
3467
- .Radio-module__hop-Radio__icon___f-O9q,
3468
- .Radio-module__hop-Radio__icon-list___Urz54 {
3515
+ .Radio-module__hop-Radio__icon___DFr1-,
3516
+ .Radio-module__hop-Radio__icon-list___D-QH- {
3469
3517
  flex: 0 0 auto;
3470
3518
  order: 3;
3471
3519
  color: var(--icon-color);
3472
3520
  }
3473
- .Radio-module__hop-Radio__box___HKX8m {
3521
+ .Radio-module__hop-Radio__box___P-JUA {
3474
3522
  display: flex;
3475
3523
  flex: 0 0 auto;
3476
3524
  align-items: center;
@@ -3486,11 +3534,11 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3486
3534
  outline-offset: 0.125rem;
3487
3535
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3488
3536
  }
3489
- .Radio-module__hop-Radio__bullet___tlKI9 {
3537
+ .Radio-module__hop-Radio__bullet___8-f-x {
3490
3538
  display: var(--bullet-display);
3491
3539
  color: var(--bullet-color);
3492
3540
  }
3493
- .Radio-module__hop-Radio__text___30Fay {
3541
+ .Radio-module__hop-Radio__text___dF7Rs {
3494
3542
  flex: 0 1 auto;
3495
3543
  order: 2;
3496
3544
  min-inline-size: 0;
@@ -3500,7 +3548,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3500
3548
  }
3501
3549
 
3502
3550
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3503
- .RadioField-module__hop-RadioField___pJhhQ {
3551
+ .RadioField-module__hop-RadioField___kdL-O {
3504
3552
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3505
3553
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3506
3554
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3519,28 +3567,28 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3519
3567
  inline-size: max-content;
3520
3568
  max-inline-size: 100%;
3521
3569
  }
3522
- .RadioField-module__hop-RadioField___pJhhQ[data-disabled] {
3570
+ .RadioField-module__hop-RadioField___kdL-O[data-disabled] {
3523
3571
  --description-color: var(--hop-RadioField-description-color-disabled);
3524
3572
  }
3525
- .RadioField-module__hop-RadioField--sm___x6Nyt {
3573
+ .RadioField-module__hop-RadioField--sm___p11-- {
3526
3574
  --row-gap: var(--hop-RadioField-sm-row-gap);
3527
3575
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3528
3576
  }
3529
- .RadioField-module__hop-RadioField--md___G8Fqy {
3577
+ .RadioField-module__hop-RadioField--md___LChZk {
3530
3578
  --row-gap: var(--hop-RadioField-md-row-gap);
3531
3579
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3532
3580
  }
3533
- .RadioField-module__hop-RadioField__description___-nu-k {
3581
+ .RadioField-module__hop-RadioField__description___gei8- {
3534
3582
  order: 2;
3535
3583
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3536
3584
  color: var(--description-color);
3537
3585
  }
3538
- .RadioField-module__hop-RadioField__radio___EFyWu {
3586
+ .RadioField-module__hop-RadioField__radio___IHZlu {
3539
3587
  order: 1;
3540
3588
  }
3541
3589
 
3542
3590
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3543
- .RadioGroup-module__hop-RadioGroup___mtC5X {
3591
+ .RadioGroup-module__hop-RadioGroup___BpXAf {
3544
3592
  --hop-RadioGroup-align-items: flex-start;
3545
3593
  --hop-RadioGroup-justify-content: flex-start;
3546
3594
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3580,46 +3628,46 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3580
3628
  inline-size: var(--inline-size);
3581
3629
  max-inline-size: 100%;
3582
3630
  }
3583
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk {
3631
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP {
3584
3632
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3585
3633
  --list-border-radius: var(--hop-shape-rounded-md);
3586
3634
  }
3587
- .RadioGroup-module__hop-RadioGroup--sm___4sqHr {
3635
+ .RadioGroup-module__hop-RadioGroup--sm___kAl0D {
3588
3636
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3589
3637
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3590
3638
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3591
3639
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3592
3640
  }
3593
- .RadioGroup-module__hop-RadioGroup--md___F4jMs {
3641
+ .RadioGroup-module__hop-RadioGroup--md___gigFO {
3594
3642
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3595
3643
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3596
3644
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3597
3645
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3598
3646
  }
3599
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk.RadioGroup-module__hop-RadioGroup--sm___4sqHr {
3647
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP.RadioGroup-module__hop-RadioGroup--sm___kAl0D {
3600
3648
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3601
3649
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3602
3650
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3603
3651
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3604
3652
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3605
3653
  }
3606
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk.RadioGroup-module__hop-RadioGroup--md___F4jMs {
3654
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP.RadioGroup-module__hop-RadioGroup--md___gigFO {
3607
3655
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3608
3656
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3609
3657
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3610
3658
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3611
3659
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3612
3660
  }
3613
- .RadioGroup-module__hop-RadioGroup___mtC5X[data-orientation=horizontal] {
3661
+ .RadioGroup-module__hop-RadioGroup___BpXAf[data-orientation=horizontal] {
3614
3662
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3615
3663
  }
3616
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk[data-orientation=horizontal] {
3664
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP[data-orientation=horizontal] {
3617
3665
  --flex-wrap: nowrap;
3618
3666
  }
3619
- .RadioGroup-module__hop-RadioGroup___mtC5X > .RadioGroup-module__hop-RadioGroup__label___T3r2m {
3667
+ .RadioGroup-module__hop-RadioGroup___BpXAf > .RadioGroup-module__hop-RadioGroup__label___fC-DQ {
3620
3668
  order: 1;
3621
3669
  }
3622
- .RadioGroup-module__hop-RadioGroup__list___DBceS {
3670
+ .RadioGroup-module__hop-RadioGroup__list___tayNx {
3623
3671
  display: flex;
3624
3672
  flex-flow: var(--flex-direction) var(--flex-wrap);
3625
3673
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3630,7 +3678,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3630
3678
  border: var(--list-border, none);
3631
3679
  border-radius: var(--list-border-radius, 0);
3632
3680
  }
3633
- .RadioGroup-module__hop-RadioGroup__list___DBceS > .RadioGroup-module__hop-RadioGroup__radio___lp6G- {
3681
+ .RadioGroup-module__hop-RadioGroup__list___tayNx > .RadioGroup-module__hop-RadioGroup__radio___rnlrH {
3634
3682
  position: relative;
3635
3683
  flex: 0 1 auto;
3636
3684
  align-content: start;
@@ -3638,28 +3686,28 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3638
3686
  min-inline-size: 0;
3639
3687
  padding: var(--radio-padding, 0);
3640
3688
  }
3641
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk .RadioGroup-module__hop-RadioGroup__list___DBceS > .RadioGroup-module__hop-RadioGroup__radio___lp6G- ~ .RadioGroup-module__hop-RadioGroup__radio___lp6G-::before {
3689
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP .RadioGroup-module__hop-RadioGroup__list___tayNx > .RadioGroup-module__hop-RadioGroup__radio___rnlrH ~ .RadioGroup-module__hop-RadioGroup__radio___rnlrH::before {
3642
3690
  content: "";
3643
3691
  position: absolute;
3644
3692
  display: block;
3645
3693
  }
3646
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___DBceS > .RadioGroup-module__hop-RadioGroup__radio___lp6G- ~ .RadioGroup-module__hop-RadioGroup__radio___lp6G-::before {
3694
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___tayNx > .RadioGroup-module__hop-RadioGroup__radio___rnlrH ~ .RadioGroup-module__hop-RadioGroup__radio___rnlrH::before {
3647
3695
  inset-block-start: 0;
3648
3696
  inset-inline: 0;
3649
3697
  border-block-start: var(--list-border, none);
3650
3698
  }
3651
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___DBceS > .RadioGroup-module__hop-RadioGroup__radio___lp6G- ~ .RadioGroup-module__hop-RadioGroup__radio___lp6G-::before {
3699
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___tayNx > .RadioGroup-module__hop-RadioGroup__radio___rnlrH ~ .RadioGroup-module__hop-RadioGroup__radio___rnlrH::before {
3652
3700
  inset-block: 0;
3653
3701
  inset-inline-start: 0;
3654
3702
  border-inline-start: var(--list-border, none);
3655
3703
  }
3656
- .RadioGroup-module__hop-RadioGroup___mtC5X > .RadioGroup-module__hop-RadioGroup__error-message___6knL-,
3657
- .RadioGroup-module__hop-RadioGroup___mtC5X > .RadioGroup-module__hop-RadioGroup__helper-message___SN05k {
3704
+ .RadioGroup-module__hop-RadioGroup___BpXAf > .RadioGroup-module__hop-RadioGroup__error-message___GXHKF,
3705
+ .RadioGroup-module__hop-RadioGroup___BpXAf > .RadioGroup-module__hop-RadioGroup__helper-message___AioEt {
3658
3706
  order: 3;
3659
3707
  }
3660
3708
 
3661
3709
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3662
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___OdAFV {
3710
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___FnodN {
3663
3711
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3664
3712
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3665
3713
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3685,7 +3733,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3685
3733
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3686
3734
  background-size: 400% 100%;
3687
3735
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3688
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___JlGxB;
3736
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___OTWvz;
3689
3737
  animation-duration: var(--animation-duration);
3690
3738
  animation-timing-function: ease-in-out;
3691
3739
  animation-fill-mode: forwards;
@@ -3694,19 +3742,19 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3694
3742
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3695
3743
  }
3696
3744
  }
3697
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___dw1fE {
3745
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___VuvoJ {
3698
3746
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3699
3747
  }
3700
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___0-zW7 {
3748
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WKYzT {
3701
3749
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3702
3750
  }
3703
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___OI8lR {
3751
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-XtVu {
3704
3752
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3705
3753
  }
3706
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___LU1MW {
3754
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___UL0-O {
3707
3755
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3708
3756
  }
3709
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___JlGxB {
3757
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___OTWvz {
3710
3758
  0% {
3711
3759
  background-position: 125% 50%;
3712
3760
  }
@@ -3716,7 +3764,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3716
3764
  }
3717
3765
 
3718
3766
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3719
- .ListBoxItem-module__hop-ListBoxItem___8NSu3 {
3767
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF {
3720
3768
  --hop-ListBoxItem-background-color: transparent;
3721
3769
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3722
3770
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3813,129 +3861,129 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3813
3861
  outline: var(--outline);
3814
3862
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3815
3863
  }
3816
- .ListBoxItem-module__hop-ListBoxItem--xs___gXKM6 {
3864
+ .ListBoxItem-module__hop-ListBoxItem--xs___T5qb4 {
3817
3865
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3818
3866
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3819
3867
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3820
3868
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3821
3869
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3822
3870
  }
3823
- .ListBoxItem-module__hop-ListBoxItem--sm___LChQQ {
3871
+ .ListBoxItem-module__hop-ListBoxItem--sm___FFF4r {
3824
3872
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3825
3873
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3826
3874
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3827
3875
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3828
3876
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3829
3877
  }
3830
- .ListBoxItem-module__hop-ListBoxItem--md___WlNPy {
3878
+ .ListBoxItem-module__hop-ListBoxItem--md___2k3Bf {
3831
3879
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3832
3880
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3833
3881
  --min-height: var(--hop-ListBoxItem-md-min-height);
3834
3882
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3835
3883
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3836
3884
  }
3837
- .ListBoxItem-module__hop-ListBoxItem--lg___lJ0ut {
3885
+ .ListBoxItem-module__hop-ListBoxItem--lg___E5oOC {
3838
3886
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3839
3887
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3840
3888
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3841
3889
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3842
3890
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3843
3891
  }
3844
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-selection-mode] {
3892
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-selection-mode] {
3845
3893
  --cursor: pointer;
3846
3894
  }
3847
- .ListBoxItem-module__hop-ListBoxItem___8NSu3:not([data-selection-mode]) {
3895
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF:not([data-selection-mode]) {
3848
3896
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3849
3897
  }
3850
- .ListBoxItem-module__hop-ListBoxItem__inner___AkbVg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WIs62) {
3898
+ .ListBoxItem-module__hop-ListBoxItem__inner___zZ5nD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___BAKhG) {
3851
3899
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3852
3900
  }
3853
- .ListBoxItem-module__hop-ListBoxItem__inner___AkbVg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WIs62) {
3901
+ .ListBoxItem-module__hop-ListBoxItem__inner___zZ5nD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___BAKhG) {
3854
3902
  --checkmark-transition: none;
3855
3903
  }
3856
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-selected] {
3904
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-selected] {
3857
3905
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3858
3906
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3859
3907
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3860
3908
  --checkmark-opacity: 1;
3861
3909
  }
3862
- .ListBoxItem-module__hop-ListBoxItem--xs___gXKM6[data-selected] {
3910
+ .ListBoxItem-module__hop-ListBoxItem--xs___T5qb4[data-selected] {
3863
3911
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3864
3912
  }
3865
- .ListBoxItem-module__hop-ListBoxItem--sm___LChQQ[data-selected] {
3913
+ .ListBoxItem-module__hop-ListBoxItem--sm___FFF4r[data-selected] {
3866
3914
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3867
3915
  }
3868
- .ListBoxItem-module__hop-ListBoxItem--md___WlNPy[data-selected] {
3916
+ .ListBoxItem-module__hop-ListBoxItem--md___2k3Bf[data-selected] {
3869
3917
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3870
3918
  }
3871
- .ListBoxItem-module__hop-ListBoxItem--lg___lJ0ut[data-selected] {
3919
+ .ListBoxItem-module__hop-ListBoxItem--lg___E5oOC[data-selected] {
3872
3920
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3873
3921
  }
3874
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-focus-visible] {
3922
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-focus-visible] {
3875
3923
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3876
3924
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3877
3925
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3878
3926
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3879
3927
  }
3880
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-hovered] {
3928
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-hovered] {
3881
3929
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3882
3930
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3883
3931
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3884
3932
  }
3885
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-pressed] {
3933
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-pressed] {
3886
3934
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3887
3935
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3888
3936
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3889
3937
  }
3890
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-disabled] {
3938
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-disabled] {
3891
3939
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3892
3940
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3893
3941
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3894
3942
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3895
3943
  --cursor: not-allowed;
3896
3944
  }
3897
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid] {
3945
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid] {
3898
3946
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3899
3947
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3900
3948
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3901
3949
  }
3902
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-selected] {
3950
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-selected] {
3903
3951
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3904
3952
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3905
3953
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3906
3954
  }
3907
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-focus-visible] {
3955
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-focus-visible] {
3908
3956
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3909
3957
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3910
3958
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3911
3959
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3912
3960
  }
3913
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-hovered] {
3961
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-hovered] {
3914
3962
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3915
3963
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3916
3964
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3917
3965
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3918
3966
  }
3919
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-pressed] {
3967
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-pressed] {
3920
3968
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3921
3969
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3922
3970
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3923
3971
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3924
3972
  }
3925
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-disabled] {
3973
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-disabled] {
3926
3974
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3927
3975
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3928
3976
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3929
3977
  }
3930
- .ListBoxItem-module__hop-ListBoxItem___8NSu3:has(.ListBoxItem-module__hop-ListBoxItem__description___gzoh5) {
3978
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF:has(.ListBoxItem-module__hop-ListBoxItem__description___qAjGP) {
3931
3979
  --row-gap: var(--hop-ListBoxItem-row-gap);
3932
3980
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3933
3981
  }
3934
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-loading] {
3982
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-loading] {
3935
3983
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3936
3984
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3937
3985
  }
3938
- .ListBoxItem-module__hop-ListBoxItem__inner___AkbVg {
3986
+ .ListBoxItem-module__hop-ListBoxItem__inner___zZ5nD {
3939
3987
  display: grid;
3940
3988
  grid-template-areas: var(--grid-template-areas);
3941
3989
  grid-template-columns: var(--grid-template-columns);
@@ -3947,33 +3995,33 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3947
3995
  padding-inline: var(--padding-inline);
3948
3996
  transition: grid-template-columns .3s ease-in-out;
3949
3997
  }
3950
- .ListBoxItem-module__hop-ListBoxItem__checkmark___WIs62 {
3998
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___BAKhG {
3951
3999
  grid-area: indicator;
3952
4000
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3953
4001
  color: var(--icon-color);
3954
4002
  opacity: var(--checkmark-opacity);
3955
4003
  transition: var(--checkmark-transition);
3956
4004
  }
3957
- .ListBoxItem-module__hop-ListBoxItem__radio___WDu8L,
3958
- .ListBoxItem-module__hop-ListBoxItem__checkbox___OyfCu {
4005
+ .ListBoxItem-module__hop-ListBoxItem__radio___0Ro4Z,
4006
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___DDwiP {
3959
4007
  pointer-events: none;
3960
4008
  user-select: none;
3961
4009
  grid-area: indicator;
3962
4010
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3963
4011
  }
3964
- .ListBoxItem-module__hop-ListBoxItem__avatar___HJ0YH {
4012
+ .ListBoxItem-module__hop-ListBoxItem__avatar___o7KT5 {
3965
4013
  grid-area: avatar;
3966
4014
  margin-block: var(--avatar-margin-block, 0);
3967
4015
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3968
4016
  }
3969
- .ListBoxItem-module__hop-ListBoxItem__icon-list___XBjwV,
3970
- .ListBoxItem-module__hop-ListBoxItem__icon___mJLpx {
4017
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___uNsq-,
4018
+ .ListBoxItem-module__hop-ListBoxItem__icon___ZeoTI {
3971
4019
  grid-area: icon;
3972
4020
  flex: 0 0 auto;
3973
4021
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3974
4022
  color: var(--icon-color);
3975
4023
  }
3976
- .ListBoxItem-module__hop-ListBoxItem__label___oC8wl {
4024
+ .ListBoxItem-module__hop-ListBoxItem__label___k2hNC {
3977
4025
  overflow: hidden;
3978
4026
  grid-area: label;
3979
4027
  min-inline-size: 0;
@@ -3981,18 +4029,18 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
3981
4029
  text-overflow: ellipsis;
3982
4030
  white-space: nowrap;
3983
4031
  }
3984
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___s9E6X,
3985
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kUf7g {
4032
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___msmVR,
4033
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___oa0iV {
3986
4034
  grid-area: end-icon;
3987
4035
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3988
4036
  color: var(--icon-color);
3989
4037
  }
3990
- .ListBoxItem-module__hop-ListBoxItem__badge___G3Cjw {
4038
+ .ListBoxItem-module__hop-ListBoxItem__badge___IVX-d {
3991
4039
  grid-area: badge;
3992
4040
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3993
4041
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3994
4042
  }
3995
- .ListBoxItem-module__hop-ListBoxItem__description___gzoh5 {
4043
+ .ListBoxItem-module__hop-ListBoxItem__description___qAjGP {
3996
4044
  overflow: hidden;
3997
4045
  display: -webkit-box;
3998
4046
  grid-area: description;
@@ -4003,7 +4051,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4003
4051
  }
4004
4052
 
4005
4053
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4006
- .ListBox-module__hop-ListBox___-rt0w {
4054
+ .ListBox-module__hop-ListBox___13BZl {
4007
4055
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4008
4056
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4009
4057
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4050,11 +4098,11 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4050
4098
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4051
4099
  border-radius: var(--hop-ListBox-border-radius);
4052
4100
  }
4053
- .ListBox-module__hop-ListBox--fluid___MV-lu {
4101
+ .ListBox-module__hop-ListBox--fluid___1p0Qr {
4054
4102
  --max-width: var(--hop-ListBox-fluid-max-width);
4055
4103
  --width: var(--hop-ListBox-fluid-width);
4056
4104
  }
4057
- .ListBox-module__hop-ListBox__section___cHWaO {
4105
+ .ListBox-module__hop-ListBox__section___nbPgW {
4058
4106
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4059
4107
  margin-inline: var(--hop-ListBox-section-margin-inline);
4060
4108
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4062,21 +4110,21 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4062
4110
  border-block-start: var(--section-border-block-start);
4063
4111
  border-block-end: var(--section-border-block-end);
4064
4112
  }
4065
- .ListBox-module__hop-ListBox__item___LTGuz + .ListBox-module__hop-ListBox__section___cHWaO {
4113
+ .ListBox-module__hop-ListBox__item___XmoqG + .ListBox-module__hop-ListBox__section___nbPgW {
4066
4114
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4067
4115
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4068
4116
  }
4069
- .ListBox-module__hop-ListBox__section___cHWaO:has(+ .ListBox-module__hop-ListBox__item___LTGuz) {
4117
+ .ListBox-module__hop-ListBox__section___nbPgW:has(+ .ListBox-module__hop-ListBox__item___XmoqG) {
4070
4118
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4071
4119
  }
4072
- .ListBox-module__hop-ListBox__section___cHWaO:first-child {
4120
+ .ListBox-module__hop-ListBox__section___nbPgW:first-child {
4073
4121
  --section-padding-block-start: 0;
4074
4122
  }
4075
- .ListBox-module__hop-ListBox__section___cHWaO:last-child {
4123
+ .ListBox-module__hop-ListBox__section___nbPgW:last-child {
4076
4124
  --section-padding-block-end: 0;
4077
4125
  --section-border-block-end: 0;
4078
4126
  }
4079
- .ListBox-module__hop-ListBox__section-header___n0tC4 {
4127
+ .ListBox-module__hop-ListBox__section-header___8N1d2 {
4080
4128
  margin: 0;
4081
4129
  padding: var(--hop-ListBox-section-header-padding);
4082
4130
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4087,23 +4135,33 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4087
4135
  text-transform: var(--hop-ListBox-section-header-text-transform);
4088
4136
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4089
4137
  }
4090
- .ListBox-module__hop-ListBox__section-header___n0tC4::before,
4091
- .ListBox-module__hop-ListBox__section-header___n0tC4::after {
4138
+ .ListBox-module__hop-ListBox__section-header___8N1d2::before,
4139
+ .ListBox-module__hop-ListBox__section-header___8N1d2::after {
4092
4140
  content: "";
4093
4141
  display: block;
4094
4142
  box-sizing: border-box;
4095
4143
  inline-size: 0;
4096
4144
  block-size: 0;
4097
4145
  }
4098
- .ListBox-module__hop-ListBox__section-header___n0tC4::before {
4146
+ .ListBox-module__hop-ListBox__section-header___8N1d2::before {
4099
4147
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4100
4148
  }
4101
- .ListBox-module__hop-ListBox__section-header___n0tC4::after {
4149
+ .ListBox-module__hop-ListBox__section-header___8N1d2::after {
4102
4150
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4103
4151
  }
4104
4152
 
4153
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
4154
+ .HopperProvider-module__hop-HopperProvider___8Mv69 {
4155
+ font-family: var(--hop-body-md-font-family);
4156
+ font-size: var(--hop-body-md-font-size);
4157
+ font-weight: var(--hop-body-md-font-weight);
4158
+ -webkit-font-smoothing: antialiased;
4159
+ line-height: var(--hop-body-md-line-height);
4160
+ color: var(--hop-neutral-text);
4161
+ }
4162
+
4105
4163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
4106
- .Link-module__hop-Link___--QKB {
4164
+ .Link-module__hop-Link___wzwED {
4107
4165
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4108
4166
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4109
4167
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4163,137 +4221,137 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4163
4221
  outline: none;
4164
4222
  outline-offset: 0.125rem;
4165
4223
  }
4166
- :where(.Link-module__hop-Link___--QKB) {
4224
+ :where(.Link-module__hop-Link___wzwED) {
4167
4225
  font-family: var(--font-family);
4168
4226
  font-size: var(--font-size);
4169
4227
  font-weight: var(--font-weight);
4170
4228
  line-height: var(--line-height);
4171
4229
  }
4172
- :where(.Link-module__hop-Link--xs___qBKdb) {
4230
+ :where(.Link-module__hop-Link--xs___5QPbI) {
4173
4231
  --font-size: var(--hop-Link-xs-font-size);
4174
4232
  --font-family: var(--hop-Link-xs-font-family);
4175
4233
  --font-weight: var(--hop-Link-xs-font-weight);
4176
4234
  --line-height: var(--hop-Link-xs-line-height);
4177
4235
  }
4178
- :where(.Link-module__hop-Link--sm___F87C5) {
4236
+ :where(.Link-module__hop-Link--sm___mr-mH) {
4179
4237
  --font-size: var(--hop-Link-sm-font-size);
4180
4238
  --font-family: var(--hop-Link-sm-font-family);
4181
4239
  --font-weight: var(--hop-Link-sm-font-weight);
4182
4240
  --line-height: var(--hop-Link-sm-line-height);
4183
4241
  }
4184
- :where(.Link-module__hop-Link--md___GUn3-) {
4242
+ :where(.Link-module__hop-Link--md___5530o) {
4185
4243
  --font-size: var(--hop-Link-md-font-size);
4186
4244
  --font-family: var(--hop-Link-md-font-family);
4187
4245
  --font-weight: var(--hop-Link-md-font-weight);
4188
4246
  --line-height: var(--hop-Link-md-line-height);
4189
4247
  }
4190
- :where(.Link-module__hop-Link--lg___sjsxI) {
4248
+ :where(.Link-module__hop-Link--lg___hrugl) {
4191
4249
  --font-size: var(--hop-Link-lg-font-size);
4192
4250
  --font-family: var(--hop-Link-lg-font-family);
4193
4251
  --font-weight: var(--hop-Link-lg-font-weight);
4194
4252
  --line-height: var(--hop-Link-lg-line-height);
4195
4253
  }
4196
- :where(.Link-module__hop-Link--xl___XyfeI) {
4254
+ :where(.Link-module__hop-Link--xl___SlqjI) {
4197
4255
  --font-size: var(--hop-Link-xl-font-size);
4198
4256
  --font-family: var(--hop-Link-xl-font-family);
4199
4257
  --font-weight: var(--hop-Link-xl-font-weight);
4200
4258
  --line-height: var(--hop-Link-xl-line-height);
4201
4259
  }
4202
- :where(.Link-module__hop-Link--2xl___l8bYU) {
4260
+ :where(.Link-module__hop-Link--2xl___-n-4x) {
4203
4261
  --font-size: var(--hop-Link-2xl-font-size);
4204
4262
  --font-family: var(--hop-Link-2xl-font-family);
4205
4263
  --font-weight: var(--hop-Link-2xl-font-weight);
4206
4264
  --line-height: var(--hop-Link-2xl-line-height);
4207
4265
  }
4208
- :where(.Link-module__hop-Link--inherit___Ga9a8) {
4266
+ :where(.Link-module__hop-Link--inherit___Hdc53) {
4209
4267
  --font-size: var(--hop-Link-inherit-size-font-size);
4210
4268
  --font-family: var(--hop-Link-inherit-size-font-family);
4211
4269
  --font-weight: var(--hop-Link-inherit-size-font-weight);
4212
4270
  --line-height: var(--hop-Link-inherit-size-line-height);
4213
4271
  }
4214
- .Link-module__hop-Link___--QKB[data-focus-visible] {
4272
+ .Link-module__hop-Link___wzwED[data-focus-visible] {
4215
4273
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4216
4274
  }
4217
- .Link-module__hop-Link___--QKB[data-disabled] {
4275
+ .Link-module__hop-Link___wzwED[data-disabled] {
4218
4276
  cursor: default;
4219
4277
  }
4220
- .Link-module__hop-Link--standalone___xnG4p .Link-module__hop-Link__text___w3uCT {
4278
+ .Link-module__hop-Link--standalone___63q8u .Link-module__hop-Link__text___hy7Q5 {
4221
4279
  padding: var(--hop-Link-padding-standalone);
4222
4280
  }
4223
- .Link-module__hop-Link--standalone___xnG4p.Link-module__hop-Link--xs___qBKdb .Link-module__hop-Link__text___w3uCT {
4281
+ .Link-module__hop-Link--standalone___63q8u.Link-module__hop-Link--xs___5QPbI .Link-module__hop-Link__text___hy7Q5 {
4224
4282
  padding: var(--hop-Link-padding-standalone-xs);
4225
4283
  }
4226
- .Link-module__hop-Link--standalone___xnG4p.Link-module__hop-Link--sm___F87C5 .Link-module__hop-Link__text___w3uCT {
4284
+ .Link-module__hop-Link--standalone___63q8u.Link-module__hop-Link--sm___mr-mH .Link-module__hop-Link__text___hy7Q5 {
4227
4285
  padding: var(--hop-Link-padding-standalone-sm);
4228
4286
  }
4229
- .Link-module__hop-Link--standalone___xnG4p.Link-module__hop-Link--md___GUn3- .Link-module__hop-Link__text___w3uCT {
4287
+ .Link-module__hop-Link--standalone___63q8u.Link-module__hop-Link--md___5530o .Link-module__hop-Link__text___hy7Q5 {
4230
4288
  padding: var(--hop-Link-padding-standalone-md);
4231
4289
  }
4232
- .Link-module__hop-Link--standalone___xnG4p.Link-module__hop-Link--lg___sjsxI .Link-module__hop-Link__text___w3uCT {
4290
+ .Link-module__hop-Link--standalone___63q8u.Link-module__hop-Link--lg___hrugl .Link-module__hop-Link__text___hy7Q5 {
4233
4291
  padding: var(--hop-Link-padding-standalone-lg);
4234
4292
  }
4235
- .Link-module__hop-Link--standalone___xnG4p.Link-module__hop-Link--xl___XyfeI .Link-module__hop-Link__text___w3uCT {
4293
+ .Link-module__hop-Link--standalone___63q8u.Link-module__hop-Link--xl___SlqjI .Link-module__hop-Link__text___hy7Q5 {
4236
4294
  padding: var(--hop-Link-padding-standalone-xl);
4237
4295
  }
4238
- .Link-module__hop-Link--standalone___xnG4p.Link-module__hop-Link--2xl___l8bYU .Link-module__hop-Link__text___w3uCT {
4296
+ .Link-module__hop-Link--standalone___63q8u.Link-module__hop-Link--2xl___-n-4x .Link-module__hop-Link__text___hy7Q5 {
4239
4297
  padding: var(--hop-Link-padding-standalone-2xl);
4240
4298
  }
4241
- .Link-module__hop-Link--quiet___tAfbd[data-focus-visible],
4242
- .Link-module__hop-Link--quiet___tAfbd[data-hovered],
4243
- .Link-module__hop-Link--standalone___xnG4p[data-focus-visible],
4244
- .Link-module__hop-Link--standalone___xnG4p[data-hovered] {
4299
+ .Link-module__hop-Link--quiet___2ILlG[data-focus-visible],
4300
+ .Link-module__hop-Link--quiet___2ILlG[data-hovered],
4301
+ .Link-module__hop-Link--standalone___63q8u[data-focus-visible],
4302
+ .Link-module__hop-Link--standalone___63q8u[data-hovered] {
4245
4303
  text-decoration: underline;
4246
4304
  }
4247
- .Link-module__hop-Link___--QKB:not(.Link-module__hop-Link--quiet___tAfbd, .Link-module__hop-Link--standalone___xnG4p) {
4305
+ .Link-module__hop-Link___wzwED:not(.Link-module__hop-Link--quiet___2ILlG, .Link-module__hop-Link--standalone___63q8u) {
4248
4306
  text-decoration: underline;
4249
4307
  }
4250
- .Link-module__hop-Link--primary___4afGC {
4308
+ .Link-module__hop-Link--primary___6FwLq {
4251
4309
  color: var(--hop-Link-primary-text-color);
4252
4310
  }
4253
- .Link-module__hop-Link--primary___4afGC[data-disabled] {
4311
+ .Link-module__hop-Link--primary___6FwLq[data-disabled] {
4254
4312
  color: var(--hop-Link-primary-text-disabled-color);
4255
4313
  }
4256
- .Link-module__hop-Link--primary___4afGC:not([data-disabled])[data-focus-visible],
4257
- .Link-module__hop-Link--primary___4afGC:not([data-disabled])[data-hovered] {
4314
+ .Link-module__hop-Link--primary___6FwLq:not([data-disabled])[data-focus-visible],
4315
+ .Link-module__hop-Link--primary___6FwLq:not([data-disabled])[data-hovered] {
4258
4316
  color: var(--hop-Link-primary-text-hover-color);
4259
4317
  }
4260
- .Link-module__hop-Link--primary___4afGC:not([data-disabled])[data-pressed] {
4318
+ .Link-module__hop-Link--primary___6FwLq:not([data-disabled])[data-pressed] {
4261
4319
  color: var(--hop-Link-primary-text-pressed-color);
4262
4320
  }
4263
- .Link-module__hop-Link--secondary___dw6VV {
4321
+ .Link-module__hop-Link--secondary___lzvI- {
4264
4322
  color: var(--hop-Link-neutral-text-color);
4265
4323
  }
4266
- .Link-module__hop-Link--secondary___dw6VV[data-disabled] {
4324
+ .Link-module__hop-Link--secondary___lzvI-[data-disabled] {
4267
4325
  color: var(--hop-Link-neutral-text-disabled-color);
4268
4326
  }
4269
- .Link-module__hop-Link--secondary___dw6VV:not([data-disabled])[data-focus-visible],
4270
- .Link-module__hop-Link--secondary___dw6VV:not([data-disabled])[data-hovered] {
4327
+ .Link-module__hop-Link--secondary___lzvI-:not([data-disabled])[data-focus-visible],
4328
+ .Link-module__hop-Link--secondary___lzvI-:not([data-disabled])[data-hovered] {
4271
4329
  color: var(--hop-Link-neutral-text-hover-color);
4272
4330
  }
4273
- .Link-module__hop-Link--secondary___dw6VV:not([data-disabled])[data-pressed] {
4331
+ .Link-module__hop-Link--secondary___lzvI-:not([data-disabled])[data-pressed] {
4274
4332
  color: var(--hop-Link-neutral-text-pressed-color);
4275
4333
  }
4276
- .Link-module__hop-Link__icon___-IKma,
4277
- .Link-module__hop-Link__icon-list___oLSyK {
4334
+ .Link-module__hop-Link__icon___GhMkt,
4335
+ .Link-module__hop-Link__icon-list___wqSHE {
4278
4336
  order: 2;
4279
4337
  }
4280
- .Link-module__hop-Link__text___w3uCT {
4338
+ .Link-module__hop-Link__text___hy7Q5 {
4281
4339
  order: 1;
4282
4340
  }
4283
- .Link-module__hop-Link__start-icon___uNoEB,
4284
- .Link-module__hop-Link__start-icon-list___LFOrp {
4341
+ .Link-module__hop-Link__start-icon___wxPEV,
4342
+ .Link-module__hop-Link__start-icon-list___K1cYx {
4285
4343
  order: 0;
4286
4344
  }
4287
4345
 
4288
4346
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4289
- :where(.Popover-module__hop-Popover___XuKsd *) {
4347
+ :where(.Popover-module__hop-Popover___EE4-I *) {
4290
4348
  font-family: var(--font-family);
4291
4349
  font-size: var(--font-size);
4292
4350
  font-weight: var(--font-weight);
4293
4351
  line-height: var(--line-height);
4294
4352
  outline: none;
4295
4353
  }
4296
- .Popover-module__hop-Popover___XuKsd {
4354
+ .Popover-module__hop-Popover___EE4-I {
4297
4355
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4298
4356
  --hop-Popover-inline-width: 25rem;
4299
4357
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4306,22 +4364,22 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4306
4364
  inline-size: var(--width);
4307
4365
  max-inline-size: var(--max-width);
4308
4366
  }
4309
- .Popover-module__hop-Popover___XuKsd[data-trigger=Select] {
4367
+ .Popover-module__hop-Popover___EE4-I[data-trigger=Select] {
4310
4368
  --width: var(--hop-Popover-dropdown-inline-width);
4311
4369
  }
4312
- .Popover-module__hop-Popover___XuKsd[data-trigger=ComboBox] {
4370
+ .Popover-module__hop-Popover___EE4-I[data-trigger=ComboBox] {
4313
4371
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4314
4372
  }
4315
- .Popover-module__hop-Popover___XuKsd[data-auto-width] {
4373
+ .Popover-module__hop-Popover___EE4-I[data-auto-width] {
4316
4374
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4317
4375
  }
4318
- .Popover-module__hop-Popover___XuKsd[data-entering] {
4319
- animation: Popover-module__fade___kJYH7 0.25s;
4376
+ .Popover-module__hop-Popover___EE4-I[data-entering] {
4377
+ animation: Popover-module__fade___ibEir 0.25s;
4320
4378
  }
4321
- .Popover-module__hop-Popover___XuKsd[data-exiting] {
4322
- animation: Popover-module__fade___kJYH7 0.25s reverse;
4379
+ .Popover-module__hop-Popover___EE4-I[data-exiting] {
4380
+ animation: Popover-module__fade___ibEir 0.25s reverse;
4323
4381
  }
4324
- @keyframes Popover-module__fade___kJYH7 {
4382
+ @keyframes Popover-module__fade___ibEir {
4325
4383
  from {
4326
4384
  opacity: 0;
4327
4385
  }
@@ -4329,14 +4387,14 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4329
4387
  opacity: 1;
4330
4388
  }
4331
4389
  }
4332
- .Popover-module__hop-Popover__wrapper___EEl-1 {
4390
+ .Popover-module__hop-Popover__wrapper___NNlMh {
4333
4391
  display: flex;
4334
4392
  flex: 1 1 auto;
4335
4393
  flex-direction: column;
4336
4394
  min-block-size: 0;
4337
4395
  }
4338
- .Popover-module__hop-Popover__dialog___gq-kv,
4339
- .Popover-module__hop-Popover__dropdown___JIArA {
4396
+ .Popover-module__hop-Popover__dialog___dspiM,
4397
+ .Popover-module__hop-Popover__dropdown___J5Lo2 {
4340
4398
  --hop-Popover-background: var(--hop-neutral-surface);
4341
4399
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4342
4400
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4384,21 +4442,21 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4384
4442
  border-radius: var(--hop-Popover-border-radius);
4385
4443
  box-shadow: var(--hop-Popover-box-shadow);
4386
4444
  }
4387
- .Popover-module__hop-Popover__dropdown___JIArA {
4445
+ .Popover-module__hop-Popover__dropdown___J5Lo2 {
4388
4446
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4389
4447
  --footer-place-self: stretch;
4390
4448
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4391
4449
  --padding: var(--hop-Popover-dropdown-padding);
4392
4450
  overflow: hidden;
4393
4451
  }
4394
- .Popover-module__hop-Popover__dialog___gq-kv {
4452
+ .Popover-module__hop-Popover__dialog___dspiM {
4395
4453
  --padding: var(--hop-Popover-dialog-padding);
4396
4454
  }
4397
- .Popover-module__hop-Popover__title___-561r {
4455
+ .Popover-module__hop-Popover__title___8zCAc {
4398
4456
  grid-area: header;
4399
4457
  color: var(--hop-Popover-color);
4400
4458
  }
4401
- .Popover-module__hop-Popover__content___5ejvz {
4459
+ .Popover-module__hop-Popover__content___IKyxM {
4402
4460
  --font-size: var(--hop-Popover-content-font-size);
4403
4461
  --line-height: var(--hop-Popover-content-line-height);
4404
4462
  --font-family: var(--hop-Popover-content-font-family);
@@ -4409,12 +4467,12 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4409
4467
  padding: 0;
4410
4468
  color: var(--hop-Popover-content-color);
4411
4469
  }
4412
- .Popover-module__hop-Popover___XuKsd:not(:has(.Popover-module__hop-Popover__title___-561r)) {
4413
- .Popover-module__hop-Popover__content___5ejvz {
4470
+ .Popover-module__hop-Popover___EE4-I:not(:has(.Popover-module__hop-Popover__title___8zCAc)) {
4471
+ .Popover-module__hop-Popover__content___IKyxM {
4414
4472
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4415
4473
  }
4416
4474
  }
4417
- .Popover-module__hop-Popover__dropdown___JIArA .Popover-module__hop-Popover__list-box___ba-dp {
4475
+ .Popover-module__hop-Popover__dropdown___J5Lo2 .Popover-module__hop-Popover__list-box___4t-5d {
4418
4476
  grid-area: content;
4419
4477
  inline-size: auto;
4420
4478
  min-inline-size: auto;
@@ -4422,7 +4480,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4422
4480
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4423
4481
  border: none;
4424
4482
  }
4425
- .Popover-module__hop-Popover__footer___CtY9r {
4483
+ .Popover-module__hop-Popover__footer___xwJMl {
4426
4484
  --font-size: var(--hop-Popover-footer-font-size);
4427
4485
  --line-height: var(--hop-Popover-footer-line-height);
4428
4486
  grid-area: footer;
@@ -4430,34 +4488,44 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4430
4488
  margin: var(--footer-margin);
4431
4489
  color: var(--hop-Popover-color);
4432
4490
  }
4433
- .Popover-module__hop-Popover__dropdown___JIArA .Popover-module__hop-Popover__footer___CtY9r {
4491
+ .Popover-module__hop-Popover__dropdown___J5Lo2 .Popover-module__hop-Popover__footer___xwJMl {
4434
4492
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4435
4493
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4436
4494
  }
4437
- .Popover-module__hop-Popover__actions___3Y12f,
4438
- .Popover-module__hop-Popover__action___TIPOT {
4495
+ .Popover-module__hop-Popover__actions___L19Ny,
4496
+ .Popover-module__hop-Popover__action___gqKN7 {
4439
4497
  grid-area: action;
4440
4498
  justify-self: end;
4441
4499
  margin-block-start: var(--hop-Popover-row-gap);
4442
4500
  }
4443
- .Popover-module__hop-Popover___XuKsd:has(.Popover-module__hop-Popover__actions___3Y12f, .Popover-module__hop-Popover__action___TIPOT) .Popover-module__hop-Popover__footer___CtY9r {
4501
+ .Popover-module__hop-Popover___EE4-I:has(.Popover-module__hop-Popover__actions___L19Ny, .Popover-module__hop-Popover__action___gqKN7) .Popover-module__hop-Popover__footer___xwJMl {
4444
4502
  margin-inline-end: var(--hop-Popover-column-gap);
4445
4503
  }
4446
4504
 
4447
4505
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4448
- .PopoverBase-module__hop-PopoverBase___fSdHr {
4506
+ .PopoverBase-module__hop-PopoverBase___tmOfK {
4449
4507
  --hop-Popover-background: var(--hop-neutral-surface);
4450
4508
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4451
4509
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4452
4510
  --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4453
4511
  --hop-Popover-color: var(--hop-neutral-text);
4454
4512
  --hop-Popover-color-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4513
+ --hop-Popover-font-family: var(--hop-body-md-font-family);
4514
+ --hop-Popover-font-size: var(--hop-body-md-font-size);
4515
+ --hop-Popover-font-weight: var(--hop-body-md-font-weight);
4516
+ --hop-Popover-line-height: var(--hop-body-md-line-height);
4517
+ --hop-Popover-font-smoothing: antialiased;
4455
4518
  isolation: isolate;
4456
4519
  display: flex;
4457
4520
  flex-shrink: 0;
4458
4521
  align-items: center;
4459
4522
  box-sizing: border-box;
4460
4523
  max-inline-size: calc(100vw - 2* var(--container-padding, 0));
4524
+ font-family: var(--hop-Popover-font-family);
4525
+ font-size: var(--hop-Popover-font-size);
4526
+ font-weight: var(--hop-Popover-font-weight);
4527
+ -webkit-font-smoothing: var(--hop-Popover-font-smoothing);
4528
+ line-height: var(--hop-Popover-line-height);
4461
4529
  color: var(--hop-Popover-color);
4462
4530
  background-color: var(--hop-Popover-background);
4463
4531
  border: var(--hop-Popover-border);
@@ -4466,30 +4534,30 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4466
4534
  box-shadow: var(--hop-Popover-box-shadow);
4467
4535
  transition: opacity var(--hop-easing-duration-2);
4468
4536
  }
4469
- .PopoverBase-module__hop-PopoverBase___fSdHr[data-entering] {
4537
+ .PopoverBase-module__hop-PopoverBase___tmOfK[data-entering] {
4470
4538
  opacity: 0;
4471
4539
  }
4472
- .PopoverBase-module__hop-PopoverBase___fSdHr[data-exiting] {
4540
+ .PopoverBase-module__hop-PopoverBase___tmOfK[data-exiting] {
4473
4541
  pointer-events: none;
4474
4542
  opacity: 0;
4475
4543
  transition-timing-function: var(--hop-easing-productive);
4476
4544
  }
4477
- .PopoverBase-module__hop-PopoverBase___fSdHr:focus-visible {
4545
+ .PopoverBase-module__hop-PopoverBase___tmOfK:focus-visible {
4478
4546
  outline: var(--hop-Popover-color-outline);
4479
4547
  }
4480
4548
 
4481
4549
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
4482
- .ToggleArrow-module__hop-ToggleArrow___EjFdI {
4550
+ .ToggleArrow-module__hop-ToggleArrow___z-LM- {
4483
4551
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
4484
4552
  position: relative;
4485
4553
  transition: transform var(--transition);
4486
4554
  }
4487
- .ToggleArrow-module__hop-ToggleArrow___EjFdI[data-expanded] {
4555
+ .ToggleArrow-module__hop-ToggleArrow___z-LM-[data-expanded] {
4488
4556
  transform: rotate(-180deg);
4489
4557
  }
4490
4558
 
4491
4559
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/combobox/src/ComboBox.module.css/#css-module-data */
4492
- .ComboBox-module__hop-ComboBox___eQv2v {
4560
+ .ComboBox-module__hop-ComboBox___Zx8YK {
4493
4561
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
4494
4562
  --hop-ComboBox-inline-size: 20rem;
4495
4563
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -4504,20 +4572,20 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4504
4572
  inline-size: var(--inline-size);
4505
4573
  max-inline-size: var(--hop-ComboBox-max-inline-size);
4506
4574
  }
4507
- .ComboBox-module__hop-ComboBox--fluid___oLMCH {
4575
+ .ComboBox-module__hop-ComboBox--fluid___T-qRX {
4508
4576
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
4509
4577
  }
4510
- .ComboBox-module__hop-ComboBox__label___-6rhc {
4578
+ .ComboBox-module__hop-ComboBox__label___cixJd {
4511
4579
  order: 1;
4512
4580
  }
4513
- .ComboBox-module__hop-ComboBox__trigger___dZy1k {
4581
+ .ComboBox-module__hop-ComboBox__trigger___JOcdI {
4514
4582
  cursor: text;
4515
4583
  order: 2;
4516
4584
  }
4517
- .ComboBox-module__hop-ComboBox__trigger___dZy1k[data-disabled] {
4585
+ .ComboBox-module__hop-ComboBox__trigger___JOcdI[data-disabled] {
4518
4586
  cursor: default;
4519
4587
  }
4520
- .ComboBox-module__hop-ComboBox__button___YI0D2 {
4588
+ .ComboBox-module__hop-ComboBox__button___LNYFH {
4521
4589
  cursor: pointer;
4522
4590
  display: flex;
4523
4591
  flex: 0 0 auto;
@@ -4528,15 +4596,15 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
4528
4596
  border: none;
4529
4597
  outline: none;
4530
4598
  }
4531
- .ComboBox-module__hop-ComboBox__button___YI0D2[data-disabled] {
4599
+ .ComboBox-module__hop-ComboBox__button___LNYFH[data-disabled] {
4532
4600
  cursor: default;
4533
4601
  color: var(--hop-ComboBox-button-color-disabled);
4534
4602
  }
4535
- .ComboBox-module__hop-ComboBox__prefix___WJG9b {
4603
+ .ComboBox-module__hop-ComboBox__prefix___jydnT {
4536
4604
  align-self: center;
4537
4605
  color: var(--hop-ComboBox-prefix-color);
4538
4606
  }
4539
- .ComboBox-module__hop-ComboBox__helper-message___Ntg9T,
4540
- .ComboBox-module__hop-ComboBox__error-message___0K1GM {
4607
+ .ComboBox-module__hop-ComboBox__helper-message___ynm2n,
4608
+ .ComboBox-module__hop-ComboBox__error-message___e-Cx6 {
4541
4609
  order: 3;
4542
4610
  }