@hopper-ui/components 1.8.2 → 1.9.1

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 (374) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +770 -593
  7. package/dist/alert/src/Alert.js +10 -9
  8. package/dist/alert/src/index.css +770 -593
  9. package/dist/alert/src/index.js +10 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +55 -48
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +5 -0
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +80 -66
  14. package/dist/avatar/src/Avatar.d.ts +9 -1
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarGroup.css +65 -65
  17. package/dist/avatar/src/AvatarGroup.d.ts +1 -0
  18. package/dist/avatar/src/AvatarGroup.js +4 -4
  19. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -0
  20. package/dist/avatar/src/BrokenAvatar.css +55 -48
  21. package/dist/avatar/src/BrokenAvatar.d.ts +5 -0
  22. package/dist/avatar/src/BrokenAvatar.js +2 -2
  23. package/dist/avatar/src/DeletedAvatar.css +55 -48
  24. package/dist/avatar/src/DeletedAvatar.d.ts +5 -0
  25. package/dist/avatar/src/DeletedAvatar.js +2 -2
  26. package/dist/avatar/src/RichIconAvatarImage.css +55 -48
  27. package/dist/avatar/src/RichIconAvatarImage.d.ts +9 -0
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/RichIconAvatarImageContext.d.ts +1 -0
  30. package/dist/avatar/src/index.css +107 -93
  31. package/dist/avatar/src/index.d.ts +1 -0
  32. package/dist/avatar/src/index.js +9 -9
  33. package/dist/badge/src/Badge.css +53 -53
  34. package/dist/badge/src/Badge.js +2 -2
  35. package/dist/badge/src/FloatingBadge.css +48 -48
  36. package/dist/badge/src/FloatingBadge.js +1 -1
  37. package/dist/badge/src/index.css +63 -63
  38. package/dist/badge/src/index.js +3 -3
  39. package/dist/buttons/src/Button.css +120 -110
  40. package/dist/buttons/src/Button.d.ts +5 -2
  41. package/dist/buttons/src/Button.js +6 -5
  42. package/dist/buttons/src/ButtonContext.d.ts +3 -1
  43. package/dist/buttons/src/ButtonGroup.css +49 -49
  44. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  45. package/dist/buttons/src/ButtonGroup.js +1 -1
  46. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -1
  47. package/dist/buttons/src/ClearButton.css +109 -109
  48. package/dist/buttons/src/ClearButton.js +2 -2
  49. package/dist/buttons/src/CloseButton.css +115 -105
  50. package/dist/buttons/src/CloseButton.d.ts +3 -1
  51. package/dist/buttons/src/CloseButton.js +7 -6
  52. package/dist/buttons/src/CloseButtonContext.d.ts +3 -1
  53. package/dist/buttons/src/EmbeddedButton.css +109 -109
  54. package/dist/buttons/src/EmbeddedButton.js +1 -1
  55. package/dist/buttons/src/LinkButton.css +131 -119
  56. package/dist/buttons/src/LinkButton.d.ts +5 -2
  57. package/dist/buttons/src/LinkButton.js +5 -4
  58. package/dist/buttons/src/LinkButtonContext.d.ts +3 -1
  59. package/dist/buttons/src/ToggleButton.css +485 -330
  60. package/dist/buttons/src/ToggleButton.d.ts +6 -3
  61. package/dist/buttons/src/ToggleButton.js +4 -4
  62. package/dist/buttons/src/ToggleButtonContext.d.ts +3 -1
  63. package/dist/buttons/src/index.css +718 -541
  64. package/dist/buttons/src/index.d.ts +6 -4
  65. package/dist/buttons/src/index.js +12 -11
  66. package/dist/callout/src/Callout.css +730 -553
  67. package/dist/callout/src/Callout.js +8 -7
  68. package/dist/callout/src/CompactCallout.css +767 -590
  69. package/dist/callout/src/CompactCallout.js +8 -7
  70. package/dist/callout/src/index.css +779 -602
  71. package/dist/callout/src/index.js +10 -9
  72. package/dist/card/src/Card.css +41 -41
  73. package/dist/card/src/Card.js +1 -1
  74. package/dist/card/src/index.css +41 -41
  75. package/dist/card/src/index.js +1 -1
  76. package/dist/checkbox/src/Checkbox.css +57 -57
  77. package/dist/checkbox/src/Checkbox.js +4 -4
  78. package/dist/checkbox/src/CheckboxField.css +44 -44
  79. package/dist/checkbox/src/CheckboxField.js +3 -3
  80. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  81. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  82. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  83. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  84. package/dist/checkbox/src/index.css +109 -109
  85. package/dist/checkbox/src/index.js +11 -11
  86. package/dist/{chunk-RXNIOPGX.js → chunk-27YZA2A6.js} +2 -2
  87. package/dist/{chunk-T52WHF7R.js → chunk-2A4SQELV.js} +1 -1
  88. package/dist/{chunk-GTGTEHOA.js → chunk-2TZLC5MY.js} +2 -2
  89. package/dist/{chunk-6Y4WK3RQ.js → chunk-333CF3S7.js} +1 -1
  90. package/dist/{chunk-WTBYPRRW.js → chunk-3BCZJCQ3.js} +3 -3
  91. package/dist/{chunk-J6QWUF6I.js → chunk-3VOSETB5.js} +18 -12
  92. package/dist/{chunk-YJZJ6EGK.js → chunk-446J7ADD.js} +3 -3
  93. package/dist/{chunk-O4U6DKHU.js → chunk-4GAGBXT4.js} +2 -2
  94. package/dist/{chunk-TQFW3GV6.js → chunk-4WWPGWIY.js} +1 -1
  95. package/dist/{chunk-2ZNBGFYO.js → chunk-4Y2FHAJZ.js} +1 -1
  96. package/dist/{chunk-2QPUHBJ6.js → chunk-4YDVFQFT.js} +22 -9
  97. package/dist/{chunk-V4FVG6RD.js → chunk-5MWWUEMG.js} +3 -3
  98. package/dist/{chunk-YG4VQFHZ.js → chunk-5SCGTPMN.js} +2 -2
  99. package/dist/{chunk-VNFZDWVB.js → chunk-6DOMKHG4.js} +1 -1
  100. package/dist/{chunk-JG7DCSZ7.js → chunk-7CK3J42S.js} +1 -1
  101. package/dist/{chunk-AJ4JHO3L.js → chunk-7N6N5ZQW.js} +2 -2
  102. package/dist/{chunk-CMNPB35A.js → chunk-AU3U7OXE.js} +12 -12
  103. package/dist/{chunk-XSUYZDYB.js → chunk-BQB4WR4X.js} +1 -1
  104. package/dist/{chunk-BHFIGTK6.js → chunk-BXX3M2TF.js} +1 -1
  105. package/dist/{chunk-MVXDSVBA.js → chunk-BYIZ6YTQ.js} +1 -1
  106. package/dist/{chunk-3MYOCKT2.js → chunk-C4OUFO6E.js} +8 -8
  107. package/dist/{chunk-SLJKAEOC.js → chunk-CCXYS5EF.js} +5 -5
  108. package/dist/{chunk-BV3ROFY6.js → chunk-CG4N4NJW.js} +1 -1
  109. package/dist/{chunk-UH3RWAZV.js → chunk-CJFALWKZ.js} +2 -2
  110. package/dist/{chunk-C2JYCOJJ.js → chunk-D54XSA2G.js} +2 -2
  111. package/dist/{chunk-ZBVXOGE7.js → chunk-DR22UMIB.js} +8 -8
  112. package/dist/{chunk-P4YL7PZX.js → chunk-EIHFLKML.js} +2 -2
  113. package/dist/{chunk-YT6KAZ7W.js → chunk-EPZBUE2N.js} +2 -2
  114. package/dist/{chunk-TRMO7MV5.js → chunk-FICUPRHV.js} +11 -11
  115. package/dist/{chunk-N2INWSSP.js → chunk-FKVHRFPV.js} +1 -1
  116. package/dist/chunk-GFYRA4EN.js +23 -0
  117. package/dist/{chunk-I62K2ZHG.js → chunk-GXR774K5.js} +1 -1
  118. package/dist/{chunk-TSXCJZLH.js → chunk-H7IMS4PR.js} +2 -2
  119. package/dist/{chunk-OM4XR33Z.js → chunk-HLAMRSGD.js} +2 -2
  120. package/dist/{chunk-GNG2NV76.js → chunk-IF7OASII.js} +1 -1
  121. package/dist/{chunk-O6RCJ73Y.js → chunk-IZ6AOTXC.js} +2 -2
  122. package/dist/{chunk-2UBRJW2J.js → chunk-J45YC7C2.js} +1 -1
  123. package/dist/{chunk-WSW2WVYZ.js → chunk-J7ENAT22.js} +1 -1
  124. package/dist/{chunk-OZ7NZPDM.js → chunk-JGUOHQEO.js} +16 -7
  125. package/dist/{chunk-VK4C7IPE.js → chunk-JHHAFKNM.js} +7 -7
  126. package/dist/{chunk-PVIZJ22K.js → chunk-JIOQK4T7.js} +1 -1
  127. package/dist/{chunk-BCBQINY3.js → chunk-KADWB3R4.js} +2 -2
  128. package/dist/{chunk-TBOTEIRR.js → chunk-KPFBET2X.js} +1 -1
  129. package/dist/{chunk-KHPSEX4H.js → chunk-L3MHODGB.js} +1 -1
  130. package/dist/{chunk-VQ6HKO7S.js → chunk-LM6KSNRY.js} +2 -2
  131. package/dist/{chunk-UEJAUKJY.js → chunk-LRAE7OJJ.js} +8 -8
  132. package/dist/{chunk-PT5SYITB.js → chunk-LSZ6ETKU.js} +5 -5
  133. package/dist/{chunk-Y5RKQQHZ.js → chunk-LWSF2VLC.js} +2 -2
  134. package/dist/{chunk-FC6G5MQ3.js → chunk-MIHSQG7D.js} +2 -2
  135. package/dist/{chunk-B62S77SN.js → chunk-MNZODLBT.js} +3 -3
  136. package/dist/{chunk-C7CNYQRP.js → chunk-N3KZBYMB.js} +2 -2
  137. package/dist/{chunk-KG3UXYPM.js → chunk-N4QFGCPW.js} +3 -3
  138. package/dist/{chunk-VDPXCFLQ.js → chunk-NIAAMHIX.js} +5 -5
  139. package/dist/{chunk-GDX6X4AK.js → chunk-NL7JSTHF.js} +2 -2
  140. package/dist/{chunk-THRSW2TA.js → chunk-NMT2J3X6.js} +1 -1
  141. package/dist/{chunk-XIWBIDKX.js → chunk-OBODGTPP.js} +16 -10
  142. package/dist/{chunk-GUPD7SCD.js → chunk-PEIFEGNC.js} +1 -1
  143. package/dist/{chunk-CDC6G4DW.js → chunk-PH3YCU3Y.js} +1 -1
  144. package/dist/{chunk-WTDBPVO2.js → chunk-PY7LQUG3.js} +3 -3
  145. package/dist/{chunk-XYQU45MO.js → chunk-QH36FSEG.js} +3 -3
  146. package/dist/{chunk-R3F4R2GR.js → chunk-QJA2OD7N.js} +5 -5
  147. package/dist/{chunk-YLUR4I4O.js → chunk-QNAAYTKT.js} +1 -1
  148. package/dist/{chunk-LDWHZCH4.js → chunk-QQ7AWYFY.js} +1 -1
  149. package/dist/{chunk-FQHEXVEO.js → chunk-QSMUIB57.js} +2 -2
  150. package/dist/{chunk-5ZMGVSCQ.js → chunk-R2GEGPOO.js} +1 -1
  151. package/dist/{chunk-EOXIVZJH.js → chunk-RZWF5H5Q.js} +1 -1
  152. package/dist/{chunk-2EOZLJ3U.js → chunk-S3RZ45UA.js} +6 -6
  153. package/dist/{chunk-Q7NZNQEE.js → chunk-SJKZJBNT.js} +2 -2
  154. package/dist/{chunk-A5X5HCFF.js → chunk-SYAUYFR3.js} +1 -1
  155. package/dist/{chunk-VSAMAS7P.js → chunk-UE2MKTQA.js} +5 -5
  156. package/dist/{chunk-CU3QGP2L.js → chunk-UHXLZOSK.js} +2 -2
  157. package/dist/{chunk-JSK57VIX.js → chunk-UL24FHXE.js} +2 -2
  158. package/dist/{chunk-4O27LL2N.js → chunk-V25S5IBB.js} +2 -2
  159. package/dist/{chunk-MRHZL6GL.js → chunk-VAXZGJLC.js} +2 -2
  160. package/dist/{chunk-QXX3VYMF.js → chunk-VRQANX3T.js} +1 -1
  161. package/dist/{chunk-VQN3EOEE.js → chunk-W3TNGPJI.js} +2 -2
  162. package/dist/{chunk-QIGTPOAF.js → chunk-WAXG3VQ3.js} +10 -10
  163. package/dist/{chunk-IKQ2EV2Y.js → chunk-X6YIJ7TI.js} +1 -1
  164. package/dist/{chunk-E3KVQKBW.js → chunk-XAAZVXFG.js} +3 -3
  165. package/dist/{chunk-CHJUYY53.js → chunk-XBXWGDWC.js} +1 -1
  166. package/dist/{chunk-OPG3YAOS.js → chunk-XWZOU65F.js} +1 -1
  167. package/dist/{chunk-C4F7EZIQ.js → chunk-XX37YQKD.js} +1 -1
  168. package/dist/{chunk-SUNGEQNN.js → chunk-YC6V3NJ3.js} +2 -2
  169. package/dist/{chunk-3BP4XOAL.js → chunk-YIIEDUWW.js} +1 -1
  170. package/dist/{chunk-XFWOCVQF.js → chunk-YKJCXEWE.js} +15 -9
  171. package/dist/{chunk-AN3RU3NY.js → chunk-YLL2OBOQ.js} +3 -3
  172. package/dist/{chunk-W57EDX3L.js → chunk-ZKWHOGLL.js} +1 -1
  173. package/dist/combobox/src/ComboBox.css +1146 -955
  174. package/dist/combobox/src/ComboBox.js +18 -18
  175. package/dist/combobox/src/index.css +1146 -955
  176. package/dist/combobox/src/index.js +18 -18
  177. package/dist/contextual-help/src/ContextualHelp.css +1075 -884
  178. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  179. package/dist/contextual-help/src/index.css +1075 -884
  180. package/dist/contextual-help/src/index.js +4 -4
  181. package/dist/disclosure/src/Disclosure.css +48 -48
  182. package/dist/disclosure/src/Disclosure.js +1 -1
  183. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  184. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  185. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  186. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  187. package/dist/disclosure/src/index.css +73 -73
  188. package/dist/disclosure/src/index.js +7 -7
  189. package/dist/divider/src/Divider.css +40 -40
  190. package/dist/divider/src/Divider.js +1 -1
  191. package/dist/divider/src/index.css +40 -40
  192. package/dist/divider/src/index.js +1 -1
  193. package/dist/error-message/src/ErrorMessage.css +40 -40
  194. package/dist/error-message/src/ErrorMessage.js +2 -2
  195. package/dist/error-message/src/index.css +40 -40
  196. package/dist/error-message/src/index.js +2 -2
  197. package/dist/form/src/Form.css +38 -38
  198. package/dist/form/src/Form.d.ts +1 -1
  199. package/dist/form/src/Form.js +1 -1
  200. package/dist/form/src/index.css +38 -38
  201. package/dist/form/src/index.js +1 -1
  202. package/dist/header/src/Header.css +38 -38
  203. package/dist/header/src/index.css +38 -38
  204. package/dist/helper-message/src/HelperMessage.css +40 -40
  205. package/dist/helper-message/src/HelperMessage.js +2 -2
  206. package/dist/helper-message/src/index.css +40 -40
  207. package/dist/helper-message/src/index.js +2 -2
  208. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  209. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  210. package/dist/hopper-provider/src/index.css +39 -39
  211. package/dist/hopper-provider/src/index.js +1 -1
  212. package/dist/icon-list/src/IconList.css +39 -39
  213. package/dist/icon-list/src/IconList.js +1 -1
  214. package/dist/icon-list/src/index.css +39 -39
  215. package/dist/icon-list/src/index.js +1 -1
  216. package/dist/illustrated-message/src/IllustratedMessage.css +737 -560
  217. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  218. package/dist/illustrated-message/src/index.css +737 -560
  219. package/dist/illustrated-message/src/index.js +1 -1
  220. package/dist/image/src/Image.css +41 -41
  221. package/dist/image/src/Image.js +1 -1
  222. package/dist/image/src/SvgImage.css +39 -39
  223. package/dist/image/src/SvgImage.js +1 -1
  224. package/dist/image/src/index.css +42 -42
  225. package/dist/image/src/index.js +2 -2
  226. package/dist/index.css +1496 -1305
  227. package/dist/index.d.ts +25 -7
  228. package/dist/index.js +89 -88
  229. package/dist/inputs/src/Input.css +42 -42
  230. package/dist/inputs/src/Input.js +1 -1
  231. package/dist/inputs/src/InputGroup.css +44 -44
  232. package/dist/inputs/src/InputGroup.js +1 -1
  233. package/dist/inputs/src/NumberField.css +68 -68
  234. package/dist/inputs/src/NumberField.js +10 -10
  235. package/dist/inputs/src/PasswordField.css +738 -561
  236. package/dist/inputs/src/PasswordField.js +10 -10
  237. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  238. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  239. package/dist/inputs/src/SearchField.css +744 -567
  240. package/dist/inputs/src/SearchField.js +11 -11
  241. package/dist/inputs/src/TextArea.css +65 -65
  242. package/dist/inputs/src/TextArea.js +9 -9
  243. package/dist/inputs/src/TextField.css +742 -565
  244. package/dist/inputs/src/TextField.js +13 -13
  245. package/dist/inputs/src/index.css +784 -607
  246. package/dist/inputs/src/index.js +17 -17
  247. package/dist/layout/src/Content.css +38 -38
  248. package/dist/layout/src/Footer.css +38 -38
  249. package/dist/link/src/Link.css +77 -77
  250. package/dist/link/src/Link.js +3 -3
  251. package/dist/link/src/index.css +77 -77
  252. package/dist/link/src/index.js +3 -3
  253. package/dist/list-box/src/ListBox.css +326 -312
  254. package/dist/list-box/src/ListBox.js +7 -7
  255. package/dist/list-box/src/ListBoxItem.css +314 -300
  256. package/dist/list-box/src/ListBoxItem.js +6 -6
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +326 -312
  260. package/dist/list-box/src/index.js +7 -7
  261. package/dist/menu/src/Menu.css +1071 -880
  262. package/dist/menu/src/Menu.js +2 -2
  263. package/dist/menu/src/MenuItem.css +131 -117
  264. package/dist/menu/src/MenuItem.js +2 -2
  265. package/dist/menu/src/MenuSection.css +40 -40
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +1096 -905
  268. package/dist/menu/src/index.js +5 -5
  269. package/dist/modal/src/BaseModal.css +53 -53
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +54 -54
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +760 -583
  274. package/dist/modal/src/Modal.js +9 -8
  275. package/dist/modal/src/index.css +755 -578
  276. package/dist/modal/src/index.js +10 -9
  277. package/dist/overlays/popover/src/Popover.css +1069 -878
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +1072 -881
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +65 -65
  284. package/dist/radio/src/DecorativeRadio.js +3 -3
  285. package/dist/radio/src/Radio.css +57 -57
  286. package/dist/radio/src/Radio.js +3 -3
  287. package/dist/radio/src/RadioField.css +44 -44
  288. package/dist/radio/src/RadioField.js +2 -2
  289. package/dist/radio/src/RadioGroup.css +109 -109
  290. package/dist/radio/src/RadioGroup.js +7 -7
  291. package/dist/radio/src/index.css +109 -109
  292. package/dist/radio/src/index.js +11 -11
  293. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  294. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  295. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  296. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  297. package/dist/segmented-control/src/index.css +54 -54
  298. package/dist/segmented-control/src/index.js +3 -3
  299. package/dist/select/src/Select.css +1090 -899
  300. package/dist/select/src/Select.js +17 -17
  301. package/dist/select/src/SelectValue.css +113 -99
  302. package/dist/select/src/SelectValue.js +2 -2
  303. package/dist/select/src/index.css +1090 -899
  304. package/dist/select/src/index.js +17 -17
  305. package/dist/spinner/src/Spinner.css +48 -48
  306. package/dist/spinner/src/Spinner.js +2 -2
  307. package/dist/spinner/src/index.css +48 -48
  308. package/dist/spinner/src/index.js +2 -2
  309. package/dist/switch/src/Switch.css +54 -54
  310. package/dist/switch/src/Switch.js +3 -3
  311. package/dist/switch/src/SwitchField.css +44 -44
  312. package/dist/switch/src/SwitchField.js +2 -2
  313. package/dist/switch/src/index.css +60 -60
  314. package/dist/switch/src/index.js +4 -4
  315. package/dist/tabs/src/Tab.css +916 -725
  316. package/dist/tabs/src/Tab.js +2 -2
  317. package/dist/tabs/src/TabLine.css +40 -40
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +47 -47
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +40 -40
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +927 -736
  324. package/dist/tabs/src/index.js +5 -5
  325. package/dist/tag/src/Tag.css +894 -703
  326. package/dist/tag/src/Tag.js +7 -7
  327. package/dist/tag/src/TagGroup.css +48 -48
  328. package/dist/tag/src/TagGroup.js +7 -7
  329. package/dist/tag/src/index.css +904 -713
  330. package/dist/tag/src/index.js +12 -12
  331. package/dist/tile/src/Tile.css +47 -47
  332. package/dist/tile/src/Tile.js +2 -2
  333. package/dist/tile/src/TileGroup.css +39 -39
  334. package/dist/tile/src/TileGroup.js +1 -1
  335. package/dist/tile/src/index.css +48 -48
  336. package/dist/tile/src/index.js +3 -3
  337. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +40 -40
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +48 -48
  342. package/dist/tooltip/src/Tooltip.js +3 -3
  343. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  344. package/dist/tooltip/src/index.css +48 -48
  345. package/dist/tooltip/src/index.js +3 -3
  346. package/dist/{types-CVCUJ7un.d.ts → types-BqmVPR6K.d.ts} +2 -2
  347. package/dist/typography/heading/src/Heading.css +38 -38
  348. package/dist/typography/heading/src/Heading.js +1 -1
  349. package/dist/typography/heading/src/index.css +38 -38
  350. package/dist/typography/heading/src/index.js +1 -1
  351. package/dist/typography/label/src/FieldLabel.css +38 -38
  352. package/dist/typography/label/src/FieldLabel.js +3 -3
  353. package/dist/typography/label/src/Label.css +38 -38
  354. package/dist/typography/label/src/Label.js +1 -1
  355. package/dist/typography/label/src/index.css +38 -38
  356. package/dist/typography/label/src/index.js +3 -3
  357. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  358. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  359. package/dist/typography/overline-text/src/index.css +38 -38
  360. package/dist/typography/overline-text/src/index.js +1 -1
  361. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  362. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  363. package/dist/typography/paragraph/src/index.css +38 -38
  364. package/dist/typography/paragraph/src/index.js +2 -2
  365. package/dist/typography/text/src/Text.css +38 -38
  366. package/dist/typography/text/src/Text.js +1 -1
  367. package/dist/typography/text/src/index.css +38 -38
  368. package/dist/typography/text/src/index.js +1 -1
  369. package/dist/utils/src/ClearSlots.css +38 -38
  370. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  371. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  372. package/dist/utils/src/index.css +38 -38
  373. package/dist/utils/src/index.js +2 -2
  374. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___ex9Pl {
2
+ .Heading-module__hop-Heading___z2REG {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___ex9Pl) {
36
+ :where(.Heading-module__hop-Heading___z2REG) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___U-anE) {
44
+ :where(.Heading-module__hop-Heading--xs___UvA8B) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___9euNX) {
50
+ :where(.Heading-module__hop-Heading--sm___8LA8Z) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___m9G-q) {
56
+ :where(.Heading-module__hop-Heading--md___-vdE8) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___seVEu) {
62
+ :where(.Heading-module__hop-Heading--lg___R--az) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___-ctXd) {
68
+ :where(.Heading-module__hop-Heading--xl___Us1B5) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___nm0lD) {
74
+ :where(.Heading-module__hop-Heading--2xl___-Dui8) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___UlnoB) {
80
+ :where(.Heading-module__hop-Heading--3xl___Niq8Y) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___oRthn {
88
+ .Form-module__hop-Form___5gPvH {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___ClY-C {
95
+ .Label-module__hop-Label___XkwKF {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___ClY-C) {
102
+ :where(.Label-module__hop-Label___XkwKF) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___P-qSb {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___g-kwE {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___lbxSg {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___hyzp- {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___RBrct) {
121
+ :where(.OverlineText-module__hop-OverlineText___nUpbh) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___ue5ai {
145
+ .OverlineText-module__hop-OverlineText__text___piSUd {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___ue5ai::before,
149
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
148
+ .OverlineText-module__hop-OverlineText__text___piSUd::before,
149
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___ue5ai::before {
156
+ .OverlineText-module__hop-OverlineText__text___piSUd::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
159
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___Mm3Jn {
164
+ .Text-module__hop-Text___cfXZY {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___Mm3Jn) {
194
+ :where(.Text-module__hop-Text___cfXZY) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___Ce3vK) {
200
+ :where(.Text-module__hop-Text--xs___XLJcP) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___UcccH) {
206
+ :where(.Text-module__hop-Text--sm___I6KRc) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___YcqAT) {
212
+ :where(.Text-module__hop-Text--md___E8yDa) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___RaBlz) {
218
+ :where(.Text-module__hop-Text--lg___iJqjo) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___jBI5K) {
224
+ :where(.Text-module__hop-Text--xl___IU4Uc) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___jrcN4) {
230
+ :where(.Text-module__hop-Text--2xl___B48R7) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___Rc2fv) {
236
+ :where(.Text-module__hop-Text--inherit___KVVuG) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___AWLqo {
244
+ .Paragraph-module__hop-Paragraph___5eXfe {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___AWLqo:last-child {
256
+ .Paragraph-module__hop-Paragraph___5eXfe:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___us82- {
259
+ .Paragraph-module__hop-Paragraph--xs___8HE0r {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___oQXcj {
262
+ .Paragraph-module__hop-Paragraph--sm___3Px67 {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___ONjfY {
265
+ .Paragraph-module__hop-Paragraph--md___G2Zu6 {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___MwXba {
268
+ .Paragraph-module__hop-Paragraph--lg___8JjcZ {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___G0-ya {
271
+ .Paragraph-module__hop-Paragraph--xl___yloh- {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___RNqOG {
274
+ .Paragraph-module__hop-Paragraph--2xl___d7pjT {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___EaPeU {
277
+ .Paragraph-module__hop-Paragraph--inherit___mHkEn {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
282
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
282
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0 {
283
283
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
284
284
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
285
285
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -309,47 +309,54 @@
309
309
  color: var(--hop-RichIconAvatarImage-icon-color);
310
310
  background-color: var(--background-color);
311
311
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
312
+ outline: none;
312
313
  }
313
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
314
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___n56nV {
314
315
  --size: var(--hop-RichIconAvatarImage-xs-size);
315
316
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
316
317
  }
317
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
318
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___GtxLW {
318
319
  --size: var(--hop-RichIconAvatarImage-sm-size);
319
320
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
320
321
  }
321
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
322
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___55n6O {
322
323
  --size: var(--hop-RichIconAvatarImage-md-size);
323
324
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
324
325
  }
325
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
326
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___XSUP6 {
326
327
  --size: var(--hop-RichIconAvatarImage-lg-size);
327
328
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
328
329
  }
329
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
330
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___crKsY {
330
331
  --size: var(--hop-RichIconAvatarImage-xl-size);
331
332
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
332
333
  }
333
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
334
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___51LJs {
334
335
  --size: var(--hop-RichIconAvatarImage-2xl-size);
335
336
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
336
337
  }
337
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
338
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___3E8Wu {
339
+ cursor: pointer;
340
+ }
341
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___IUbHD {
342
+ outline: 0.125rem solid var(--hop-primary-border-focus);
343
+ }
344
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] {
338
345
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
339
346
  }
340
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
347
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
341
348
  position: relative;
342
349
  display: block;
343
350
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
344
351
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
345
352
  }
346
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
353
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
347
354
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
348
355
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
349
356
  }
350
357
 
351
358
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
352
- .Avatar-module__hop-Avatar___uaqDg {
359
+ .Avatar-module__hop-Avatar___Bqcxp {
353
360
  --hop-Avatar-border-radius: var(--hop-shape-circle);
354
361
  --hop-Avatar-mix-blend-mode: normal;
355
362
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -393,68 +400,75 @@
393
400
  color: var(--text-color, var(--hop-neutral-text));
394
401
  background-color: var(--background-color, transparent);
395
402
  border-radius: var(--hop-Avatar-border-radius);
403
+ outline: none;
396
404
  }
397
- .Avatar-module__hop-Avatar--xs___JnxQL {
405
+ .Avatar-module__hop-Avatar--xs___IyJCA {
398
406
  --size: var(--hop-Avatar-xs-size);
399
407
  }
400
- .Avatar-module__hop-Avatar--sm___wGq1I {
408
+ .Avatar-module__hop-Avatar--sm___r4xF8 {
401
409
  --size: var(--hop-Avatar-sm-size);
402
410
  }
403
- .Avatar-module__hop-Avatar--md___RIHVc {
411
+ .Avatar-module__hop-Avatar--md___mtWFP {
404
412
  --size: var(--hop-Avatar-md-size);
405
413
  }
406
- .Avatar-module__hop-Avatar--lg___BoomX {
414
+ .Avatar-module__hop-Avatar--lg___6-6BA {
407
415
  --size: var(--hop-Avatar-lg-size);
408
416
  }
409
- .Avatar-module__hop-Avatar--xl___9-mvF {
417
+ .Avatar-module__hop-Avatar--xl___tLhE9 {
410
418
  --size: var(--hop-Avatar-xl-size);
411
419
  }
412
- .Avatar-module__hop-Avatar--2xl___YOeDn {
420
+ .Avatar-module__hop-Avatar--2xl___-1-91 {
413
421
  --size: var(--hop-Avatar-2xl-size);
414
422
  }
415
- .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
423
+ .Avatar-module__hop-Avatar--clickable___c-Exr {
424
+ cursor: pointer;
425
+ }
426
+ .Avatar-module__hop-Avatar--focus-visible___LPIIY {
427
+ outline: 0.125rem solid var(--hop-primary-border-focus);
428
+ }
429
+ .Avatar-module__hop-Avatar--decorative-option1___aLAmD {
416
430
  --background-color: var(--hop-Avatar-decorative-1-background-color);
417
431
  --text-color: var(--hop-Avatar-decorative-1-text-color);
418
432
  }
419
- .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
433
+ .Avatar-module__hop-Avatar--decorative-option2___I7y-X {
420
434
  --background-color: var(--hop-Avatar-decorative-2-background-color);
421
435
  --text-color: var(--hop-Avatar-decorative-2-text-color);
422
436
  }
423
- .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
437
+ .Avatar-module__hop-Avatar--decorative-option3___OACgi {
424
438
  --background-color: var(--hop-Avatar-decorative-3-background-color);
425
439
  --text-color: var(--hop-Avatar-decorative-3-text-color);
426
440
  }
427
- .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
441
+ .Avatar-module__hop-Avatar--decorative-option4___-fghS {
428
442
  --background-color: var(--hop-Avatar-decorative-4-background-color);
429
443
  --text-color: var(--hop-Avatar-decorative-4-text-color);
430
444
  }
431
- .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
445
+ .Avatar-module__hop-Avatar--decorative-option5___lPQMu {
432
446
  --background-color: var(--hop-Avatar-decorative-5-background-color);
433
447
  --text-color: var(--hop-Avatar-decorative-5-text-color);
434
448
  }
435
- .Avatar-module__hop-Avatar--decorative-option6___ku007 {
449
+ .Avatar-module__hop-Avatar--decorative-option6___hQZdk {
436
450
  --background-color: var(--hop-Avatar-decorative-6-background-color);
437
451
  --text-color: var(--hop-Avatar-decorative-6-text-color);
438
452
  }
439
- .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
453
+ .Avatar-module__hop-Avatar--decorative-option7___Gq2fZ {
440
454
  --background-color: var(--hop-Avatar-decorative-7-background-color);
441
455
  --text-color: var(--hop-Avatar-decorative-7-text-color);
442
456
  }
443
- .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
457
+ .Avatar-module__hop-Avatar--decorative-option8___f8Egi {
444
458
  --background-color: var(--hop-Avatar-decorative-8-background-color);
445
459
  --text-color: var(--hop-Avatar-decorative-8-text-color);
446
460
  }
447
- .Avatar-module__hop-Avatar--decorative-option9___-du9m {
461
+ .Avatar-module__hop-Avatar--decorative-option9___9UBwK {
448
462
  --background-color: var(--hop-Avatar-decorative-9-background-color);
449
463
  --text-color: var(--hop-Avatar-decorative-9-text-color);
450
464
  }
451
- .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
465
+ .Avatar-module__hop-Avatar___Bqcxp[data-disabled] {
452
466
  --background-color: var(--hop-Avatar-background-color-disabled);
453
467
  --text-color: var(--hop-Avatar-text-color-disabled);
454
468
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
455
469
  isolation: isolate;
456
470
  }
457
- .Avatar-module__hop-Avatar__image___Wkz1L {
471
+ .Avatar-module__hop-Avatar__image___JCQrb {
458
472
  position: relative;
459
473
  display: block;
460
474
  box-sizing: border-box;
@@ -465,7 +479,7 @@
465
479
  }
466
480
 
467
481
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
468
- .Tooltip-module__hop-Tooltip___Q5E29 {
482
+ .Tooltip-module__hop-Tooltip___RRVv4 {
469
483
  --hop-Tooltip-max-inline-size: 20rem;
470
484
  --hop-Tooltip-slide-amount: 0.25rem;
471
485
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -492,29 +506,29 @@
492
506
  border-radius: var(--hop-Tooltip-border-radius);
493
507
  box-shadow: var(--hop-Tooltip-box-shadow);
494
508
  }
495
- .Tooltip-module__hop-Tooltip--top___hZc5W {
509
+ .Tooltip-module__hop-Tooltip--top___wfnsy {
496
510
  --origin-x: 0;
497
511
  --origin-y: var(--hop-Tooltip-slide-amount);
498
512
  }
499
- .Tooltip-module__hop-Tooltip--right___zD66s {
513
+ .Tooltip-module__hop-Tooltip--right___w3-Et {
500
514
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
501
515
  --origin-y: 0;
502
516
  }
503
- .Tooltip-module__hop-Tooltip--bottom___MLy5R {
517
+ .Tooltip-module__hop-Tooltip--bottom___CysUB {
504
518
  --origin-x: 0;
505
519
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
506
520
  }
507
- .Tooltip-module__hop-Tooltip--left___keFSC {
521
+ .Tooltip-module__hop-Tooltip--left___uB6r4 {
508
522
  --origin-x: var(--hop-Tooltip-slide-amount);
509
523
  --origin-y: 0;
510
524
  }
511
- .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
512
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
525
+ .Tooltip-module__hop-Tooltip___RRVv4[data-entering] {
526
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-out;
513
527
  }
514
- .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
515
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
528
+ .Tooltip-module__hop-Tooltip___RRVv4[data-exiting] {
529
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-in reverse;
516
530
  }
517
- @keyframes Tooltip-module__slide___wmKJ7 {
531
+ @keyframes Tooltip-module__slide___-bj4s {
518
532
  from {
519
533
  transform: translate(var(--origin-x), var(--origin-y));
520
534
  opacity: 0;
@@ -526,44 +540,44 @@
526
540
  }
527
541
 
528
542
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
529
- .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
543
+ .AvatarGroup-module__hop-AvatarGroup___dlzsl {
530
544
  --hop-AvatarGroup-display: flex;
531
545
  --hop-AvatarGroup-align-items: center;
532
546
  display: var(--hop-AvatarGroup-display);
533
547
  align-items: var(--hop-AvatarGroup-align-items);
534
548
  }
535
- .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
549
+ .AvatarGroup-module__hop-AvatarGroup--wrap___ZAEFP {
536
550
  flex-wrap: wrap;
537
551
  }
538
- .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
552
+ .AvatarGroup-module__hop-AvatarGroup--xs___FZWxk {
539
553
  --gap: -0.125rem;
540
554
  }
541
- .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
555
+ .AvatarGroup-module__hop-AvatarGroup--sm___bfUpq {
542
556
  --gap: -0.25rem;
543
557
  }
544
- .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
558
+ .AvatarGroup-module__hop-AvatarGroup--md___PqhA7 {
545
559
  --gap: -0.5rem;
546
560
  }
547
- .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
561
+ .AvatarGroup-module__hop-AvatarGroup--lg___JZ8a1 {
548
562
  --gap: -1rem;
549
563
  }
550
- .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
564
+ .AvatarGroup-module__hop-AvatarGroup--xl___gOVPg {
551
565
  --gap: -1rem;
552
566
  }
553
- .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
567
+ .AvatarGroup-module__hop-AvatarGroup--2xl___5Tsy4 {
554
568
  --gap: -2rem;
555
569
  }
556
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
570
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
557
571
  margin-inline-start: var(--gap);
558
572
  transition: margin var(--hop-easing-duration-2);
559
573
  }
560
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
574
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
561
575
  margin-inline-start: 0;
562
576
  }
563
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
577
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:first-child {
564
578
  margin-inline-start: 0;
565
579
  }
566
- .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
580
+ .AvatarGroup-module__hop-AvatarGroup__label___xIZF4 {
567
581
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
568
582
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
569
583
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -575,7 +589,7 @@
575
589
  font-weight: var(--hop-AvatarGroup-label-font-weight);
576
590
  line-height: var(--hop-AvatarGroup-label-line-height);
577
591
  }
578
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
592
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz {
579
593
  --hop-AvatarGroup__hiddenAvatar-display: flex;
580
594
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
581
595
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -593,21 +607,21 @@
593
607
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
594
608
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
595
609
  }
596
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
610
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz:not(:last-child) {
597
611
  margin-block-end: 0.25rem;
598
612
  }
599
- .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
613
+ .AvatarGroup-module__hop-AvatarGroup--start___6-t5g {
600
614
  justify-content: flex-start;
601
615
  }
602
- .AvatarGroup-module__hop-AvatarGroup--end___va99C {
616
+ .AvatarGroup-module__hop-AvatarGroup--end___IsI0k {
603
617
  justify-content: flex-end;
604
618
  }
605
- .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
619
+ .AvatarGroup-module__hop-AvatarGroup--center___FnHJz {
606
620
  justify-content: center;
607
621
  }
608
622
 
609
623
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
610
- .Badge-module__hop-Badge___Em6Ee {
624
+ .Badge-module__hop-Badge___0H4dD {
611
625
  --hop-Badge-height: 1.5rem;
612
626
  --hop-Badge-width: max-content;
613
627
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -657,67 +671,67 @@
657
671
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
658
672
  border-radius: var(--border-radius);
659
673
  }
660
- .Badge-module__hop-Badge--primary___2xcfI {
674
+ .Badge-module__hop-Badge--primary___4kER1 {
661
675
  --background-color: var(--hop-Badge-primary-background-color);
662
676
  --text-color: var(--hop-Badge-primary-text-color);
663
677
  }
664
- .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
678
+ .Badge-module__hop-Badge--primary___4kER1[data-hovered] {
665
679
  --background-color: var(--hop-Badge-primary-background-color-hovered);
666
680
  --text-color: var(--hop-Badge-primary-text-color-hovered);
667
681
  }
668
- .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
682
+ .Badge-module__hop-Badge--primary___4kER1[data-pressed] {
669
683
  --background-color: var(--hop-Badge-primary-background-color-pressed);
670
684
  --text-color: var(--hop-Badge-primary-text-color-pressed);
671
685
  }
672
- .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
686
+ .Badge-module__hop-Badge--primary___4kER1[data-selected] {
673
687
  --background-color: var(--hop-Badge-primary-background-color-selected);
674
688
  --text-color: var(--hop-Badge-primary-text-color-selected);
675
689
  }
676
- .Badge-module__hop-Badge--secondary___O77eV {
690
+ .Badge-module__hop-Badge--secondary___IqWhz {
677
691
  --background-color: var(--hop-Badge-secondary-background-color);
678
692
  --text-color: var(--hop-Badge-secondary-text-color);
679
693
  }
680
- .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
694
+ .Badge-module__hop-Badge--secondary___IqWhz[data-hovered] {
681
695
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
682
696
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
683
697
  }
684
- .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
698
+ .Badge-module__hop-Badge--secondary___IqWhz[data-pressed] {
685
699
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
686
700
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
687
701
  }
688
- .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
702
+ .Badge-module__hop-Badge--secondary___IqWhz[data-selected] {
689
703
  --background-color: var(--hop-Badge-secondary-background-color-selected);
690
704
  --text-color: var(--hop-Badge-secondary-text-color-selected);
691
705
  }
692
- .Badge-module__hop-Badge--subdued___12tA7 {
706
+ .Badge-module__hop-Badge--subdued___4WY3G {
693
707
  --background-color: var(--hop-Badge-subdued-background-color);
694
708
  --text-color: var(--hop-Badge-subdued-text-color);
695
709
  }
696
- .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
710
+ .Badge-module__hop-Badge--subdued___4WY3G[data-hovered] {
697
711
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
698
712
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
699
713
  }
700
- .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
714
+ .Badge-module__hop-Badge--subdued___4WY3G[data-pressed] {
701
715
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
702
716
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
703
717
  }
704
- .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
718
+ .Badge-module__hop-Badge--subdued___4WY3G[data-selected] {
705
719
  --background-color: var(--hop-Badge-subdued-background-color-selected);
706
720
  --text-color: var(--hop-Badge-subdued-text-color-selected);
707
721
  }
708
- .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
722
+ .Badge-module__hop-Badge___0H4dD[data-indeterminate] {
709
723
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
710
724
  --height: var(--hop-Badge-indeterminate-height);
711
725
  --width: var(--hop-Badge-indeterminate-width);
712
726
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
713
727
  }
714
- .Badge-module__hop-Badge___Em6Ee[data-disabled] {
728
+ .Badge-module__hop-Badge___0H4dD[data-disabled] {
715
729
  --background-color: var(--hop-Badge-background-color-disabled);
716
730
  --text-color: var(--hop-Badge-text-color-disabled);
717
731
  }
718
732
 
719
733
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
720
- .FloatingBadge-module__hop-FloatingBadge___4PqyD {
734
+ .FloatingBadge-module__hop-FloatingBadge___NqGht {
721
735
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
722
736
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
723
737
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -758,7 +772,7 @@
758
772
  box-sizing: border-box;
759
773
  inline-size: max-content;
760
774
  }
761
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
775
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"] {
762
776
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
763
777
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
764
778
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -766,11 +780,11 @@
766
780
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
767
781
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
768
782
  }
769
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
783
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"][data-overlap=circular] {
770
784
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
771
785
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
772
786
  }
773
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
787
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"] {
774
788
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
775
789
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
776
790
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -778,11 +792,11 @@
778
792
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
779
793
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
780
794
  }
781
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
795
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"][data-overlap=circular] {
782
796
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
783
797
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
784
798
  }
785
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
799
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"] {
786
800
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
787
801
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
788
802
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -790,11 +804,11 @@
790
804
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
791
805
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
792
806
  }
793
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
807
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"][data-overlap=circular] {
794
808
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
795
809
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
796
810
  }
797
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
811
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"] {
798
812
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
799
813
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
800
814
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -802,11 +816,11 @@
802
816
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
803
817
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
804
818
  }
805
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
819
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"][data-overlap=circular] {
806
820
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
807
821
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
808
822
  }
809
- .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
823
+ .FloatingBadge-module__hop-FloatingBadge__badge___PjKsT {
810
824
  position: absolute;
811
825
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
812
826
  transform-origin: var(--badge-transform-origin);
@@ -814,7 +828,7 @@
814
828
  }
815
829
 
816
830
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
817
- .IconList-module__hop-IconList___z6OUy {
831
+ .IconList-module__hop-IconList___F2-OF {
818
832
  --hop-IconList-gap: var(--hop-space-inline-xs);
819
833
  display: flex;
820
834
  flex-wrap: wrap;
@@ -823,7 +837,7 @@
823
837
  }
824
838
 
825
839
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
826
- .Checkbox-module__hop-Checkbox___PKY27 {
840
+ .Checkbox-module__hop-Checkbox___7S2pV {
827
841
  --hop-Checkbox-box-border-size: 0.0625rem;
828
842
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
829
843
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -898,60 +912,60 @@
898
912
  inline-size: max-content;
899
913
  max-inline-size: 100%;
900
914
  }
901
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
915
+ .Checkbox-module__hop-Checkbox___7S2pV[data-focus-visible] {
902
916
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
903
917
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
904
918
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
905
919
  --text-color: var(--hop-Checkbox-text-color-focused);
906
920
  --icon-color: var(--hop-Checkbox-icon-color-focused);
907
921
  }
908
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
922
+ .Checkbox-module__hop-Checkbox___7S2pV[data-hovered] {
909
923
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
910
924
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
911
925
  --text-color: var(--hop-Checkbox-text-color-hovered);
912
926
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
913
927
  }
914
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
928
+ .Checkbox-module__hop-Checkbox___7S2pV[data-pressed] {
915
929
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
916
930
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
917
931
  --text-color: var(--hop-Checkbox-text-color-pressed);
918
932
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
919
933
  }
920
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
934
+ .Checkbox-module__hop-Checkbox___7S2pV[data-selected] {
921
935
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
922
936
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
923
937
  --check-display: var(--hop-Checkbox-check-display-selected);
924
938
  --text-color: var(--hop-Checkbox-text-color-selected);
925
939
  --icon-color: var(--hop-Checkbox-icon-color-selected);
926
940
  }
927
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
941
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid] {
928
942
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
929
943
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
930
944
  --check-color: var(--hop-Checkbox-check-color-invalid);
931
945
  --text-color: var(--hop-Checkbox-text-color-invalid);
932
946
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
933
947
  }
934
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
948
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-focus-visible]) {
935
949
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
936
950
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
937
951
  }
938
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
952
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-hovered]) {
939
953
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
940
954
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
941
955
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
942
956
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
943
957
  }
944
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
958
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-pressed]) {
945
959
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
946
960
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
947
961
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
948
962
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
949
963
  }
950
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
964
+ .Checkbox-module__hop-Checkbox___7S2pV:where([data-invalid])[data-selected] {
951
965
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
952
966
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
953
967
  }
954
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
968
+ .Checkbox-module__hop-Checkbox___7S2pV[data-disabled] {
955
969
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
956
970
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
957
971
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -959,25 +973,25 @@
959
973
  --text-color: var(--hop-Checkbox-text-color-disabled);
960
974
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
961
975
  }
962
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
976
+ .Checkbox-module__hop-Checkbox--sm___Y5YIy {
963
977
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
964
978
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
965
979
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
966
980
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
967
981
  }
968
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
982
+ .Checkbox-module__hop-Checkbox--md___MRlZB {
969
983
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
970
984
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
971
985
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
972
986
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
973
987
  }
974
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
975
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
988
+ .Checkbox-module__hop-Checkbox__icon___V650-,
989
+ .Checkbox-module__hop-Checkbox__icon-list___i85om {
976
990
  flex: 0 0 auto;
977
991
  order: 3;
978
992
  color: var(--icon-color);
979
993
  }
980
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
994
+ .Checkbox-module__hop-Checkbox__box___sDhGl {
981
995
  display: flex;
982
996
  flex: 0 0 auto;
983
997
  align-items: center;
@@ -993,11 +1007,11 @@
993
1007
  outline-offset: 0.125rem;
994
1008
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
995
1009
  }
996
- .Checkbox-module__hop-Checkbox__check___r8gyX {
1010
+ .Checkbox-module__hop-Checkbox__check___nibRw {
997
1011
  display: var(--check-display);
998
1012
  color: var(--check-color);
999
1013
  }
1000
- .Checkbox-module__hop-Checkbox__text___OtTLm {
1014
+ .Checkbox-module__hop-Checkbox__text___M-V4G {
1001
1015
  flex: 0 1 auto;
1002
1016
  order: 2;
1003
1017
  min-inline-size: 0;
@@ -1007,7 +1021,7 @@
1007
1021
  }
1008
1022
 
1009
1023
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1010
- .CheckboxField-module__hop-CheckboxField___56543 {
1024
+ .CheckboxField-module__hop-CheckboxField___33GnN {
1011
1025
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1012
1026
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1013
1027
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1026,28 +1040,28 @@
1026
1040
  inline-size: max-content;
1027
1041
  max-inline-size: 100%;
1028
1042
  }
1029
- .CheckboxField-module__hop-CheckboxField___56543[data-disabled] {
1043
+ .CheckboxField-module__hop-CheckboxField___33GnN[data-disabled] {
1030
1044
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1031
1045
  }
1032
- .CheckboxField-module__hop-CheckboxField--sm___6--P- {
1046
+ .CheckboxField-module__hop-CheckboxField--sm___twg1r {
1033
1047
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1034
1048
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1035
1049
  }
1036
- .CheckboxField-module__hop-CheckboxField--md___sveE6 {
1050
+ .CheckboxField-module__hop-CheckboxField--md___Fu-ms {
1037
1051
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1038
1052
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1039
1053
  }
1040
- .CheckboxField-module__hop-CheckboxField__description___TCoFR {
1054
+ .CheckboxField-module__hop-CheckboxField__description___vTnU- {
1041
1055
  order: 2;
1042
1056
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1043
1057
  color: var(--description-color);
1044
1058
  }
1045
- .CheckboxField-module__hop-CheckboxField__checkbox___TzGvU {
1059
+ .CheckboxField-module__hop-CheckboxField__checkbox___GZFYU {
1046
1060
  order: 1;
1047
1061
  }
1048
1062
 
1049
1063
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1050
- .ErrorMessage-module__hop-ErrorMessage___3njVF {
1064
+ .ErrorMessage-module__hop-ErrorMessage___pZkT- {
1051
1065
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1052
1066
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1053
1067
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1064,13 +1078,13 @@
1064
1078
  line-height: var(--hop-ErrorMessage-line-height);
1065
1079
  color: var(--hop-ErrorMessage-color);
1066
1080
  }
1067
- .ErrorMessage-module__hop-ErrorMessage__icon___2fFUX {
1081
+ .ErrorMessage-module__hop-ErrorMessage__icon___yKOjv {
1068
1082
  flex: 0 0 auto;
1069
1083
  align-self: flex-start;
1070
1084
  }
1071
1085
 
1072
1086
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1073
- .HelperMessage-module__hop-HelperMessage___WKq74 {
1087
+ .HelperMessage-module__hop-HelperMessage___0sc5H {
1074
1088
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1075
1089
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1076
1090
  display: flex;
@@ -1079,13 +1093,13 @@
1079
1093
  box-sizing: border-box;
1080
1094
  color: var(--hop-HelperMessage-color);
1081
1095
  }
1082
- .HelperMessage-module__hop-HelperMessage__icon___qM-Le {
1096
+ .HelperMessage-module__hop-HelperMessage__icon___ubzj5 {
1083
1097
  flex: 0 0 auto;
1084
1098
  align-self: flex-start;
1085
1099
  }
1086
1100
 
1087
1101
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1088
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t {
1102
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 {
1089
1103
  --hop-CheckboxGroup-align-items: flex-start;
1090
1104
  --hop-CheckboxGroup-justify-content: flex-start;
1091
1105
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1124,46 +1138,46 @@
1124
1138
  inline-size: max-content;
1125
1139
  max-inline-size: 100%;
1126
1140
  }
1127
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL {
1141
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5 {
1128
1142
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1129
1143
  --list-border-radius: var(--hop-shape-rounded-md);
1130
1144
  }
1131
- .CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
1145
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___aDuEE {
1132
1146
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1133
1147
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1134
1148
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1135
1149
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1136
1150
  }
1137
- .CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
1151
+ .CheckboxGroup-module__hop-CheckboxGroup--md___kb4Zt {
1138
1152
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1139
1153
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1140
1154
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1141
1155
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1142
1156
  }
1143
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
1157
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5.CheckboxGroup-module__hop-CheckboxGroup--sm___aDuEE {
1144
1158
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1145
1159
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1146
1160
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1147
1161
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1148
1162
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1149
1163
  }
1150
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
1164
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5.CheckboxGroup-module__hop-CheckboxGroup--md___kb4Zt {
1151
1165
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1152
1166
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1153
1167
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1154
1168
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1155
1169
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1156
1170
  }
1157
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t[data-orientation=horizontal] {
1171
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4[data-orientation=horizontal] {
1158
1172
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1159
1173
  }
1160
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] {
1174
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=horizontal] {
1161
1175
  --flex-wrap: nowrap;
1162
1176
  }
1163
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__label___U2dUJ {
1177
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__label___ihFR4 {
1164
1178
  order: 1;
1165
1179
  }
1166
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij {
1180
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu {
1167
1181
  display: flex;
1168
1182
  flex-flow: var(--flex-direction) var(--flex-wrap);
1169
1183
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1174,7 +1188,7 @@
1174
1188
  border: var(--list-border, none);
1175
1189
  border-radius: var(--list-border-radius, 0);
1176
1190
  }
1177
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 {
1191
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 {
1178
1192
  position: relative;
1179
1193
  flex: 0 1 auto;
1180
1194
  align-content: start;
@@ -1182,28 +1196,28 @@
1182
1196
  min-inline-size: 0;
1183
1197
  padding: var(--checkbox-padding, 0);
1184
1198
  }
1185
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
1199
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5 .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
1186
1200
  content: "";
1187
1201
  position: absolute;
1188
1202
  display: block;
1189
1203
  }
1190
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
1204
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
1191
1205
  inset-block-start: 0;
1192
1206
  inset-inline: 0;
1193
1207
  border-block-start: var(--list-border, none);
1194
1208
  }
1195
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
1209
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
1196
1210
  inset-block: 0;
1197
1211
  inset-inline-start: 0;
1198
1212
  border-inline-start: var(--list-border, none);
1199
1213
  }
1200
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__error-message___TZxJY,
1201
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___W6fZU {
1214
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___W7M6Y,
1215
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___IqqRV {
1202
1216
  order: 3;
1203
1217
  }
1204
1218
 
1205
1219
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1206
- .Checkbox-module__hop-Checkbox___PKY27 {
1220
+ .Checkbox-module__hop-Checkbox___7S2pV {
1207
1221
  --hop-Checkbox-box-border-size: 0.0625rem;
1208
1222
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1209
1223
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1278,60 +1292,60 @@
1278
1292
  inline-size: max-content;
1279
1293
  max-inline-size: 100%;
1280
1294
  }
1281
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
1295
+ .Checkbox-module__hop-Checkbox___7S2pV[data-focus-visible] {
1282
1296
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1283
1297
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1284
1298
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1285
1299
  --text-color: var(--hop-Checkbox-text-color-focused);
1286
1300
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1287
1301
  }
1288
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
1302
+ .Checkbox-module__hop-Checkbox___7S2pV[data-hovered] {
1289
1303
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1290
1304
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1291
1305
  --text-color: var(--hop-Checkbox-text-color-hovered);
1292
1306
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1293
1307
  }
1294
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
1308
+ .Checkbox-module__hop-Checkbox___7S2pV[data-pressed] {
1295
1309
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1296
1310
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1297
1311
  --text-color: var(--hop-Checkbox-text-color-pressed);
1298
1312
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1299
1313
  }
1300
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
1314
+ .Checkbox-module__hop-Checkbox___7S2pV[data-selected] {
1301
1315
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1302
1316
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1303
1317
  --check-display: var(--hop-Checkbox-check-display-selected);
1304
1318
  --text-color: var(--hop-Checkbox-text-color-selected);
1305
1319
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1306
1320
  }
1307
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
1321
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid] {
1308
1322
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1309
1323
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1310
1324
  --check-color: var(--hop-Checkbox-check-color-invalid);
1311
1325
  --text-color: var(--hop-Checkbox-text-color-invalid);
1312
1326
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1313
1327
  }
1314
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
1328
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-focus-visible]) {
1315
1329
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1316
1330
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1317
1331
  }
1318
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
1332
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-hovered]) {
1319
1333
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1320
1334
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1321
1335
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1322
1336
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1323
1337
  }
1324
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
1338
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-pressed]) {
1325
1339
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1326
1340
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1327
1341
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1328
1342
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1329
1343
  }
1330
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
1344
+ .Checkbox-module__hop-Checkbox___7S2pV:where([data-invalid])[data-selected] {
1331
1345
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1332
1346
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1333
1347
  }
1334
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
1348
+ .Checkbox-module__hop-Checkbox___7S2pV[data-disabled] {
1335
1349
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1336
1350
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1337
1351
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1339,25 +1353,25 @@
1339
1353
  --text-color: var(--hop-Checkbox-text-color-disabled);
1340
1354
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1341
1355
  }
1342
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
1356
+ .Checkbox-module__hop-Checkbox--sm___Y5YIy {
1343
1357
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1344
1358
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1345
1359
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1346
1360
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1347
1361
  }
1348
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
1362
+ .Checkbox-module__hop-Checkbox--md___MRlZB {
1349
1363
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1350
1364
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1351
1365
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1352
1366
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1353
1367
  }
1354
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
1355
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
1368
+ .Checkbox-module__hop-Checkbox__icon___V650-,
1369
+ .Checkbox-module__hop-Checkbox__icon-list___i85om {
1356
1370
  flex: 0 0 auto;
1357
1371
  order: 3;
1358
1372
  color: var(--icon-color);
1359
1373
  }
1360
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
1374
+ .Checkbox-module__hop-Checkbox__box___sDhGl {
1361
1375
  display: flex;
1362
1376
  flex: 0 0 auto;
1363
1377
  align-items: center;
@@ -1373,11 +1387,11 @@
1373
1387
  outline-offset: 0.125rem;
1374
1388
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1375
1389
  }
1376
- .Checkbox-module__hop-Checkbox__check___r8gyX {
1390
+ .Checkbox-module__hop-Checkbox__check___nibRw {
1377
1391
  display: var(--check-display);
1378
1392
  color: var(--check-color);
1379
1393
  }
1380
- .Checkbox-module__hop-Checkbox__text___OtTLm {
1394
+ .Checkbox-module__hop-Checkbox__text___M-V4G {
1381
1395
  flex: 0 1 auto;
1382
1396
  order: 2;
1383
1397
  min-inline-size: 0;
@@ -1385,24 +1399,24 @@
1385
1399
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1386
1400
  color: var(--text-color);
1387
1401
  }
1388
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ltNWu {
1402
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___rHr0I {
1389
1403
  }
1390
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___q1ZI3 {
1404
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___gP5o5 {
1391
1405
  }
1392
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___c-J-V {
1406
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___6FJrV {
1393
1407
  }
1394
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___ygQrT,
1395
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MDkVD {
1408
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___b7n1Q,
1409
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___fWgsV {
1396
1410
  }
1397
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JwBJ8 {
1411
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___c4zbl {
1398
1412
  }
1399
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___82euF {
1413
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gLBEx {
1400
1414
  }
1401
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___VQlPm {
1415
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ZZZ1t {
1402
1416
  }
1403
1417
 
1404
1418
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1405
- .Radio-module__hop-Radio___Jz8ck {
1419
+ .Radio-module__hop-Radio___F4suj {
1406
1420
  --hop-Radio-box-border-size: 0.0625rem;
1407
1421
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1408
1422
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1476,60 +1490,60 @@
1476
1490
  inline-size: max-content;
1477
1491
  max-inline-size: 100%;
1478
1492
  }
1479
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
1493
+ .Radio-module__hop-Radio___F4suj[data-focus-visible] {
1480
1494
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1481
1495
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1482
1496
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1483
1497
  --text-color: var(--hop-Radio-text-color-focused);
1484
1498
  --icon-color: var(--hop-Radio-icon-color-focused);
1485
1499
  }
1486
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
1500
+ .Radio-module__hop-Radio___F4suj[data-hovered] {
1487
1501
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1488
1502
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1489
1503
  --text-color: var(--hop-Radio-text-color-hovered);
1490
1504
  --icon-color: var(--hop-Radio-icon-color-hovered);
1491
1505
  }
1492
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
1506
+ .Radio-module__hop-Radio___F4suj[data-pressed] {
1493
1507
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1494
1508
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1495
1509
  --text-color: var(--hop-Radio-text-color-pressed);
1496
1510
  --icon-color: var(--hop-Radio-icon-color-pressed);
1497
1511
  }
1498
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
1512
+ .Radio-module__hop-Radio___F4suj[data-selected] {
1499
1513
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1500
1514
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1501
1515
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1502
1516
  --text-color: var(--hop-Radio-text-color-selected);
1503
1517
  --icon-color: var(--hop-Radio-icon-color-selected);
1504
1518
  }
1505
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
1519
+ .Radio-module__hop-Radio___F4suj[data-invalid] {
1506
1520
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1507
1521
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1508
1522
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1509
1523
  --text-color: var(--hop-Radio-text-color-invalid);
1510
1524
  --icon-color: var(--hop-Radio-icon-color-invalid);
1511
1525
  }
1512
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
1526
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-focus-visible] {
1513
1527
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1514
1528
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1515
1529
  }
1516
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
1530
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-hovered] {
1517
1531
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1518
1532
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1519
1533
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1520
1534
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1521
1535
  }
1522
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
1536
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-pressed] {
1523
1537
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1524
1538
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1525
1539
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1526
1540
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1527
1541
  }
1528
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
1542
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-selected] {
1529
1543
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1530
1544
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1531
1545
  }
1532
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
1546
+ .Radio-module__hop-Radio___F4suj[data-disabled] {
1533
1547
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1534
1548
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1535
1549
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1537,25 +1551,25 @@
1537
1551
  --text-color: var(--hop-Radio-text-color-disabled);
1538
1552
  --icon-color: var(--hop-Radio-icon-color-disabled);
1539
1553
  }
1540
- .Radio-module__hop-Radio--sm___WSJeF {
1554
+ .Radio-module__hop-Radio--sm___L9eoz {
1541
1555
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1542
1556
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1543
1557
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1544
1558
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1545
1559
  }
1546
- .Radio-module__hop-Radio--md___tXyrJ {
1560
+ .Radio-module__hop-Radio--md___WdvB1 {
1547
1561
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1548
1562
  --box-block-size: var(--hop-Radio-box-md-block-size);
1549
1563
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1550
1564
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1551
1565
  }
1552
- .Radio-module__hop-Radio__icon___j59Et,
1553
- .Radio-module__hop-Radio__icon-list___WX4W3 {
1566
+ .Radio-module__hop-Radio__icon___6-0PL,
1567
+ .Radio-module__hop-Radio__icon-list___jt4Au {
1554
1568
  flex: 0 0 auto;
1555
1569
  order: 3;
1556
1570
  color: var(--icon-color);
1557
1571
  }
1558
- .Radio-module__hop-Radio__box___hmHzG {
1572
+ .Radio-module__hop-Radio__box___cTU-f {
1559
1573
  display: flex;
1560
1574
  flex: 0 0 auto;
1561
1575
  align-items: center;
@@ -1571,11 +1585,11 @@
1571
1585
  outline-offset: 0.125rem;
1572
1586
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1573
1587
  }
1574
- .Radio-module__hop-Radio__bullet___rz-am {
1588
+ .Radio-module__hop-Radio__bullet___6iha9 {
1575
1589
  display: var(--bullet-display);
1576
1590
  color: var(--bullet-color);
1577
1591
  }
1578
- .Radio-module__hop-Radio__text___dbgFm {
1592
+ .Radio-module__hop-Radio__text___SAWlA {
1579
1593
  flex: 0 1 auto;
1580
1594
  order: 2;
1581
1595
  min-inline-size: 0;
@@ -1583,24 +1597,24 @@
1583
1597
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1584
1598
  color: var(--text-color);
1585
1599
  }
1586
- .DecorativeRadio-module__hop-DecorativeRadio___E-qe2 {
1600
+ .DecorativeRadio-module__hop-DecorativeRadio___KaOHH {
1587
1601
  }
1588
- .DecorativeRadio-module__hop-DecorativeRadio--sm___aEFSN {
1602
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___Pud19 {
1589
1603
  }
1590
- .DecorativeRadio-module__hop-DecorativeRadio--md___EkotK {
1604
+ .DecorativeRadio-module__hop-DecorativeRadio--md___HcJzE {
1591
1605
  }
1592
- .DecorativeRadio-module__hop-DecorativeRadio__icon___3yBe4,
1593
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XxcDj {
1606
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___XmGrN,
1607
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___b97sw {
1594
1608
  }
1595
- .DecorativeRadio-module__hop-DecorativeRadio__box___An1mf {
1609
+ .DecorativeRadio-module__hop-DecorativeRadio__box___KEN-o {
1596
1610
  }
1597
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___M7BvP {
1611
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___BEKcG {
1598
1612
  }
1599
- .DecorativeRadio-module__hop-DecorativeRadio__text___GELEI {
1613
+ .DecorativeRadio-module__hop-DecorativeRadio__text___SlIwK {
1600
1614
  }
1601
1615
 
1602
1616
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1603
- .Radio-module__hop-Radio___Jz8ck {
1617
+ .Radio-module__hop-Radio___F4suj {
1604
1618
  --hop-Radio-box-border-size: 0.0625rem;
1605
1619
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1606
1620
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1674,60 +1688,60 @@
1674
1688
  inline-size: max-content;
1675
1689
  max-inline-size: 100%;
1676
1690
  }
1677
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
1691
+ .Radio-module__hop-Radio___F4suj[data-focus-visible] {
1678
1692
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1679
1693
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1680
1694
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1681
1695
  --text-color: var(--hop-Radio-text-color-focused);
1682
1696
  --icon-color: var(--hop-Radio-icon-color-focused);
1683
1697
  }
1684
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
1698
+ .Radio-module__hop-Radio___F4suj[data-hovered] {
1685
1699
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1686
1700
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1687
1701
  --text-color: var(--hop-Radio-text-color-hovered);
1688
1702
  --icon-color: var(--hop-Radio-icon-color-hovered);
1689
1703
  }
1690
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
1704
+ .Radio-module__hop-Radio___F4suj[data-pressed] {
1691
1705
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1692
1706
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1693
1707
  --text-color: var(--hop-Radio-text-color-pressed);
1694
1708
  --icon-color: var(--hop-Radio-icon-color-pressed);
1695
1709
  }
1696
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
1710
+ .Radio-module__hop-Radio___F4suj[data-selected] {
1697
1711
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1698
1712
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1699
1713
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1700
1714
  --text-color: var(--hop-Radio-text-color-selected);
1701
1715
  --icon-color: var(--hop-Radio-icon-color-selected);
1702
1716
  }
1703
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
1717
+ .Radio-module__hop-Radio___F4suj[data-invalid] {
1704
1718
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1705
1719
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1706
1720
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1707
1721
  --text-color: var(--hop-Radio-text-color-invalid);
1708
1722
  --icon-color: var(--hop-Radio-icon-color-invalid);
1709
1723
  }
1710
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
1724
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-focus-visible] {
1711
1725
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1712
1726
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1713
1727
  }
1714
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
1728
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-hovered] {
1715
1729
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1716
1730
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1717
1731
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1718
1732
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1719
1733
  }
1720
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
1734
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-pressed] {
1721
1735
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1722
1736
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1723
1737
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1724
1738
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1725
1739
  }
1726
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
1740
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-selected] {
1727
1741
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1728
1742
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1729
1743
  }
1730
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
1744
+ .Radio-module__hop-Radio___F4suj[data-disabled] {
1731
1745
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1732
1746
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1733
1747
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1735,25 +1749,25 @@
1735
1749
  --text-color: var(--hop-Radio-text-color-disabled);
1736
1750
  --icon-color: var(--hop-Radio-icon-color-disabled);
1737
1751
  }
1738
- .Radio-module__hop-Radio--sm___WSJeF {
1752
+ .Radio-module__hop-Radio--sm___L9eoz {
1739
1753
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1740
1754
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1741
1755
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1742
1756
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1743
1757
  }
1744
- .Radio-module__hop-Radio--md___tXyrJ {
1758
+ .Radio-module__hop-Radio--md___WdvB1 {
1745
1759
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1746
1760
  --box-block-size: var(--hop-Radio-box-md-block-size);
1747
1761
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1748
1762
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1749
1763
  }
1750
- .Radio-module__hop-Radio__icon___j59Et,
1751
- .Radio-module__hop-Radio__icon-list___WX4W3 {
1764
+ .Radio-module__hop-Radio__icon___6-0PL,
1765
+ .Radio-module__hop-Radio__icon-list___jt4Au {
1752
1766
  flex: 0 0 auto;
1753
1767
  order: 3;
1754
1768
  color: var(--icon-color);
1755
1769
  }
1756
- .Radio-module__hop-Radio__box___hmHzG {
1770
+ .Radio-module__hop-Radio__box___cTU-f {
1757
1771
  display: flex;
1758
1772
  flex: 0 0 auto;
1759
1773
  align-items: center;
@@ -1769,11 +1783,11 @@
1769
1783
  outline-offset: 0.125rem;
1770
1784
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1771
1785
  }
1772
- .Radio-module__hop-Radio__bullet___rz-am {
1786
+ .Radio-module__hop-Radio__bullet___6iha9 {
1773
1787
  display: var(--bullet-display);
1774
1788
  color: var(--bullet-color);
1775
1789
  }
1776
- .Radio-module__hop-Radio__text___dbgFm {
1790
+ .Radio-module__hop-Radio__text___SAWlA {
1777
1791
  flex: 0 1 auto;
1778
1792
  order: 2;
1779
1793
  min-inline-size: 0;
@@ -1783,7 +1797,7 @@
1783
1797
  }
1784
1798
 
1785
1799
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1786
- .RadioField-module__hop-RadioField___OfPLR {
1800
+ .RadioField-module__hop-RadioField___gjb4q {
1787
1801
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1788
1802
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1789
1803
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1802,28 +1816,28 @@
1802
1816
  inline-size: max-content;
1803
1817
  max-inline-size: 100%;
1804
1818
  }
1805
- .RadioField-module__hop-RadioField___OfPLR[data-disabled] {
1819
+ .RadioField-module__hop-RadioField___gjb4q[data-disabled] {
1806
1820
  --description-color: var(--hop-RadioField-description-color-disabled);
1807
1821
  }
1808
- .RadioField-module__hop-RadioField--sm___1sQAM {
1822
+ .RadioField-module__hop-RadioField--sm___AwQJp {
1809
1823
  --row-gap: var(--hop-RadioField-sm-row-gap);
1810
1824
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1811
1825
  }
1812
- .RadioField-module__hop-RadioField--md___89TK9 {
1826
+ .RadioField-module__hop-RadioField--md___G5PCl {
1813
1827
  --row-gap: var(--hop-RadioField-md-row-gap);
1814
1828
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1815
1829
  }
1816
- .RadioField-module__hop-RadioField__description___YsOrA {
1830
+ .RadioField-module__hop-RadioField__description___dG9rz {
1817
1831
  order: 2;
1818
1832
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1819
1833
  color: var(--description-color);
1820
1834
  }
1821
- .RadioField-module__hop-RadioField__radio___PEYsy {
1835
+ .RadioField-module__hop-RadioField__radio___B69-j {
1822
1836
  order: 1;
1823
1837
  }
1824
1838
 
1825
1839
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1826
- .RadioGroup-module__hop-RadioGroup___CT2GD {
1840
+ .RadioGroup-module__hop-RadioGroup___WV7Yj {
1827
1841
  --hop-RadioGroup-align-items: flex-start;
1828
1842
  --hop-RadioGroup-justify-content: flex-start;
1829
1843
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1863,46 +1877,46 @@
1863
1877
  inline-size: var(--inline-size);
1864
1878
  max-inline-size: 100%;
1865
1879
  }
1866
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i {
1880
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c {
1867
1881
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1868
1882
  --list-border-radius: var(--hop-shape-rounded-md);
1869
1883
  }
1870
- .RadioGroup-module__hop-RadioGroup--sm___w7Tip {
1884
+ .RadioGroup-module__hop-RadioGroup--sm___uYl3G {
1871
1885
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1872
1886
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1873
1887
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1874
1888
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1875
1889
  }
1876
- .RadioGroup-module__hop-RadioGroup--md___04ypk {
1890
+ .RadioGroup-module__hop-RadioGroup--md___vjJQH {
1877
1891
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1878
1892
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1879
1893
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1880
1894
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1881
1895
  }
1882
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--sm___w7Tip {
1896
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c.RadioGroup-module__hop-RadioGroup--sm___uYl3G {
1883
1897
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1884
1898
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1885
1899
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1886
1900
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1887
1901
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1888
1902
  }
1889
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--md___04ypk {
1903
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c.RadioGroup-module__hop-RadioGroup--md___vjJQH {
1890
1904
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1891
1905
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1892
1906
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1893
1907
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1894
1908
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1895
1909
  }
1896
- .RadioGroup-module__hop-RadioGroup___CT2GD[data-orientation=horizontal] {
1910
+ .RadioGroup-module__hop-RadioGroup___WV7Yj[data-orientation=horizontal] {
1897
1911
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1898
1912
  }
1899
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] {
1913
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=horizontal] {
1900
1914
  --flex-wrap: nowrap;
1901
1915
  }
1902
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__label___WZ0Ob {
1916
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__label___6vDNt {
1903
1917
  order: 1;
1904
1918
  }
1905
- .RadioGroup-module__hop-RadioGroup__list___nFxxn {
1919
+ .RadioGroup-module__hop-RadioGroup__list___eIhMo {
1906
1920
  display: flex;
1907
1921
  flex-flow: var(--flex-direction) var(--flex-wrap);
1908
1922
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1913,7 +1927,7 @@
1913
1927
  border: var(--list-border, none);
1914
1928
  border-radius: var(--list-border-radius, 0);
1915
1929
  }
1916
- .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 {
1930
+ .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 {
1917
1931
  position: relative;
1918
1932
  flex: 0 1 auto;
1919
1933
  align-content: start;
@@ -1921,28 +1935,28 @@
1921
1935
  min-inline-size: 0;
1922
1936
  padding: var(--radio-padding, 0);
1923
1937
  }
1924
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
1938
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
1925
1939
  content: "";
1926
1940
  position: absolute;
1927
1941
  display: block;
1928
1942
  }
1929
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
1943
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
1930
1944
  inset-block-start: 0;
1931
1945
  inset-inline: 0;
1932
1946
  border-block-start: var(--list-border, none);
1933
1947
  }
1934
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
1948
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
1935
1949
  inset-block: 0;
1936
1950
  inset-inline-start: 0;
1937
1951
  border-inline-start: var(--list-border, none);
1938
1952
  }
1939
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__error-message___RlHTt,
1940
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__helper-message___F2aUp {
1953
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__error-message___Iv-PM,
1954
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__helper-message___LY7Hr {
1941
1955
  order: 3;
1942
1956
  }
1943
1957
 
1944
1958
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1945
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___ubLsJ {
1959
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Sh3Ru {
1946
1960
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1947
1961
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1948
1962
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1968,7 +1982,7 @@
1968
1982
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1969
1983
  background-size: 400% 100%;
1970
1984
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1971
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40;
1985
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___loNSv;
1972
1986
  animation-duration: var(--animation-duration);
1973
1987
  animation-timing-function: ease-in-out;
1974
1988
  animation-fill-mode: forwards;
@@ -1977,19 +1991,19 @@
1977
1991
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1978
1992
  }
1979
1993
  }
1980
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WGCIH {
1994
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___i6cSV {
1981
1995
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1982
1996
  }
1983
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WGPSm {
1997
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___L-2WC {
1984
1998
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1985
1999
  }
1986
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___QYRAT {
2000
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___nkmke {
1987
2001
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1988
2002
  }
1989
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___CLnc0 {
2003
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___sAAT7 {
1990
2004
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1991
2005
  }
1992
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40 {
2006
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___loNSv {
1993
2007
  0% {
1994
2008
  background-position: 125% 50%;
1995
2009
  }
@@ -1999,7 +2013,7 @@
1999
2013
  }
2000
2014
 
2001
2015
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
2002
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3 {
2016
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd {
2003
2017
  --hop-ListBoxItem-background-color: transparent;
2004
2018
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2005
2019
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2096,129 +2110,129 @@
2096
2110
  outline: var(--outline);
2097
2111
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2098
2112
  }
2099
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ- {
2113
+ .ListBoxItem-module__hop-ListBoxItem--xs___-SRwW {
2100
2114
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2101
2115
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2102
2116
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2103
2117
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2104
2118
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2105
2119
  }
2106
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i {
2120
+ .ListBoxItem-module__hop-ListBoxItem--sm___pcETN {
2107
2121
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2108
2122
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2109
2123
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2110
2124
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2111
2125
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2112
2126
  }
2113
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4 {
2127
+ .ListBoxItem-module__hop-ListBoxItem--md___v1EG- {
2114
2128
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2115
2129
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2116
2130
  --min-height: var(--hop-ListBoxItem-md-min-height);
2117
2131
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2118
2132
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2119
2133
  }
2120
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w {
2134
+ .ListBoxItem-module__hop-ListBoxItem--lg___5jTzj {
2121
2135
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2122
2136
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2123
2137
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2124
2138
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2125
2139
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2126
2140
  }
2127
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selection-mode] {
2141
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-selection-mode] {
2128
2142
  --cursor: pointer;
2129
2143
  }
2130
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:not([data-selection-mode]) {
2144
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd:not([data-selection-mode]) {
2131
2145
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2132
2146
  }
2133
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
2147
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD) {
2134
2148
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2135
2149
  }
2136
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
2150
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD) {
2137
2151
  --checkmark-transition: none;
2138
2152
  }
2139
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selected] {
2153
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-selected] {
2140
2154
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2141
2155
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2142
2156
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2143
2157
  --checkmark-opacity: 1;
2144
2158
  }
2145
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ-[data-selected] {
2159
+ .ListBoxItem-module__hop-ListBoxItem--xs___-SRwW[data-selected] {
2146
2160
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2147
2161
  }
2148
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i[data-selected] {
2162
+ .ListBoxItem-module__hop-ListBoxItem--sm___pcETN[data-selected] {
2149
2163
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2150
2164
  }
2151
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4[data-selected] {
2165
+ .ListBoxItem-module__hop-ListBoxItem--md___v1EG-[data-selected] {
2152
2166
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2153
2167
  }
2154
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w[data-selected] {
2168
+ .ListBoxItem-module__hop-ListBoxItem--lg___5jTzj[data-selected] {
2155
2169
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2156
2170
  }
2157
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-focus-visible] {
2171
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-focus-visible] {
2158
2172
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2159
2173
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2160
2174
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2161
2175
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2162
2176
  }
2163
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-hovered] {
2177
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-hovered] {
2164
2178
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2165
2179
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2166
2180
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2167
2181
  }
2168
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-pressed] {
2182
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-pressed] {
2169
2183
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2170
2184
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2171
2185
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2172
2186
  }
2173
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-disabled] {
2187
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-disabled] {
2174
2188
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2175
2189
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2176
2190
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2177
2191
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2178
2192
  --cursor: not-allowed;
2179
2193
  }
2180
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid] {
2194
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid] {
2181
2195
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2182
2196
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2183
2197
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2184
2198
  }
2185
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-selected] {
2199
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-selected] {
2186
2200
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2187
2201
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2188
2202
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2189
2203
  }
2190
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-focus-visible] {
2204
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-focus-visible] {
2191
2205
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2192
2206
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2193
2207
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2194
2208
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2195
2209
  }
2196
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-hovered] {
2210
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-hovered] {
2197
2211
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2198
2212
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2199
2213
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2200
2214
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2201
2215
  }
2202
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-pressed] {
2216
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-pressed] {
2203
2217
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2204
2218
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2205
2219
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2206
2220
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2207
2221
  }
2208
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-disabled] {
2222
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-disabled] {
2209
2223
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2210
2224
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2211
2225
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2212
2226
  }
2213
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:has(.ListBoxItem-module__hop-ListBoxItem__description___iqwlS) {
2227
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd:has(.ListBoxItem-module__hop-ListBoxItem__description___UR-pt) {
2214
2228
  --row-gap: var(--hop-ListBoxItem-row-gap);
2215
2229
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2216
2230
  }
2217
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-loading] {
2231
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-loading] {
2218
2232
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2219
2233
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2220
2234
  }
2221
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL {
2235
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A {
2222
2236
  display: grid;
2223
2237
  grid-template-areas: var(--grid-template-areas);
2224
2238
  grid-template-columns: var(--grid-template-columns);
@@ -2230,33 +2244,33 @@
2230
2244
  padding-inline: var(--padding-inline);
2231
2245
  transition: grid-template-columns .3s ease-in-out;
2232
2246
  }
2233
- .ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL {
2247
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD {
2234
2248
  grid-area: indicator;
2235
2249
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2236
2250
  color: var(--icon-color);
2237
2251
  opacity: var(--checkmark-opacity);
2238
2252
  transition: var(--checkmark-transition);
2239
2253
  }
2240
- .ListBoxItem-module__hop-ListBoxItem__radio___fJOFo,
2241
- .ListBoxItem-module__hop-ListBoxItem__checkbox___WwFFw {
2254
+ .ListBoxItem-module__hop-ListBoxItem__radio___41XeO,
2255
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___erjAp {
2242
2256
  pointer-events: none;
2243
2257
  user-select: none;
2244
2258
  grid-area: indicator;
2245
2259
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2246
2260
  }
2247
- .ListBoxItem-module__hop-ListBoxItem__avatar___HbYEO {
2261
+ .ListBoxItem-module__hop-ListBoxItem__avatar___qb1iO {
2248
2262
  grid-area: avatar;
2249
2263
  margin-block: var(--avatar-margin-block, 0);
2250
2264
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2251
2265
  }
2252
- .ListBoxItem-module__hop-ListBoxItem__icon-list___vxHCk,
2253
- .ListBoxItem-module__hop-ListBoxItem__icon___M1n7P {
2266
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___TtY2d,
2267
+ .ListBoxItem-module__hop-ListBoxItem__icon___g8LGX {
2254
2268
  grid-area: icon;
2255
2269
  flex: 0 0 auto;
2256
2270
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2257
2271
  color: var(--icon-color);
2258
2272
  }
2259
- .ListBoxItem-module__hop-ListBoxItem__label___qPV5n {
2273
+ .ListBoxItem-module__hop-ListBoxItem__label___jmW4o {
2260
2274
  overflow: hidden;
2261
2275
  grid-area: label;
2262
2276
  min-inline-size: 0;
@@ -2264,18 +2278,18 @@
2264
2278
  text-overflow: ellipsis;
2265
2279
  white-space: nowrap;
2266
2280
  }
2267
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zrh3-,
2268
- .ListBoxItem-module__hop-ListBoxItem__end-icon___b3bLB {
2281
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___FsUeE,
2282
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___fHJp3 {
2269
2283
  grid-area: end-icon;
2270
2284
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2271
2285
  color: var(--icon-color);
2272
2286
  }
2273
- .ListBoxItem-module__hop-ListBoxItem__badge___Hapc9 {
2287
+ .ListBoxItem-module__hop-ListBoxItem__badge___EVyqE {
2274
2288
  grid-area: badge;
2275
2289
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2276
2290
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2277
2291
  }
2278
- .ListBoxItem-module__hop-ListBoxItem__description___iqwlS {
2292
+ .ListBoxItem-module__hop-ListBoxItem__description___UR-pt {
2279
2293
  overflow: hidden;
2280
2294
  display: -webkit-box;
2281
2295
  grid-area: description;