@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/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
237
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___gxLJ1 {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___rjDss {
238
276
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
239
277
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
240
278
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -265,46 +303,46 @@
265
303
  background-color: var(--background-color);
266
304
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
267
305
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___tUVc- {
306
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___M-qKg {
269
307
  --size: var(--hop-RichIconAvatarImage-xs-size);
270
308
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
271
309
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___PJkMt {
310
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___WRTaM {
273
311
  --size: var(--hop-RichIconAvatarImage-sm-size);
274
312
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
275
313
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___NXx-H {
314
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___lz4vM {
277
315
  --size: var(--hop-RichIconAvatarImage-md-size);
278
316
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
279
317
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9eT8I {
318
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWMo9 {
281
319
  --size: var(--hop-RichIconAvatarImage-lg-size);
282
320
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
283
321
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___-i5Eg {
322
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___QEfdM {
285
323
  --size: var(--hop-RichIconAvatarImage-xl-size);
286
324
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
287
325
  }
288
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___D3-gx {
326
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___rJMsC {
289
327
  --size: var(--hop-RichIconAvatarImage-2xl-size);
290
328
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
291
329
  }
292
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___gxLJ1[data-disabled] {
330
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___rjDss[data-disabled] {
293
331
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
294
332
  }
295
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___iAyIu {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___5B84r {
296
334
  position: relative;
297
335
  display: block;
298
336
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
299
337
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
300
338
  }
301
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___gxLJ1[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___iAyIu {
339
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___rjDss[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___5B84r {
302
340
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
303
341
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
304
342
  }
305
343
 
306
344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
307
- .Avatar-module__hop-Avatar___pwT6- {
345
+ .Avatar-module__hop-Avatar___vXc6b {
308
346
  --hop-Avatar-border-radius: var(--hop-shape-circle);
309
347
  --hop-Avatar-mix-blend-mode: normal;
310
348
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -349,67 +387,67 @@
349
387
  background-color: var(--background-color, transparent);
350
388
  border-radius: var(--hop-Avatar-border-radius);
351
389
  }
352
- .Avatar-module__hop-Avatar--xs___CIL7T {
390
+ .Avatar-module__hop-Avatar--xs___TT0Oz {
353
391
  --size: var(--hop-Avatar-xs-size);
354
392
  }
355
- .Avatar-module__hop-Avatar--sm___N5wai {
393
+ .Avatar-module__hop-Avatar--sm___C7KpF {
356
394
  --size: var(--hop-Avatar-sm-size);
357
395
  }
358
- .Avatar-module__hop-Avatar--md___3KRWO {
396
+ .Avatar-module__hop-Avatar--md___fvRWP {
359
397
  --size: var(--hop-Avatar-md-size);
360
398
  }
361
- .Avatar-module__hop-Avatar--lg___GYfBm {
399
+ .Avatar-module__hop-Avatar--lg___MKpRa {
362
400
  --size: var(--hop-Avatar-lg-size);
363
401
  }
364
- .Avatar-module__hop-Avatar--xl___uQT1c {
402
+ .Avatar-module__hop-Avatar--xl___9P4Qm {
365
403
  --size: var(--hop-Avatar-xl-size);
366
404
  }
367
- .Avatar-module__hop-Avatar--2xl___UHIr7 {
405
+ .Avatar-module__hop-Avatar--2xl___7-15M {
368
406
  --size: var(--hop-Avatar-2xl-size);
369
407
  }
370
- .Avatar-module__hop-Avatar--decorative-option1___JznCu {
408
+ .Avatar-module__hop-Avatar--decorative-option1___7n0Jy {
371
409
  --background-color: var(--hop-Avatar-decorative-1-background-color);
372
410
  --text-color: var(--hop-Avatar-decorative-1-text-color);
373
411
  }
374
- .Avatar-module__hop-Avatar--decorative-option2___rS0y8 {
412
+ .Avatar-module__hop-Avatar--decorative-option2___gLGNC {
375
413
  --background-color: var(--hop-Avatar-decorative-2-background-color);
376
414
  --text-color: var(--hop-Avatar-decorative-2-text-color);
377
415
  }
378
- .Avatar-module__hop-Avatar--decorative-option3___QDC20 {
416
+ .Avatar-module__hop-Avatar--decorative-option3___Mil16 {
379
417
  --background-color: var(--hop-Avatar-decorative-3-background-color);
380
418
  --text-color: var(--hop-Avatar-decorative-3-text-color);
381
419
  }
382
- .Avatar-module__hop-Avatar--decorative-option4___7pt7- {
420
+ .Avatar-module__hop-Avatar--decorative-option4___kIaxm {
383
421
  --background-color: var(--hop-Avatar-decorative-4-background-color);
384
422
  --text-color: var(--hop-Avatar-decorative-4-text-color);
385
423
  }
386
- .Avatar-module__hop-Avatar--decorative-option5___feRPw {
424
+ .Avatar-module__hop-Avatar--decorative-option5___MG3LL {
387
425
  --background-color: var(--hop-Avatar-decorative-5-background-color);
388
426
  --text-color: var(--hop-Avatar-decorative-5-text-color);
389
427
  }
390
- .Avatar-module__hop-Avatar--decorative-option6___7rZA7 {
428
+ .Avatar-module__hop-Avatar--decorative-option6___BAfX- {
391
429
  --background-color: var(--hop-Avatar-decorative-6-background-color);
392
430
  --text-color: var(--hop-Avatar-decorative-6-text-color);
393
431
  }
394
- .Avatar-module__hop-Avatar--decorative-option7___NNBws {
432
+ .Avatar-module__hop-Avatar--decorative-option7___sGHbU {
395
433
  --background-color: var(--hop-Avatar-decorative-7-background-color);
396
434
  --text-color: var(--hop-Avatar-decorative-7-text-color);
397
435
  }
398
- .Avatar-module__hop-Avatar--decorative-option8___6miu0 {
436
+ .Avatar-module__hop-Avatar--decorative-option8___FKLx8 {
399
437
  --background-color: var(--hop-Avatar-decorative-8-background-color);
400
438
  --text-color: var(--hop-Avatar-decorative-8-text-color);
401
439
  }
402
- .Avatar-module__hop-Avatar--decorative-option9___bd6Po {
440
+ .Avatar-module__hop-Avatar--decorative-option9___PAoFj {
403
441
  --background-color: var(--hop-Avatar-decorative-9-background-color);
404
442
  --text-color: var(--hop-Avatar-decorative-9-text-color);
405
443
  }
406
- .Avatar-module__hop-Avatar___pwT6-[data-disabled] {
444
+ .Avatar-module__hop-Avatar___vXc6b[data-disabled] {
407
445
  --background-color: var(--hop-Avatar-background-color-disabled);
408
446
  --text-color: var(--hop-Avatar-text-color-disabled);
409
447
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
410
448
  isolation: isolate;
411
449
  }
412
- .Avatar-module__hop-Avatar__image___frF0l {
450
+ .Avatar-module__hop-Avatar__image___zBEdM {
413
451
  position: relative;
414
452
  display: block;
415
453
  box-sizing: border-box;
@@ -420,46 +458,56 @@
420
458
  }
421
459
 
422
460
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
423
- .Tooltip-module__hop-Tooltip___gyu8Y {
461
+ .Tooltip-module__hop-Tooltip___5aC7u {
424
462
  --hop-Tooltip-max-inline-size: 20rem;
425
463
  --hop-Tooltip-slide-amount: 0.25rem;
426
464
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
427
465
  --hop-Tooltip-border-radius: var(--hop-shape-rounded-md);
428
466
  --hop-Tooltip-box-shadow: var(--hop-elevation-raised);
467
+ --hop-Tooltip-font-family: var(--hop-body-md-font-family);
468
+ --hop-Tooltip-font-size: var(--hop-body-md-font-size);
469
+ --hop-Tooltip-font-weight: var(--hop-body-md-font-weight);
470
+ --hop-Tooltip-line-height: var(--hop-body-md-line-height);
471
+ --hop-Tooltip-font-smoothing: antialiased;
429
472
  --hop-Tooltip-color: var(--hop-neutral-text-strong);
430
473
  --hop-Tooltip-padding: var(--hop-space-inset-squish-md);
431
474
  --origin-x: 0;
432
475
  --origin-y: 0;
433
476
  max-inline-size: min(var(--hop-Tooltip-max-inline-size), calc(100% - (var(--container-padding) * 2)));
434
477
  padding: var(--hop-Tooltip-padding);
478
+ font-family: var(--hop-Tooltip-font-family);
479
+ font-size: var(--hop-Tooltip-font-size);
480
+ font-weight: var(--hop-Tooltip-font-weight);
481
+ -webkit-font-smoothing: var(--hop-Tooltip-font-smoothing);
482
+ line-height: var(--hop-Tooltip-line-height);
435
483
  color: var(--hop-Tooltip-color);
436
484
  background: var(--hop-Tooltip-background);
437
485
  border-radius: var(--hop-Tooltip-border-radius);
438
486
  box-shadow: var(--hop-Tooltip-box-shadow);
439
487
  }
440
- .Tooltip-module__hop-Tooltip--top___MRzWV {
488
+ .Tooltip-module__hop-Tooltip--top___FHEHF {
441
489
  --origin-x: 0;
442
490
  --origin-y: var(--hop-Tooltip-slide-amount);
443
491
  }
444
- .Tooltip-module__hop-Tooltip--right___mLgo7 {
492
+ .Tooltip-module__hop-Tooltip--right___VmmvZ {
445
493
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
446
494
  --origin-y: 0;
447
495
  }
448
- .Tooltip-module__hop-Tooltip--bottom___nlDGF {
496
+ .Tooltip-module__hop-Tooltip--bottom___um0Ki {
449
497
  --origin-x: 0;
450
498
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
451
499
  }
452
- .Tooltip-module__hop-Tooltip--left___-Lb9O {
500
+ .Tooltip-module__hop-Tooltip--left___2e9Ca {
453
501
  --origin-x: var(--hop-Tooltip-slide-amount);
454
502
  --origin-y: 0;
455
503
  }
456
- .Tooltip-module__hop-Tooltip___gyu8Y[data-entering] {
457
- animation: Tooltip-module__slide___aHYPY 0.2s ease-out;
504
+ .Tooltip-module__hop-Tooltip___5aC7u[data-entering] {
505
+ animation: Tooltip-module__slide___115MA 0.2s ease-out;
458
506
  }
459
- .Tooltip-module__hop-Tooltip___gyu8Y[data-exiting] {
460
- animation: Tooltip-module__slide___aHYPY 0.2s ease-in reverse;
507
+ .Tooltip-module__hop-Tooltip___5aC7u[data-exiting] {
508
+ animation: Tooltip-module__slide___115MA 0.2s ease-in reverse;
461
509
  }
462
- @keyframes Tooltip-module__slide___aHYPY {
510
+ @keyframes Tooltip-module__slide___115MA {
463
511
  from {
464
512
  transform: translate(var(--origin-x), var(--origin-y));
465
513
  opacity: 0;
@@ -471,44 +519,44 @@
471
519
  }
472
520
 
473
521
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
474
- .AvatarGroup-module__hop-AvatarGroup___FhKgG {
522
+ .AvatarGroup-module__hop-AvatarGroup___XGPzA {
475
523
  --hop-AvatarGroup-display: flex;
476
524
  --hop-AvatarGroup-align-items: center;
477
525
  display: var(--hop-AvatarGroup-display);
478
526
  align-items: var(--hop-AvatarGroup-align-items);
479
527
  }
480
- .AvatarGroup-module__hop-AvatarGroup--wrap___rmF0R {
528
+ .AvatarGroup-module__hop-AvatarGroup--wrap___im3FE {
481
529
  flex-wrap: wrap;
482
530
  }
483
- .AvatarGroup-module__hop-AvatarGroup--xs___6rX3i {
531
+ .AvatarGroup-module__hop-AvatarGroup--xs___-RUic {
484
532
  --gap: -0.125rem;
485
533
  }
486
- .AvatarGroup-module__hop-AvatarGroup--sm___mNYCK {
534
+ .AvatarGroup-module__hop-AvatarGroup--sm___nFIBx {
487
535
  --gap: -0.25rem;
488
536
  }
489
- .AvatarGroup-module__hop-AvatarGroup--md___sZmok {
537
+ .AvatarGroup-module__hop-AvatarGroup--md___herxv {
490
538
  --gap: -0.5rem;
491
539
  }
492
- .AvatarGroup-module__hop-AvatarGroup--lg___-LL-- {
540
+ .AvatarGroup-module__hop-AvatarGroup--lg___cvNcq {
493
541
  --gap: -1rem;
494
542
  }
495
- .AvatarGroup-module__hop-AvatarGroup--xl___2A1SI {
543
+ .AvatarGroup-module__hop-AvatarGroup--xl___EB1W- {
496
544
  --gap: -1rem;
497
545
  }
498
- .AvatarGroup-module__hop-AvatarGroup--2xl___JYYzg {
546
+ .AvatarGroup-module__hop-AvatarGroup--2xl___LsxcF {
499
547
  --gap: -2rem;
500
548
  }
501
- .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl {
549
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg {
502
550
  margin-inline-start: var(--gap);
503
551
  transition: margin var(--hop-easing-duration-2);
504
552
  }
505
- .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl {
553
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg {
506
554
  margin-inline-start: 0;
507
555
  }
508
- .AvatarGroup-module__hop-AvatarGroup__avatar___t-Itl:first-child {
556
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDTqg:first-child {
509
557
  margin-inline-start: 0;
510
558
  }
511
- .AvatarGroup-module__hop-AvatarGroup__label___4pukU {
559
+ .AvatarGroup-module__hop-AvatarGroup__label___-EhHB {
512
560
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
513
561
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
514
562
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -520,7 +568,7 @@
520
568
  font-weight: var(--hop-AvatarGroup-label-font-weight);
521
569
  line-height: var(--hop-AvatarGroup-label-line-height);
522
570
  }
523
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___RYlpt {
571
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Pynyi {
524
572
  --hop-AvatarGroup__hiddenAvatar-display: flex;
525
573
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
526
574
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -538,21 +586,21 @@
538
586
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
539
587
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
540
588
  }
541
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___RYlpt:not(:last-child) {
589
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Pynyi:not(:last-child) {
542
590
  margin-block-end: 0.25rem;
543
591
  }
544
- .AvatarGroup-module__hop-AvatarGroup--start___31YZA {
592
+ .AvatarGroup-module__hop-AvatarGroup--start___xfpfc {
545
593
  justify-content: flex-start;
546
594
  }
547
- .AvatarGroup-module__hop-AvatarGroup--end___kkekx {
595
+ .AvatarGroup-module__hop-AvatarGroup--end___FIPd0 {
548
596
  justify-content: flex-end;
549
597
  }
550
- .AvatarGroup-module__hop-AvatarGroup--center___8fiMN {
598
+ .AvatarGroup-module__hop-AvatarGroup--center___edUe7 {
551
599
  justify-content: center;
552
600
  }
553
601
 
554
602
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
555
- .Badge-module__hop-Badge___wICWA {
603
+ .Badge-module__hop-Badge___QZHNh {
556
604
  --hop-Badge-height: 1.5rem;
557
605
  --hop-Badge-width: max-content;
558
606
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -602,67 +650,67 @@
602
650
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
603
651
  border-radius: var(--border-radius);
604
652
  }
605
- .Badge-module__hop-Badge--primary___oB6Zw {
653
+ .Badge-module__hop-Badge--primary___dr8-R {
606
654
  --background-color: var(--hop-Badge-primary-background-color);
607
655
  --text-color: var(--hop-Badge-primary-text-color);
608
656
  }
609
- .Badge-module__hop-Badge--primary___oB6Zw[data-hovered] {
657
+ .Badge-module__hop-Badge--primary___dr8-R[data-hovered] {
610
658
  --background-color: var(--hop-Badge-primary-background-color-hovered);
611
659
  --text-color: var(--hop-Badge-primary-text-color-hovered);
612
660
  }
613
- .Badge-module__hop-Badge--primary___oB6Zw[data-pressed] {
661
+ .Badge-module__hop-Badge--primary___dr8-R[data-pressed] {
614
662
  --background-color: var(--hop-Badge-primary-background-color-pressed);
615
663
  --text-color: var(--hop-Badge-primary-text-color-pressed);
616
664
  }
617
- .Badge-module__hop-Badge--primary___oB6Zw[data-selected] {
665
+ .Badge-module__hop-Badge--primary___dr8-R[data-selected] {
618
666
  --background-color: var(--hop-Badge-primary-background-color-selected);
619
667
  --text-color: var(--hop-Badge-primary-text-color-selected);
620
668
  }
621
- .Badge-module__hop-Badge--secondary___cUJ2g {
669
+ .Badge-module__hop-Badge--secondary___nsi-Z {
622
670
  --background-color: var(--hop-Badge-secondary-background-color);
623
671
  --text-color: var(--hop-Badge-secondary-text-color);
624
672
  }
625
- .Badge-module__hop-Badge--secondary___cUJ2g[data-hovered] {
673
+ .Badge-module__hop-Badge--secondary___nsi-Z[data-hovered] {
626
674
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
627
675
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
628
676
  }
629
- .Badge-module__hop-Badge--secondary___cUJ2g[data-pressed] {
677
+ .Badge-module__hop-Badge--secondary___nsi-Z[data-pressed] {
630
678
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
631
679
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
632
680
  }
633
- .Badge-module__hop-Badge--secondary___cUJ2g[data-selected] {
681
+ .Badge-module__hop-Badge--secondary___nsi-Z[data-selected] {
634
682
  --background-color: var(--hop-Badge-secondary-background-color-selected);
635
683
  --text-color: var(--hop-Badge-secondary-text-color-selected);
636
684
  }
637
- .Badge-module__hop-Badge--subdued___XkcXy {
685
+ .Badge-module__hop-Badge--subdued___6zf5p {
638
686
  --background-color: var(--hop-Badge-subdued-background-color);
639
687
  --text-color: var(--hop-Badge-subdued-text-color);
640
688
  }
641
- .Badge-module__hop-Badge--subdued___XkcXy[data-hovered] {
689
+ .Badge-module__hop-Badge--subdued___6zf5p[data-hovered] {
642
690
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
643
691
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
644
692
  }
645
- .Badge-module__hop-Badge--subdued___XkcXy[data-pressed] {
693
+ .Badge-module__hop-Badge--subdued___6zf5p[data-pressed] {
646
694
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
647
695
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
648
696
  }
649
- .Badge-module__hop-Badge--subdued___XkcXy[data-selected] {
697
+ .Badge-module__hop-Badge--subdued___6zf5p[data-selected] {
650
698
  --background-color: var(--hop-Badge-subdued-background-color-selected);
651
699
  --text-color: var(--hop-Badge-subdued-text-color-selected);
652
700
  }
653
- .Badge-module__hop-Badge___wICWA[data-indeterminate] {
701
+ .Badge-module__hop-Badge___QZHNh[data-indeterminate] {
654
702
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
655
703
  --height: var(--hop-Badge-indeterminate-height);
656
704
  --width: var(--hop-Badge-indeterminate-width);
657
705
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
658
706
  }
659
- .Badge-module__hop-Badge___wICWA[data-disabled] {
707
+ .Badge-module__hop-Badge___QZHNh[data-disabled] {
660
708
  --background-color: var(--hop-Badge-background-color-disabled);
661
709
  --text-color: var(--hop-Badge-text-color-disabled);
662
710
  }
663
711
 
664
712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
665
- .FloatingBadge-module__hop-FloatingBadge___La-cL {
713
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5 {
666
714
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
667
715
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
668
716
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -703,7 +751,7 @@
703
751
  box-sizing: border-box;
704
752
  inline-size: max-content;
705
753
  }
706
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top right"] {
754
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top right"] {
707
755
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
708
756
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
709
757
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -711,11 +759,11 @@
711
759
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
712
760
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
713
761
  }
714
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top right"][data-overlap=circular] {
762
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top right"][data-overlap=circular] {
715
763
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
716
764
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
717
765
  }
718
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top left"] {
766
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top left"] {
719
767
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
720
768
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
721
769
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -723,11 +771,11 @@
723
771
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
724
772
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
725
773
  }
726
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="top left"][data-overlap=circular] {
774
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="top left"][data-overlap=circular] {
727
775
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
728
776
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
729
777
  }
730
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom right"] {
778
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom right"] {
731
779
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
732
780
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
733
781
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -735,11 +783,11 @@
735
783
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
736
784
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
737
785
  }
738
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom right"][data-overlap=circular] {
786
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom right"][data-overlap=circular] {
739
787
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
740
788
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
741
789
  }
742
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom left"] {
790
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom left"] {
743
791
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
744
792
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
745
793
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -747,11 +795,11 @@
747
795
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
748
796
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
749
797
  }
750
- .FloatingBadge-module__hop-FloatingBadge___La-cL[data-placement="bottom left"][data-overlap=circular] {
798
+ .FloatingBadge-module__hop-FloatingBadge___mlDy5[data-placement="bottom left"][data-overlap=circular] {
751
799
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
752
800
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
753
801
  }
754
- .FloatingBadge-module__hop-FloatingBadge__badge___4qLEQ {
802
+ .FloatingBadge-module__hop-FloatingBadge__badge___AOaA7 {
755
803
  position: absolute;
756
804
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
757
805
  transform-origin: var(--badge-transform-origin);
@@ -759,7 +807,7 @@
759
807
  }
760
808
 
761
809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
762
- .IconList-module__hop-IconList___KtipB {
810
+ .IconList-module__hop-IconList___71qcc {
763
811
  --hop-IconList-gap: var(--hop-space-inline-xs);
764
812
  display: flex;
765
813
  flex-wrap: wrap;
@@ -768,7 +816,7 @@
768
816
  }
769
817
 
770
818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
771
- .Checkbox-module__hop-Checkbox___DqcRn {
819
+ .Checkbox-module__hop-Checkbox___0wSEe {
772
820
  --hop-Checkbox-box-border-size: 0.0625rem;
773
821
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
774
822
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -843,60 +891,60 @@
843
891
  inline-size: max-content;
844
892
  max-inline-size: 100%;
845
893
  }
846
- .Checkbox-module__hop-Checkbox___DqcRn[data-focus-visible] {
894
+ .Checkbox-module__hop-Checkbox___0wSEe[data-focus-visible] {
847
895
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
848
896
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
849
897
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
850
898
  --text-color: var(--hop-Checkbox-text-color-focused);
851
899
  --icon-color: var(--hop-Checkbox-icon-color-focused);
852
900
  }
853
- .Checkbox-module__hop-Checkbox___DqcRn[data-hovered] {
901
+ .Checkbox-module__hop-Checkbox___0wSEe[data-hovered] {
854
902
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
855
903
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
856
904
  --text-color: var(--hop-Checkbox-text-color-hovered);
857
905
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
858
906
  }
859
- .Checkbox-module__hop-Checkbox___DqcRn[data-pressed] {
907
+ .Checkbox-module__hop-Checkbox___0wSEe[data-pressed] {
860
908
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
861
909
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
862
910
  --text-color: var(--hop-Checkbox-text-color-pressed);
863
911
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
864
912
  }
865
- .Checkbox-module__hop-Checkbox___DqcRn[data-selected] {
913
+ .Checkbox-module__hop-Checkbox___0wSEe[data-selected] {
866
914
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
867
915
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
868
916
  --check-display: var(--hop-Checkbox-check-display-selected);
869
917
  --text-color: var(--hop-Checkbox-text-color-selected);
870
918
  --icon-color: var(--hop-Checkbox-icon-color-selected);
871
919
  }
872
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid] {
920
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid] {
873
921
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
874
922
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
875
923
  --check-color: var(--hop-Checkbox-check-color-invalid);
876
924
  --text-color: var(--hop-Checkbox-text-color-invalid);
877
925
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
878
926
  }
879
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-focus-visible]) {
927
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-focus-visible]) {
880
928
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
881
929
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
882
930
  }
883
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-hovered]) {
931
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-hovered]) {
884
932
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
885
933
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
886
934
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
887
935
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
888
936
  }
889
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-pressed]) {
937
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-pressed]) {
890
938
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
891
939
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
892
940
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
893
941
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
894
942
  }
895
- .Checkbox-module__hop-Checkbox___DqcRn:where([data-invalid])[data-selected] {
943
+ .Checkbox-module__hop-Checkbox___0wSEe:where([data-invalid])[data-selected] {
896
944
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
897
945
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
898
946
  }
899
- .Checkbox-module__hop-Checkbox___DqcRn[data-disabled] {
947
+ .Checkbox-module__hop-Checkbox___0wSEe[data-disabled] {
900
948
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
901
949
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
902
950
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -904,25 +952,25 @@
904
952
  --text-color: var(--hop-Checkbox-text-color-disabled);
905
953
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
906
954
  }
907
- .Checkbox-module__hop-Checkbox--sm___mEoAk {
955
+ .Checkbox-module__hop-Checkbox--sm___OA6e7 {
908
956
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
909
957
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
910
958
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
911
959
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
912
960
  }
913
- .Checkbox-module__hop-Checkbox--md___GR7p3 {
961
+ .Checkbox-module__hop-Checkbox--md___jBKBr {
914
962
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
915
963
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
916
964
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
917
965
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
918
966
  }
919
- .Checkbox-module__hop-Checkbox__icon___gyRpI,
920
- .Checkbox-module__hop-Checkbox__icon-list___qkIpL {
967
+ .Checkbox-module__hop-Checkbox__icon___XE-0Z,
968
+ .Checkbox-module__hop-Checkbox__icon-list___-CPPG {
921
969
  flex: 0 0 auto;
922
970
  order: 3;
923
971
  color: var(--icon-color);
924
972
  }
925
- .Checkbox-module__hop-Checkbox__box___gE0ae {
973
+ .Checkbox-module__hop-Checkbox__box___t7CI5 {
926
974
  display: flex;
927
975
  flex: 0 0 auto;
928
976
  align-items: center;
@@ -938,11 +986,11 @@
938
986
  outline-offset: 0.125rem;
939
987
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
940
988
  }
941
- .Checkbox-module__hop-Checkbox__check___e1PuA {
989
+ .Checkbox-module__hop-Checkbox__check___yOrTm {
942
990
  display: var(--check-display);
943
991
  color: var(--check-color);
944
992
  }
945
- .Checkbox-module__hop-Checkbox__text___9O6m- {
993
+ .Checkbox-module__hop-Checkbox__text___5nmcZ {
946
994
  flex: 0 1 auto;
947
995
  order: 2;
948
996
  min-inline-size: 0;
@@ -952,7 +1000,7 @@
952
1000
  }
953
1001
 
954
1002
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
955
- .CheckboxField-module__hop-CheckboxField___--Jsq {
1003
+ .CheckboxField-module__hop-CheckboxField___FgTrX {
956
1004
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
957
1005
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
958
1006
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -971,28 +1019,28 @@
971
1019
  inline-size: max-content;
972
1020
  max-inline-size: 100%;
973
1021
  }
974
- .CheckboxField-module__hop-CheckboxField___--Jsq[data-disabled] {
1022
+ .CheckboxField-module__hop-CheckboxField___FgTrX[data-disabled] {
975
1023
  --description-color: var(--hop-CheckboxField-description-color-disabled);
976
1024
  }
977
- .CheckboxField-module__hop-CheckboxField--sm___ytl1t {
1025
+ .CheckboxField-module__hop-CheckboxField--sm___Adu-b {
978
1026
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
979
1027
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
980
1028
  }
981
- .CheckboxField-module__hop-CheckboxField--md___S7RLP {
1029
+ .CheckboxField-module__hop-CheckboxField--md___-2kKm {
982
1030
  --row-gap: var(--hop-CheckboxField-md-row-gap);
983
1031
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
984
1032
  }
985
- .CheckboxField-module__hop-CheckboxField__description___UlM6N {
1033
+ .CheckboxField-module__hop-CheckboxField__description___mN7Un {
986
1034
  order: 2;
987
1035
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
988
1036
  color: var(--description-color);
989
1037
  }
990
- .CheckboxField-module__hop-CheckboxField__checkbox___LXfgS {
1038
+ .CheckboxField-module__hop-CheckboxField__checkbox___VuRry {
991
1039
  order: 1;
992
1040
  }
993
1041
 
994
1042
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
995
- .ErrorMessage-module__hop-ErrorMessage___HD-7d {
1043
+ .ErrorMessage-module__hop-ErrorMessage___f00C9 {
996
1044
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
997
1045
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
998
1046
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1009,13 +1057,13 @@
1009
1057
  line-height: var(--hop-ErrorMessage-line-height);
1010
1058
  color: var(--hop-ErrorMessage-color);
1011
1059
  }
1012
- .ErrorMessage-module__hop-ErrorMessage__icon___84NtQ {
1060
+ .ErrorMessage-module__hop-ErrorMessage__icon___zy1fZ {
1013
1061
  flex: 0 0 auto;
1014
1062
  align-self: flex-start;
1015
1063
  }
1016
1064
 
1017
1065
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1018
- .HelperMessage-module__hop-HelperMessage___qbc2x {
1066
+ .HelperMessage-module__hop-HelperMessage___fxbbH {
1019
1067
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1020
1068
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1021
1069
  display: flex;
@@ -1024,13 +1072,13 @@
1024
1072
  box-sizing: border-box;
1025
1073
  color: var(--hop-HelperMessage-color);
1026
1074
  }
1027
- .HelperMessage-module__hop-HelperMessage__icon___07Gqs {
1075
+ .HelperMessage-module__hop-HelperMessage__icon___S0ddr {
1028
1076
  flex: 0 0 auto;
1029
1077
  align-self: flex-start;
1030
1078
  }
1031
1079
 
1032
1080
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1033
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih {
1081
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ {
1034
1082
  --hop-CheckboxGroup-align-items: flex-start;
1035
1083
  --hop-CheckboxGroup-justify-content: flex-start;
1036
1084
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1069,46 +1117,46 @@
1069
1117
  inline-size: max-content;
1070
1118
  max-inline-size: 100%;
1071
1119
  }
1072
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA {
1120
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7 {
1073
1121
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1074
1122
  --list-border-radius: var(--hop-shape-rounded-md);
1075
1123
  }
1076
- .CheckboxGroup-module__hop-CheckboxGroup--sm___1WAmu {
1124
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WeO-o {
1077
1125
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1078
1126
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1079
1127
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1080
1128
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1081
1129
  }
1082
- .CheckboxGroup-module__hop-CheckboxGroup--md___dQiwz {
1130
+ .CheckboxGroup-module__hop-CheckboxGroup--md___b0dSW {
1083
1131
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1084
1132
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1085
1133
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1086
1134
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1087
1135
  }
1088
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA.CheckboxGroup-module__hop-CheckboxGroup--sm___1WAmu {
1136
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7.CheckboxGroup-module__hop-CheckboxGroup--sm___WeO-o {
1089
1137
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1090
1138
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1091
1139
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1092
1140
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1093
1141
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1094
1142
  }
1095
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA.CheckboxGroup-module__hop-CheckboxGroup--md___dQiwz {
1143
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7.CheckboxGroup-module__hop-CheckboxGroup--md___b0dSW {
1096
1144
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1097
1145
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1098
1146
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1099
1147
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1100
1148
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1101
1149
  }
1102
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih[data-orientation=horizontal] {
1150
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ[data-orientation=horizontal] {
1103
1151
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1104
1152
  }
1105
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___I5euA[data-orientation=horizontal] {
1153
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___fHVG7[data-orientation=horizontal] {
1106
1154
  --flex-wrap: nowrap;
1107
1155
  }
1108
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__label___nzi71 {
1156
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__label___rIJFf {
1109
1157
  order: 1;
1110
1158
  }
1111
- .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx {
1159
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y {
1112
1160
  display: flex;
1113
1161
  flex-flow: var(--flex-direction) var(--flex-wrap);
1114
1162
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1119,7 +1167,7 @@
1119
1167
  border: var(--list-border, none);
1120
1168
  border-radius: var(--list-border-radius, 0);
1121
1169
  }
1122
- .CheckboxGroup-module__hop-CheckboxGroup__list___JMEdx > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wD209 {
1170
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1nD-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___wMVW- {
1123
1171
  position: relative;
1124
1172
  flex: 0 1 auto;
1125
1173
  align-content: start;
@@ -1127,28 +1175,28 @@
1127
1175
  min-inline-size: 0;
1128
1176
  padding: var(--checkbox-padding, 0);
1129
1177
  }
1130
- .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 {
1178
+ .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 {
1131
1179
  content: "";
1132
1180
  position: absolute;
1133
1181
  display: block;
1134
1182
  }
1135
- .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 {
1183
+ .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 {
1136
1184
  inset-block-start: 0;
1137
1185
  inset-inline: 0;
1138
1186
  border-block-start: var(--list-border, none);
1139
1187
  }
1140
- .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 {
1188
+ .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 {
1141
1189
  inset-block: 0;
1142
1190
  inset-inline-start: 0;
1143
1191
  border-inline-start: var(--list-border, none);
1144
1192
  }
1145
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__error-message___eH7dQ,
1146
- .CheckboxGroup-module__hop-CheckboxGroup___U0Dih > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___0aq82 {
1193
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__error-message___kLzMy,
1194
+ .CheckboxGroup-module__hop-CheckboxGroup___w-gBQ > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___j1VzI {
1147
1195
  order: 3;
1148
1196
  }
1149
1197
 
1150
1198
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1151
- .Checkbox-module__hop-Checkbox___DqcRn {
1199
+ .Checkbox-module__hop-Checkbox___0wSEe {
1152
1200
  --hop-Checkbox-box-border-size: 0.0625rem;
1153
1201
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1154
1202
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1223,60 +1271,60 @@
1223
1271
  inline-size: max-content;
1224
1272
  max-inline-size: 100%;
1225
1273
  }
1226
- .Checkbox-module__hop-Checkbox___DqcRn[data-focus-visible] {
1274
+ .Checkbox-module__hop-Checkbox___0wSEe[data-focus-visible] {
1227
1275
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1228
1276
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1229
1277
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1230
1278
  --text-color: var(--hop-Checkbox-text-color-focused);
1231
1279
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1232
1280
  }
1233
- .Checkbox-module__hop-Checkbox___DqcRn[data-hovered] {
1281
+ .Checkbox-module__hop-Checkbox___0wSEe[data-hovered] {
1234
1282
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1235
1283
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1236
1284
  --text-color: var(--hop-Checkbox-text-color-hovered);
1237
1285
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1238
1286
  }
1239
- .Checkbox-module__hop-Checkbox___DqcRn[data-pressed] {
1287
+ .Checkbox-module__hop-Checkbox___0wSEe[data-pressed] {
1240
1288
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1241
1289
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1242
1290
  --text-color: var(--hop-Checkbox-text-color-pressed);
1243
1291
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1244
1292
  }
1245
- .Checkbox-module__hop-Checkbox___DqcRn[data-selected] {
1293
+ .Checkbox-module__hop-Checkbox___0wSEe[data-selected] {
1246
1294
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1247
1295
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1248
1296
  --check-display: var(--hop-Checkbox-check-display-selected);
1249
1297
  --text-color: var(--hop-Checkbox-text-color-selected);
1250
1298
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1251
1299
  }
1252
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid] {
1300
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid] {
1253
1301
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1254
1302
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1255
1303
  --check-color: var(--hop-Checkbox-check-color-invalid);
1256
1304
  --text-color: var(--hop-Checkbox-text-color-invalid);
1257
1305
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1258
1306
  }
1259
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-focus-visible]) {
1307
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-focus-visible]) {
1260
1308
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1261
1309
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1262
1310
  }
1263
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-hovered]) {
1311
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-hovered]) {
1264
1312
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1265
1313
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1266
1314
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1267
1315
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1268
1316
  }
1269
- .Checkbox-module__hop-Checkbox___DqcRn[data-invalid]:where([data-pressed]) {
1317
+ .Checkbox-module__hop-Checkbox___0wSEe[data-invalid]:where([data-pressed]) {
1270
1318
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1271
1319
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1272
1320
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1273
1321
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1274
1322
  }
1275
- .Checkbox-module__hop-Checkbox___DqcRn:where([data-invalid])[data-selected] {
1323
+ .Checkbox-module__hop-Checkbox___0wSEe:where([data-invalid])[data-selected] {
1276
1324
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1277
1325
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1278
1326
  }
1279
- .Checkbox-module__hop-Checkbox___DqcRn[data-disabled] {
1327
+ .Checkbox-module__hop-Checkbox___0wSEe[data-disabled] {
1280
1328
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1281
1329
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1282
1330
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1284,25 +1332,25 @@
1284
1332
  --text-color: var(--hop-Checkbox-text-color-disabled);
1285
1333
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1286
1334
  }
1287
- .Checkbox-module__hop-Checkbox--sm___mEoAk {
1335
+ .Checkbox-module__hop-Checkbox--sm___OA6e7 {
1288
1336
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1289
1337
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1290
1338
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1291
1339
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1292
1340
  }
1293
- .Checkbox-module__hop-Checkbox--md___GR7p3 {
1341
+ .Checkbox-module__hop-Checkbox--md___jBKBr {
1294
1342
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1295
1343
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1296
1344
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1297
1345
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1298
1346
  }
1299
- .Checkbox-module__hop-Checkbox__icon___gyRpI,
1300
- .Checkbox-module__hop-Checkbox__icon-list___qkIpL {
1347
+ .Checkbox-module__hop-Checkbox__icon___XE-0Z,
1348
+ .Checkbox-module__hop-Checkbox__icon-list___-CPPG {
1301
1349
  flex: 0 0 auto;
1302
1350
  order: 3;
1303
1351
  color: var(--icon-color);
1304
1352
  }
1305
- .Checkbox-module__hop-Checkbox__box___gE0ae {
1353
+ .Checkbox-module__hop-Checkbox__box___t7CI5 {
1306
1354
  display: flex;
1307
1355
  flex: 0 0 auto;
1308
1356
  align-items: center;
@@ -1318,11 +1366,11 @@
1318
1366
  outline-offset: 0.125rem;
1319
1367
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1320
1368
  }
1321
- .Checkbox-module__hop-Checkbox__check___e1PuA {
1369
+ .Checkbox-module__hop-Checkbox__check___yOrTm {
1322
1370
  display: var(--check-display);
1323
1371
  color: var(--check-color);
1324
1372
  }
1325
- .Checkbox-module__hop-Checkbox__text___9O6m- {
1373
+ .Checkbox-module__hop-Checkbox__text___5nmcZ {
1326
1374
  flex: 0 1 auto;
1327
1375
  order: 2;
1328
1376
  min-inline-size: 0;
@@ -1330,24 +1378,24 @@
1330
1378
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1331
1379
  color: var(--text-color);
1332
1380
  }
1333
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___p2bGT {
1381
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___m95sc {
1334
1382
  }
1335
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ivNbI {
1383
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___lNgTb {
1336
1384
  }
1337
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___f8N1y {
1385
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___rJdxM {
1338
1386
  }
1339
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Jr6i2,
1340
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___2n-JR {
1387
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___BStcp,
1388
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___Fj6cV {
1341
1389
  }
1342
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___mUX34 {
1390
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ljh0d {
1343
1391
  }
1344
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___DoZ6K {
1392
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0fczh {
1345
1393
  }
1346
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-XfT7 {
1394
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-6Jnj {
1347
1395
  }
1348
1396
 
1349
1397
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1350
- .Radio-module__hop-Radio___fNVqT {
1398
+ .Radio-module__hop-Radio___tOm8Y {
1351
1399
  --hop-Radio-box-border-size: 0.0625rem;
1352
1400
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1353
1401
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1421,60 +1469,60 @@
1421
1469
  inline-size: max-content;
1422
1470
  max-inline-size: 100%;
1423
1471
  }
1424
- .Radio-module__hop-Radio___fNVqT[data-focus-visible] {
1472
+ .Radio-module__hop-Radio___tOm8Y[data-focus-visible] {
1425
1473
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1426
1474
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1427
1475
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1428
1476
  --text-color: var(--hop-Radio-text-color-focused);
1429
1477
  --icon-color: var(--hop-Radio-icon-color-focused);
1430
1478
  }
1431
- .Radio-module__hop-Radio___fNVqT[data-hovered] {
1479
+ .Radio-module__hop-Radio___tOm8Y[data-hovered] {
1432
1480
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1433
1481
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1434
1482
  --text-color: var(--hop-Radio-text-color-hovered);
1435
1483
  --icon-color: var(--hop-Radio-icon-color-hovered);
1436
1484
  }
1437
- .Radio-module__hop-Radio___fNVqT[data-pressed] {
1485
+ .Radio-module__hop-Radio___tOm8Y[data-pressed] {
1438
1486
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1439
1487
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1440
1488
  --text-color: var(--hop-Radio-text-color-pressed);
1441
1489
  --icon-color: var(--hop-Radio-icon-color-pressed);
1442
1490
  }
1443
- .Radio-module__hop-Radio___fNVqT[data-selected] {
1491
+ .Radio-module__hop-Radio___tOm8Y[data-selected] {
1444
1492
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1445
1493
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1446
1494
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1447
1495
  --text-color: var(--hop-Radio-text-color-selected);
1448
1496
  --icon-color: var(--hop-Radio-icon-color-selected);
1449
1497
  }
1450
- .Radio-module__hop-Radio___fNVqT[data-invalid] {
1498
+ .Radio-module__hop-Radio___tOm8Y[data-invalid] {
1451
1499
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1452
1500
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1453
1501
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1454
1502
  --text-color: var(--hop-Radio-text-color-invalid);
1455
1503
  --icon-color: var(--hop-Radio-icon-color-invalid);
1456
1504
  }
1457
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-focus-visible] {
1505
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-focus-visible] {
1458
1506
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1459
1507
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1460
1508
  }
1461
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-hovered] {
1509
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-hovered] {
1462
1510
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1463
1511
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1464
1512
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1465
1513
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1466
1514
  }
1467
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-pressed] {
1515
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-pressed] {
1468
1516
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1469
1517
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1470
1518
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1471
1519
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1472
1520
  }
1473
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-selected] {
1521
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-selected] {
1474
1522
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1475
1523
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1476
1524
  }
1477
- .Radio-module__hop-Radio___fNVqT[data-disabled] {
1525
+ .Radio-module__hop-Radio___tOm8Y[data-disabled] {
1478
1526
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1479
1527
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1480
1528
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1482,25 +1530,25 @@
1482
1530
  --text-color: var(--hop-Radio-text-color-disabled);
1483
1531
  --icon-color: var(--hop-Radio-icon-color-disabled);
1484
1532
  }
1485
- .Radio-module__hop-Radio--sm___QtkaP {
1533
+ .Radio-module__hop-Radio--sm___TgRZ6 {
1486
1534
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1487
1535
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1488
1536
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1489
1537
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1490
1538
  }
1491
- .Radio-module__hop-Radio--md___-8BC4 {
1539
+ .Radio-module__hop-Radio--md___8X1lo {
1492
1540
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1493
1541
  --box-block-size: var(--hop-Radio-box-md-block-size);
1494
1542
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1495
1543
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1496
1544
  }
1497
- .Radio-module__hop-Radio__icon___f-O9q,
1498
- .Radio-module__hop-Radio__icon-list___Urz54 {
1545
+ .Radio-module__hop-Radio__icon___DFr1-,
1546
+ .Radio-module__hop-Radio__icon-list___D-QH- {
1499
1547
  flex: 0 0 auto;
1500
1548
  order: 3;
1501
1549
  color: var(--icon-color);
1502
1550
  }
1503
- .Radio-module__hop-Radio__box___HKX8m {
1551
+ .Radio-module__hop-Radio__box___P-JUA {
1504
1552
  display: flex;
1505
1553
  flex: 0 0 auto;
1506
1554
  align-items: center;
@@ -1516,11 +1564,11 @@
1516
1564
  outline-offset: 0.125rem;
1517
1565
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1518
1566
  }
1519
- .Radio-module__hop-Radio__bullet___tlKI9 {
1567
+ .Radio-module__hop-Radio__bullet___8-f-x {
1520
1568
  display: var(--bullet-display);
1521
1569
  color: var(--bullet-color);
1522
1570
  }
1523
- .Radio-module__hop-Radio__text___30Fay {
1571
+ .Radio-module__hop-Radio__text___dF7Rs {
1524
1572
  flex: 0 1 auto;
1525
1573
  order: 2;
1526
1574
  min-inline-size: 0;
@@ -1528,24 +1576,24 @@
1528
1576
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1529
1577
  color: var(--text-color);
1530
1578
  }
1531
- .DecorativeRadio-module__hop-DecorativeRadio___QCJkj {
1579
+ .DecorativeRadio-module__hop-DecorativeRadio___cCKcz {
1532
1580
  }
1533
- .DecorativeRadio-module__hop-DecorativeRadio--sm___nWSWJ {
1581
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___7UDpg {
1534
1582
  }
1535
- .DecorativeRadio-module__hop-DecorativeRadio--md___KCfUe {
1583
+ .DecorativeRadio-module__hop-DecorativeRadio--md___NRgx5 {
1536
1584
  }
1537
- .DecorativeRadio-module__hop-DecorativeRadio__icon___68afH,
1538
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___rLPqB {
1585
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___GrO1s,
1586
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___gINBX {
1539
1587
  }
1540
- .DecorativeRadio-module__hop-DecorativeRadio__box___7I-Lx {
1588
+ .DecorativeRadio-module__hop-DecorativeRadio__box___V5rkn {
1541
1589
  }
1542
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___7taij {
1590
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___Yb74c {
1543
1591
  }
1544
- .DecorativeRadio-module__hop-DecorativeRadio__text___WeAMT {
1592
+ .DecorativeRadio-module__hop-DecorativeRadio__text___3OTUh {
1545
1593
  }
1546
1594
 
1547
1595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1548
- .Radio-module__hop-Radio___fNVqT {
1596
+ .Radio-module__hop-Radio___tOm8Y {
1549
1597
  --hop-Radio-box-border-size: 0.0625rem;
1550
1598
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1551
1599
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1619,60 +1667,60 @@
1619
1667
  inline-size: max-content;
1620
1668
  max-inline-size: 100%;
1621
1669
  }
1622
- .Radio-module__hop-Radio___fNVqT[data-focus-visible] {
1670
+ .Radio-module__hop-Radio___tOm8Y[data-focus-visible] {
1623
1671
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1624
1672
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1625
1673
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1626
1674
  --text-color: var(--hop-Radio-text-color-focused);
1627
1675
  --icon-color: var(--hop-Radio-icon-color-focused);
1628
1676
  }
1629
- .Radio-module__hop-Radio___fNVqT[data-hovered] {
1677
+ .Radio-module__hop-Radio___tOm8Y[data-hovered] {
1630
1678
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1631
1679
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1632
1680
  --text-color: var(--hop-Radio-text-color-hovered);
1633
1681
  --icon-color: var(--hop-Radio-icon-color-hovered);
1634
1682
  }
1635
- .Radio-module__hop-Radio___fNVqT[data-pressed] {
1683
+ .Radio-module__hop-Radio___tOm8Y[data-pressed] {
1636
1684
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1637
1685
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1638
1686
  --text-color: var(--hop-Radio-text-color-pressed);
1639
1687
  --icon-color: var(--hop-Radio-icon-color-pressed);
1640
1688
  }
1641
- .Radio-module__hop-Radio___fNVqT[data-selected] {
1689
+ .Radio-module__hop-Radio___tOm8Y[data-selected] {
1642
1690
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1643
1691
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1644
1692
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1645
1693
  --text-color: var(--hop-Radio-text-color-selected);
1646
1694
  --icon-color: var(--hop-Radio-icon-color-selected);
1647
1695
  }
1648
- .Radio-module__hop-Radio___fNVqT[data-invalid] {
1696
+ .Radio-module__hop-Radio___tOm8Y[data-invalid] {
1649
1697
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1650
1698
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1651
1699
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1652
1700
  --text-color: var(--hop-Radio-text-color-invalid);
1653
1701
  --icon-color: var(--hop-Radio-icon-color-invalid);
1654
1702
  }
1655
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-focus-visible] {
1703
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-focus-visible] {
1656
1704
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1657
1705
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1658
1706
  }
1659
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-hovered] {
1707
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-hovered] {
1660
1708
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1661
1709
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1662
1710
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1663
1711
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1664
1712
  }
1665
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-pressed] {
1713
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-pressed] {
1666
1714
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1667
1715
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1668
1716
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1669
1717
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1670
1718
  }
1671
- .Radio-module__hop-Radio___fNVqT:where([data-invalid])[data-selected] {
1719
+ .Radio-module__hop-Radio___tOm8Y:where([data-invalid])[data-selected] {
1672
1720
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1673
1721
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1674
1722
  }
1675
- .Radio-module__hop-Radio___fNVqT[data-disabled] {
1723
+ .Radio-module__hop-Radio___tOm8Y[data-disabled] {
1676
1724
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1677
1725
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1678
1726
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1680,25 +1728,25 @@
1680
1728
  --text-color: var(--hop-Radio-text-color-disabled);
1681
1729
  --icon-color: var(--hop-Radio-icon-color-disabled);
1682
1730
  }
1683
- .Radio-module__hop-Radio--sm___QtkaP {
1731
+ .Radio-module__hop-Radio--sm___TgRZ6 {
1684
1732
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1685
1733
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1686
1734
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1687
1735
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1688
1736
  }
1689
- .Radio-module__hop-Radio--md___-8BC4 {
1737
+ .Radio-module__hop-Radio--md___8X1lo {
1690
1738
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1691
1739
  --box-block-size: var(--hop-Radio-box-md-block-size);
1692
1740
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1693
1741
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1694
1742
  }
1695
- .Radio-module__hop-Radio__icon___f-O9q,
1696
- .Radio-module__hop-Radio__icon-list___Urz54 {
1743
+ .Radio-module__hop-Radio__icon___DFr1-,
1744
+ .Radio-module__hop-Radio__icon-list___D-QH- {
1697
1745
  flex: 0 0 auto;
1698
1746
  order: 3;
1699
1747
  color: var(--icon-color);
1700
1748
  }
1701
- .Radio-module__hop-Radio__box___HKX8m {
1749
+ .Radio-module__hop-Radio__box___P-JUA {
1702
1750
  display: flex;
1703
1751
  flex: 0 0 auto;
1704
1752
  align-items: center;
@@ -1714,11 +1762,11 @@
1714
1762
  outline-offset: 0.125rem;
1715
1763
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1716
1764
  }
1717
- .Radio-module__hop-Radio__bullet___tlKI9 {
1765
+ .Radio-module__hop-Radio__bullet___8-f-x {
1718
1766
  display: var(--bullet-display);
1719
1767
  color: var(--bullet-color);
1720
1768
  }
1721
- .Radio-module__hop-Radio__text___30Fay {
1769
+ .Radio-module__hop-Radio__text___dF7Rs {
1722
1770
  flex: 0 1 auto;
1723
1771
  order: 2;
1724
1772
  min-inline-size: 0;
@@ -1728,7 +1776,7 @@
1728
1776
  }
1729
1777
 
1730
1778
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1731
- .RadioField-module__hop-RadioField___pJhhQ {
1779
+ .RadioField-module__hop-RadioField___kdL-O {
1732
1780
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1733
1781
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1734
1782
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1747,28 +1795,28 @@
1747
1795
  inline-size: max-content;
1748
1796
  max-inline-size: 100%;
1749
1797
  }
1750
- .RadioField-module__hop-RadioField___pJhhQ[data-disabled] {
1798
+ .RadioField-module__hop-RadioField___kdL-O[data-disabled] {
1751
1799
  --description-color: var(--hop-RadioField-description-color-disabled);
1752
1800
  }
1753
- .RadioField-module__hop-RadioField--sm___x6Nyt {
1801
+ .RadioField-module__hop-RadioField--sm___p11-- {
1754
1802
  --row-gap: var(--hop-RadioField-sm-row-gap);
1755
1803
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1756
1804
  }
1757
- .RadioField-module__hop-RadioField--md___G8Fqy {
1805
+ .RadioField-module__hop-RadioField--md___LChZk {
1758
1806
  --row-gap: var(--hop-RadioField-md-row-gap);
1759
1807
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1760
1808
  }
1761
- .RadioField-module__hop-RadioField__description___-nu-k {
1809
+ .RadioField-module__hop-RadioField__description___gei8- {
1762
1810
  order: 2;
1763
1811
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1764
1812
  color: var(--description-color);
1765
1813
  }
1766
- .RadioField-module__hop-RadioField__radio___EFyWu {
1814
+ .RadioField-module__hop-RadioField__radio___IHZlu {
1767
1815
  order: 1;
1768
1816
  }
1769
1817
 
1770
1818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1771
- .RadioGroup-module__hop-RadioGroup___mtC5X {
1819
+ .RadioGroup-module__hop-RadioGroup___BpXAf {
1772
1820
  --hop-RadioGroup-align-items: flex-start;
1773
1821
  --hop-RadioGroup-justify-content: flex-start;
1774
1822
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1808,46 +1856,46 @@
1808
1856
  inline-size: var(--inline-size);
1809
1857
  max-inline-size: 100%;
1810
1858
  }
1811
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk {
1859
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP {
1812
1860
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1813
1861
  --list-border-radius: var(--hop-shape-rounded-md);
1814
1862
  }
1815
- .RadioGroup-module__hop-RadioGroup--sm___4sqHr {
1863
+ .RadioGroup-module__hop-RadioGroup--sm___kAl0D {
1816
1864
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1817
1865
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1818
1866
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1819
1867
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1820
1868
  }
1821
- .RadioGroup-module__hop-RadioGroup--md___F4jMs {
1869
+ .RadioGroup-module__hop-RadioGroup--md___gigFO {
1822
1870
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1823
1871
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1824
1872
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1825
1873
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1826
1874
  }
1827
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk.RadioGroup-module__hop-RadioGroup--sm___4sqHr {
1875
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP.RadioGroup-module__hop-RadioGroup--sm___kAl0D {
1828
1876
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1829
1877
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1830
1878
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1831
1879
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1832
1880
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1833
1881
  }
1834
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk.RadioGroup-module__hop-RadioGroup--md___F4jMs {
1882
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP.RadioGroup-module__hop-RadioGroup--md___gigFO {
1835
1883
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1836
1884
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1837
1885
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1838
1886
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1839
1887
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1840
1888
  }
1841
- .RadioGroup-module__hop-RadioGroup___mtC5X[data-orientation=horizontal] {
1889
+ .RadioGroup-module__hop-RadioGroup___BpXAf[data-orientation=horizontal] {
1842
1890
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1843
1891
  }
1844
- .RadioGroup-module__hop-RadioGroup--bordered___MDLBk[data-orientation=horizontal] {
1892
+ .RadioGroup-module__hop-RadioGroup--bordered___OOltP[data-orientation=horizontal] {
1845
1893
  --flex-wrap: nowrap;
1846
1894
  }
1847
- .RadioGroup-module__hop-RadioGroup___mtC5X > .RadioGroup-module__hop-RadioGroup__label___T3r2m {
1895
+ .RadioGroup-module__hop-RadioGroup___BpXAf > .RadioGroup-module__hop-RadioGroup__label___fC-DQ {
1848
1896
  order: 1;
1849
1897
  }
1850
- .RadioGroup-module__hop-RadioGroup__list___DBceS {
1898
+ .RadioGroup-module__hop-RadioGroup__list___tayNx {
1851
1899
  display: flex;
1852
1900
  flex-flow: var(--flex-direction) var(--flex-wrap);
1853
1901
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1858,7 +1906,7 @@
1858
1906
  border: var(--list-border, none);
1859
1907
  border-radius: var(--list-border-radius, 0);
1860
1908
  }
1861
- .RadioGroup-module__hop-RadioGroup__list___DBceS > .RadioGroup-module__hop-RadioGroup__radio___lp6G- {
1909
+ .RadioGroup-module__hop-RadioGroup__list___tayNx > .RadioGroup-module__hop-RadioGroup__radio___rnlrH {
1862
1910
  position: relative;
1863
1911
  flex: 0 1 auto;
1864
1912
  align-content: start;
@@ -1866,28 +1914,28 @@
1866
1914
  min-inline-size: 0;
1867
1915
  padding: var(--radio-padding, 0);
1868
1916
  }
1869
- .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 {
1917
+ .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 {
1870
1918
  content: "";
1871
1919
  position: absolute;
1872
1920
  display: block;
1873
1921
  }
1874
- .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 {
1922
+ .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 {
1875
1923
  inset-block-start: 0;
1876
1924
  inset-inline: 0;
1877
1925
  border-block-start: var(--list-border, none);
1878
1926
  }
1879
- .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 {
1927
+ .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 {
1880
1928
  inset-block: 0;
1881
1929
  inset-inline-start: 0;
1882
1930
  border-inline-start: var(--list-border, none);
1883
1931
  }
1884
- .RadioGroup-module__hop-RadioGroup___mtC5X > .RadioGroup-module__hop-RadioGroup__error-message___6knL-,
1885
- .RadioGroup-module__hop-RadioGroup___mtC5X > .RadioGroup-module__hop-RadioGroup__helper-message___SN05k {
1932
+ .RadioGroup-module__hop-RadioGroup___BpXAf > .RadioGroup-module__hop-RadioGroup__error-message___GXHKF,
1933
+ .RadioGroup-module__hop-RadioGroup___BpXAf > .RadioGroup-module__hop-RadioGroup__helper-message___AioEt {
1886
1934
  order: 3;
1887
1935
  }
1888
1936
 
1889
1937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1890
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___OdAFV {
1938
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___FnodN {
1891
1939
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1892
1940
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1893
1941
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1913,7 +1961,7 @@
1913
1961
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1914
1962
  background-size: 400% 100%;
1915
1963
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1916
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___JlGxB;
1964
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___OTWvz;
1917
1965
  animation-duration: var(--animation-duration);
1918
1966
  animation-timing-function: ease-in-out;
1919
1967
  animation-fill-mode: forwards;
@@ -1922,19 +1970,19 @@
1922
1970
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1923
1971
  }
1924
1972
  }
1925
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___dw1fE {
1973
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___VuvoJ {
1926
1974
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1927
1975
  }
1928
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___0-zW7 {
1976
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WKYzT {
1929
1977
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1930
1978
  }
1931
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___OI8lR {
1979
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-XtVu {
1932
1980
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1933
1981
  }
1934
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___LU1MW {
1982
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___UL0-O {
1935
1983
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1936
1984
  }
1937
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___JlGxB {
1985
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___OTWvz {
1938
1986
  0% {
1939
1987
  background-position: 125% 50%;
1940
1988
  }
@@ -1944,7 +1992,7 @@
1944
1992
  }
1945
1993
 
1946
1994
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
1947
- .ListBoxItem-module__hop-ListBoxItem___8NSu3 {
1995
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF {
1948
1996
  --hop-ListBoxItem-background-color: transparent;
1949
1997
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1950
1998
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2041,129 +2089,129 @@
2041
2089
  outline: var(--outline);
2042
2090
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2043
2091
  }
2044
- .ListBoxItem-module__hop-ListBoxItem--xs___gXKM6 {
2092
+ .ListBoxItem-module__hop-ListBoxItem--xs___T5qb4 {
2045
2093
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2046
2094
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2047
2095
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2048
2096
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2049
2097
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2050
2098
  }
2051
- .ListBoxItem-module__hop-ListBoxItem--sm___LChQQ {
2099
+ .ListBoxItem-module__hop-ListBoxItem--sm___FFF4r {
2052
2100
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2053
2101
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2054
2102
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2055
2103
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2056
2104
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2057
2105
  }
2058
- .ListBoxItem-module__hop-ListBoxItem--md___WlNPy {
2106
+ .ListBoxItem-module__hop-ListBoxItem--md___2k3Bf {
2059
2107
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2060
2108
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2061
2109
  --min-height: var(--hop-ListBoxItem-md-min-height);
2062
2110
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2063
2111
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2064
2112
  }
2065
- .ListBoxItem-module__hop-ListBoxItem--lg___lJ0ut {
2113
+ .ListBoxItem-module__hop-ListBoxItem--lg___E5oOC {
2066
2114
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2067
2115
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2068
2116
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2069
2117
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2070
2118
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2071
2119
  }
2072
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-selection-mode] {
2120
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-selection-mode] {
2073
2121
  --cursor: pointer;
2074
2122
  }
2075
- .ListBoxItem-module__hop-ListBoxItem___8NSu3:not([data-selection-mode]) {
2123
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF:not([data-selection-mode]) {
2076
2124
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2077
2125
  }
2078
- .ListBoxItem-module__hop-ListBoxItem__inner___AkbVg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WIs62) {
2126
+ .ListBoxItem-module__hop-ListBoxItem__inner___zZ5nD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___BAKhG) {
2079
2127
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2080
2128
  }
2081
- .ListBoxItem-module__hop-ListBoxItem__inner___AkbVg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WIs62) {
2129
+ .ListBoxItem-module__hop-ListBoxItem__inner___zZ5nD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___BAKhG) {
2082
2130
  --checkmark-transition: none;
2083
2131
  }
2084
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-selected] {
2132
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-selected] {
2085
2133
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2086
2134
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2087
2135
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2088
2136
  --checkmark-opacity: 1;
2089
2137
  }
2090
- .ListBoxItem-module__hop-ListBoxItem--xs___gXKM6[data-selected] {
2138
+ .ListBoxItem-module__hop-ListBoxItem--xs___T5qb4[data-selected] {
2091
2139
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2092
2140
  }
2093
- .ListBoxItem-module__hop-ListBoxItem--sm___LChQQ[data-selected] {
2141
+ .ListBoxItem-module__hop-ListBoxItem--sm___FFF4r[data-selected] {
2094
2142
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2095
2143
  }
2096
- .ListBoxItem-module__hop-ListBoxItem--md___WlNPy[data-selected] {
2144
+ .ListBoxItem-module__hop-ListBoxItem--md___2k3Bf[data-selected] {
2097
2145
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2098
2146
  }
2099
- .ListBoxItem-module__hop-ListBoxItem--lg___lJ0ut[data-selected] {
2147
+ .ListBoxItem-module__hop-ListBoxItem--lg___E5oOC[data-selected] {
2100
2148
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2101
2149
  }
2102
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-focus-visible] {
2150
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-focus-visible] {
2103
2151
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2104
2152
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2105
2153
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2106
2154
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2107
2155
  }
2108
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-hovered] {
2156
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-hovered] {
2109
2157
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2110
2158
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2111
2159
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2112
2160
  }
2113
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-pressed] {
2161
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-pressed] {
2114
2162
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2115
2163
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2116
2164
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2117
2165
  }
2118
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-disabled] {
2166
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-disabled] {
2119
2167
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2120
2168
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2121
2169
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2122
2170
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2123
2171
  --cursor: not-allowed;
2124
2172
  }
2125
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid] {
2173
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid] {
2126
2174
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2127
2175
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2128
2176
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2129
2177
  }
2130
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-selected] {
2178
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-selected] {
2131
2179
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2132
2180
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2133
2181
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2134
2182
  }
2135
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-focus-visible] {
2183
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-focus-visible] {
2136
2184
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2137
2185
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2138
2186
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2139
2187
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2140
2188
  }
2141
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-hovered] {
2189
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-hovered] {
2142
2190
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2143
2191
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2144
2192
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2145
2193
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2146
2194
  }
2147
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-pressed] {
2195
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-pressed] {
2148
2196
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2149
2197
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2150
2198
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2151
2199
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2152
2200
  }
2153
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-invalid][data-disabled] {
2201
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-invalid][data-disabled] {
2154
2202
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2155
2203
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2156
2204
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2157
2205
  }
2158
- .ListBoxItem-module__hop-ListBoxItem___8NSu3:has(.ListBoxItem-module__hop-ListBoxItem__description___gzoh5) {
2206
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF:has(.ListBoxItem-module__hop-ListBoxItem__description___qAjGP) {
2159
2207
  --row-gap: var(--hop-ListBoxItem-row-gap);
2160
2208
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2161
2209
  }
2162
- .ListBoxItem-module__hop-ListBoxItem___8NSu3[data-loading] {
2210
+ .ListBoxItem-module__hop-ListBoxItem___2D6EF[data-loading] {
2163
2211
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2164
2212
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2165
2213
  }
2166
- .ListBoxItem-module__hop-ListBoxItem__inner___AkbVg {
2214
+ .ListBoxItem-module__hop-ListBoxItem__inner___zZ5nD {
2167
2215
  display: grid;
2168
2216
  grid-template-areas: var(--grid-template-areas);
2169
2217
  grid-template-columns: var(--grid-template-columns);
@@ -2175,33 +2223,33 @@
2175
2223
  padding-inline: var(--padding-inline);
2176
2224
  transition: grid-template-columns .3s ease-in-out;
2177
2225
  }
2178
- .ListBoxItem-module__hop-ListBoxItem__checkmark___WIs62 {
2226
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___BAKhG {
2179
2227
  grid-area: indicator;
2180
2228
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2181
2229
  color: var(--icon-color);
2182
2230
  opacity: var(--checkmark-opacity);
2183
2231
  transition: var(--checkmark-transition);
2184
2232
  }
2185
- .ListBoxItem-module__hop-ListBoxItem__radio___WDu8L,
2186
- .ListBoxItem-module__hop-ListBoxItem__checkbox___OyfCu {
2233
+ .ListBoxItem-module__hop-ListBoxItem__radio___0Ro4Z,
2234
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___DDwiP {
2187
2235
  pointer-events: none;
2188
2236
  user-select: none;
2189
2237
  grid-area: indicator;
2190
2238
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2191
2239
  }
2192
- .ListBoxItem-module__hop-ListBoxItem__avatar___HJ0YH {
2240
+ .ListBoxItem-module__hop-ListBoxItem__avatar___o7KT5 {
2193
2241
  grid-area: avatar;
2194
2242
  margin-block: var(--avatar-margin-block, 0);
2195
2243
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2196
2244
  }
2197
- .ListBoxItem-module__hop-ListBoxItem__icon-list___XBjwV,
2198
- .ListBoxItem-module__hop-ListBoxItem__icon___mJLpx {
2245
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___uNsq-,
2246
+ .ListBoxItem-module__hop-ListBoxItem__icon___ZeoTI {
2199
2247
  grid-area: icon;
2200
2248
  flex: 0 0 auto;
2201
2249
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2202
2250
  color: var(--icon-color);
2203
2251
  }
2204
- .ListBoxItem-module__hop-ListBoxItem__label___oC8wl {
2252
+ .ListBoxItem-module__hop-ListBoxItem__label___k2hNC {
2205
2253
  overflow: hidden;
2206
2254
  grid-area: label;
2207
2255
  min-inline-size: 0;
@@ -2209,18 +2257,18 @@
2209
2257
  text-overflow: ellipsis;
2210
2258
  white-space: nowrap;
2211
2259
  }
2212
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___s9E6X,
2213
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kUf7g {
2260
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___msmVR,
2261
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___oa0iV {
2214
2262
  grid-area: end-icon;
2215
2263
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2216
2264
  color: var(--icon-color);
2217
2265
  }
2218
- .ListBoxItem-module__hop-ListBoxItem__badge___G3Cjw {
2266
+ .ListBoxItem-module__hop-ListBoxItem__badge___IVX-d {
2219
2267
  grid-area: badge;
2220
2268
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2221
2269
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2222
2270
  }
2223
- .ListBoxItem-module__hop-ListBoxItem__description___gzoh5 {
2271
+ .ListBoxItem-module__hop-ListBoxItem__description___qAjGP {
2224
2272
  overflow: hidden;
2225
2273
  display: -webkit-box;
2226
2274
  grid-area: description;
@@ -2231,7 +2279,7 @@
2231
2279
  }
2232
2280
 
2233
2281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
2234
- .ListBox-module__hop-ListBox___-rt0w {
2282
+ .ListBox-module__hop-ListBox___13BZl {
2235
2283
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2236
2284
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2237
2285
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2278,11 +2326,11 @@
2278
2326
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2279
2327
  border-radius: var(--hop-ListBox-border-radius);
2280
2328
  }
2281
- .ListBox-module__hop-ListBox--fluid___MV-lu {
2329
+ .ListBox-module__hop-ListBox--fluid___1p0Qr {
2282
2330
  --max-width: var(--hop-ListBox-fluid-max-width);
2283
2331
  --width: var(--hop-ListBox-fluid-width);
2284
2332
  }
2285
- .ListBox-module__hop-ListBox__section___cHWaO {
2333
+ .ListBox-module__hop-ListBox__section___nbPgW {
2286
2334
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2287
2335
  margin-inline: var(--hop-ListBox-section-margin-inline);
2288
2336
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2290,21 +2338,21 @@
2290
2338
  border-block-start: var(--section-border-block-start);
2291
2339
  border-block-end: var(--section-border-block-end);
2292
2340
  }
2293
- .ListBox-module__hop-ListBox__item___LTGuz + .ListBox-module__hop-ListBox__section___cHWaO {
2341
+ .ListBox-module__hop-ListBox__item___XmoqG + .ListBox-module__hop-ListBox__section___nbPgW {
2294
2342
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2295
2343
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2296
2344
  }
2297
- .ListBox-module__hop-ListBox__section___cHWaO:has(+ .ListBox-module__hop-ListBox__item___LTGuz) {
2345
+ .ListBox-module__hop-ListBox__section___nbPgW:has(+ .ListBox-module__hop-ListBox__item___XmoqG) {
2298
2346
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2299
2347
  }
2300
- .ListBox-module__hop-ListBox__section___cHWaO:first-child {
2348
+ .ListBox-module__hop-ListBox__section___nbPgW:first-child {
2301
2349
  --section-padding-block-start: 0;
2302
2350
  }
2303
- .ListBox-module__hop-ListBox__section___cHWaO:last-child {
2351
+ .ListBox-module__hop-ListBox__section___nbPgW:last-child {
2304
2352
  --section-padding-block-end: 0;
2305
2353
  --section-border-block-end: 0;
2306
2354
  }
2307
- .ListBox-module__hop-ListBox__section-header___n0tC4 {
2355
+ .ListBox-module__hop-ListBox__section-header___8N1d2 {
2308
2356
  margin: 0;
2309
2357
  padding: var(--hop-ListBox-section-header-padding);
2310
2358
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2315,17 +2363,17 @@
2315
2363
  text-transform: var(--hop-ListBox-section-header-text-transform);
2316
2364
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2317
2365
  }
2318
- .ListBox-module__hop-ListBox__section-header___n0tC4::before,
2319
- .ListBox-module__hop-ListBox__section-header___n0tC4::after {
2366
+ .ListBox-module__hop-ListBox__section-header___8N1d2::before,
2367
+ .ListBox-module__hop-ListBox__section-header___8N1d2::after {
2320
2368
  content: "";
2321
2369
  display: block;
2322
2370
  box-sizing: border-box;
2323
2371
  inline-size: 0;
2324
2372
  block-size: 0;
2325
2373
  }
2326
- .ListBox-module__hop-ListBox__section-header___n0tC4::before {
2374
+ .ListBox-module__hop-ListBox__section-header___8N1d2::before {
2327
2375
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2328
2376
  }
2329
- .ListBox-module__hop-ListBox__section-header___n0tC4::after {
2377
+ .ListBox-module__hop-ListBox__section-header___8N1d2::after {
2330
2378
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2331
2379
  }