@hopper-ui/components 1.12.0 → 1.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (352) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/accordion/src/Accordion.css +81 -79
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +81 -79
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +414 -412
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +414 -412
  9. package/dist/alert/src/index.js +10 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +53 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +73 -71
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +68 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +53 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +53 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +53 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +100 -98
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +56 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +51 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +66 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +109 -107
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +52 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +112 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +110 -108
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +112 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +119 -117
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +145 -143
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +362 -360
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/callout/src/Callout.css +377 -373
  47. package/dist/callout/src/Callout.js +8 -8
  48. package/dist/callout/src/CompactCallout.css +411 -409
  49. package/dist/callout/src/CompactCallout.js +8 -8
  50. package/dist/callout/src/index.css +426 -422
  51. package/dist/callout/src/index.js +9 -9
  52. package/dist/card/src/Card.css +44 -42
  53. package/dist/card/src/Card.js +1 -1
  54. package/dist/card/src/index.css +44 -42
  55. package/dist/card/src/index.js +1 -1
  56. package/dist/checkbox/src/Checkbox.css +60 -58
  57. package/dist/checkbox/src/Checkbox.js +4 -4
  58. package/dist/checkbox/src/CheckboxField.css +47 -45
  59. package/dist/checkbox/src/CheckboxField.js +3 -3
  60. package/dist/checkbox/src/CheckboxGroup.css +112 -110
  61. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  62. package/dist/checkbox/src/DecorativeCheckbox.css +68 -66
  63. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  64. package/dist/checkbox/src/index.css +112 -110
  65. package/dist/checkbox/src/index.js +11 -11
  66. package/dist/{chunk-TUN45RGN.js → chunk-2EJ534HS.js} +5 -5
  67. package/dist/{chunk-WZ4QFKG2.js → chunk-3CWYOZXC.js} +2 -2
  68. package/dist/{chunk-A3D2KPJA.js → chunk-3L37QDIG.js} +2 -2
  69. package/dist/{chunk-NPEBU4KJ.js → chunk-5TBB7DOB.js} +1 -1
  70. package/dist/{chunk-GE7SSBW5.js → chunk-5WEUVESG.js} +2 -2
  71. package/dist/{chunk-IDOL4CJW.js → chunk-6CTYWBX5.js} +2 -2
  72. package/dist/{chunk-WHBZOW6V.js → chunk-6YGM763O.js} +1 -1
  73. package/dist/{chunk-VPYYHB34.js → chunk-7B7ITDST.js} +12 -12
  74. package/dist/{chunk-UHZNLSY4.js → chunk-7KZ24NWQ.js} +1 -1
  75. package/dist/{chunk-CFLLSM5R.js → chunk-7OX3XTES.js} +2 -2
  76. package/dist/{chunk-GIAJYB5D.js → chunk-AQ4J5X3Q.js} +1 -1
  77. package/dist/{chunk-55RF3YVT.js → chunk-B246PHKC.js} +8 -8
  78. package/dist/{chunk-ATUCFBG5.js → chunk-BDLLFWNV.js} +1 -1
  79. package/dist/{chunk-57V5ZWPI.js → chunk-C4YC7ITU.js} +2 -2
  80. package/dist/{chunk-C4MIHT7P.js → chunk-CUUGXQKP.js} +1 -1
  81. package/dist/{chunk-E6BYGOL5.js → chunk-D7GJZN2B.js} +1 -1
  82. package/dist/{chunk-3YLY2RCB.js → chunk-DHW7RREH.js} +4 -4
  83. package/dist/{chunk-WP766CQQ.js → chunk-DODETHRK.js} +1 -1
  84. package/dist/{chunk-TEYCR5GT.js → chunk-EAEENQYG.js} +1 -1
  85. package/dist/{chunk-WXQMD5AR.js → chunk-EEQICK54.js} +2 -2
  86. package/dist/{chunk-4MQPTJRV.js → chunk-EG27JKBW.js} +3 -2
  87. package/dist/{chunk-ANQB2NJY.js → chunk-EK6Z4SKR.js} +2 -2
  88. package/dist/{chunk-EK4AYGPX.js → chunk-EKVC6DHS.js} +3 -3
  89. package/dist/{chunk-46VOHKIE.js → chunk-EYCRHQQT.js} +2 -2
  90. package/dist/{chunk-BQER72JV.js → chunk-F7CUOUNH.js} +2 -2
  91. package/dist/{chunk-6UDDO2M2.js → chunk-F7HYKYCF.js} +1 -1
  92. package/dist/{chunk-VCOKIUVL.js → chunk-FGGISPNJ.js} +2 -2
  93. package/dist/{chunk-TT2IYS7K.js → chunk-FQWNQ4VU.js} +2 -2
  94. package/dist/{chunk-DZTKL5JL.js → chunk-GFG277LX.js} +1 -1
  95. package/dist/{chunk-DV7O34AJ.js → chunk-GNHZVIKC.js} +1 -1
  96. package/dist/{chunk-RH556VRR.js → chunk-HH7CDOJW.js} +1 -1
  97. package/dist/{chunk-KMUXSXG4.js → chunk-HLSYDPAM.js} +2 -2
  98. package/dist/{chunk-4H6GED4F.js → chunk-HQ4MO2NJ.js} +1 -1
  99. package/dist/{chunk-EKGP7FVH.js → chunk-HXLSOSYG.js} +1 -1
  100. package/dist/{chunk-CQCOWZ7Z.js → chunk-ICL5VCOY.js} +2 -2
  101. package/dist/{chunk-4ABDOMGU.js → chunk-IQEFS2JL.js} +3 -3
  102. package/dist/{chunk-R7TTP6W7.js → chunk-IZI456P6.js} +2 -2
  103. package/dist/{chunk-SMN5NRGX.js → chunk-JM6ABDZJ.js} +2 -2
  104. package/dist/{chunk-B2GGDRQB.js → chunk-JZXXUMTX.js} +4 -3
  105. package/dist/{chunk-QXWRVZNH.js → chunk-KCWF5Z75.js} +3 -3
  106. package/dist/{chunk-T3GOJHYZ.js → chunk-KHG6F5KU.js} +1 -1
  107. package/dist/{chunk-YQ563FJL.js → chunk-LWTMRQMO.js} +3 -3
  108. package/dist/{chunk-YGVDF7VO.js → chunk-M6FDC4PO.js} +2 -2
  109. package/dist/{chunk-UOW3EYAH.js → chunk-M7FUJHOX.js} +1 -1
  110. package/dist/{chunk-2JDD4UGI.js → chunk-MR7XUQUV.js} +1 -1
  111. package/dist/{chunk-KW4XI7IQ.js → chunk-MSH4O4AK.js} +3 -3
  112. package/dist/{chunk-N2YG2BQE.js → chunk-MZ5ZTI4B.js} +2 -2
  113. package/dist/{chunk-5XRPU6M6.js → chunk-N6VURHIW.js} +2 -2
  114. package/dist/{chunk-NHNIVSPQ.js → chunk-N74YKJXD.js} +1 -1
  115. package/dist/{chunk-4UWYBXCI.js → chunk-NAKDTXXL.js} +1 -1
  116. package/dist/{chunk-5CEGPHN2.js → chunk-NV7K6NV6.js} +3 -3
  117. package/dist/{chunk-CXD4YLGZ.js → chunk-O4IPK5QR.js} +1 -1
  118. package/dist/{chunk-FOIVYDNC.js → chunk-OECPEEVV.js} +1 -1
  119. package/dist/{chunk-4BU5DVRN.js → chunk-OJ76J3RY.js} +8 -8
  120. package/dist/{chunk-ASD44U75.js → chunk-OKZROJXZ.js} +1 -1
  121. package/dist/{chunk-4C6MPCXK.js → chunk-OOD5UGOB.js} +5 -5
  122. package/dist/{chunk-SDYJ6SME.js → chunk-OZIWAG7J.js} +10 -8
  123. package/dist/{chunk-S2VJLOUQ.js → chunk-PP4YFDMT.js} +10 -10
  124. package/dist/{chunk-HITQPEM5.js → chunk-PUYUBPG4.js} +8 -8
  125. package/dist/{chunk-MJUOFOIH.js → chunk-PVOOHVZ6.js} +1 -1
  126. package/dist/{chunk-65Y5375O.js → chunk-PZVGF5RW.js} +3 -3
  127. package/dist/{chunk-TRW46V3N.js → chunk-Q5BLWSGK.js} +1 -1
  128. package/dist/{chunk-L3OSSMB7.js → chunk-Q72FS2NS.js} +3 -3
  129. package/dist/{chunk-2VKWUW7X.js → chunk-RBIYVI7X.js} +3 -3
  130. package/dist/{chunk-CZXAIKB3.js → chunk-RCPGOGBX.js} +1 -1
  131. package/dist/{chunk-JY2IORTH.js → chunk-RIFDHLZR.js} +1 -1
  132. package/dist/{chunk-5UCMW5EL.js → chunk-RVJCVOQD.js} +11 -11
  133. package/dist/{chunk-FVXWZ3FF.js → chunk-SZAEFOTW.js} +3 -3
  134. package/dist/{chunk-UHUSBTJC.js → chunk-TNRVP5NU.js} +1 -1
  135. package/dist/{chunk-CYVIIDRM.js → chunk-TQQMDYWR.js} +1 -1
  136. package/dist/{chunk-WUX3GNN7.js → chunk-TZLBT47T.js} +3 -2
  137. package/dist/{chunk-N2H6JEBE.js → chunk-UCAYUC74.js} +5 -5
  138. package/dist/{chunk-UZMYD3ZB.js → chunk-UZ7BK7OQ.js} +2 -2
  139. package/dist/{chunk-Z2IUMSQE.js → chunk-V23LHIZZ.js} +5 -5
  140. package/dist/{chunk-YP57GJGZ.js → chunk-VD55EPDF.js} +13 -4
  141. package/dist/{chunk-G5ZPVOX5.js → chunk-VJ6X4KGI.js} +2 -2
  142. package/dist/{chunk-USO6P7FE.js → chunk-W5UVP3JI.js} +2 -2
  143. package/dist/{chunk-OLJZ5QTO.js → chunk-WARIBY4X.js} +2 -2
  144. package/dist/{chunk-PMM4JHUL.js → chunk-WGP5EQKR.js} +5 -5
  145. package/dist/{chunk-5WMD7HYL.js → chunk-WZ4RCG4X.js} +1 -1
  146. package/dist/{chunk-SGRK4QUF.js → chunk-XERRBCS2.js} +2 -2
  147. package/dist/{chunk-VFI3IVA4.js → chunk-XX35LGN6.js} +1 -1
  148. package/dist/{chunk-CRK5CKSD.js → chunk-YDFX3DU4.js} +1 -1
  149. package/dist/{chunk-JXFAU7CI.js → chunk-YLHSAIVO.js} +1 -1
  150. package/dist/{chunk-MZP6NASZ.js → chunk-ZFOSF2XX.js} +6 -6
  151. package/dist/{chunk-3BOQ5PK7.js → chunk-ZKBTTSGH.js} +2 -2
  152. package/dist/{chunk-A4SSW62O.js → chunk-ZPE2MXIN.js} +1 -1
  153. package/dist/combobox/src/ComboBox.css +791 -783
  154. package/dist/combobox/src/ComboBox.js +17 -17
  155. package/dist/combobox/src/index.css +791 -783
  156. package/dist/combobox/src/index.js +17 -17
  157. package/dist/contextual-help/src/ContextualHelp.css +708 -706
  158. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  159. package/dist/contextual-help/src/index.css +708 -706
  160. package/dist/contextual-help/src/index.js +4 -4
  161. package/dist/disclosure/src/Disclosure.css +51 -49
  162. package/dist/disclosure/src/Disclosure.js +1 -1
  163. package/dist/disclosure/src/DisclosureHeader.css +58 -56
  164. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  165. package/dist/disclosure/src/DisclosurePanel.css +51 -49
  166. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  167. package/dist/disclosure/src/index.css +76 -74
  168. package/dist/disclosure/src/index.js +7 -7
  169. package/dist/divider/src/Divider.css +43 -41
  170. package/dist/divider/src/Divider.js +1 -1
  171. package/dist/divider/src/index.css +43 -41
  172. package/dist/divider/src/index.js +1 -1
  173. package/dist/error-message/src/ErrorMessage.css +43 -41
  174. package/dist/error-message/src/ErrorMessage.js +2 -2
  175. package/dist/error-message/src/index.css +43 -41
  176. package/dist/error-message/src/index.js +2 -2
  177. package/dist/form/src/Form.css +41 -39
  178. package/dist/form/src/Form.js +1 -1
  179. package/dist/form/src/index.css +41 -39
  180. package/dist/form/src/index.js +1 -1
  181. package/dist/header/src/Header.css +41 -39
  182. package/dist/header/src/index.css +41 -39
  183. package/dist/helper-message/src/HelperMessage.css +43 -41
  184. package/dist/helper-message/src/HelperMessage.js +2 -2
  185. package/dist/helper-message/src/index.css +43 -41
  186. package/dist/helper-message/src/index.js +2 -2
  187. package/dist/icon-list/src/IconList.css +42 -40
  188. package/dist/icon-list/src/IconList.js +1 -1
  189. package/dist/icon-list/src/index.css +42 -40
  190. package/dist/icon-list/src/index.js +1 -1
  191. package/dist/illustrated-message/src/IllustratedMessage.css +384 -385
  192. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  193. package/dist/illustrated-message/src/index.css +384 -385
  194. package/dist/illustrated-message/src/index.js +1 -1
  195. package/dist/illustration/src/Illustration.css +50 -48
  196. package/dist/illustration/src/Illustration.js +1 -1
  197. package/dist/illustration/src/index.css +50 -48
  198. package/dist/illustration/src/index.js +1 -1
  199. package/dist/image/src/Image.css +44 -42
  200. package/dist/image/src/Image.js +1 -1
  201. package/dist/image/src/SvgImage.css +42 -40
  202. package/dist/image/src/SvgImage.js +1 -1
  203. package/dist/image/src/index.css +45 -43
  204. package/dist/image/src/index.js +2 -2
  205. package/dist/index.css +1145 -1138
  206. package/dist/index.js +87 -87
  207. package/dist/inputs/src/Input.css +45 -43
  208. package/dist/inputs/src/Input.js +1 -1
  209. package/dist/inputs/src/InputGroup.css +47 -45
  210. package/dist/inputs/src/InputGroup.js +1 -1
  211. package/dist/inputs/src/NumberField.css +71 -69
  212. package/dist/inputs/src/NumberField.js +10 -10
  213. package/dist/inputs/src/PasswordField.css +382 -380
  214. package/dist/inputs/src/PasswordField.js +10 -10
  215. package/dist/inputs/src/RemainingCharacterCount.css +44 -42
  216. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  217. package/dist/inputs/src/SearchField.css +388 -386
  218. package/dist/inputs/src/SearchField.js +11 -11
  219. package/dist/inputs/src/TextArea.css +74 -66
  220. package/dist/inputs/src/TextArea.js +10 -9
  221. package/dist/inputs/src/TextField.css +386 -384
  222. package/dist/inputs/src/TextField.js +13 -13
  223. package/dist/inputs/src/index.css +440 -432
  224. package/dist/inputs/src/index.js +18 -17
  225. package/dist/layout/src/Content.css +41 -39
  226. package/dist/layout/src/Footer.css +41 -39
  227. package/dist/link/src/Link.css +80 -78
  228. package/dist/link/src/Link.js +3 -3
  229. package/dist/link/src/index.css +80 -78
  230. package/dist/link/src/index.js +3 -3
  231. package/dist/list-box/src/ListBox.css +319 -317
  232. package/dist/list-box/src/ListBox.js +7 -7
  233. package/dist/list-box/src/ListBoxItem.css +307 -305
  234. package/dist/list-box/src/ListBoxItem.js +6 -6
  235. package/dist/list-box/src/ListBoxItemSkeleton.css +48 -46
  236. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  237. package/dist/list-box/src/index.css +319 -317
  238. package/dist/list-box/src/index.js +7 -7
  239. package/dist/menu/src/Menu.css +710 -708
  240. package/dist/menu/src/Menu.js +2 -2
  241. package/dist/menu/src/MenuItem.css +124 -122
  242. package/dist/menu/src/MenuItem.js +2 -2
  243. package/dist/menu/src/MenuSection.css +43 -41
  244. package/dist/menu/src/MenuSection.js +1 -1
  245. package/dist/menu/src/index.css +735 -733
  246. package/dist/menu/src/index.js +5 -5
  247. package/dist/modal/src/BaseModal.css +56 -54
  248. package/dist/modal/src/BaseModal.js +1 -1
  249. package/dist/modal/src/CustomModal.css +57 -55
  250. package/dist/modal/src/CustomModal.js +2 -2
  251. package/dist/modal/src/Modal.css +404 -402
  252. package/dist/modal/src/Modal.js +9 -9
  253. package/dist/modal/src/index.css +405 -403
  254. package/dist/modal/src/index.js +10 -10
  255. package/dist/overlays/popover/src/Popover.css +702 -700
  256. package/dist/overlays/popover/src/Popover.js +1 -1
  257. package/dist/overlays/popover/src/PopoverBase.css +44 -42
  258. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  259. package/dist/overlays/popover/src/index.css +705 -703
  260. package/dist/overlays/popover/src/index.js +2 -2
  261. package/dist/radio/src/DecorativeRadio.css +68 -66
  262. package/dist/radio/src/DecorativeRadio.js +3 -3
  263. package/dist/radio/src/Radio.css +60 -58
  264. package/dist/radio/src/Radio.js +3 -3
  265. package/dist/radio/src/RadioField.css +47 -45
  266. package/dist/radio/src/RadioField.js +2 -2
  267. package/dist/radio/src/RadioGroup.css +112 -110
  268. package/dist/radio/src/RadioGroup.js +7 -7
  269. package/dist/radio/src/index.css +112 -110
  270. package/dist/radio/src/index.js +11 -11
  271. package/dist/segmented-control/src/SegmentedControl.css +42 -40
  272. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  273. package/dist/segmented-control/src/SegmentedControlItem.css +56 -54
  274. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  275. package/dist/segmented-control/src/index.css +57 -55
  276. package/dist/segmented-control/src/index.js +3 -3
  277. package/dist/select/src/Select.css +729 -727
  278. package/dist/select/src/Select.js +16 -16
  279. package/dist/select/src/SelectValue.css +106 -104
  280. package/dist/select/src/SelectValue.js +2 -2
  281. package/dist/select/src/index.css +729 -727
  282. package/dist/select/src/index.js +16 -16
  283. package/dist/spinner/src/Spinner.css +51 -49
  284. package/dist/spinner/src/Spinner.js +2 -2
  285. package/dist/spinner/src/index.css +51 -49
  286. package/dist/spinner/src/index.js +2 -2
  287. package/dist/switch/src/Switch.css +57 -55
  288. package/dist/switch/src/Switch.js +3 -3
  289. package/dist/switch/src/SwitchField.css +47 -45
  290. package/dist/switch/src/SwitchField.js +2 -2
  291. package/dist/switch/src/index.css +63 -61
  292. package/dist/switch/src/index.js +4 -4
  293. package/dist/tabs/src/Tab.css +556 -554
  294. package/dist/tabs/src/Tab.js +2 -2
  295. package/dist/tabs/src/TabLine.css +43 -41
  296. package/dist/tabs/src/TabLine.js +1 -1
  297. package/dist/tabs/src/TabList.css +48 -46
  298. package/dist/tabs/src/TabList.js +2 -2
  299. package/dist/tabs/src/TabPanel.css +43 -41
  300. package/dist/tabs/src/TabPanel.js +1 -1
  301. package/dist/tabs/src/index.css +565 -563
  302. package/dist/tabs/src/index.js +5 -5
  303. package/dist/tag/src/Tag.css +534 -532
  304. package/dist/tag/src/Tag.js +7 -7
  305. package/dist/tag/src/TagGroup.css +51 -49
  306. package/dist/tag/src/TagGroup.js +7 -7
  307. package/dist/tag/src/index.css +544 -542
  308. package/dist/tag/src/index.js +12 -12
  309. package/dist/tile/src/Tile.css +50 -48
  310. package/dist/tile/src/Tile.js +2 -2
  311. package/dist/tile/src/TileGroup.css +42 -40
  312. package/dist/tile/src/TileGroup.js +1 -1
  313. package/dist/tile/src/index.css +51 -49
  314. package/dist/tile/src/index.js +3 -3
  315. package/dist/toggle-arrow/src/ToggleArrow.css +43 -41
  316. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  317. package/dist/toggle-arrow/src/index.css +43 -41
  318. package/dist/toggle-arrow/src/index.js +1 -1
  319. package/dist/tooltip/src/Tooltip.css +51 -49
  320. package/dist/tooltip/src/Tooltip.js +3 -3
  321. package/dist/tooltip/src/TooltipTrigger.css +41 -39
  322. package/dist/tooltip/src/index.css +51 -49
  323. package/dist/tooltip/src/index.js +3 -3
  324. package/dist/typography/heading/src/Heading.css +41 -39
  325. package/dist/typography/heading/src/Heading.js +1 -1
  326. package/dist/typography/heading/src/HeadingContext.d.ts +9 -3
  327. package/dist/typography/heading/src/index.css +41 -39
  328. package/dist/typography/heading/src/index.js +1 -1
  329. package/dist/typography/label/src/FieldLabel.css +41 -39
  330. package/dist/typography/label/src/FieldLabel.js +3 -3
  331. package/dist/typography/label/src/Label.css +41 -39
  332. package/dist/typography/label/src/Label.js +1 -1
  333. package/dist/typography/label/src/index.css +41 -39
  334. package/dist/typography/label/src/index.js +3 -3
  335. package/dist/typography/overline-text/src/OverlineText.css +41 -39
  336. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  337. package/dist/typography/overline-text/src/index.css +41 -39
  338. package/dist/typography/overline-text/src/index.js +1 -1
  339. package/dist/typography/paragraph/src/Paragraph.css +41 -39
  340. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  341. package/dist/typography/paragraph/src/index.css +41 -39
  342. package/dist/typography/paragraph/src/index.js +2 -2
  343. package/dist/typography/text/src/Text.css +41 -39
  344. package/dist/typography/text/src/Text.js +1 -1
  345. package/dist/typography/text/src/index.css +41 -39
  346. package/dist/typography/text/src/index.js +1 -1
  347. package/dist/utils/src/ClearSlots.css +41 -39
  348. package/dist/utils/src/EnsureTextWrapper.css +41 -39
  349. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  350. package/dist/utils/src/index.css +41 -39
  351. package/dist/utils/src/index.js +2 -2
  352. package/package.json +3 -3
@@ -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___tP4le {
2
+ .Heading-module__hop-Heading___wQVu1 {
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,51 +33,53 @@
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___tP4le) {
36
+ :where(.Heading-module__hop-Heading___wQVu1) {
37
37
  margin: 0;
38
+ color: var(--hop-neutral-text);
39
+ }
40
+ :where(.Heading-module__hop-Heading___wQVu1):not(.Heading-module__hop-Heading--unset___N2do-) {
38
41
  font-family: var(--font-family);
39
42
  font-size: var(--font-size);
40
43
  font-weight: var(--font-weight);
41
44
  line-height: var(--line-height);
42
- color: var(--hop-neutral-text);
43
45
  }
44
- :where(.Heading-module__hop-Heading--xs___goksf) {
46
+ :where(.Heading-module__hop-Heading--xs___UULne) {
45
47
  --font-size: var(--hop-Heading-xs-font-size);
46
48
  --font-family: var(--hop-Heading-xs-font-family);
47
49
  --font-weight: var(--hop-Heading-xs-font-weight);
48
50
  --line-height: var(--hop-Heading-xs-line-height);
49
51
  }
50
- :where(.Heading-module__hop-Heading--sm___BtfPy) {
52
+ :where(.Heading-module__hop-Heading--sm___AidcX) {
51
53
  --font-size: var(--hop-Heading-sm-font-size);
52
54
  --font-family: var(--hop-Heading-sm-font-family);
53
55
  --font-weight: var(--hop-Heading-sm-font-weight);
54
56
  --line-height: var(--hop-Heading-sm-line-height);
55
57
  }
56
- :where(.Heading-module__hop-Heading--md___IhuY7) {
58
+ :where(.Heading-module__hop-Heading--md___RvJ7S) {
57
59
  --font-size: var(--hop-Heading-md-font-size);
58
60
  --font-family: var(--hop-Heading-md-font-family);
59
61
  --font-weight: var(--hop-Heading-md-font-weight);
60
62
  --line-height: var(--hop-Heading-md-line-height);
61
63
  }
62
- :where(.Heading-module__hop-Heading--lg___FVQ7p) {
64
+ :where(.Heading-module__hop-Heading--lg___YCCBC) {
63
65
  --font-size: var(--hop-Heading-lg-font-size);
64
66
  --font-family: var(--hop-Heading-lg-font-family);
65
67
  --font-weight: var(--hop-Heading-lg-font-weight);
66
68
  --line-height: var(--hop-Heading-lg-line-height);
67
69
  }
68
- :where(.Heading-module__hop-Heading--xl___niQ8F) {
70
+ :where(.Heading-module__hop-Heading--xl___MeNSh) {
69
71
  --font-size: var(--hop-Heading-xl-font-size);
70
72
  --font-family: var(--hop-Heading-xl-font-family);
71
73
  --font-weight: var(--hop-Heading-xl-font-weight);
72
74
  --line-height: var(--hop-Heading-xl-line-height);
73
75
  }
74
- :where(.Heading-module__hop-Heading--2xl___lYrIF) {
76
+ :where(.Heading-module__hop-Heading--2xl___zOKtf) {
75
77
  --font-size: var(--hop-Heading-2xl-font-size);
76
78
  --font-family: var(--hop-Heading-2xl-font-family);
77
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
80
  --line-height: var(--hop-Heading-2xl-line-height);
79
81
  }
80
- :where(.Heading-module__hop-Heading--3xl___zJ5Pn) {
82
+ :where(.Heading-module__hop-Heading--3xl___HMB-P) {
81
83
  --font-size: var(--hop-Heading-3xl-font-size);
82
84
  --font-family: var(--hop-Heading-3xl-font-family);
83
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +87,21 @@
85
87
  }
86
88
 
87
89
  /* 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___HiFS2 {
90
+ .Form-module__hop-Form___sPJbg {
89
91
  display: flex;
90
92
  flex-direction: column;
91
93
  gap: var(--hop-space-stack-lg);
92
94
  }
93
95
 
94
96
  /* 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___pKOFE {
97
+ .Label-module__hop-Label___WTBFX {
96
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
102
  --hop-Label-color: var(--hop-neutral-text-weak);
101
103
  }
102
- :where(.Label-module__hop-Label___pKOFE) {
104
+ :where(.Label-module__hop-Label___WTBFX) {
103
105
  font-family: var(--hop-Label-font-family);
104
106
  font-size: var(--hop-Label-font-size);
105
107
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +110,17 @@
108
110
  }
109
111
 
110
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___oUka2 {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___bOrjd {
112
114
  display: flex;
113
115
  gap: var(--hop-space-inset-xs);
114
116
  align-items: center;
115
117
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___EFbnu {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___BIm-3 {
117
119
  padding-inline-start: var(--hop-space-20);
118
120
  }
119
121
 
120
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___82Ewk) {
123
+ :where(.OverlineText-module__hop-OverlineText___cCBkV) {
122
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +144,26 @@
142
144
  text-transform: uppercase;
143
145
  letter-spacing: var(--letter-spacing);
144
146
  }
145
- .OverlineText-module__hop-OverlineText__text___3XTq4 {
147
+ .OverlineText-module__hop-OverlineText__text___XhqbE {
146
148
  box-sizing: border-box;
147
149
  }
148
- .OverlineText-module__hop-OverlineText__text___3XTq4::before,
149
- .OverlineText-module__hop-OverlineText__text___3XTq4::after {
150
+ .OverlineText-module__hop-OverlineText__text___XhqbE::before,
151
+ .OverlineText-module__hop-OverlineText__text___XhqbE::after {
150
152
  content: "";
151
153
  display: block;
152
154
  box-sizing: border-box;
153
155
  inline-size: 0;
154
156
  block-size: 0;
155
157
  }
156
- .OverlineText-module__hop-OverlineText__text___3XTq4::before {
158
+ .OverlineText-module__hop-OverlineText__text___XhqbE::before {
157
159
  margin-block-end: var(--bottom-offset);
158
160
  }
159
- .OverlineText-module__hop-OverlineText__text___3XTq4::after {
161
+ .OverlineText-module__hop-OverlineText__text___XhqbE::after {
160
162
  margin-block-start: var(--top-offset);
161
163
  }
162
164
 
163
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___MPwtP {
166
+ .Text-module__hop-Text___ctO6a {
165
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +193,49 @@
191
193
  --hop-Text-inherit-size-font-weight: inherit;
192
194
  --hop-Text-inherit-size-line-height: inherit;
193
195
  }
194
- :where(.Text-module__hop-Text___MPwtP) {
196
+ :where(.Text-module__hop-Text___ctO6a) {
195
197
  font-family: var(--font-family);
196
198
  font-size: var(--font-size);
197
199
  font-weight: var(--font-weight);
198
200
  line-height: var(--line-height);
199
201
  }
200
- :where(.Text-module__hop-Text--xs___02LsK) {
202
+ :where(.Text-module__hop-Text--xs___oHCab) {
201
203
  --font-size: var(--hop-Text-xs-font-size);
202
204
  --font-family: var(--hop-Text-xs-font-family);
203
205
  --font-weight: var(--hop-Text-xs-font-weight);
204
206
  --line-height: var(--hop-Text-xs-line-height);
205
207
  }
206
- :where(.Text-module__hop-Text--sm___5RiaF) {
208
+ :where(.Text-module__hop-Text--sm___WgyEM) {
207
209
  --font-size: var(--hop-Text-sm-font-size);
208
210
  --font-family: var(--hop-Text-sm-font-family);
209
211
  --font-weight: var(--hop-Text-sm-font-weight);
210
212
  --line-height: var(--hop-Text-sm-line-height);
211
213
  }
212
- :where(.Text-module__hop-Text--md___qn8jA) {
214
+ :where(.Text-module__hop-Text--md___OY4rN) {
213
215
  --font-size: var(--hop-Text-md-font-size);
214
216
  --font-family: var(--hop-Text-md-font-family);
215
217
  --font-weight: var(--hop-Text-md-font-weight);
216
218
  --line-height: var(--hop-Text-md-line-height);
217
219
  }
218
- :where(.Text-module__hop-Text--lg___dYo9s) {
220
+ :where(.Text-module__hop-Text--lg___Nd9BF) {
219
221
  --font-size: var(--hop-Text-lg-font-size);
220
222
  --font-family: var(--hop-Text-lg-font-family);
221
223
  --font-weight: var(--hop-Text-lg-font-weight);
222
224
  --line-height: var(--hop-Text-lg-line-height);
223
225
  }
224
- :where(.Text-module__hop-Text--xl___tc9Cl) {
226
+ :where(.Text-module__hop-Text--xl___80QcD) {
225
227
  --font-size: var(--hop-Text-xl-font-size);
226
228
  --font-family: var(--hop-Text-xl-font-family);
227
229
  --font-weight: var(--hop-Text-xl-font-weight);
228
230
  --line-height: var(--hop-Text-xl-line-height);
229
231
  }
230
- :where(.Text-module__hop-Text--2xl___3y0P-) {
232
+ :where(.Text-module__hop-Text--2xl___naG-L) {
231
233
  --font-size: var(--hop-Text-2xl-font-size);
232
234
  --font-family: var(--hop-Text-2xl-font-family);
233
235
  --font-weight: var(--hop-Text-2xl-font-weight);
234
236
  --line-height: var(--hop-Text-2xl-line-height);
235
237
  }
236
- :where(.Text-module__hop-Text--inherit___6rJd8) {
238
+ :where(.Text-module__hop-Text--inherit___k6SX4) {
237
239
  --font-size: var(--hop-Text-inherit-size-font-size);
238
240
  --font-family: var(--hop-Text-inherit-size-font-family);
239
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +243,7 @@
241
243
  }
242
244
 
243
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___DVOCF {
246
+ .Paragraph-module__hop-Paragraph___Gmzgz {
245
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +255,33 @@
253
255
  margin-block-end: var(--margin-block-end);
254
256
  overflow-wrap: break-word;
255
257
  }
256
- .Paragraph-module__hop-Paragraph___DVOCF:last-child {
258
+ .Paragraph-module__hop-Paragraph___Gmzgz:last-child {
257
259
  --margin-block-end: 0;
258
260
  }
259
- .Paragraph-module__hop-Paragraph--xs___xNVjo {
261
+ .Paragraph-module__hop-Paragraph--xs___POycG {
260
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
263
  }
262
- .Paragraph-module__hop-Paragraph--sm___hQS-m {
264
+ .Paragraph-module__hop-Paragraph--sm___bcfqc {
263
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
266
  }
265
- .Paragraph-module__hop-Paragraph--md___ZXzkX {
267
+ .Paragraph-module__hop-Paragraph--md___4HcUS {
266
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
269
  }
268
- .Paragraph-module__hop-Paragraph--lg___uAAaC {
270
+ .Paragraph-module__hop-Paragraph--lg___adf7G {
269
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
272
  }
271
- .Paragraph-module__hop-Paragraph--xl___T7jBD {
273
+ .Paragraph-module__hop-Paragraph--xl___Mtg-l {
272
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
275
  }
274
- .Paragraph-module__hop-Paragraph--2xl___KFU-G {
276
+ .Paragraph-module__hop-Paragraph--2xl___VRtV2 {
275
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
278
  }
277
- .Paragraph-module__hop-Paragraph--inherit___7aHCp {
279
+ .Paragraph-module__hop-Paragraph--inherit___bFOHT {
278
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
281
  }
280
282
 
281
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
282
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___h-4hT {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___uh3wk {
283
285
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
284
286
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
285
287
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -311,52 +313,52 @@
311
313
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
312
314
  outline: none;
313
315
  }
314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___I2FAe {
316
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___zwhEu {
315
317
  --size: var(--hop-RichIconAvatarImage-xs-size);
316
318
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
317
319
  }
318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___6fTg- {
320
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CeqUs {
319
321
  --size: var(--hop-RichIconAvatarImage-sm-size);
320
322
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
321
323
  }
322
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Aoi2b {
324
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___hd0k2 {
323
325
  --size: var(--hop-RichIconAvatarImage-md-size);
324
326
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
325
327
  }
326
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___AbkpD {
328
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___6Bs71 {
327
329
  --size: var(--hop-RichIconAvatarImage-lg-size);
328
330
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
329
331
  }
330
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___sNgO0 {
332
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___57sIF {
331
333
  --size: var(--hop-RichIconAvatarImage-xl-size);
332
334
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
333
335
  }
334
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___U-2lF {
336
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___3MRPq {
335
337
  --size: var(--hop-RichIconAvatarImage-2xl-size);
336
338
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
337
339
  }
338
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___slrpU {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___RDObt {
339
341
  cursor: pointer;
340
342
  }
341
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___ez1O2 {
343
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___3SmW1 {
342
344
  outline: 0.125rem solid var(--hop-primary-border-focus);
343
345
  }
344
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___h-4hT[data-disabled] {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___uh3wk[data-disabled] {
345
347
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
346
348
  }
347
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___5bO0K {
349
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Zw-M8 {
348
350
  position: relative;
349
351
  display: block;
350
352
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
351
353
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
352
354
  }
353
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___h-4hT[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___5bO0K {
355
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___uh3wk[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Zw-M8 {
354
356
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
355
357
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
356
358
  }
357
359
 
358
360
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
359
- .Avatar-module__hop-Avatar___EXqJ5 {
361
+ .Avatar-module__hop-Avatar___kIo0C {
360
362
  --hop-Avatar-border-radius: var(--hop-shape-circle);
361
363
  --hop-Avatar-mix-blend-mode: normal;
362
364
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -402,73 +404,73 @@
402
404
  border-radius: var(--hop-Avatar-border-radius);
403
405
  outline: none;
404
406
  }
405
- .Avatar-module__hop-Avatar--xs___B4r1v {
407
+ .Avatar-module__hop-Avatar--xs___vJvlh {
406
408
  --size: var(--hop-Avatar-xs-size);
407
409
  }
408
- .Avatar-module__hop-Avatar--sm___JgzEQ {
410
+ .Avatar-module__hop-Avatar--sm___Em0DA {
409
411
  --size: var(--hop-Avatar-sm-size);
410
412
  }
411
- .Avatar-module__hop-Avatar--md___lYrPy {
413
+ .Avatar-module__hop-Avatar--md___ssKyF {
412
414
  --size: var(--hop-Avatar-md-size);
413
415
  }
414
- .Avatar-module__hop-Avatar--lg___3NFgX {
416
+ .Avatar-module__hop-Avatar--lg___M8wJj {
415
417
  --size: var(--hop-Avatar-lg-size);
416
418
  }
417
- .Avatar-module__hop-Avatar--xl___MNCq6 {
419
+ .Avatar-module__hop-Avatar--xl___xX4lo {
418
420
  --size: var(--hop-Avatar-xl-size);
419
421
  }
420
- .Avatar-module__hop-Avatar--2xl___6vcax {
422
+ .Avatar-module__hop-Avatar--2xl___C1iZE {
421
423
  --size: var(--hop-Avatar-2xl-size);
422
424
  }
423
- .Avatar-module__hop-Avatar--clickable___ifFuI {
425
+ .Avatar-module__hop-Avatar--clickable___XTHf8 {
424
426
  cursor: pointer;
425
427
  }
426
- .Avatar-module__hop-Avatar--focus-visible___uE-d1 {
428
+ .Avatar-module__hop-Avatar--focus-visible___TS7Fe {
427
429
  outline: 0.125rem solid var(--hop-primary-border-focus);
428
430
  }
429
- .Avatar-module__hop-Avatar--decorative-option1___uFsfG {
431
+ .Avatar-module__hop-Avatar--decorative-option1___OwthR {
430
432
  --background-color: var(--hop-Avatar-decorative-1-background-color);
431
433
  --text-color: var(--hop-Avatar-decorative-1-text-color);
432
434
  }
433
- .Avatar-module__hop-Avatar--decorative-option2___f5KOc {
435
+ .Avatar-module__hop-Avatar--decorative-option2___UBj7u {
434
436
  --background-color: var(--hop-Avatar-decorative-2-background-color);
435
437
  --text-color: var(--hop-Avatar-decorative-2-text-color);
436
438
  }
437
- .Avatar-module__hop-Avatar--decorative-option3___7VXNS {
439
+ .Avatar-module__hop-Avatar--decorative-option3___xfxyD {
438
440
  --background-color: var(--hop-Avatar-decorative-3-background-color);
439
441
  --text-color: var(--hop-Avatar-decorative-3-text-color);
440
442
  }
441
- .Avatar-module__hop-Avatar--decorative-option4___SbJM7 {
443
+ .Avatar-module__hop-Avatar--decorative-option4___529Nv {
442
444
  --background-color: var(--hop-Avatar-decorative-4-background-color);
443
445
  --text-color: var(--hop-Avatar-decorative-4-text-color);
444
446
  }
445
- .Avatar-module__hop-Avatar--decorative-option5___bfzop {
447
+ .Avatar-module__hop-Avatar--decorative-option5___-kYDW {
446
448
  --background-color: var(--hop-Avatar-decorative-5-background-color);
447
449
  --text-color: var(--hop-Avatar-decorative-5-text-color);
448
450
  }
449
- .Avatar-module__hop-Avatar--decorative-option6___ezUmd {
451
+ .Avatar-module__hop-Avatar--decorative-option6___3ZXI8 {
450
452
  --background-color: var(--hop-Avatar-decorative-6-background-color);
451
453
  --text-color: var(--hop-Avatar-decorative-6-text-color);
452
454
  }
453
- .Avatar-module__hop-Avatar--decorative-option7___Rac54 {
455
+ .Avatar-module__hop-Avatar--decorative-option7___vcZYh {
454
456
  --background-color: var(--hop-Avatar-decorative-7-background-color);
455
457
  --text-color: var(--hop-Avatar-decorative-7-text-color);
456
458
  }
457
- .Avatar-module__hop-Avatar--decorative-option8___dBwfg {
459
+ .Avatar-module__hop-Avatar--decorative-option8___m4k4S {
458
460
  --background-color: var(--hop-Avatar-decorative-8-background-color);
459
461
  --text-color: var(--hop-Avatar-decorative-8-text-color);
460
462
  }
461
- .Avatar-module__hop-Avatar--decorative-option9___OKwDP {
463
+ .Avatar-module__hop-Avatar--decorative-option9___m0BBS {
462
464
  --background-color: var(--hop-Avatar-decorative-9-background-color);
463
465
  --text-color: var(--hop-Avatar-decorative-9-text-color);
464
466
  }
465
- .Avatar-module__hop-Avatar___EXqJ5[data-disabled] {
467
+ .Avatar-module__hop-Avatar___kIo0C[data-disabled] {
466
468
  --background-color: var(--hop-Avatar-background-color-disabled);
467
469
  --text-color: var(--hop-Avatar-text-color-disabled);
468
470
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
469
471
  isolation: isolate;
470
472
  }
471
- .Avatar-module__hop-Avatar__image___aFfzm {
473
+ .Avatar-module__hop-Avatar__image___TJox8 {
472
474
  position: relative;
473
475
  display: block;
474
476
  box-sizing: border-box;
@@ -479,7 +481,7 @@
479
481
  }
480
482
 
481
483
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
482
- .Tooltip-module__hop-Tooltip___tV0b3 {
484
+ .Tooltip-module__hop-Tooltip___Mfykw {
483
485
  --hop-Tooltip-max-inline-size: 20rem;
484
486
  --hop-Tooltip-slide-amount: 0.25rem;
485
487
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -506,29 +508,29 @@
506
508
  border-radius: var(--hop-Tooltip-border-radius);
507
509
  box-shadow: var(--hop-Tooltip-box-shadow);
508
510
  }
509
- .Tooltip-module__hop-Tooltip--top___htewW {
511
+ .Tooltip-module__hop-Tooltip--top___A2yff {
510
512
  --origin-x: 0;
511
513
  --origin-y: var(--hop-Tooltip-slide-amount);
512
514
  }
513
- .Tooltip-module__hop-Tooltip--right___Klq5u {
515
+ .Tooltip-module__hop-Tooltip--right___6IGOa {
514
516
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
515
517
  --origin-y: 0;
516
518
  }
517
- .Tooltip-module__hop-Tooltip--bottom___C2Kpu {
519
+ .Tooltip-module__hop-Tooltip--bottom___Tx7lO {
518
520
  --origin-x: 0;
519
521
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
520
522
  }
521
- .Tooltip-module__hop-Tooltip--left___jJQwv {
523
+ .Tooltip-module__hop-Tooltip--left___A-Rqw {
522
524
  --origin-x: var(--hop-Tooltip-slide-amount);
523
525
  --origin-y: 0;
524
526
  }
525
- .Tooltip-module__hop-Tooltip___tV0b3[data-entering] {
526
- animation: Tooltip-module__slide___U2US9 0.2s ease-out;
527
+ .Tooltip-module__hop-Tooltip___Mfykw[data-entering] {
528
+ animation: Tooltip-module__slide___-SFfX 0.2s ease-out;
527
529
  }
528
- .Tooltip-module__hop-Tooltip___tV0b3[data-exiting] {
529
- animation: Tooltip-module__slide___U2US9 0.2s ease-in reverse;
530
+ .Tooltip-module__hop-Tooltip___Mfykw[data-exiting] {
531
+ animation: Tooltip-module__slide___-SFfX 0.2s ease-in reverse;
530
532
  }
531
- @keyframes Tooltip-module__slide___U2US9 {
533
+ @keyframes Tooltip-module__slide___-SFfX {
532
534
  from {
533
535
  transform: translate(var(--origin-x), var(--origin-y));
534
536
  opacity: 0;
@@ -540,44 +542,44 @@
540
542
  }
541
543
 
542
544
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
543
- .AvatarGroup-module__hop-AvatarGroup___lGCe2 {
545
+ .AvatarGroup-module__hop-AvatarGroup___2Czr6 {
544
546
  --hop-AvatarGroup-display: flex;
545
547
  --hop-AvatarGroup-align-items: center;
546
548
  display: var(--hop-AvatarGroup-display);
547
549
  align-items: var(--hop-AvatarGroup-align-items);
548
550
  }
549
- .AvatarGroup-module__hop-AvatarGroup--wrap___tsEzR {
551
+ .AvatarGroup-module__hop-AvatarGroup--wrap___mRuRE {
550
552
  flex-wrap: wrap;
551
553
  }
552
- .AvatarGroup-module__hop-AvatarGroup--xs___YKU8h {
554
+ .AvatarGroup-module__hop-AvatarGroup--xs___--hN8 {
553
555
  --gap: -0.125rem;
554
556
  }
555
- .AvatarGroup-module__hop-AvatarGroup--sm___zp7nJ {
557
+ .AvatarGroup-module__hop-AvatarGroup--sm___vsJQx {
556
558
  --gap: -0.25rem;
557
559
  }
558
- .AvatarGroup-module__hop-AvatarGroup--md___NwzSX {
560
+ .AvatarGroup-module__hop-AvatarGroup--md___oElc4 {
559
561
  --gap: -0.5rem;
560
562
  }
561
- .AvatarGroup-module__hop-AvatarGroup--lg___l182h {
563
+ .AvatarGroup-module__hop-AvatarGroup--lg___ghzgQ {
562
564
  --gap: -1rem;
563
565
  }
564
- .AvatarGroup-module__hop-AvatarGroup--xl___JAI71 {
566
+ .AvatarGroup-module__hop-AvatarGroup--xl___k05h5 {
565
567
  --gap: -1rem;
566
568
  }
567
- .AvatarGroup-module__hop-AvatarGroup--2xl___DbOKX {
569
+ .AvatarGroup-module__hop-AvatarGroup--2xl___MYySk {
568
570
  --gap: -2rem;
569
571
  }
570
- .AvatarGroup-module__hop-AvatarGroup__avatar___Uy6Kp {
572
+ .AvatarGroup-module__hop-AvatarGroup__avatar___qVUy0 {
571
573
  margin-inline-start: var(--gap);
572
574
  transition: margin var(--hop-easing-duration-2);
573
575
  }
574
- .AvatarGroup-module__hop-AvatarGroup__avatar___Uy6Kp:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___Uy6Kp {
576
+ .AvatarGroup-module__hop-AvatarGroup__avatar___qVUy0:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___qVUy0 {
575
577
  margin-inline-start: 0;
576
578
  }
577
- .AvatarGroup-module__hop-AvatarGroup__avatar___Uy6Kp:first-child {
579
+ .AvatarGroup-module__hop-AvatarGroup__avatar___qVUy0:first-child {
578
580
  margin-inline-start: 0;
579
581
  }
580
- .AvatarGroup-module__hop-AvatarGroup__label___q--5V {
582
+ .AvatarGroup-module__hop-AvatarGroup__label___qcr7N {
581
583
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
582
584
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
583
585
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -589,7 +591,7 @@
589
591
  font-weight: var(--hop-AvatarGroup-label-font-weight);
590
592
  line-height: var(--hop-AvatarGroup-label-line-height);
591
593
  }
592
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___c4-Of {
594
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___DiQdH {
593
595
  --hop-AvatarGroup__hiddenAvatar-display: flex;
594
596
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
595
597
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -607,21 +609,21 @@
607
609
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
608
610
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
609
611
  }
610
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___c4-Of:not(:last-child) {
612
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___DiQdH:not(:last-child) {
611
613
  margin-block-end: 0.25rem;
612
614
  }
613
- .AvatarGroup-module__hop-AvatarGroup--start___naEQ8 {
615
+ .AvatarGroup-module__hop-AvatarGroup--start___8AW2V {
614
616
  justify-content: flex-start;
615
617
  }
616
- .AvatarGroup-module__hop-AvatarGroup--end___SuuMq {
618
+ .AvatarGroup-module__hop-AvatarGroup--end___a-Ohi {
617
619
  justify-content: flex-end;
618
620
  }
619
- .AvatarGroup-module__hop-AvatarGroup--center___Yxufn {
621
+ .AvatarGroup-module__hop-AvatarGroup--center___7dnIJ {
620
622
  justify-content: center;
621
623
  }
622
624
 
623
625
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
624
- .Badge-module__hop-Badge___D14De {
626
+ .Badge-module__hop-Badge___b8VPd {
625
627
  --hop-Badge-height: 1.5rem;
626
628
  --hop-Badge-width: max-content;
627
629
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -671,67 +673,67 @@
671
673
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
672
674
  border-radius: var(--border-radius);
673
675
  }
674
- .Badge-module__hop-Badge--primary___hA1vB {
676
+ .Badge-module__hop-Badge--primary___Ta-9b {
675
677
  --background-color: var(--hop-Badge-primary-background-color);
676
678
  --text-color: var(--hop-Badge-primary-text-color);
677
679
  }
678
- .Badge-module__hop-Badge--primary___hA1vB[data-hovered] {
680
+ .Badge-module__hop-Badge--primary___Ta-9b[data-hovered] {
679
681
  --background-color: var(--hop-Badge-primary-background-color-hovered);
680
682
  --text-color: var(--hop-Badge-primary-text-color-hovered);
681
683
  }
682
- .Badge-module__hop-Badge--primary___hA1vB[data-pressed] {
684
+ .Badge-module__hop-Badge--primary___Ta-9b[data-pressed] {
683
685
  --background-color: var(--hop-Badge-primary-background-color-pressed);
684
686
  --text-color: var(--hop-Badge-primary-text-color-pressed);
685
687
  }
686
- .Badge-module__hop-Badge--primary___hA1vB[data-selected] {
688
+ .Badge-module__hop-Badge--primary___Ta-9b[data-selected] {
687
689
  --background-color: var(--hop-Badge-primary-background-color-selected);
688
690
  --text-color: var(--hop-Badge-primary-text-color-selected);
689
691
  }
690
- .Badge-module__hop-Badge--secondary___pYNSh {
692
+ .Badge-module__hop-Badge--secondary___i-xIX {
691
693
  --background-color: var(--hop-Badge-secondary-background-color);
692
694
  --text-color: var(--hop-Badge-secondary-text-color);
693
695
  }
694
- .Badge-module__hop-Badge--secondary___pYNSh[data-hovered] {
696
+ .Badge-module__hop-Badge--secondary___i-xIX[data-hovered] {
695
697
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
696
698
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
697
699
  }
698
- .Badge-module__hop-Badge--secondary___pYNSh[data-pressed] {
700
+ .Badge-module__hop-Badge--secondary___i-xIX[data-pressed] {
699
701
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
700
702
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
701
703
  }
702
- .Badge-module__hop-Badge--secondary___pYNSh[data-selected] {
704
+ .Badge-module__hop-Badge--secondary___i-xIX[data-selected] {
703
705
  --background-color: var(--hop-Badge-secondary-background-color-selected);
704
706
  --text-color: var(--hop-Badge-secondary-text-color-selected);
705
707
  }
706
- .Badge-module__hop-Badge--subdued___rC0U1 {
708
+ .Badge-module__hop-Badge--subdued___zMzRz {
707
709
  --background-color: var(--hop-Badge-subdued-background-color);
708
710
  --text-color: var(--hop-Badge-subdued-text-color);
709
711
  }
710
- .Badge-module__hop-Badge--subdued___rC0U1[data-hovered] {
712
+ .Badge-module__hop-Badge--subdued___zMzRz[data-hovered] {
711
713
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
712
714
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
713
715
  }
714
- .Badge-module__hop-Badge--subdued___rC0U1[data-pressed] {
716
+ .Badge-module__hop-Badge--subdued___zMzRz[data-pressed] {
715
717
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
716
718
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
717
719
  }
718
- .Badge-module__hop-Badge--subdued___rC0U1[data-selected] {
720
+ .Badge-module__hop-Badge--subdued___zMzRz[data-selected] {
719
721
  --background-color: var(--hop-Badge-subdued-background-color-selected);
720
722
  --text-color: var(--hop-Badge-subdued-text-color-selected);
721
723
  }
722
- .Badge-module__hop-Badge___D14De[data-indeterminate] {
724
+ .Badge-module__hop-Badge___b8VPd[data-indeterminate] {
723
725
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
724
726
  --height: var(--hop-Badge-indeterminate-height);
725
727
  --width: var(--hop-Badge-indeterminate-width);
726
728
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
727
729
  }
728
- .Badge-module__hop-Badge___D14De[data-disabled] {
730
+ .Badge-module__hop-Badge___b8VPd[data-disabled] {
729
731
  --background-color: var(--hop-Badge-background-color-disabled);
730
732
  --text-color: var(--hop-Badge-text-color-disabled);
731
733
  }
732
734
 
733
735
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
734
- .FloatingBadge-module__hop-FloatingBadge___SHKdr {
736
+ .FloatingBadge-module__hop-FloatingBadge___A30EU {
735
737
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
736
738
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
737
739
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -772,7 +774,7 @@
772
774
  box-sizing: border-box;
773
775
  inline-size: max-content;
774
776
  }
775
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="top right"] {
777
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="top right"] {
776
778
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
777
779
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
778
780
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -780,11 +782,11 @@
780
782
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
781
783
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
782
784
  }
783
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="top right"][data-overlap=circular] {
785
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="top right"][data-overlap=circular] {
784
786
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
785
787
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
786
788
  }
787
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="top left"] {
789
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="top left"] {
788
790
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
789
791
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
790
792
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -792,11 +794,11 @@
792
794
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
793
795
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
794
796
  }
795
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="top left"][data-overlap=circular] {
797
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="top left"][data-overlap=circular] {
796
798
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
797
799
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
798
800
  }
799
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="bottom right"] {
801
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="bottom right"] {
800
802
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
801
803
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
802
804
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -804,11 +806,11 @@
804
806
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
805
807
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
806
808
  }
807
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="bottom right"][data-overlap=circular] {
809
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="bottom right"][data-overlap=circular] {
808
810
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
809
811
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
810
812
  }
811
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="bottom left"] {
813
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="bottom left"] {
812
814
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
813
815
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
814
816
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -816,11 +818,11 @@
816
818
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
817
819
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
818
820
  }
819
- .FloatingBadge-module__hop-FloatingBadge___SHKdr[data-placement="bottom left"][data-overlap=circular] {
821
+ .FloatingBadge-module__hop-FloatingBadge___A30EU[data-placement="bottom left"][data-overlap=circular] {
820
822
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
821
823
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
822
824
  }
823
- .FloatingBadge-module__hop-FloatingBadge__badge___7dlR3 {
825
+ .FloatingBadge-module__hop-FloatingBadge__badge___P3egh {
824
826
  position: absolute;
825
827
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
826
828
  transform-origin: var(--badge-transform-origin);
@@ -828,7 +830,7 @@
828
830
  }
829
831
 
830
832
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
831
- .IconList-module__hop-IconList___OYSbE {
833
+ .IconList-module__hop-IconList___T-a1- {
832
834
  --hop-IconList-gap: var(--hop-space-inline-xs);
833
835
  display: flex;
834
836
  flex-wrap: wrap;
@@ -837,7 +839,7 @@
837
839
  }
838
840
 
839
841
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
840
- .Checkbox-module__hop-Checkbox___v0Z6K {
842
+ .Checkbox-module__hop-Checkbox___hKRjw {
841
843
  --hop-Checkbox-box-border-size: 0.0625rem;
842
844
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
843
845
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -912,60 +914,60 @@
912
914
  inline-size: max-content;
913
915
  max-inline-size: 100%;
914
916
  }
915
- .Checkbox-module__hop-Checkbox___v0Z6K[data-focus-visible] {
917
+ .Checkbox-module__hop-Checkbox___hKRjw[data-focus-visible] {
916
918
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
917
919
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
918
920
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
919
921
  --text-color: var(--hop-Checkbox-text-color-focused);
920
922
  --icon-color: var(--hop-Checkbox-icon-color-focused);
921
923
  }
922
- .Checkbox-module__hop-Checkbox___v0Z6K[data-hovered] {
924
+ .Checkbox-module__hop-Checkbox___hKRjw[data-hovered] {
923
925
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
924
926
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
925
927
  --text-color: var(--hop-Checkbox-text-color-hovered);
926
928
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
927
929
  }
928
- .Checkbox-module__hop-Checkbox___v0Z6K[data-pressed] {
930
+ .Checkbox-module__hop-Checkbox___hKRjw[data-pressed] {
929
931
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
930
932
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
931
933
  --text-color: var(--hop-Checkbox-text-color-pressed);
932
934
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
933
935
  }
934
- .Checkbox-module__hop-Checkbox___v0Z6K[data-selected] {
936
+ .Checkbox-module__hop-Checkbox___hKRjw[data-selected] {
935
937
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
936
938
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
937
939
  --check-display: var(--hop-Checkbox-check-display-selected);
938
940
  --text-color: var(--hop-Checkbox-text-color-selected);
939
941
  --icon-color: var(--hop-Checkbox-icon-color-selected);
940
942
  }
941
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid] {
943
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid] {
942
944
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
943
945
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
944
946
  --check-color: var(--hop-Checkbox-check-color-invalid);
945
947
  --text-color: var(--hop-Checkbox-text-color-invalid);
946
948
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
947
949
  }
948
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid]:where([data-focus-visible]) {
950
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid]:where([data-focus-visible]) {
949
951
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
950
952
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
951
953
  }
952
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid]:where([data-hovered]) {
954
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid]:where([data-hovered]) {
953
955
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
954
956
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
955
957
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
956
958
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
957
959
  }
958
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid]:where([data-pressed]) {
960
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid]:where([data-pressed]) {
959
961
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
960
962
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
961
963
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
962
964
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
963
965
  }
964
- .Checkbox-module__hop-Checkbox___v0Z6K:where([data-invalid])[data-selected] {
966
+ .Checkbox-module__hop-Checkbox___hKRjw:where([data-invalid])[data-selected] {
965
967
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
966
968
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
967
969
  }
968
- .Checkbox-module__hop-Checkbox___v0Z6K[data-disabled] {
970
+ .Checkbox-module__hop-Checkbox___hKRjw[data-disabled] {
969
971
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
970
972
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
971
973
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -973,25 +975,25 @@
973
975
  --text-color: var(--hop-Checkbox-text-color-disabled);
974
976
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
975
977
  }
976
- .Checkbox-module__hop-Checkbox--sm___W2WkF {
978
+ .Checkbox-module__hop-Checkbox--sm___75-zc {
977
979
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
978
980
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
979
981
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
980
982
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
981
983
  }
982
- .Checkbox-module__hop-Checkbox--md___K7fba {
984
+ .Checkbox-module__hop-Checkbox--md___abGun {
983
985
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
984
986
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
985
987
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
986
988
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
987
989
  }
988
- .Checkbox-module__hop-Checkbox__icon___4gN5A,
989
- .Checkbox-module__hop-Checkbox__icon-list___KYP1C {
990
+ .Checkbox-module__hop-Checkbox__icon___I-AWC,
991
+ .Checkbox-module__hop-Checkbox__icon-list___i3bFN {
990
992
  flex: 0 0 auto;
991
993
  order: 3;
992
994
  color: var(--icon-color);
993
995
  }
994
- .Checkbox-module__hop-Checkbox__box___v4oQy {
996
+ .Checkbox-module__hop-Checkbox__box___VJxMe {
995
997
  display: flex;
996
998
  flex: 0 0 auto;
997
999
  align-items: center;
@@ -1007,11 +1009,11 @@
1007
1009
  outline-offset: 0.125rem;
1008
1010
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1009
1011
  }
1010
- .Checkbox-module__hop-Checkbox__check___xuVyE {
1012
+ .Checkbox-module__hop-Checkbox__check___E2fKY {
1011
1013
  display: var(--check-display);
1012
1014
  color: var(--check-color);
1013
1015
  }
1014
- .Checkbox-module__hop-Checkbox__text___xB-l2 {
1016
+ .Checkbox-module__hop-Checkbox__text___VcMYz {
1015
1017
  flex: 0 1 auto;
1016
1018
  order: 2;
1017
1019
  min-inline-size: 0;
@@ -1021,7 +1023,7 @@
1021
1023
  }
1022
1024
 
1023
1025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1024
- .CheckboxField-module__hop-CheckboxField___jw9-r {
1026
+ .CheckboxField-module__hop-CheckboxField___iRKYD {
1025
1027
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1026
1028
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1027
1029
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1040,28 +1042,28 @@
1040
1042
  inline-size: max-content;
1041
1043
  max-inline-size: 100%;
1042
1044
  }
1043
- .CheckboxField-module__hop-CheckboxField___jw9-r[data-disabled] {
1045
+ .CheckboxField-module__hop-CheckboxField___iRKYD[data-disabled] {
1044
1046
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1045
1047
  }
1046
- .CheckboxField-module__hop-CheckboxField--sm___oqRov {
1048
+ .CheckboxField-module__hop-CheckboxField--sm___qEr-k {
1047
1049
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1048
1050
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1049
1051
  }
1050
- .CheckboxField-module__hop-CheckboxField--md___E8REi {
1052
+ .CheckboxField-module__hop-CheckboxField--md___H056t {
1051
1053
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1052
1054
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1053
1055
  }
1054
- .CheckboxField-module__hop-CheckboxField__description___BAVSu {
1056
+ .CheckboxField-module__hop-CheckboxField__description___qG7T6 {
1055
1057
  order: 2;
1056
1058
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1057
1059
  color: var(--description-color);
1058
1060
  }
1059
- .CheckboxField-module__hop-CheckboxField__checkbox___P5pqX {
1061
+ .CheckboxField-module__hop-CheckboxField__checkbox___Ft9qC {
1060
1062
  order: 1;
1061
1063
  }
1062
1064
 
1063
1065
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1064
- .ErrorMessage-module__hop-ErrorMessage___Pypwd {
1066
+ .ErrorMessage-module__hop-ErrorMessage___HH--A {
1065
1067
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1066
1068
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1067
1069
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1078,13 +1080,13 @@
1078
1080
  line-height: var(--hop-ErrorMessage-line-height);
1079
1081
  color: var(--hop-ErrorMessage-color);
1080
1082
  }
1081
- .ErrorMessage-module__hop-ErrorMessage__icon___C1v15 {
1083
+ .ErrorMessage-module__hop-ErrorMessage__icon___XrYIJ {
1082
1084
  flex: 0 0 auto;
1083
1085
  align-self: flex-start;
1084
1086
  }
1085
1087
 
1086
1088
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1087
- .HelperMessage-module__hop-HelperMessage___fepW1 {
1089
+ .HelperMessage-module__hop-HelperMessage___6g7yP {
1088
1090
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1089
1091
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1090
1092
  display: flex;
@@ -1093,13 +1095,13 @@
1093
1095
  box-sizing: border-box;
1094
1096
  color: var(--hop-HelperMessage-color);
1095
1097
  }
1096
- .HelperMessage-module__hop-HelperMessage__icon___6VX-U {
1098
+ .HelperMessage-module__hop-HelperMessage__icon___VRfYC {
1097
1099
  flex: 0 0 auto;
1098
1100
  align-self: flex-start;
1099
1101
  }
1100
1102
 
1101
1103
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1102
- .CheckboxGroup-module__hop-CheckboxGroup___EmKDe {
1104
+ .CheckboxGroup-module__hop-CheckboxGroup___Cq4ys {
1103
1105
  --hop-CheckboxGroup-align-items: flex-start;
1104
1106
  --hop-CheckboxGroup-justify-content: flex-start;
1105
1107
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1138,46 +1140,46 @@
1138
1140
  inline-size: max-content;
1139
1141
  max-inline-size: 100%;
1140
1142
  }
1141
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ov-jm {
1143
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___tTUiK {
1142
1144
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1143
1145
  --list-border-radius: var(--hop-shape-rounded-md);
1144
1146
  }
1145
- .CheckboxGroup-module__hop-CheckboxGroup--sm___XeCa5 {
1147
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___lrjHe {
1146
1148
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1147
1149
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1148
1150
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1149
1151
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1150
1152
  }
1151
- .CheckboxGroup-module__hop-CheckboxGroup--md___XI-Jv {
1153
+ .CheckboxGroup-module__hop-CheckboxGroup--md___tUoo2 {
1152
1154
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1153
1155
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1154
1156
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1155
1157
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1156
1158
  }
1157
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ov-jm.CheckboxGroup-module__hop-CheckboxGroup--sm___XeCa5 {
1159
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___tTUiK.CheckboxGroup-module__hop-CheckboxGroup--sm___lrjHe {
1158
1160
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1159
1161
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1160
1162
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1161
1163
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1162
1164
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1163
1165
  }
1164
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ov-jm.CheckboxGroup-module__hop-CheckboxGroup--md___XI-Jv {
1166
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___tTUiK.CheckboxGroup-module__hop-CheckboxGroup--md___tUoo2 {
1165
1167
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1166
1168
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1167
1169
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1168
1170
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1169
1171
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1170
1172
  }
1171
- .CheckboxGroup-module__hop-CheckboxGroup___EmKDe[data-orientation=horizontal] {
1173
+ .CheckboxGroup-module__hop-CheckboxGroup___Cq4ys[data-orientation=horizontal] {
1172
1174
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1173
1175
  }
1174
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ov-jm[data-orientation=horizontal] {
1176
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___tTUiK[data-orientation=horizontal] {
1175
1177
  --flex-wrap: nowrap;
1176
1178
  }
1177
- .CheckboxGroup-module__hop-CheckboxGroup___EmKDe > .CheckboxGroup-module__hop-CheckboxGroup__label___HxK5- {
1179
+ .CheckboxGroup-module__hop-CheckboxGroup___Cq4ys > .CheckboxGroup-module__hop-CheckboxGroup__label___dXGEt {
1178
1180
  order: 1;
1179
1181
  }
1180
- .CheckboxGroup-module__hop-CheckboxGroup__list___eqT9y {
1182
+ .CheckboxGroup-module__hop-CheckboxGroup__list___DyVF0 {
1181
1183
  display: flex;
1182
1184
  flex-flow: var(--flex-direction) var(--flex-wrap);
1183
1185
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1188,7 +1190,7 @@
1188
1190
  border: var(--list-border, none);
1189
1191
  border-radius: var(--list-border-radius, 0);
1190
1192
  }
1191
- .CheckboxGroup-module__hop-CheckboxGroup__list___eqT9y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dBnhk {
1193
+ .CheckboxGroup-module__hop-CheckboxGroup__list___DyVF0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3VSSl {
1192
1194
  position: relative;
1193
1195
  flex: 0 1 auto;
1194
1196
  align-content: start;
@@ -1196,28 +1198,28 @@
1196
1198
  min-inline-size: 0;
1197
1199
  padding: var(--checkbox-padding, 0);
1198
1200
  }
1199
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ov-jm .CheckboxGroup-module__hop-CheckboxGroup__list___eqT9y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dBnhk ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dBnhk::before {
1201
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___tTUiK .CheckboxGroup-module__hop-CheckboxGroup__list___DyVF0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3VSSl ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3VSSl::before {
1200
1202
  content: "";
1201
1203
  position: absolute;
1202
1204
  display: block;
1203
1205
  }
1204
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ov-jm[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___eqT9y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dBnhk ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dBnhk::before {
1206
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___tTUiK[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___DyVF0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3VSSl ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3VSSl::before {
1205
1207
  inset-block-start: 0;
1206
1208
  inset-inline: 0;
1207
1209
  border-block-start: var(--list-border, none);
1208
1210
  }
1209
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ov-jm[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___eqT9y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dBnhk ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dBnhk::before {
1211
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___tTUiK[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___DyVF0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3VSSl ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3VSSl::before {
1210
1212
  inset-block: 0;
1211
1213
  inset-inline-start: 0;
1212
1214
  border-inline-start: var(--list-border, none);
1213
1215
  }
1214
- .CheckboxGroup-module__hop-CheckboxGroup___EmKDe > .CheckboxGroup-module__hop-CheckboxGroup__error-message___L38HE,
1215
- .CheckboxGroup-module__hop-CheckboxGroup___EmKDe > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___y4cvj {
1216
+ .CheckboxGroup-module__hop-CheckboxGroup___Cq4ys > .CheckboxGroup-module__hop-CheckboxGroup__error-message___yqQis,
1217
+ .CheckboxGroup-module__hop-CheckboxGroup___Cq4ys > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___OeEZd {
1216
1218
  order: 3;
1217
1219
  }
1218
1220
 
1219
1221
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1220
- .Checkbox-module__hop-Checkbox___v0Z6K {
1222
+ .Checkbox-module__hop-Checkbox___hKRjw {
1221
1223
  --hop-Checkbox-box-border-size: 0.0625rem;
1222
1224
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1223
1225
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1292,60 +1294,60 @@
1292
1294
  inline-size: max-content;
1293
1295
  max-inline-size: 100%;
1294
1296
  }
1295
- .Checkbox-module__hop-Checkbox___v0Z6K[data-focus-visible] {
1297
+ .Checkbox-module__hop-Checkbox___hKRjw[data-focus-visible] {
1296
1298
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1297
1299
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1298
1300
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1299
1301
  --text-color: var(--hop-Checkbox-text-color-focused);
1300
1302
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1301
1303
  }
1302
- .Checkbox-module__hop-Checkbox___v0Z6K[data-hovered] {
1304
+ .Checkbox-module__hop-Checkbox___hKRjw[data-hovered] {
1303
1305
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1304
1306
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1305
1307
  --text-color: var(--hop-Checkbox-text-color-hovered);
1306
1308
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1307
1309
  }
1308
- .Checkbox-module__hop-Checkbox___v0Z6K[data-pressed] {
1310
+ .Checkbox-module__hop-Checkbox___hKRjw[data-pressed] {
1309
1311
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1310
1312
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1311
1313
  --text-color: var(--hop-Checkbox-text-color-pressed);
1312
1314
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1313
1315
  }
1314
- .Checkbox-module__hop-Checkbox___v0Z6K[data-selected] {
1316
+ .Checkbox-module__hop-Checkbox___hKRjw[data-selected] {
1315
1317
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1316
1318
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1317
1319
  --check-display: var(--hop-Checkbox-check-display-selected);
1318
1320
  --text-color: var(--hop-Checkbox-text-color-selected);
1319
1321
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1320
1322
  }
1321
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid] {
1323
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid] {
1322
1324
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1323
1325
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1324
1326
  --check-color: var(--hop-Checkbox-check-color-invalid);
1325
1327
  --text-color: var(--hop-Checkbox-text-color-invalid);
1326
1328
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1327
1329
  }
1328
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid]:where([data-focus-visible]) {
1330
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid]:where([data-focus-visible]) {
1329
1331
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1330
1332
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1331
1333
  }
1332
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid]:where([data-hovered]) {
1334
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid]:where([data-hovered]) {
1333
1335
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1334
1336
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1335
1337
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1336
1338
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1337
1339
  }
1338
- .Checkbox-module__hop-Checkbox___v0Z6K[data-invalid]:where([data-pressed]) {
1340
+ .Checkbox-module__hop-Checkbox___hKRjw[data-invalid]:where([data-pressed]) {
1339
1341
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1340
1342
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1341
1343
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1342
1344
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1343
1345
  }
1344
- .Checkbox-module__hop-Checkbox___v0Z6K:where([data-invalid])[data-selected] {
1346
+ .Checkbox-module__hop-Checkbox___hKRjw:where([data-invalid])[data-selected] {
1345
1347
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1346
1348
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1347
1349
  }
1348
- .Checkbox-module__hop-Checkbox___v0Z6K[data-disabled] {
1350
+ .Checkbox-module__hop-Checkbox___hKRjw[data-disabled] {
1349
1351
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1350
1352
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1351
1353
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1353,25 +1355,25 @@
1353
1355
  --text-color: var(--hop-Checkbox-text-color-disabled);
1354
1356
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1355
1357
  }
1356
- .Checkbox-module__hop-Checkbox--sm___W2WkF {
1358
+ .Checkbox-module__hop-Checkbox--sm___75-zc {
1357
1359
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1358
1360
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1359
1361
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1360
1362
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1361
1363
  }
1362
- .Checkbox-module__hop-Checkbox--md___K7fba {
1364
+ .Checkbox-module__hop-Checkbox--md___abGun {
1363
1365
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1364
1366
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1365
1367
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1366
1368
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1367
1369
  }
1368
- .Checkbox-module__hop-Checkbox__icon___4gN5A,
1369
- .Checkbox-module__hop-Checkbox__icon-list___KYP1C {
1370
+ .Checkbox-module__hop-Checkbox__icon___I-AWC,
1371
+ .Checkbox-module__hop-Checkbox__icon-list___i3bFN {
1370
1372
  flex: 0 0 auto;
1371
1373
  order: 3;
1372
1374
  color: var(--icon-color);
1373
1375
  }
1374
- .Checkbox-module__hop-Checkbox__box___v4oQy {
1376
+ .Checkbox-module__hop-Checkbox__box___VJxMe {
1375
1377
  display: flex;
1376
1378
  flex: 0 0 auto;
1377
1379
  align-items: center;
@@ -1387,11 +1389,11 @@
1387
1389
  outline-offset: 0.125rem;
1388
1390
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1389
1391
  }
1390
- .Checkbox-module__hop-Checkbox__check___xuVyE {
1392
+ .Checkbox-module__hop-Checkbox__check___E2fKY {
1391
1393
  display: var(--check-display);
1392
1394
  color: var(--check-color);
1393
1395
  }
1394
- .Checkbox-module__hop-Checkbox__text___xB-l2 {
1396
+ .Checkbox-module__hop-Checkbox__text___VcMYz {
1395
1397
  flex: 0 1 auto;
1396
1398
  order: 2;
1397
1399
  min-inline-size: 0;
@@ -1399,24 +1401,24 @@
1399
1401
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1400
1402
  color: var(--text-color);
1401
1403
  }
1402
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___6YlES {
1404
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___X3QPc {
1403
1405
  }
1404
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___B7zby {
1406
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___tbJeU {
1405
1407
  }
1406
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___KoHL- {
1408
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Xk50U {
1407
1409
  }
1408
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___jK4EP,
1409
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___VDEWU {
1410
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___RbDyx,
1411
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___hCL5y {
1410
1412
  }
1411
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___v6ob7 {
1413
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___QQb9G {
1412
1414
  }
1413
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___AG8cP {
1415
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___6v4ee {
1414
1416
  }
1415
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___lXrLl {
1417
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ZXUYj {
1416
1418
  }
1417
1419
 
1418
1420
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1419
- .Radio-module__hop-Radio___-XC2F {
1421
+ .Radio-module__hop-Radio___0gMeM {
1420
1422
  --hop-Radio-box-border-size: 0.0625rem;
1421
1423
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1422
1424
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1490,60 +1492,60 @@
1490
1492
  inline-size: max-content;
1491
1493
  max-inline-size: 100%;
1492
1494
  }
1493
- .Radio-module__hop-Radio___-XC2F[data-focus-visible] {
1495
+ .Radio-module__hop-Radio___0gMeM[data-focus-visible] {
1494
1496
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1495
1497
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1496
1498
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1497
1499
  --text-color: var(--hop-Radio-text-color-focused);
1498
1500
  --icon-color: var(--hop-Radio-icon-color-focused);
1499
1501
  }
1500
- .Radio-module__hop-Radio___-XC2F[data-hovered] {
1502
+ .Radio-module__hop-Radio___0gMeM[data-hovered] {
1501
1503
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1502
1504
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1503
1505
  --text-color: var(--hop-Radio-text-color-hovered);
1504
1506
  --icon-color: var(--hop-Radio-icon-color-hovered);
1505
1507
  }
1506
- .Radio-module__hop-Radio___-XC2F[data-pressed] {
1508
+ .Radio-module__hop-Radio___0gMeM[data-pressed] {
1507
1509
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1508
1510
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1509
1511
  --text-color: var(--hop-Radio-text-color-pressed);
1510
1512
  --icon-color: var(--hop-Radio-icon-color-pressed);
1511
1513
  }
1512
- .Radio-module__hop-Radio___-XC2F[data-selected] {
1514
+ .Radio-module__hop-Radio___0gMeM[data-selected] {
1513
1515
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1514
1516
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1515
1517
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1516
1518
  --text-color: var(--hop-Radio-text-color-selected);
1517
1519
  --icon-color: var(--hop-Radio-icon-color-selected);
1518
1520
  }
1519
- .Radio-module__hop-Radio___-XC2F[data-invalid] {
1521
+ .Radio-module__hop-Radio___0gMeM[data-invalid] {
1520
1522
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1521
1523
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1522
1524
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1523
1525
  --text-color: var(--hop-Radio-text-color-invalid);
1524
1526
  --icon-color: var(--hop-Radio-icon-color-invalid);
1525
1527
  }
1526
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-focus-visible] {
1528
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-focus-visible] {
1527
1529
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1528
1530
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1529
1531
  }
1530
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-hovered] {
1532
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-hovered] {
1531
1533
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1532
1534
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1533
1535
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1534
1536
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1535
1537
  }
1536
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-pressed] {
1538
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-pressed] {
1537
1539
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1538
1540
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1539
1541
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1540
1542
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1541
1543
  }
1542
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-selected] {
1544
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-selected] {
1543
1545
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1544
1546
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1545
1547
  }
1546
- .Radio-module__hop-Radio___-XC2F[data-disabled] {
1548
+ .Radio-module__hop-Radio___0gMeM[data-disabled] {
1547
1549
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1548
1550
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1549
1551
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1551,25 +1553,25 @@
1551
1553
  --text-color: var(--hop-Radio-text-color-disabled);
1552
1554
  --icon-color: var(--hop-Radio-icon-color-disabled);
1553
1555
  }
1554
- .Radio-module__hop-Radio--sm___z-nBH {
1556
+ .Radio-module__hop-Radio--sm___Br-3q {
1555
1557
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1556
1558
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1557
1559
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1558
1560
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1559
1561
  }
1560
- .Radio-module__hop-Radio--md___xhCx4 {
1562
+ .Radio-module__hop-Radio--md___7i-Gw {
1561
1563
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1562
1564
  --box-block-size: var(--hop-Radio-box-md-block-size);
1563
1565
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1564
1566
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1565
1567
  }
1566
- .Radio-module__hop-Radio__icon___JfRlM,
1567
- .Radio-module__hop-Radio__icon-list___KrUDb {
1568
+ .Radio-module__hop-Radio__icon___BnAVv,
1569
+ .Radio-module__hop-Radio__icon-list___t2CnA {
1568
1570
  flex: 0 0 auto;
1569
1571
  order: 3;
1570
1572
  color: var(--icon-color);
1571
1573
  }
1572
- .Radio-module__hop-Radio__box___fCl2f {
1574
+ .Radio-module__hop-Radio__box___vIIpo {
1573
1575
  display: flex;
1574
1576
  flex: 0 0 auto;
1575
1577
  align-items: center;
@@ -1585,11 +1587,11 @@
1585
1587
  outline-offset: 0.125rem;
1586
1588
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1587
1589
  }
1588
- .Radio-module__hop-Radio__bullet___MJTmT {
1590
+ .Radio-module__hop-Radio__bullet___Wty0Z {
1589
1591
  display: var(--bullet-display);
1590
1592
  color: var(--bullet-color);
1591
1593
  }
1592
- .Radio-module__hop-Radio__text___YB4DT {
1594
+ .Radio-module__hop-Radio__text___Mtra- {
1593
1595
  flex: 0 1 auto;
1594
1596
  order: 2;
1595
1597
  min-inline-size: 0;
@@ -1597,24 +1599,24 @@
1597
1599
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1598
1600
  color: var(--text-color);
1599
1601
  }
1600
- .DecorativeRadio-module__hop-DecorativeRadio___5OqPw {
1602
+ .DecorativeRadio-module__hop-DecorativeRadio___feB3Q {
1601
1603
  }
1602
- .DecorativeRadio-module__hop-DecorativeRadio--sm___4ewuQ {
1604
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___Psrhl {
1603
1605
  }
1604
- .DecorativeRadio-module__hop-DecorativeRadio--md___pSjOB {
1606
+ .DecorativeRadio-module__hop-DecorativeRadio--md___EA9uF {
1605
1607
  }
1606
- .DecorativeRadio-module__hop-DecorativeRadio__icon___QLaju,
1607
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___w7dEN {
1608
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___7AB9m,
1609
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___yvxqo {
1608
1610
  }
1609
- .DecorativeRadio-module__hop-DecorativeRadio__box___YHHNR {
1611
+ .DecorativeRadio-module__hop-DecorativeRadio__box___IxYoQ {
1610
1612
  }
1611
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___x7Xox {
1613
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___ac8JX {
1612
1614
  }
1613
- .DecorativeRadio-module__hop-DecorativeRadio__text___cICb5 {
1615
+ .DecorativeRadio-module__hop-DecorativeRadio__text___4z0C0 {
1614
1616
  }
1615
1617
 
1616
1618
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1617
- .Radio-module__hop-Radio___-XC2F {
1619
+ .Radio-module__hop-Radio___0gMeM {
1618
1620
  --hop-Radio-box-border-size: 0.0625rem;
1619
1621
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1620
1622
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1688,60 +1690,60 @@
1688
1690
  inline-size: max-content;
1689
1691
  max-inline-size: 100%;
1690
1692
  }
1691
- .Radio-module__hop-Radio___-XC2F[data-focus-visible] {
1693
+ .Radio-module__hop-Radio___0gMeM[data-focus-visible] {
1692
1694
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1693
1695
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1694
1696
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1695
1697
  --text-color: var(--hop-Radio-text-color-focused);
1696
1698
  --icon-color: var(--hop-Radio-icon-color-focused);
1697
1699
  }
1698
- .Radio-module__hop-Radio___-XC2F[data-hovered] {
1700
+ .Radio-module__hop-Radio___0gMeM[data-hovered] {
1699
1701
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1700
1702
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1701
1703
  --text-color: var(--hop-Radio-text-color-hovered);
1702
1704
  --icon-color: var(--hop-Radio-icon-color-hovered);
1703
1705
  }
1704
- .Radio-module__hop-Radio___-XC2F[data-pressed] {
1706
+ .Radio-module__hop-Radio___0gMeM[data-pressed] {
1705
1707
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1706
1708
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1707
1709
  --text-color: var(--hop-Radio-text-color-pressed);
1708
1710
  --icon-color: var(--hop-Radio-icon-color-pressed);
1709
1711
  }
1710
- .Radio-module__hop-Radio___-XC2F[data-selected] {
1712
+ .Radio-module__hop-Radio___0gMeM[data-selected] {
1711
1713
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1712
1714
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1713
1715
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1714
1716
  --text-color: var(--hop-Radio-text-color-selected);
1715
1717
  --icon-color: var(--hop-Radio-icon-color-selected);
1716
1718
  }
1717
- .Radio-module__hop-Radio___-XC2F[data-invalid] {
1719
+ .Radio-module__hop-Radio___0gMeM[data-invalid] {
1718
1720
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1719
1721
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1720
1722
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1721
1723
  --text-color: var(--hop-Radio-text-color-invalid);
1722
1724
  --icon-color: var(--hop-Radio-icon-color-invalid);
1723
1725
  }
1724
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-focus-visible] {
1726
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-focus-visible] {
1725
1727
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1726
1728
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1727
1729
  }
1728
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-hovered] {
1730
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-hovered] {
1729
1731
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1730
1732
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1731
1733
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1732
1734
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1733
1735
  }
1734
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-pressed] {
1736
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-pressed] {
1735
1737
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1736
1738
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1737
1739
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1738
1740
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1739
1741
  }
1740
- .Radio-module__hop-Radio___-XC2F:where([data-invalid])[data-selected] {
1742
+ .Radio-module__hop-Radio___0gMeM:where([data-invalid])[data-selected] {
1741
1743
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1742
1744
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1743
1745
  }
1744
- .Radio-module__hop-Radio___-XC2F[data-disabled] {
1746
+ .Radio-module__hop-Radio___0gMeM[data-disabled] {
1745
1747
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1746
1748
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1747
1749
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1749,25 +1751,25 @@
1749
1751
  --text-color: var(--hop-Radio-text-color-disabled);
1750
1752
  --icon-color: var(--hop-Radio-icon-color-disabled);
1751
1753
  }
1752
- .Radio-module__hop-Radio--sm___z-nBH {
1754
+ .Radio-module__hop-Radio--sm___Br-3q {
1753
1755
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1754
1756
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1755
1757
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1756
1758
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1757
1759
  }
1758
- .Radio-module__hop-Radio--md___xhCx4 {
1760
+ .Radio-module__hop-Radio--md___7i-Gw {
1759
1761
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1760
1762
  --box-block-size: var(--hop-Radio-box-md-block-size);
1761
1763
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1762
1764
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1763
1765
  }
1764
- .Radio-module__hop-Radio__icon___JfRlM,
1765
- .Radio-module__hop-Radio__icon-list___KrUDb {
1766
+ .Radio-module__hop-Radio__icon___BnAVv,
1767
+ .Radio-module__hop-Radio__icon-list___t2CnA {
1766
1768
  flex: 0 0 auto;
1767
1769
  order: 3;
1768
1770
  color: var(--icon-color);
1769
1771
  }
1770
- .Radio-module__hop-Radio__box___fCl2f {
1772
+ .Radio-module__hop-Radio__box___vIIpo {
1771
1773
  display: flex;
1772
1774
  flex: 0 0 auto;
1773
1775
  align-items: center;
@@ -1783,11 +1785,11 @@
1783
1785
  outline-offset: 0.125rem;
1784
1786
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1785
1787
  }
1786
- .Radio-module__hop-Radio__bullet___MJTmT {
1788
+ .Radio-module__hop-Radio__bullet___Wty0Z {
1787
1789
  display: var(--bullet-display);
1788
1790
  color: var(--bullet-color);
1789
1791
  }
1790
- .Radio-module__hop-Radio__text___YB4DT {
1792
+ .Radio-module__hop-Radio__text___Mtra- {
1791
1793
  flex: 0 1 auto;
1792
1794
  order: 2;
1793
1795
  min-inline-size: 0;
@@ -1797,7 +1799,7 @@
1797
1799
  }
1798
1800
 
1799
1801
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1800
- .RadioField-module__hop-RadioField___Oj2r3 {
1802
+ .RadioField-module__hop-RadioField___8M2IO {
1801
1803
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1802
1804
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1803
1805
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1816,28 +1818,28 @@
1816
1818
  inline-size: max-content;
1817
1819
  max-inline-size: 100%;
1818
1820
  }
1819
- .RadioField-module__hop-RadioField___Oj2r3[data-disabled] {
1821
+ .RadioField-module__hop-RadioField___8M2IO[data-disabled] {
1820
1822
  --description-color: var(--hop-RadioField-description-color-disabled);
1821
1823
  }
1822
- .RadioField-module__hop-RadioField--sm___CWfjp {
1824
+ .RadioField-module__hop-RadioField--sm___xQXkM {
1823
1825
  --row-gap: var(--hop-RadioField-sm-row-gap);
1824
1826
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1825
1827
  }
1826
- .RadioField-module__hop-RadioField--md___jmt7O {
1828
+ .RadioField-module__hop-RadioField--md___8jaaK {
1827
1829
  --row-gap: var(--hop-RadioField-md-row-gap);
1828
1830
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1829
1831
  }
1830
- .RadioField-module__hop-RadioField__description___B5jS2 {
1832
+ .RadioField-module__hop-RadioField__description___g-0iw {
1831
1833
  order: 2;
1832
1834
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1833
1835
  color: var(--description-color);
1834
1836
  }
1835
- .RadioField-module__hop-RadioField__radio___JoDb7 {
1837
+ .RadioField-module__hop-RadioField__radio___x9OWJ {
1836
1838
  order: 1;
1837
1839
  }
1838
1840
 
1839
1841
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1840
- .RadioGroup-module__hop-RadioGroup___Uto43 {
1842
+ .RadioGroup-module__hop-RadioGroup___UJauS {
1841
1843
  --hop-RadioGroup-align-items: flex-start;
1842
1844
  --hop-RadioGroup-justify-content: flex-start;
1843
1845
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1877,46 +1879,46 @@
1877
1879
  inline-size: var(--inline-size);
1878
1880
  max-inline-size: 100%;
1879
1881
  }
1880
- .RadioGroup-module__hop-RadioGroup--bordered___8R5UO {
1882
+ .RadioGroup-module__hop-RadioGroup--bordered___u-cKE {
1881
1883
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1882
1884
  --list-border-radius: var(--hop-shape-rounded-md);
1883
1885
  }
1884
- .RadioGroup-module__hop-RadioGroup--sm___xOU3I {
1886
+ .RadioGroup-module__hop-RadioGroup--sm___RTyJ4 {
1885
1887
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1886
1888
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1887
1889
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1888
1890
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1889
1891
  }
1890
- .RadioGroup-module__hop-RadioGroup--md___EJ-ti {
1892
+ .RadioGroup-module__hop-RadioGroup--md___RWlAO {
1891
1893
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1892
1894
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1893
1895
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1894
1896
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1895
1897
  }
1896
- .RadioGroup-module__hop-RadioGroup--bordered___8R5UO.RadioGroup-module__hop-RadioGroup--sm___xOU3I {
1898
+ .RadioGroup-module__hop-RadioGroup--bordered___u-cKE.RadioGroup-module__hop-RadioGroup--sm___RTyJ4 {
1897
1899
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1898
1900
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1899
1901
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1900
1902
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1901
1903
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1902
1904
  }
1903
- .RadioGroup-module__hop-RadioGroup--bordered___8R5UO.RadioGroup-module__hop-RadioGroup--md___EJ-ti {
1905
+ .RadioGroup-module__hop-RadioGroup--bordered___u-cKE.RadioGroup-module__hop-RadioGroup--md___RWlAO {
1904
1906
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1905
1907
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1906
1908
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1907
1909
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1908
1910
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1909
1911
  }
1910
- .RadioGroup-module__hop-RadioGroup___Uto43[data-orientation=horizontal] {
1912
+ .RadioGroup-module__hop-RadioGroup___UJauS[data-orientation=horizontal] {
1911
1913
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1912
1914
  }
1913
- .RadioGroup-module__hop-RadioGroup--bordered___8R5UO[data-orientation=horizontal] {
1915
+ .RadioGroup-module__hop-RadioGroup--bordered___u-cKE[data-orientation=horizontal] {
1914
1916
  --flex-wrap: nowrap;
1915
1917
  }
1916
- .RadioGroup-module__hop-RadioGroup___Uto43 > .RadioGroup-module__hop-RadioGroup__label___qirnN {
1918
+ .RadioGroup-module__hop-RadioGroup___UJauS > .RadioGroup-module__hop-RadioGroup__label___5XEyu {
1917
1919
  order: 1;
1918
1920
  }
1919
- .RadioGroup-module__hop-RadioGroup__list___2mCex {
1921
+ .RadioGroup-module__hop-RadioGroup__list___x8JVZ {
1920
1922
  display: flex;
1921
1923
  flex-flow: var(--flex-direction) var(--flex-wrap);
1922
1924
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1927,7 +1929,7 @@
1927
1929
  border: var(--list-border, none);
1928
1930
  border-radius: var(--list-border-radius, 0);
1929
1931
  }
1930
- .RadioGroup-module__hop-RadioGroup__list___2mCex > .RadioGroup-module__hop-RadioGroup__radio___uiGkD {
1932
+ .RadioGroup-module__hop-RadioGroup__list___x8JVZ > .RadioGroup-module__hop-RadioGroup__radio___w9-V4 {
1931
1933
  position: relative;
1932
1934
  flex: 0 1 auto;
1933
1935
  align-content: start;
@@ -1935,28 +1937,28 @@
1935
1937
  min-inline-size: 0;
1936
1938
  padding: var(--radio-padding, 0);
1937
1939
  }
1938
- .RadioGroup-module__hop-RadioGroup--bordered___8R5UO .RadioGroup-module__hop-RadioGroup__list___2mCex > .RadioGroup-module__hop-RadioGroup__radio___uiGkD ~ .RadioGroup-module__hop-RadioGroup__radio___uiGkD::before {
1940
+ .RadioGroup-module__hop-RadioGroup--bordered___u-cKE .RadioGroup-module__hop-RadioGroup__list___x8JVZ > .RadioGroup-module__hop-RadioGroup__radio___w9-V4 ~ .RadioGroup-module__hop-RadioGroup__radio___w9-V4::before {
1939
1941
  content: "";
1940
1942
  position: absolute;
1941
1943
  display: block;
1942
1944
  }
1943
- .RadioGroup-module__hop-RadioGroup--bordered___8R5UO[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___2mCex > .RadioGroup-module__hop-RadioGroup__radio___uiGkD ~ .RadioGroup-module__hop-RadioGroup__radio___uiGkD::before {
1945
+ .RadioGroup-module__hop-RadioGroup--bordered___u-cKE[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___x8JVZ > .RadioGroup-module__hop-RadioGroup__radio___w9-V4 ~ .RadioGroup-module__hop-RadioGroup__radio___w9-V4::before {
1944
1946
  inset-block-start: 0;
1945
1947
  inset-inline: 0;
1946
1948
  border-block-start: var(--list-border, none);
1947
1949
  }
1948
- .RadioGroup-module__hop-RadioGroup--bordered___8R5UO[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___2mCex > .RadioGroup-module__hop-RadioGroup__radio___uiGkD ~ .RadioGroup-module__hop-RadioGroup__radio___uiGkD::before {
1950
+ .RadioGroup-module__hop-RadioGroup--bordered___u-cKE[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___x8JVZ > .RadioGroup-module__hop-RadioGroup__radio___w9-V4 ~ .RadioGroup-module__hop-RadioGroup__radio___w9-V4::before {
1949
1951
  inset-block: 0;
1950
1952
  inset-inline-start: 0;
1951
1953
  border-inline-start: var(--list-border, none);
1952
1954
  }
1953
- .RadioGroup-module__hop-RadioGroup___Uto43 > .RadioGroup-module__hop-RadioGroup__error-message___t33Vz,
1954
- .RadioGroup-module__hop-RadioGroup___Uto43 > .RadioGroup-module__hop-RadioGroup__helper-message___QOAGc {
1955
+ .RadioGroup-module__hop-RadioGroup___UJauS > .RadioGroup-module__hop-RadioGroup__error-message___-30SV,
1956
+ .RadioGroup-module__hop-RadioGroup___UJauS > .RadioGroup-module__hop-RadioGroup__helper-message___8zI-L {
1955
1957
  order: 3;
1956
1958
  }
1957
1959
 
1958
1960
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1959
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___mc9qT {
1961
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___WGNUP {
1960
1962
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1961
1963
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1962
1964
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1982,7 +1984,7 @@
1982
1984
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1983
1985
  background-size: 400% 100%;
1984
1986
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1985
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3AINQ;
1987
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3CUGT;
1986
1988
  animation-duration: var(--animation-duration);
1987
1989
  animation-timing-function: ease-in-out;
1988
1990
  animation-fill-mode: forwards;
@@ -1991,19 +1993,19 @@
1991
1993
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1992
1994
  }
1993
1995
  }
1994
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___I3S7W {
1996
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___pwcR7 {
1995
1997
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1996
1998
  }
1997
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___U2G-a {
1999
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___xU-lj {
1998
2000
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1999
2001
  }
2000
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___AXGrs {
2002
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___qQG6F {
2001
2003
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2002
2004
  }
2003
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___tK8zt {
2005
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___D27ka {
2004
2006
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2005
2007
  }
2006
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3AINQ {
2008
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3CUGT {
2007
2009
  0% {
2008
2010
  background-position: 125% 50%;
2009
2011
  }
@@ -2013,7 +2015,7 @@
2013
2015
  }
2014
2016
 
2015
2017
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
2016
- .ListBoxItem-module__hop-ListBoxItem___M6JPX {
2018
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW {
2017
2019
  --hop-ListBoxItem-background-color: transparent;
2018
2020
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2019
2021
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2110,129 +2112,129 @@
2110
2112
  outline: var(--outline);
2111
2113
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2112
2114
  }
2113
- .ListBoxItem-module__hop-ListBoxItem--xs___lMQn6 {
2115
+ .ListBoxItem-module__hop-ListBoxItem--xs___45sQp {
2114
2116
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2115
2117
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2116
2118
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2117
2119
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2118
2120
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2119
2121
  }
2120
- .ListBoxItem-module__hop-ListBoxItem--sm___LWwR9 {
2122
+ .ListBoxItem-module__hop-ListBoxItem--sm___O5MJR {
2121
2123
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2122
2124
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2123
2125
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2124
2126
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2125
2127
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2126
2128
  }
2127
- .ListBoxItem-module__hop-ListBoxItem--md___Mb0XG {
2129
+ .ListBoxItem-module__hop-ListBoxItem--md___cgiD5 {
2128
2130
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2129
2131
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2130
2132
  --min-height: var(--hop-ListBoxItem-md-min-height);
2131
2133
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2132
2134
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2133
2135
  }
2134
- .ListBoxItem-module__hop-ListBoxItem--lg___HXjau {
2136
+ .ListBoxItem-module__hop-ListBoxItem--lg___PO6Zg {
2135
2137
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2136
2138
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2137
2139
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2138
2140
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2139
2141
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2140
2142
  }
2141
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-selection-mode] {
2143
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-selection-mode] {
2142
2144
  --cursor: pointer;
2143
2145
  }
2144
- .ListBoxItem-module__hop-ListBoxItem___M6JPX:not([data-selection-mode]) {
2146
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW:not([data-selection-mode]) {
2145
2147
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2146
2148
  }
2147
- .ListBoxItem-module__hop-ListBoxItem__inner___jfOO-:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___zsu65) {
2149
+ .ListBoxItem-module__hop-ListBoxItem__inner___9ezZU:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___xbV4Y) {
2148
2150
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2149
2151
  }
2150
- .ListBoxItem-module__hop-ListBoxItem__inner___jfOO-[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___zsu65) {
2152
+ .ListBoxItem-module__hop-ListBoxItem__inner___9ezZU[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___xbV4Y) {
2151
2153
  --checkmark-transition: none;
2152
2154
  }
2153
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-selected] {
2155
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-selected] {
2154
2156
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2155
2157
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2156
2158
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2157
2159
  --checkmark-opacity: 1;
2158
2160
  }
2159
- .ListBoxItem-module__hop-ListBoxItem--xs___lMQn6[data-selected] {
2161
+ .ListBoxItem-module__hop-ListBoxItem--xs___45sQp[data-selected] {
2160
2162
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2161
2163
  }
2162
- .ListBoxItem-module__hop-ListBoxItem--sm___LWwR9[data-selected] {
2164
+ .ListBoxItem-module__hop-ListBoxItem--sm___O5MJR[data-selected] {
2163
2165
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2164
2166
  }
2165
- .ListBoxItem-module__hop-ListBoxItem--md___Mb0XG[data-selected] {
2167
+ .ListBoxItem-module__hop-ListBoxItem--md___cgiD5[data-selected] {
2166
2168
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2167
2169
  }
2168
- .ListBoxItem-module__hop-ListBoxItem--lg___HXjau[data-selected] {
2170
+ .ListBoxItem-module__hop-ListBoxItem--lg___PO6Zg[data-selected] {
2169
2171
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2170
2172
  }
2171
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-focus-visible] {
2173
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-focus-visible] {
2172
2174
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2173
2175
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2174
2176
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2175
2177
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2176
2178
  }
2177
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-hovered] {
2179
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-hovered] {
2178
2180
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2179
2181
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2180
2182
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2181
2183
  }
2182
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-pressed] {
2184
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-pressed] {
2183
2185
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2184
2186
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2185
2187
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2186
2188
  }
2187
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-disabled] {
2189
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-disabled] {
2188
2190
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2189
2191
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2190
2192
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2191
2193
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2192
2194
  --cursor: not-allowed;
2193
2195
  }
2194
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-invalid] {
2196
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-invalid] {
2195
2197
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2196
2198
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2197
2199
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2198
2200
  }
2199
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-invalid][data-selected] {
2201
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-invalid][data-selected] {
2200
2202
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2201
2203
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2202
2204
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2203
2205
  }
2204
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-invalid][data-focus-visible] {
2206
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-invalid][data-focus-visible] {
2205
2207
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2206
2208
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2207
2209
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2208
2210
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2209
2211
  }
2210
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-invalid][data-hovered] {
2212
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-invalid][data-hovered] {
2211
2213
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2212
2214
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2213
2215
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2214
2216
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2215
2217
  }
2216
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-invalid][data-pressed] {
2218
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-invalid][data-pressed] {
2217
2219
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2218
2220
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2219
2221
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2220
2222
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2221
2223
  }
2222
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-invalid][data-disabled] {
2224
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-invalid][data-disabled] {
2223
2225
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2224
2226
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2225
2227
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2226
2228
  }
2227
- .ListBoxItem-module__hop-ListBoxItem___M6JPX:has(.ListBoxItem-module__hop-ListBoxItem__description___id0gz) {
2229
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW:has(.ListBoxItem-module__hop-ListBoxItem__description___Cy84q) {
2228
2230
  --row-gap: var(--hop-ListBoxItem-row-gap);
2229
2231
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2230
2232
  }
2231
- .ListBoxItem-module__hop-ListBoxItem___M6JPX[data-loading] {
2233
+ .ListBoxItem-module__hop-ListBoxItem___qUzeW[data-loading] {
2232
2234
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2233
2235
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2234
2236
  }
2235
- .ListBoxItem-module__hop-ListBoxItem__inner___jfOO- {
2237
+ .ListBoxItem-module__hop-ListBoxItem__inner___9ezZU {
2236
2238
  display: grid;
2237
2239
  grid-template-areas: var(--grid-template-areas);
2238
2240
  grid-template-columns: var(--grid-template-columns);
@@ -2244,33 +2246,33 @@
2244
2246
  padding-inline: var(--padding-inline);
2245
2247
  transition: grid-template-columns .3s ease-in-out;
2246
2248
  }
2247
- .ListBoxItem-module__hop-ListBoxItem__checkmark___zsu65 {
2249
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___xbV4Y {
2248
2250
  grid-area: indicator;
2249
2251
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2250
2252
  color: var(--icon-color);
2251
2253
  opacity: var(--checkmark-opacity);
2252
2254
  transition: var(--checkmark-transition);
2253
2255
  }
2254
- .ListBoxItem-module__hop-ListBoxItem__radio___ai8C5,
2255
- .ListBoxItem-module__hop-ListBoxItem__checkbox___AfGbY {
2256
+ .ListBoxItem-module__hop-ListBoxItem__radio___q2adG,
2257
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___sScMR {
2256
2258
  pointer-events: none;
2257
2259
  user-select: none;
2258
2260
  grid-area: indicator;
2259
2261
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2260
2262
  }
2261
- .ListBoxItem-module__hop-ListBoxItem__avatar___Z9nTs {
2263
+ .ListBoxItem-module__hop-ListBoxItem__avatar___jYbJ7 {
2262
2264
  grid-area: avatar;
2263
2265
  margin-block: var(--avatar-margin-block, 0);
2264
2266
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2265
2267
  }
2266
- .ListBoxItem-module__hop-ListBoxItem__icon-list___SGa4B,
2267
- .ListBoxItem-module__hop-ListBoxItem__icon___QvYt6 {
2268
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___x7LV3,
2269
+ .ListBoxItem-module__hop-ListBoxItem__icon___vOIbe {
2268
2270
  grid-area: icon;
2269
2271
  flex: 0 0 auto;
2270
2272
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2271
2273
  color: var(--icon-color);
2272
2274
  }
2273
- .ListBoxItem-module__hop-ListBoxItem__label___L-fiw {
2275
+ .ListBoxItem-module__hop-ListBoxItem__label___MMFTS {
2274
2276
  overflow: hidden;
2275
2277
  grid-area: label;
2276
2278
  min-inline-size: 0;
@@ -2278,18 +2280,18 @@
2278
2280
  text-overflow: ellipsis;
2279
2281
  white-space: nowrap;
2280
2282
  }
2281
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___fGyqS,
2282
- .ListBoxItem-module__hop-ListBoxItem__end-icon___anEdU {
2283
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___F1a0U,
2284
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___wwFpB {
2283
2285
  grid-area: end-icon;
2284
2286
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2285
2287
  color: var(--icon-color);
2286
2288
  }
2287
- .ListBoxItem-module__hop-ListBoxItem__badge___iIPoD {
2289
+ .ListBoxItem-module__hop-ListBoxItem__badge___-Jg8Z {
2288
2290
  grid-area: badge;
2289
2291
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2290
2292
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2291
2293
  }
2292
- .ListBoxItem-module__hop-ListBoxItem__description___id0gz {
2294
+ .ListBoxItem-module__hop-ListBoxItem__description___Cy84q {
2293
2295
  overflow: hidden;
2294
2296
  display: -webkit-box;
2295
2297
  grid-area: description;