@hopper-ui/components 1.5.16 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (356) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/accordion/src/Accordion.css +77 -77
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +77 -77
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +309 -309
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +309 -309
  9. package/dist/alert/src/index.js +9 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +47 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +65 -65
  13. package/dist/avatar/src/Avatar.d.ts +2 -2
  14. package/dist/avatar/src/Avatar.js +4 -4
  15. package/dist/avatar/src/AvatarGroup.css +64 -64
  16. package/dist/avatar/src/AvatarGroup.js +5 -5
  17. package/dist/avatar/src/BrokenAvatar.css +47 -47
  18. package/dist/avatar/src/BrokenAvatar.js +2 -2
  19. package/dist/avatar/src/DeletedAvatar.css +47 -47
  20. package/dist/avatar/src/DeletedAvatar.js +2 -2
  21. package/dist/avatar/src/RichIconAvatarImage.css +47 -47
  22. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  23. package/dist/avatar/src/index.css +92 -92
  24. package/dist/avatar/src/index.js +10 -10
  25. package/dist/badge/src/Badge.css +52 -52
  26. package/dist/badge/src/Badge.js +2 -2
  27. package/dist/badge/src/FloatingBadge.css +47 -47
  28. package/dist/badge/src/FloatingBadge.js +1 -1
  29. package/dist/badge/src/index.css +62 -62
  30. package/dist/badge/src/index.js +3 -3
  31. package/dist/buttons/src/Button.css +103 -103
  32. package/dist/buttons/src/Button.js +5 -5
  33. package/dist/buttons/src/ButtonGroup.css +48 -48
  34. package/dist/buttons/src/ButtonGroup.js +1 -1
  35. package/dist/buttons/src/ClearButton.css +108 -108
  36. package/dist/buttons/src/ClearButton.js +2 -2
  37. package/dist/buttons/src/CloseButton.css +104 -104
  38. package/dist/buttons/src/CloseButton.js +6 -6
  39. package/dist/buttons/src/EmbeddedButton.css +108 -108
  40. package/dist/buttons/src/EmbeddedButton.js +1 -1
  41. package/dist/buttons/src/LinkButton.css +112 -112
  42. package/dist/buttons/src/LinkButton.js +4 -4
  43. package/dist/buttons/src/index.css +260 -260
  44. package/dist/buttons/src/index.js +10 -10
  45. package/dist/callout/src/Callout.css +272 -272
  46. package/dist/callout/src/Callout.js +7 -7
  47. package/dist/callout/src/CompactCallout.css +309 -309
  48. package/dist/callout/src/CompactCallout.js +7 -7
  49. package/dist/callout/src/index.css +321 -321
  50. package/dist/callout/src/index.js +8 -8
  51. package/dist/card/src/Card.css +40 -40
  52. package/dist/card/src/Card.js +1 -1
  53. package/dist/card/src/index.css +40 -40
  54. package/dist/card/src/index.js +1 -1
  55. package/dist/checkbox/src/Checkbox.css +56 -56
  56. package/dist/checkbox/src/Checkbox.js +4 -4
  57. package/dist/checkbox/src/CheckboxField.css +43 -43
  58. package/dist/checkbox/src/CheckboxField.js +3 -3
  59. package/dist/checkbox/src/CheckboxGroup.css +108 -108
  60. package/dist/checkbox/src/CheckboxGroup.js +6 -6
  61. package/dist/checkbox/src/DecorativeCheckbox.css +64 -64
  62. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  63. package/dist/checkbox/src/index.css +108 -108
  64. package/dist/checkbox/src/index.js +10 -10
  65. package/dist/{chunk-V3SFULRL.js → chunk-2EAZ5H42.js} +1 -1
  66. package/dist/{chunk-JBY4AIFR.js → chunk-2USDHEIV.js} +2 -2
  67. package/dist/{chunk-6QMCLUQ5.js → chunk-36S3E6PJ.js} +1 -1
  68. package/dist/{chunk-TLLEZADI.js → chunk-5WUSHVW7.js} +1 -1
  69. package/dist/{chunk-OW6M2VJQ.js → chunk-62EZGVKH.js} +8 -8
  70. package/dist/{chunk-KCRAAJQ4.js → chunk-67EKVQAF.js} +3 -3
  71. package/dist/{chunk-NGSCLLWG.js → chunk-6LKFNPEM.js} +1 -1
  72. package/dist/{chunk-REYDGZWV.js → chunk-A2BFPCVC.js} +3 -3
  73. package/dist/{chunk-NTMGH3AT.js → chunk-ARCWWXRR.js} +2 -2
  74. package/dist/{chunk-GMRIW7TP.js → chunk-AXBVBNPN.js} +2 -2
  75. package/dist/{chunk-RUFC47M4.js → chunk-AYAKR4MK.js} +2 -2
  76. package/dist/{chunk-6MMJEEWP.js → chunk-B2PCJYJW.js} +1 -1
  77. package/dist/{chunk-Q4HMO7Q3.js → chunk-BI3MQKBI.js} +2 -2
  78. package/dist/{chunk-R7DEZVEZ.js → chunk-C76BH4QR.js} +2 -2
  79. package/dist/{chunk-DFBBU44U.js → chunk-CICKS5HQ.js} +3 -3
  80. package/dist/{chunk-TJ35OGZL.js → chunk-CQHB3HRC.js} +1 -1
  81. package/dist/{chunk-VLHRF52C.js → chunk-D7IJXSDN.js} +2 -2
  82. package/dist/{chunk-2ZDCLGTU.js → chunk-DLYK3JRB.js} +2 -2
  83. package/dist/{chunk-DH2AP6OA.js → chunk-EELIGZUD.js} +5 -5
  84. package/dist/chunk-ERUOMTWL.js +6 -0
  85. package/dist/{chunk-6Q5ZHGO3.js → chunk-FJ6AAK5Z.js} +5 -5
  86. package/dist/{chunk-AF23UVEG.js → chunk-FJJG6PMV.js} +1 -1
  87. package/dist/{chunk-ZHGGRFV5.js → chunk-FOD6Q7UN.js} +2 -2
  88. package/dist/{chunk-GC6ZPFYC.js → chunk-GEMZ5EDW.js} +8 -8
  89. package/dist/{chunk-27PVESBY.js → chunk-GKN3BY36.js} +3 -3
  90. package/dist/{chunk-YRJYUPFY.js → chunk-GKUY4QWP.js} +1 -1
  91. package/dist/{chunk-U4YNXKEQ.js → chunk-H637L477.js} +1 -1
  92. package/dist/{chunk-3ELZCVBQ.js → chunk-H6CZ6DKP.js} +1 -1
  93. package/dist/{chunk-3XFVUSZI.js → chunk-H7K7KLU4.js} +2 -2
  94. package/dist/{chunk-UOP32WBF.js → chunk-HCFKAC4T.js} +2 -2
  95. package/dist/{chunk-N3GLP7QO.js → chunk-HEHMZWBC.js} +1 -1
  96. package/dist/{chunk-KHJEGBSI.js → chunk-HGSA2Y3P.js} +10 -10
  97. package/dist/chunk-IJZK5LYV.js +37 -0
  98. package/dist/chunk-J62I6GH3.js +102 -0
  99. package/dist/chunk-JCGEKYID.js +35 -0
  100. package/dist/{chunk-BJY6FCKP.js → chunk-JNFQC65H.js} +2 -2
  101. package/dist/{chunk-FNI4O33A.js → chunk-K73FGFB2.js} +6 -6
  102. package/dist/{chunk-CSRFJNBA.js → chunk-K7PQOHUQ.js} +3 -3
  103. package/dist/{chunk-ZGJG55SI.js → chunk-KEDXRQG2.js} +3 -3
  104. package/dist/{chunk-OWM4D6VT.js → chunk-KUGVMCIB.js} +1 -1
  105. package/dist/{chunk-LHDNOOWM.js → chunk-KWXJDQ4M.js} +2 -2
  106. package/dist/{chunk-KFMWKIB5.js → chunk-L4D32IWU.js} +1 -1
  107. package/dist/{chunk-ADFLWF25.js → chunk-LAN2LJO2.js} +1 -1
  108. package/dist/{chunk-XTSZLGCW.js → chunk-LERLQFPC.js} +3 -3
  109. package/dist/{chunk-AKIEAK3Q.js → chunk-M3L2VYKL.js} +2 -2
  110. package/dist/{chunk-6Y22TBJC.js → chunk-MCUPCFYQ.js} +8 -8
  111. package/dist/{chunk-5HOQ72M5.js → chunk-MP4UER4S.js} +5 -5
  112. package/dist/{chunk-3OGRUHKU.js → chunk-MYPNAEEC.js} +1 -1
  113. package/dist/{chunk-WXGFBG3G.js → chunk-MYZE5GJA.js} +2 -2
  114. package/dist/chunk-NGKT775Y.js +6 -0
  115. package/dist/{chunk-AH3GXNV5.js → chunk-NVOQLDA5.js} +12 -12
  116. package/dist/chunk-OGC6BUEX.js +6 -0
  117. package/dist/{chunk-TF5IRRVE.js → chunk-ONCR64LB.js} +1 -1
  118. package/dist/{chunk-J6OIUWDS.js → chunk-PPV6OKAK.js} +7 -7
  119. package/dist/{chunk-4OFS65KY.js → chunk-QVHMDEWO.js} +1 -1
  120. package/dist/{chunk-4QNVP6F5.js → chunk-QYEV2QUA.js} +1 -1
  121. package/dist/{chunk-OZWL6VM7.js → chunk-R3PAHNRL.js} +2 -2
  122. package/dist/{chunk-N6CNGZ3K.js → chunk-R4ICRVDS.js} +1 -1
  123. package/dist/{chunk-3MYOBJLV.js → chunk-R5CEXZPL.js} +1 -1
  124. package/dist/{chunk-PCH7FEVS.js → chunk-REXPSB5P.js} +2 -2
  125. package/dist/{chunk-4J6HM4ZD.js → chunk-RKZRG2QV.js} +5 -5
  126. package/dist/{chunk-JF3RNXXG.js → chunk-RMAIQQFV.js} +2 -2
  127. package/dist/{chunk-MGQUORQ6.js → chunk-RNVPPIZQ.js} +2 -2
  128. package/dist/{chunk-3PVTFW74.js → chunk-SEQN7G35.js} +3 -3
  129. package/dist/{chunk-MLSZZ2YK.js → chunk-SINPHU2Z.js} +2 -2
  130. package/dist/{chunk-NYSJVPB5.js → chunk-SKHYIVXR.js} +2 -2
  131. package/dist/{chunk-WM6VRWZQ.js → chunk-SLFA36JO.js} +1 -1
  132. package/dist/{chunk-IQVNGB2U.js → chunk-STU7DFF5.js} +11 -11
  133. package/dist/{chunk-VNMTRKJ5.js → chunk-SW4UF2MM.js} +4 -4
  134. package/dist/{chunk-3NNU4ZW3.js → chunk-TLAJAVGL.js} +2 -2
  135. package/dist/{chunk-RFF2GVAI.js → chunk-TN5C3AE3.js} +1 -1
  136. package/dist/{chunk-PRUBFXYK.js → chunk-TU5MAMGV.js} +6 -6
  137. package/dist/{chunk-WUEHDPNX.js → chunk-TZZQP76M.js} +3 -3
  138. package/dist/{chunk-63G753TA.js → chunk-U35DID2L.js} +1 -1
  139. package/dist/chunk-U4LYXB7W.js +10 -0
  140. package/dist/{chunk-66FXPML6.js → chunk-UIOWILYW.js} +1 -1
  141. package/dist/{chunk-PY4UT34U.js → chunk-V2AGZ5A5.js} +1 -1
  142. package/dist/{chunk-SV7J2FKQ.js → chunk-V7HFSPRY.js} +1 -1
  143. package/dist/{chunk-C7P5BM7Y.js → chunk-VLGOJ5DY.js} +2 -2
  144. package/dist/{chunk-WMLCHW7S.js → chunk-VMGVHR42.js} +1 -1
  145. package/dist/{chunk-FSAVTRDT.js → chunk-W2C47VCH.js} +1 -1
  146. package/dist/{chunk-R3E5G4ZH.js → chunk-W53AAAUA.js} +2 -2
  147. package/dist/{chunk-V4CA7BH7.js → chunk-WDZO4L7Z.js} +1 -1
  148. package/dist/{chunk-NTODF2QA.js → chunk-WY3JOP43.js} +1 -1
  149. package/dist/{chunk-Y54GDDMZ.js → chunk-XKREPRGK.js} +1 -1
  150. package/dist/{chunk-D4U45JIF.js → chunk-XUO7HGRK.js} +2 -2
  151. package/dist/{chunk-EU5BJZQI.js → chunk-YWNBO3UY.js} +1 -1
  152. package/dist/chunk-ZSOUOAD4.js +98 -0
  153. package/dist/combobox/src/ComboBox.css +681 -681
  154. package/dist/combobox/src/ComboBox.js +17 -17
  155. package/dist/combobox/src/index.css +681 -681
  156. package/dist/combobox/src/index.js +17 -17
  157. package/dist/disclosure/src/Disclosure.css +47 -47
  158. package/dist/disclosure/src/Disclosure.js +1 -1
  159. package/dist/disclosure/src/DisclosureHeader.css +54 -54
  160. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  161. package/dist/disclosure/src/DisclosurePanel.css +47 -47
  162. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  163. package/dist/disclosure/src/index.css +72 -72
  164. package/dist/disclosure/src/index.js +7 -7
  165. package/dist/divider/src/Divider.css +39 -39
  166. package/dist/divider/src/Divider.js +1 -1
  167. package/dist/divider/src/index.css +39 -39
  168. package/dist/divider/src/index.js +1 -1
  169. package/dist/error-message/src/ErrorMessage.css +39 -39
  170. package/dist/error-message/src/ErrorMessage.js +2 -2
  171. package/dist/error-message/src/index.css +39 -39
  172. package/dist/error-message/src/index.js +2 -2
  173. package/dist/form/src/Form.css +37 -37
  174. package/dist/form/src/Form.js +1 -1
  175. package/dist/form/src/index.css +37 -37
  176. package/dist/form/src/index.js +1 -1
  177. package/dist/helper-message/src/HelperMessage.css +39 -39
  178. package/dist/helper-message/src/HelperMessage.js +2 -2
  179. package/dist/helper-message/src/index.css +39 -39
  180. package/dist/helper-message/src/index.js +2 -2
  181. package/dist/hopper-provider/src/HopperProvider.css +38 -38
  182. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  183. package/dist/hopper-provider/src/index.css +38 -38
  184. package/dist/hopper-provider/src/index.js +1 -1
  185. package/dist/icon-list/src/IconList.css +38 -38
  186. package/dist/icon-list/src/IconList.js +1 -1
  187. package/dist/icon-list/src/index.css +38 -38
  188. package/dist/icon-list/src/index.js +1 -1
  189. package/dist/illustrated-message/src/IllustratedMessage.css +279 -279
  190. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  191. package/dist/illustrated-message/src/index.css +279 -279
  192. package/dist/illustrated-message/src/index.js +1 -1
  193. package/dist/image/src/Image.css +40 -40
  194. package/dist/image/src/Image.js +1 -1
  195. package/dist/image/src/SvgImage.css +38 -38
  196. package/dist/image/src/SvgImage.js +1 -1
  197. package/dist/image/src/index.css +41 -41
  198. package/dist/image/src/index.js +2 -2
  199. package/dist/index.css +1193 -997
  200. package/dist/index.d.ts +8 -1
  201. package/dist/index.js +95 -87
  202. package/dist/inputs/src/Input.css +41 -41
  203. package/dist/inputs/src/Input.js +1 -1
  204. package/dist/inputs/src/InputGroup.css +43 -43
  205. package/dist/inputs/src/InputGroup.js +1 -1
  206. package/dist/inputs/src/NumberField.css +67 -67
  207. package/dist/inputs/src/NumberField.js +9 -9
  208. package/dist/inputs/src/PasswordField.css +280 -280
  209. package/dist/inputs/src/PasswordField.js +9 -9
  210. package/dist/inputs/src/RemainingCharacterCount.css +40 -40
  211. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  212. package/dist/inputs/src/SearchField.css +286 -286
  213. package/dist/inputs/src/SearchField.js +10 -10
  214. package/dist/inputs/src/TextArea.css +64 -64
  215. package/dist/inputs/src/TextArea.js +8 -8
  216. package/dist/inputs/src/TextField.css +284 -284
  217. package/dist/inputs/src/TextField.js +12 -12
  218. package/dist/inputs/src/index.css +332 -332
  219. package/dist/inputs/src/index.js +16 -16
  220. package/dist/link/src/Link.css +76 -76
  221. package/dist/link/src/Link.js +3 -3
  222. package/dist/link/src/index.css +76 -76
  223. package/dist/link/src/index.js +3 -3
  224. package/dist/list-box/src/ListBox.css +311 -311
  225. package/dist/list-box/src/ListBox.js +7 -7
  226. package/dist/list-box/src/ListBoxItem.css +299 -299
  227. package/dist/list-box/src/ListBoxItem.js +6 -6
  228. package/dist/list-box/src/ListBoxItemSkeleton.css +44 -44
  229. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  230. package/dist/list-box/src/index.css +311 -311
  231. package/dist/list-box/src/index.js +7 -7
  232. package/dist/menu/src/Menu.css +4188 -0
  233. package/dist/menu/src/Menu.d.ts +31 -0
  234. package/dist/menu/src/Menu.js +12 -0
  235. package/dist/menu/src/MenuContext.d.ts +16 -0
  236. package/dist/menu/src/MenuContext.js +2 -0
  237. package/dist/menu/src/MenuItem.css +738 -0
  238. package/dist/menu/src/MenuItem.d.ts +25 -0
  239. package/dist/menu/src/MenuItem.js +10 -0
  240. package/dist/menu/src/MenuItemContext.d.ts +8 -0
  241. package/dist/menu/src/MenuItemContext.js +2 -0
  242. package/dist/menu/src/MenuSection.css +282 -0
  243. package/dist/menu/src/MenuSection.d.ts +10 -0
  244. package/dist/menu/src/MenuSection.js +3 -0
  245. package/dist/menu/src/MenuTrigger.d.ts +22 -0
  246. package/dist/menu/src/MenuTrigger.js +3 -0
  247. package/dist/menu/src/MenuTriggerContext.d.ts +8 -0
  248. package/dist/menu/src/MenuTriggerContext.js +2 -0
  249. package/dist/menu/src/SubmenuTrigger.d.ts +8 -0
  250. package/dist/menu/src/SubmenuTrigger.js +2 -0
  251. package/dist/menu/src/index.css +4327 -0
  252. package/dist/menu/src/index.d.ts +13 -0
  253. package/dist/menu/src/index.js +21 -0
  254. package/dist/modal/src/BaseModal.css +52 -52
  255. package/dist/modal/src/BaseModal.js +1 -1
  256. package/dist/modal/src/CustomModal.css +53 -53
  257. package/dist/modal/src/CustomModal.js +2 -2
  258. package/dist/modal/src/Modal.css +299 -299
  259. package/dist/modal/src/Modal.js +8 -8
  260. package/dist/modal/src/index.css +300 -300
  261. package/dist/modal/src/index.js +10 -10
  262. package/dist/overlays/popover/src/Popover.css +597 -597
  263. package/dist/overlays/popover/src/Popover.js +2 -2
  264. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  265. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  266. package/dist/overlays/popover/src/index.css +601 -601
  267. package/dist/overlays/popover/src/index.js +3 -3
  268. package/dist/radio/src/DecorativeRadio.css +64 -64
  269. package/dist/radio/src/DecorativeRadio.js +3 -3
  270. package/dist/radio/src/Radio.css +56 -56
  271. package/dist/radio/src/Radio.js +3 -3
  272. package/dist/radio/src/RadioField.css +43 -43
  273. package/dist/radio/src/RadioField.js +2 -2
  274. package/dist/radio/src/RadioGroup.css +108 -108
  275. package/dist/radio/src/RadioGroup.js +7 -7
  276. package/dist/radio/src/index.css +108 -108
  277. package/dist/radio/src/index.js +11 -11
  278. package/dist/segmented-control/src/SegmentedControl.css +38 -38
  279. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  280. package/dist/segmented-control/src/SegmentedControlItem.css +52 -52
  281. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  282. package/dist/segmented-control/src/index.css +53 -53
  283. package/dist/segmented-control/src/index.js +3 -3
  284. package/dist/select/src/Select.css +625 -625
  285. package/dist/select/src/Select.js +17 -17
  286. package/dist/select/src/SelectValue.css +98 -98
  287. package/dist/select/src/SelectValue.js +2 -2
  288. package/dist/select/src/index.css +625 -625
  289. package/dist/select/src/index.js +17 -17
  290. package/dist/spinner/src/Spinner.css +47 -47
  291. package/dist/spinner/src/Spinner.js +2 -2
  292. package/dist/spinner/src/index.css +47 -47
  293. package/dist/spinner/src/index.js +2 -2
  294. package/dist/switch/src/Switch.css +53 -53
  295. package/dist/switch/src/Switch.js +3 -3
  296. package/dist/switch/src/SwitchField.css +43 -43
  297. package/dist/switch/src/SwitchField.js +2 -2
  298. package/dist/switch/src/index.css +59 -59
  299. package/dist/switch/src/index.js +4 -4
  300. package/dist/tabs/src/Tab.css +450 -450
  301. package/dist/tabs/src/Tab.js +2 -2
  302. package/dist/tabs/src/TabLine.css +39 -39
  303. package/dist/tabs/src/TabLine.js +1 -1
  304. package/dist/tabs/src/TabList.css +46 -46
  305. package/dist/tabs/src/TabList.js +2 -2
  306. package/dist/tabs/src/TabPanel.css +39 -39
  307. package/dist/tabs/src/TabPanel.js +1 -1
  308. package/dist/tabs/src/index.css +461 -461
  309. package/dist/tabs/src/index.js +5 -5
  310. package/dist/tag/src/Tag.css +428 -428
  311. package/dist/tag/src/Tag.js +7 -7
  312. package/dist/tag/src/TagGroup.css +47 -47
  313. package/dist/tag/src/TagGroup.js +6 -6
  314. package/dist/tag/src/index.css +438 -438
  315. package/dist/tag/src/index.js +11 -11
  316. package/dist/tile/src/Tile.css +46 -46
  317. package/dist/tile/src/Tile.js +2 -2
  318. package/dist/tile/src/TileGroup.css +38 -38
  319. package/dist/tile/src/TileGroup.js +1 -1
  320. package/dist/tile/src/index.css +47 -47
  321. package/dist/tile/src/index.js +3 -3
  322. package/dist/toggle-arrow/src/ToggleArrow.css +39 -39
  323. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  324. package/dist/toggle-arrow/src/index.css +39 -39
  325. package/dist/toggle-arrow/src/index.js +1 -1
  326. package/dist/tooltip/src/Tooltip.css +47 -47
  327. package/dist/tooltip/src/Tooltip.js +4 -4
  328. package/dist/tooltip/src/TooltipTrigger.css +37 -37
  329. package/dist/tooltip/src/index.css +47 -47
  330. package/dist/tooltip/src/index.js +4 -4
  331. package/dist/typography/heading/src/Heading.css +37 -37
  332. package/dist/typography/heading/src/Heading.js +1 -1
  333. package/dist/typography/heading/src/index.css +37 -37
  334. package/dist/typography/heading/src/index.js +1 -1
  335. package/dist/typography/label/src/Label.css +37 -37
  336. package/dist/typography/label/src/Label.js +2 -2
  337. package/dist/typography/label/src/index.css +37 -37
  338. package/dist/typography/label/src/index.js +2 -2
  339. package/dist/typography/overline-text/src/OverlineText.css +37 -37
  340. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  341. package/dist/typography/overline-text/src/index.css +37 -37
  342. package/dist/typography/overline-text/src/index.js +1 -1
  343. package/dist/typography/paragraph/src/Paragraph.css +37 -37
  344. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  345. package/dist/typography/paragraph/src/index.css +37 -37
  346. package/dist/typography/paragraph/src/index.js +2 -2
  347. package/dist/typography/text/src/Text.css +37 -37
  348. package/dist/typography/text/src/Text.js +1 -1
  349. package/dist/typography/text/src/index.css +37 -37
  350. package/dist/typography/text/src/index.js +1 -1
  351. package/dist/utils/src/ClearSlots.css +37 -37
  352. package/dist/utils/src/EnsureTextWrapper.css +37 -37
  353. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  354. package/dist/utils/src/index.css +37 -37
  355. package/dist/utils/src/index.js +2 -2
  356. 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___Wsu0W {
2
+ .Heading-module__hop-Heading___3N-BS {
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___Wsu0W) {
36
+ :where(.Heading-module__hop-Heading___3N-BS) {
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___0qq2b) {
44
+ :where(.Heading-module__hop-Heading--xs___AIoE1) {
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___A-hGI) {
50
+ :where(.Heading-module__hop-Heading--sm___C-5Tn) {
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___HE--R) {
56
+ :where(.Heading-module__hop-Heading--md___ptBBh) {
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___-OS8V) {
62
+ :where(.Heading-module__hop-Heading--lg___MhXsB) {
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___feRIB) {
68
+ :where(.Heading-module__hop-Heading--xl___jMCo1) {
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___bdjNM) {
74
+ :where(.Heading-module__hop-Heading--2xl___N864S) {
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___uKkPe) {
80
+ :where(.Heading-module__hop-Heading--3xl___ev4Cg) {
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,33 +85,33 @@
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___Mw--l {
88
+ .Form-module__hop-Form___F-45c {
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___JwMYc {
95
+ .Label-module__hop-Label___tzV87 {
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___JwMYc) {
102
+ :where(.Label-module__hop-Label___tzV87) {
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);
106
106
  line-height: var(--hop-Label-line-height);
107
107
  color: var(--hop-Label-color);
108
108
  }
109
- :where(.Label-module__hop-Label__indicator___AdVMW) {
109
+ :where(.Label-module__hop-Label__indicator___Wp4MQ) {
110
110
  padding-inline-start: var(--hop-space-20);
111
111
  }
112
112
 
113
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
- :where(.OverlineText-module__hop-OverlineText___Ixn7X) {
114
+ :where(.OverlineText-module__hop-OverlineText___lDKuo) {
115
115
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
116
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
117
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +135,26 @@
135
135
  text-transform: uppercase;
136
136
  letter-spacing: var(--letter-spacing);
137
137
  }
138
- .OverlineText-module__hop-OverlineText__text___ZNdD1 {
138
+ .OverlineText-module__hop-OverlineText__text___JrGdf {
139
139
  box-sizing: border-box;
140
140
  }
141
- .OverlineText-module__hop-OverlineText__text___ZNdD1::before,
142
- .OverlineText-module__hop-OverlineText__text___ZNdD1::after {
141
+ .OverlineText-module__hop-OverlineText__text___JrGdf::before,
142
+ .OverlineText-module__hop-OverlineText__text___JrGdf::after {
143
143
  content: "";
144
144
  display: block;
145
145
  box-sizing: border-box;
146
146
  inline-size: 0;
147
147
  block-size: 0;
148
148
  }
149
- .OverlineText-module__hop-OverlineText__text___ZNdD1::before {
149
+ .OverlineText-module__hop-OverlineText__text___JrGdf::before {
150
150
  margin-block-end: var(--bottom-offset);
151
151
  }
152
- .OverlineText-module__hop-OverlineText__text___ZNdD1::after {
152
+ .OverlineText-module__hop-OverlineText__text___JrGdf::after {
153
153
  margin-block-start: var(--top-offset);
154
154
  }
155
155
 
156
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___v3ZK1 {
157
+ .Text-module__hop-Text___TSNAC {
158
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +184,49 @@
184
184
  --hop-Text-inherit-size-font-weight: inherit;
185
185
  --hop-Text-inherit-size-line-height: inherit;
186
186
  }
187
- :where(.Text-module__hop-Text___v3ZK1) {
187
+ :where(.Text-module__hop-Text___TSNAC) {
188
188
  font-family: var(--font-family);
189
189
  font-size: var(--font-size);
190
190
  font-weight: var(--font-weight);
191
191
  line-height: var(--line-height);
192
192
  }
193
- :where(.Text-module__hop-Text--xs___Y-odp) {
193
+ :where(.Text-module__hop-Text--xs___yuFT0) {
194
194
  --font-size: var(--hop-Text-xs-font-size);
195
195
  --font-family: var(--hop-Text-xs-font-family);
196
196
  --font-weight: var(--hop-Text-xs-font-weight);
197
197
  --line-height: var(--hop-Text-xs-line-height);
198
198
  }
199
- :where(.Text-module__hop-Text--sm___27mHc) {
199
+ :where(.Text-module__hop-Text--sm___qelbx) {
200
200
  --font-size: var(--hop-Text-sm-font-size);
201
201
  --font-family: var(--hop-Text-sm-font-family);
202
202
  --font-weight: var(--hop-Text-sm-font-weight);
203
203
  --line-height: var(--hop-Text-sm-line-height);
204
204
  }
205
- :where(.Text-module__hop-Text--md___4g0lP) {
205
+ :where(.Text-module__hop-Text--md___PcK3y) {
206
206
  --font-size: var(--hop-Text-md-font-size);
207
207
  --font-family: var(--hop-Text-md-font-family);
208
208
  --font-weight: var(--hop-Text-md-font-weight);
209
209
  --line-height: var(--hop-Text-md-line-height);
210
210
  }
211
- :where(.Text-module__hop-Text--lg___04WEl) {
211
+ :where(.Text-module__hop-Text--lg___iRaZl) {
212
212
  --font-size: var(--hop-Text-lg-font-size);
213
213
  --font-family: var(--hop-Text-lg-font-family);
214
214
  --font-weight: var(--hop-Text-lg-font-weight);
215
215
  --line-height: var(--hop-Text-lg-line-height);
216
216
  }
217
- :where(.Text-module__hop-Text--xl___q6pxz) {
217
+ :where(.Text-module__hop-Text--xl___kO3Qt) {
218
218
  --font-size: var(--hop-Text-xl-font-size);
219
219
  --font-family: var(--hop-Text-xl-font-family);
220
220
  --font-weight: var(--hop-Text-xl-font-weight);
221
221
  --line-height: var(--hop-Text-xl-line-height);
222
222
  }
223
- :where(.Text-module__hop-Text--2xl___-uxum) {
223
+ :where(.Text-module__hop-Text--2xl___rAN5U) {
224
224
  --font-size: var(--hop-Text-2xl-font-size);
225
225
  --font-family: var(--hop-Text-2xl-font-family);
226
226
  --font-weight: var(--hop-Text-2xl-font-weight);
227
227
  --line-height: var(--hop-Text-2xl-line-height);
228
228
  }
229
- :where(.Text-module__hop-Text--inherit___RewNr) {
229
+ :where(.Text-module__hop-Text--inherit___hn3le) {
230
230
  --font-size: var(--hop-Text-inherit-size-font-size);
231
231
  --font-family: var(--hop-Text-inherit-size-font-family);
232
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +234,7 @@
234
234
  }
235
235
 
236
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
- .Paragraph-module__hop-Paragraph___zIPGL {
237
+ .Paragraph-module__hop-Paragraph___VOZwC {
238
238
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
239
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
240
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,33 +246,33 @@
246
246
  margin-block-end: var(--margin-block-end);
247
247
  overflow-wrap: break-word;
248
248
  }
249
- .Paragraph-module__hop-Paragraph___zIPGL:last-child {
249
+ .Paragraph-module__hop-Paragraph___VOZwC:last-child {
250
250
  --margin-block-end: 0;
251
251
  }
252
- .Paragraph-module__hop-Paragraph--xs___GnH4z {
252
+ .Paragraph-module__hop-Paragraph--xs___crXVt {
253
253
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
254
  }
255
- .Paragraph-module__hop-Paragraph--sm___e5ZpV {
255
+ .Paragraph-module__hop-Paragraph--sm___nxfnz {
256
256
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
257
  }
258
- .Paragraph-module__hop-Paragraph--md___0rGEH {
258
+ .Paragraph-module__hop-Paragraph--md___YgyE0 {
259
259
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
260
  }
261
- .Paragraph-module__hop-Paragraph--lg___kvkHm {
261
+ .Paragraph-module__hop-Paragraph--lg___G36sQ {
262
262
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--xl___pd3VX {
264
+ .Paragraph-module__hop-Paragraph--xl___dWzV5 {
265
265
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--2xl___0FEsW {
267
+ .Paragraph-module__hop-Paragraph--2xl___wJ2Wu {
268
268
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--inherit___tEuRz {
270
+ .Paragraph-module__hop-Paragraph--inherit___Z3RKC {
271
271
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
272
  }
273
273
 
274
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___VB36- {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6 {
276
276
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
277
277
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
278
278
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -303,46 +303,46 @@
303
303
  background-color: var(--background-color);
304
304
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
305
305
  }
306
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___rLekj {
306
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vxH-6 {
307
307
  --size: var(--hop-RichIconAvatarImage-xs-size);
308
308
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
309
309
  }
310
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___oFZ5q {
310
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___l8zKZ {
311
311
  --size: var(--hop-RichIconAvatarImage-sm-size);
312
312
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
313
313
  }
314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___pNwZm {
314
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___dl7qB {
315
315
  --size: var(--hop-RichIconAvatarImage-md-size);
316
316
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
317
317
  }
318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___0Kcj- {
318
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___b2V01 {
319
319
  --size: var(--hop-RichIconAvatarImage-lg-size);
320
320
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
321
321
  }
322
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___jRzl- {
322
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___oZubf {
323
323
  --size: var(--hop-RichIconAvatarImage-xl-size);
324
324
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
325
325
  }
326
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___OdTAe {
326
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___S1-4q {
327
327
  --size: var(--hop-RichIconAvatarImage-2xl-size);
328
328
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
329
329
  }
330
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___VB36-[data-disabled] {
330
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] {
331
331
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
332
332
  }
333
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___zX7Pg {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
334
334
  position: relative;
335
335
  display: block;
336
336
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
337
337
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
338
338
  }
339
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___VB36-[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___zX7Pg {
339
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
340
340
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
341
341
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
342
342
  }
343
343
 
344
344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
345
- .Avatar-module__hop-Avatar___lLhE9 {
345
+ .Avatar-module__hop-Avatar___-m4sl {
346
346
  --hop-Avatar-border-radius: var(--hop-shape-circle);
347
347
  --hop-Avatar-mix-blend-mode: normal;
348
348
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -387,67 +387,67 @@
387
387
  background-color: var(--background-color, transparent);
388
388
  border-radius: var(--hop-Avatar-border-radius);
389
389
  }
390
- .Avatar-module__hop-Avatar--xs___pRuXw {
390
+ .Avatar-module__hop-Avatar--xs___voEj- {
391
391
  --size: var(--hop-Avatar-xs-size);
392
392
  }
393
- .Avatar-module__hop-Avatar--sm___2Q-uw {
393
+ .Avatar-module__hop-Avatar--sm___VEWZ9 {
394
394
  --size: var(--hop-Avatar-sm-size);
395
395
  }
396
- .Avatar-module__hop-Avatar--md___kRCji {
396
+ .Avatar-module__hop-Avatar--md___WRFOH {
397
397
  --size: var(--hop-Avatar-md-size);
398
398
  }
399
- .Avatar-module__hop-Avatar--lg___To9rm {
399
+ .Avatar-module__hop-Avatar--lg___JaNW3 {
400
400
  --size: var(--hop-Avatar-lg-size);
401
401
  }
402
- .Avatar-module__hop-Avatar--xl___rF89T {
402
+ .Avatar-module__hop-Avatar--xl___Ov8Y8 {
403
403
  --size: var(--hop-Avatar-xl-size);
404
404
  }
405
- .Avatar-module__hop-Avatar--2xl___oZi0o {
405
+ .Avatar-module__hop-Avatar--2xl___Ti4UJ {
406
406
  --size: var(--hop-Avatar-2xl-size);
407
407
  }
408
- .Avatar-module__hop-Avatar--decorative-option1___2fqKi {
408
+ .Avatar-module__hop-Avatar--decorative-option1___g6oOE {
409
409
  --background-color: var(--hop-Avatar-decorative-1-background-color);
410
410
  --text-color: var(--hop-Avatar-decorative-1-text-color);
411
411
  }
412
- .Avatar-module__hop-Avatar--decorative-option2___Tu6xT {
412
+ .Avatar-module__hop-Avatar--decorative-option2___u-zDc {
413
413
  --background-color: var(--hop-Avatar-decorative-2-background-color);
414
414
  --text-color: var(--hop-Avatar-decorative-2-text-color);
415
415
  }
416
- .Avatar-module__hop-Avatar--decorative-option3___-xB1C {
416
+ .Avatar-module__hop-Avatar--decorative-option3___WhCPz {
417
417
  --background-color: var(--hop-Avatar-decorative-3-background-color);
418
418
  --text-color: var(--hop-Avatar-decorative-3-text-color);
419
419
  }
420
- .Avatar-module__hop-Avatar--decorative-option4___izLGK {
420
+ .Avatar-module__hop-Avatar--decorative-option4___GesJz {
421
421
  --background-color: var(--hop-Avatar-decorative-4-background-color);
422
422
  --text-color: var(--hop-Avatar-decorative-4-text-color);
423
423
  }
424
- .Avatar-module__hop-Avatar--decorative-option5___hplYR {
424
+ .Avatar-module__hop-Avatar--decorative-option5___-23ZH {
425
425
  --background-color: var(--hop-Avatar-decorative-5-background-color);
426
426
  --text-color: var(--hop-Avatar-decorative-5-text-color);
427
427
  }
428
- .Avatar-module__hop-Avatar--decorative-option6___fxifE {
428
+ .Avatar-module__hop-Avatar--decorative-option6___CQmNQ {
429
429
  --background-color: var(--hop-Avatar-decorative-6-background-color);
430
430
  --text-color: var(--hop-Avatar-decorative-6-text-color);
431
431
  }
432
- .Avatar-module__hop-Avatar--decorative-option7___0Xy3M {
432
+ .Avatar-module__hop-Avatar--decorative-option7___ogvs7 {
433
433
  --background-color: var(--hop-Avatar-decorative-7-background-color);
434
434
  --text-color: var(--hop-Avatar-decorative-7-text-color);
435
435
  }
436
- .Avatar-module__hop-Avatar--decorative-option8___j59oD {
436
+ .Avatar-module__hop-Avatar--decorative-option8___HA21y {
437
437
  --background-color: var(--hop-Avatar-decorative-8-background-color);
438
438
  --text-color: var(--hop-Avatar-decorative-8-text-color);
439
439
  }
440
- .Avatar-module__hop-Avatar--decorative-option9___KgGsw {
440
+ .Avatar-module__hop-Avatar--decorative-option9___THrCC {
441
441
  --background-color: var(--hop-Avatar-decorative-9-background-color);
442
442
  --text-color: var(--hop-Avatar-decorative-9-text-color);
443
443
  }
444
- .Avatar-module__hop-Avatar___lLhE9[data-disabled] {
444
+ .Avatar-module__hop-Avatar___-m4sl[data-disabled] {
445
445
  --background-color: var(--hop-Avatar-background-color-disabled);
446
446
  --text-color: var(--hop-Avatar-text-color-disabled);
447
447
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
448
448
  isolation: isolate;
449
449
  }
450
- .Avatar-module__hop-Avatar__image___ERcKZ {
450
+ .Avatar-module__hop-Avatar__image___owC-L {
451
451
  position: relative;
452
452
  display: block;
453
453
  box-sizing: border-box;
@@ -458,7 +458,7 @@
458
458
  }
459
459
 
460
460
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
461
- .Tooltip-module__hop-Tooltip___LyyAC {
461
+ .Tooltip-module__hop-Tooltip___YCOYX {
462
462
  --hop-Tooltip-max-inline-size: 20rem;
463
463
  --hop-Tooltip-slide-amount: 0.25rem;
464
464
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -485,29 +485,29 @@
485
485
  border-radius: var(--hop-Tooltip-border-radius);
486
486
  box-shadow: var(--hop-Tooltip-box-shadow);
487
487
  }
488
- .Tooltip-module__hop-Tooltip--top___Z0zyI {
488
+ .Tooltip-module__hop-Tooltip--top___Ke-AO {
489
489
  --origin-x: 0;
490
490
  --origin-y: var(--hop-Tooltip-slide-amount);
491
491
  }
492
- .Tooltip-module__hop-Tooltip--right___QozcM {
492
+ .Tooltip-module__hop-Tooltip--right___cksoK {
493
493
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
494
494
  --origin-y: 0;
495
495
  }
496
- .Tooltip-module__hop-Tooltip--bottom___YVmh9 {
496
+ .Tooltip-module__hop-Tooltip--bottom___qFAV6 {
497
497
  --origin-x: 0;
498
498
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
499
499
  }
500
- .Tooltip-module__hop-Tooltip--left___bdvo4 {
500
+ .Tooltip-module__hop-Tooltip--left___wwLMY {
501
501
  --origin-x: var(--hop-Tooltip-slide-amount);
502
502
  --origin-y: 0;
503
503
  }
504
- .Tooltip-module__hop-Tooltip___LyyAC[data-entering] {
505
- animation: Tooltip-module__slide___t8Mis 0.2s ease-out;
504
+ .Tooltip-module__hop-Tooltip___YCOYX[data-entering] {
505
+ animation: Tooltip-module__slide___t6GRt 0.2s ease-out;
506
506
  }
507
- .Tooltip-module__hop-Tooltip___LyyAC[data-exiting] {
508
- animation: Tooltip-module__slide___t8Mis 0.2s ease-in reverse;
507
+ .Tooltip-module__hop-Tooltip___YCOYX[data-exiting] {
508
+ animation: Tooltip-module__slide___t6GRt 0.2s ease-in reverse;
509
509
  }
510
- @keyframes Tooltip-module__slide___t8Mis {
510
+ @keyframes Tooltip-module__slide___t6GRt {
511
511
  from {
512
512
  transform: translate(var(--origin-x), var(--origin-y));
513
513
  opacity: 0;
@@ -519,44 +519,44 @@
519
519
  }
520
520
 
521
521
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
522
- .AvatarGroup-module__hop-AvatarGroup___7NeXJ {
522
+ .AvatarGroup-module__hop-AvatarGroup___CIlO9 {
523
523
  --hop-AvatarGroup-display: flex;
524
524
  --hop-AvatarGroup-align-items: center;
525
525
  display: var(--hop-AvatarGroup-display);
526
526
  align-items: var(--hop-AvatarGroup-align-items);
527
527
  }
528
- .AvatarGroup-module__hop-AvatarGroup--wrap___UpLZI {
528
+ .AvatarGroup-module__hop-AvatarGroup--wrap___q7k0p {
529
529
  flex-wrap: wrap;
530
530
  }
531
- .AvatarGroup-module__hop-AvatarGroup--xs___I1TmK {
531
+ .AvatarGroup-module__hop-AvatarGroup--xs___qr6X- {
532
532
  --gap: -0.125rem;
533
533
  }
534
- .AvatarGroup-module__hop-AvatarGroup--sm___5t8V3 {
534
+ .AvatarGroup-module__hop-AvatarGroup--sm___tIyLd {
535
535
  --gap: -0.25rem;
536
536
  }
537
- .AvatarGroup-module__hop-AvatarGroup--md___cWkdT {
537
+ .AvatarGroup-module__hop-AvatarGroup--md___mBTX- {
538
538
  --gap: -0.5rem;
539
539
  }
540
- .AvatarGroup-module__hop-AvatarGroup--lg___U6cmp {
540
+ .AvatarGroup-module__hop-AvatarGroup--lg___37l6b {
541
541
  --gap: -1rem;
542
542
  }
543
- .AvatarGroup-module__hop-AvatarGroup--xl___kaxfy {
543
+ .AvatarGroup-module__hop-AvatarGroup--xl___YLh7o {
544
544
  --gap: -1rem;
545
545
  }
546
- .AvatarGroup-module__hop-AvatarGroup--2xl___-DilH {
546
+ .AvatarGroup-module__hop-AvatarGroup--2xl___AOi7- {
547
547
  --gap: -2rem;
548
548
  }
549
- .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP {
549
+ .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
550
550
  margin-inline-start: var(--gap);
551
551
  transition: margin var(--hop-easing-duration-2);
552
552
  }
553
- .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP {
553
+ .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
554
554
  margin-inline-start: 0;
555
555
  }
556
- .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP:first-child {
556
+ .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:first-child {
557
557
  margin-inline-start: 0;
558
558
  }
559
- .AvatarGroup-module__hop-AvatarGroup__label___NmivK {
559
+ .AvatarGroup-module__hop-AvatarGroup__label___mS1n3 {
560
560
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
561
561
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
562
562
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -568,7 +568,7 @@
568
568
  font-weight: var(--hop-AvatarGroup-label-font-weight);
569
569
  line-height: var(--hop-AvatarGroup-label-line-height);
570
570
  }
571
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___kPOk0 {
571
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p {
572
572
  --hop-AvatarGroup__hiddenAvatar-display: flex;
573
573
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
574
574
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -586,21 +586,21 @@
586
586
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
587
587
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
588
588
  }
589
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___kPOk0:not(:last-child) {
589
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p:not(:last-child) {
590
590
  margin-block-end: 0.25rem;
591
591
  }
592
- .AvatarGroup-module__hop-AvatarGroup--start___Wi1Qb {
592
+ .AvatarGroup-module__hop-AvatarGroup--start___5Iubf {
593
593
  justify-content: flex-start;
594
594
  }
595
- .AvatarGroup-module__hop-AvatarGroup--end___4HO1w {
595
+ .AvatarGroup-module__hop-AvatarGroup--end___GHZ4U {
596
596
  justify-content: flex-end;
597
597
  }
598
- .AvatarGroup-module__hop-AvatarGroup--center___nbiXn {
598
+ .AvatarGroup-module__hop-AvatarGroup--center___mFxWk {
599
599
  justify-content: center;
600
600
  }
601
601
 
602
602
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
603
- .Badge-module__hop-Badge___LTdoD {
603
+ .Badge-module__hop-Badge___KJ3W2 {
604
604
  --hop-Badge-height: 1.5rem;
605
605
  --hop-Badge-width: max-content;
606
606
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -650,67 +650,67 @@
650
650
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
651
651
  border-radius: var(--border-radius);
652
652
  }
653
- .Badge-module__hop-Badge--primary___6wcUV {
653
+ .Badge-module__hop-Badge--primary___SQC7m {
654
654
  --background-color: var(--hop-Badge-primary-background-color);
655
655
  --text-color: var(--hop-Badge-primary-text-color);
656
656
  }
657
- .Badge-module__hop-Badge--primary___6wcUV[data-hovered] {
657
+ .Badge-module__hop-Badge--primary___SQC7m[data-hovered] {
658
658
  --background-color: var(--hop-Badge-primary-background-color-hovered);
659
659
  --text-color: var(--hop-Badge-primary-text-color-hovered);
660
660
  }
661
- .Badge-module__hop-Badge--primary___6wcUV[data-pressed] {
661
+ .Badge-module__hop-Badge--primary___SQC7m[data-pressed] {
662
662
  --background-color: var(--hop-Badge-primary-background-color-pressed);
663
663
  --text-color: var(--hop-Badge-primary-text-color-pressed);
664
664
  }
665
- .Badge-module__hop-Badge--primary___6wcUV[data-selected] {
665
+ .Badge-module__hop-Badge--primary___SQC7m[data-selected] {
666
666
  --background-color: var(--hop-Badge-primary-background-color-selected);
667
667
  --text-color: var(--hop-Badge-primary-text-color-selected);
668
668
  }
669
- .Badge-module__hop-Badge--secondary___hMM9K {
669
+ .Badge-module__hop-Badge--secondary___HYQtN {
670
670
  --background-color: var(--hop-Badge-secondary-background-color);
671
671
  --text-color: var(--hop-Badge-secondary-text-color);
672
672
  }
673
- .Badge-module__hop-Badge--secondary___hMM9K[data-hovered] {
673
+ .Badge-module__hop-Badge--secondary___HYQtN[data-hovered] {
674
674
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
675
675
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
676
676
  }
677
- .Badge-module__hop-Badge--secondary___hMM9K[data-pressed] {
677
+ .Badge-module__hop-Badge--secondary___HYQtN[data-pressed] {
678
678
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
679
679
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
680
680
  }
681
- .Badge-module__hop-Badge--secondary___hMM9K[data-selected] {
681
+ .Badge-module__hop-Badge--secondary___HYQtN[data-selected] {
682
682
  --background-color: var(--hop-Badge-secondary-background-color-selected);
683
683
  --text-color: var(--hop-Badge-secondary-text-color-selected);
684
684
  }
685
- .Badge-module__hop-Badge--subdued___N1hXJ {
685
+ .Badge-module__hop-Badge--subdued___zilnb {
686
686
  --background-color: var(--hop-Badge-subdued-background-color);
687
687
  --text-color: var(--hop-Badge-subdued-text-color);
688
688
  }
689
- .Badge-module__hop-Badge--subdued___N1hXJ[data-hovered] {
689
+ .Badge-module__hop-Badge--subdued___zilnb[data-hovered] {
690
690
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
691
691
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
692
692
  }
693
- .Badge-module__hop-Badge--subdued___N1hXJ[data-pressed] {
693
+ .Badge-module__hop-Badge--subdued___zilnb[data-pressed] {
694
694
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
695
695
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
696
696
  }
697
- .Badge-module__hop-Badge--subdued___N1hXJ[data-selected] {
697
+ .Badge-module__hop-Badge--subdued___zilnb[data-selected] {
698
698
  --background-color: var(--hop-Badge-subdued-background-color-selected);
699
699
  --text-color: var(--hop-Badge-subdued-text-color-selected);
700
700
  }
701
- .Badge-module__hop-Badge___LTdoD[data-indeterminate] {
701
+ .Badge-module__hop-Badge___KJ3W2[data-indeterminate] {
702
702
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
703
703
  --height: var(--hop-Badge-indeterminate-height);
704
704
  --width: var(--hop-Badge-indeterminate-width);
705
705
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
706
706
  }
707
- .Badge-module__hop-Badge___LTdoD[data-disabled] {
707
+ .Badge-module__hop-Badge___KJ3W2[data-disabled] {
708
708
  --background-color: var(--hop-Badge-background-color-disabled);
709
709
  --text-color: var(--hop-Badge-text-color-disabled);
710
710
  }
711
711
 
712
712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
713
- .FloatingBadge-module__hop-FloatingBadge___VmNQq {
713
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U {
714
714
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
715
715
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
716
716
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -751,7 +751,7 @@
751
751
  box-sizing: border-box;
752
752
  inline-size: max-content;
753
753
  }
754
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top right"] {
754
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"] {
755
755
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
756
756
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
757
757
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -759,11 +759,11 @@
759
759
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
760
760
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
761
761
  }
762
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top right"][data-overlap=circular] {
762
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"][data-overlap=circular] {
763
763
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
764
764
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
765
765
  }
766
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top left"] {
766
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"] {
767
767
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
768
768
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
769
769
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -771,11 +771,11 @@
771
771
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
772
772
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
773
773
  }
774
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top left"][data-overlap=circular] {
774
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"][data-overlap=circular] {
775
775
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
776
776
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
777
777
  }
778
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom right"] {
778
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"] {
779
779
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
780
780
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
781
781
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -783,11 +783,11 @@
783
783
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
784
784
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
785
785
  }
786
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom right"][data-overlap=circular] {
786
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"][data-overlap=circular] {
787
787
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
788
788
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
789
789
  }
790
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom left"] {
790
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"] {
791
791
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
792
792
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
793
793
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -795,11 +795,11 @@
795
795
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
796
796
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
797
797
  }
798
- .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom left"][data-overlap=circular] {
798
+ .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"][data-overlap=circular] {
799
799
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
800
800
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
801
801
  }
802
- .FloatingBadge-module__hop-FloatingBadge__badge___2D5Dn {
802
+ .FloatingBadge-module__hop-FloatingBadge__badge___0A0N2 {
803
803
  position: absolute;
804
804
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
805
805
  transform-origin: var(--badge-transform-origin);
@@ -807,7 +807,7 @@
807
807
  }
808
808
 
809
809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
810
- .IconList-module__hop-IconList___n74SL {
810
+ .IconList-module__hop-IconList___JGBdL {
811
811
  --hop-IconList-gap: var(--hop-space-inline-xs);
812
812
  display: flex;
813
813
  flex-wrap: wrap;
@@ -816,7 +816,7 @@
816
816
  }
817
817
 
818
818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
819
- .Checkbox-module__hop-Checkbox___DVbx- {
819
+ .Checkbox-module__hop-Checkbox___oHb0r {
820
820
  --hop-Checkbox-box-border-size: 0.0625rem;
821
821
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
822
822
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -891,60 +891,60 @@
891
891
  inline-size: max-content;
892
892
  max-inline-size: 100%;
893
893
  }
894
- .Checkbox-module__hop-Checkbox___DVbx-[data-focus-visible] {
894
+ .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
895
895
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
896
896
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
897
897
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
898
898
  --text-color: var(--hop-Checkbox-text-color-focused);
899
899
  --icon-color: var(--hop-Checkbox-icon-color-focused);
900
900
  }
901
- .Checkbox-module__hop-Checkbox___DVbx-[data-hovered] {
901
+ .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
902
902
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
903
903
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
904
904
  --text-color: var(--hop-Checkbox-text-color-hovered);
905
905
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
906
906
  }
907
- .Checkbox-module__hop-Checkbox___DVbx-[data-pressed] {
907
+ .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
908
908
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
909
909
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
910
910
  --text-color: var(--hop-Checkbox-text-color-pressed);
911
911
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
912
912
  }
913
- .Checkbox-module__hop-Checkbox___DVbx-[data-selected] {
913
+ .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
914
914
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
915
915
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
916
916
  --check-display: var(--hop-Checkbox-check-display-selected);
917
917
  --text-color: var(--hop-Checkbox-text-color-selected);
918
918
  --icon-color: var(--hop-Checkbox-icon-color-selected);
919
919
  }
920
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid] {
920
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
921
921
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
922
922
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
923
923
  --check-color: var(--hop-Checkbox-check-color-invalid);
924
924
  --text-color: var(--hop-Checkbox-text-color-invalid);
925
925
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
926
926
  }
927
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-focus-visible]) {
927
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
928
928
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
929
929
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
930
930
  }
931
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-hovered]) {
931
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
932
932
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
933
933
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
934
934
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
935
935
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
936
936
  }
937
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-pressed]) {
937
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
938
938
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
939
939
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
940
940
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
941
941
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
942
942
  }
943
- .Checkbox-module__hop-Checkbox___DVbx-:where([data-invalid])[data-selected] {
943
+ .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
944
944
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
945
945
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
946
946
  }
947
- .Checkbox-module__hop-Checkbox___DVbx-[data-disabled] {
947
+ .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
948
948
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
949
949
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
950
950
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -952,25 +952,25 @@
952
952
  --text-color: var(--hop-Checkbox-text-color-disabled);
953
953
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
954
954
  }
955
- .Checkbox-module__hop-Checkbox--sm___Z6mbl {
955
+ .Checkbox-module__hop-Checkbox--sm___ZuGio {
956
956
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
957
957
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
958
958
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
959
959
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
960
960
  }
961
- .Checkbox-module__hop-Checkbox--md___Kq3-s {
961
+ .Checkbox-module__hop-Checkbox--md___f9YGd {
962
962
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
963
963
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
964
964
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
965
965
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
966
966
  }
967
- .Checkbox-module__hop-Checkbox__icon___2PU7h,
968
- .Checkbox-module__hop-Checkbox__icon-list___lCMbT {
967
+ .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
968
+ .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
969
969
  flex: 0 0 auto;
970
970
  order: 3;
971
971
  color: var(--icon-color);
972
972
  }
973
- .Checkbox-module__hop-Checkbox__box___5UWz7 {
973
+ .Checkbox-module__hop-Checkbox__box___puaui {
974
974
  display: flex;
975
975
  flex: 0 0 auto;
976
976
  align-items: center;
@@ -986,11 +986,11 @@
986
986
  outline-offset: 0.125rem;
987
987
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
988
988
  }
989
- .Checkbox-module__hop-Checkbox__check___FSOca {
989
+ .Checkbox-module__hop-Checkbox__check___w8beQ {
990
990
  display: var(--check-display);
991
991
  color: var(--check-color);
992
992
  }
993
- .Checkbox-module__hop-Checkbox__text___CIooa {
993
+ .Checkbox-module__hop-Checkbox__text___3zmf2 {
994
994
  flex: 0 1 auto;
995
995
  order: 2;
996
996
  min-inline-size: 0;
@@ -1000,7 +1000,7 @@
1000
1000
  }
1001
1001
 
1002
1002
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1003
- .CheckboxField-module__hop-CheckboxField___FcUfQ {
1003
+ .CheckboxField-module__hop-CheckboxField___WbOMN {
1004
1004
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1005
1005
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1006
1006
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1019,28 +1019,28 @@
1019
1019
  inline-size: max-content;
1020
1020
  max-inline-size: 100%;
1021
1021
  }
1022
- .CheckboxField-module__hop-CheckboxField___FcUfQ[data-disabled] {
1022
+ .CheckboxField-module__hop-CheckboxField___WbOMN[data-disabled] {
1023
1023
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1024
1024
  }
1025
- .CheckboxField-module__hop-CheckboxField--sm___bG-73 {
1025
+ .CheckboxField-module__hop-CheckboxField--sm___8V3hn {
1026
1026
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1027
1027
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1028
1028
  }
1029
- .CheckboxField-module__hop-CheckboxField--md___3mDzK {
1029
+ .CheckboxField-module__hop-CheckboxField--md___OiTum {
1030
1030
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1031
1031
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1032
1032
  }
1033
- .CheckboxField-module__hop-CheckboxField__description___gnCLG {
1033
+ .CheckboxField-module__hop-CheckboxField__description___Yx0se {
1034
1034
  order: 2;
1035
1035
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1036
1036
  color: var(--description-color);
1037
1037
  }
1038
- .CheckboxField-module__hop-CheckboxField__checkbox___1ggzZ {
1038
+ .CheckboxField-module__hop-CheckboxField__checkbox___2kOCO {
1039
1039
  order: 1;
1040
1040
  }
1041
1041
 
1042
1042
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1043
- .ErrorMessage-module__hop-ErrorMessage___LrJef {
1043
+ .ErrorMessage-module__hop-ErrorMessage___Q81Sd {
1044
1044
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1045
1045
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1046
1046
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1057,13 +1057,13 @@
1057
1057
  line-height: var(--hop-ErrorMessage-line-height);
1058
1058
  color: var(--hop-ErrorMessage-color);
1059
1059
  }
1060
- .ErrorMessage-module__hop-ErrorMessage__icon___onnlM {
1060
+ .ErrorMessage-module__hop-ErrorMessage__icon___L84xV {
1061
1061
  flex: 0 0 auto;
1062
1062
  align-self: flex-start;
1063
1063
  }
1064
1064
 
1065
1065
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1066
- .HelperMessage-module__hop-HelperMessage___gHOEX {
1066
+ .HelperMessage-module__hop-HelperMessage___bH5cE {
1067
1067
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1068
1068
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1069
1069
  display: flex;
@@ -1072,13 +1072,13 @@
1072
1072
  box-sizing: border-box;
1073
1073
  color: var(--hop-HelperMessage-color);
1074
1074
  }
1075
- .HelperMessage-module__hop-HelperMessage__icon___KBS7i {
1075
+ .HelperMessage-module__hop-HelperMessage__icon___lLc5y {
1076
1076
  flex: 0 0 auto;
1077
1077
  align-self: flex-start;
1078
1078
  }
1079
1079
 
1080
1080
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1081
- .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 {
1081
+ .CheckboxGroup-module__hop-CheckboxGroup___CmrWe {
1082
1082
  --hop-CheckboxGroup-align-items: flex-start;
1083
1083
  --hop-CheckboxGroup-justify-content: flex-start;
1084
1084
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1117,46 +1117,46 @@
1117
1117
  inline-size: max-content;
1118
1118
  max-inline-size: 100%;
1119
1119
  }
1120
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx {
1120
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p {
1121
1121
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1122
1122
  --list-border-radius: var(--hop-shape-rounded-md);
1123
1123
  }
1124
- .CheckboxGroup-module__hop-CheckboxGroup--sm___bYs3r {
1124
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
1125
1125
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1126
1126
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1127
1127
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1128
1128
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1129
1129
  }
1130
- .CheckboxGroup-module__hop-CheckboxGroup--md___aqZOw {
1130
+ .CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
1131
1131
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1132
1132
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1133
1133
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1134
1134
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1135
1135
  }
1136
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx.CheckboxGroup-module__hop-CheckboxGroup--sm___bYs3r {
1136
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
1137
1137
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1138
1138
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1139
1139
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1140
1140
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1141
1141
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1142
1142
  }
1143
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx.CheckboxGroup-module__hop-CheckboxGroup--md___aqZOw {
1143
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
1144
1144
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1145
1145
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1146
1146
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1147
1147
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1148
1148
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1149
1149
  }
1150
- .CheckboxGroup-module__hop-CheckboxGroup___4gEm4[data-orientation=horizontal] {
1150
+ .CheckboxGroup-module__hop-CheckboxGroup___CmrWe[data-orientation=horizontal] {
1151
1151
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1152
1152
  }
1153
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx[data-orientation=horizontal] {
1153
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] {
1154
1154
  --flex-wrap: nowrap;
1155
1155
  }
1156
- .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 > .CheckboxGroup-module__hop-CheckboxGroup__label___nlTve {
1156
+ .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__label___kuRzl {
1157
1157
  order: 1;
1158
1158
  }
1159
- .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO {
1159
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL {
1160
1160
  display: flex;
1161
1161
  flex-flow: var(--flex-direction) var(--flex-wrap);
1162
1162
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1167,7 +1167,7 @@
1167
1167
  border: var(--list-border, none);
1168
1168
  border-radius: var(--list-border-radius, 0);
1169
1169
  }
1170
- .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e {
1170
+ .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg {
1171
1171
  position: relative;
1172
1172
  flex: 0 1 auto;
1173
1173
  align-content: start;
@@ -1175,28 +1175,28 @@
1175
1175
  min-inline-size: 0;
1176
1176
  padding: var(--checkbox-padding, 0);
1177
1177
  }
1178
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e::before {
1178
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
1179
1179
  content: "";
1180
1180
  position: absolute;
1181
1181
  display: block;
1182
1182
  }
1183
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e::before {
1183
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
1184
1184
  inset-block-start: 0;
1185
1185
  inset-inline: 0;
1186
1186
  border-block-start: var(--list-border, none);
1187
1187
  }
1188
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e::before {
1188
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
1189
1189
  inset-block: 0;
1190
1190
  inset-inline-start: 0;
1191
1191
  border-inline-start: var(--list-border, none);
1192
1192
  }
1193
- .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___g7bFp,
1194
- .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___VkfvG {
1193
+ .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__error-message___HNYuL,
1194
+ .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___g8hu7 {
1195
1195
  order: 3;
1196
1196
  }
1197
1197
 
1198
1198
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1199
- .Checkbox-module__hop-Checkbox___DVbx- {
1199
+ .Checkbox-module__hop-Checkbox___oHb0r {
1200
1200
  --hop-Checkbox-box-border-size: 0.0625rem;
1201
1201
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1202
1202
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1271,60 +1271,60 @@
1271
1271
  inline-size: max-content;
1272
1272
  max-inline-size: 100%;
1273
1273
  }
1274
- .Checkbox-module__hop-Checkbox___DVbx-[data-focus-visible] {
1274
+ .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
1275
1275
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1276
1276
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1277
1277
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1278
1278
  --text-color: var(--hop-Checkbox-text-color-focused);
1279
1279
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1280
1280
  }
1281
- .Checkbox-module__hop-Checkbox___DVbx-[data-hovered] {
1281
+ .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
1282
1282
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1283
1283
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1284
1284
  --text-color: var(--hop-Checkbox-text-color-hovered);
1285
1285
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1286
1286
  }
1287
- .Checkbox-module__hop-Checkbox___DVbx-[data-pressed] {
1287
+ .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
1288
1288
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1289
1289
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1290
1290
  --text-color: var(--hop-Checkbox-text-color-pressed);
1291
1291
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1292
1292
  }
1293
- .Checkbox-module__hop-Checkbox___DVbx-[data-selected] {
1293
+ .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
1294
1294
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1295
1295
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1296
1296
  --check-display: var(--hop-Checkbox-check-display-selected);
1297
1297
  --text-color: var(--hop-Checkbox-text-color-selected);
1298
1298
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1299
1299
  }
1300
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid] {
1300
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
1301
1301
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1302
1302
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1303
1303
  --check-color: var(--hop-Checkbox-check-color-invalid);
1304
1304
  --text-color: var(--hop-Checkbox-text-color-invalid);
1305
1305
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1306
1306
  }
1307
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-focus-visible]) {
1307
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
1308
1308
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1309
1309
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1310
1310
  }
1311
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-hovered]) {
1311
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
1312
1312
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1313
1313
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1314
1314
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1315
1315
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1316
1316
  }
1317
- .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-pressed]) {
1317
+ .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
1318
1318
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1319
1319
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1320
1320
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1321
1321
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1322
1322
  }
1323
- .Checkbox-module__hop-Checkbox___DVbx-:where([data-invalid])[data-selected] {
1323
+ .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
1324
1324
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1325
1325
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1326
1326
  }
1327
- .Checkbox-module__hop-Checkbox___DVbx-[data-disabled] {
1327
+ .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
1328
1328
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1329
1329
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1330
1330
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1332,25 +1332,25 @@
1332
1332
  --text-color: var(--hop-Checkbox-text-color-disabled);
1333
1333
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1334
1334
  }
1335
- .Checkbox-module__hop-Checkbox--sm___Z6mbl {
1335
+ .Checkbox-module__hop-Checkbox--sm___ZuGio {
1336
1336
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1337
1337
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1338
1338
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1339
1339
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1340
1340
  }
1341
- .Checkbox-module__hop-Checkbox--md___Kq3-s {
1341
+ .Checkbox-module__hop-Checkbox--md___f9YGd {
1342
1342
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1343
1343
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1344
1344
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1345
1345
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1346
1346
  }
1347
- .Checkbox-module__hop-Checkbox__icon___2PU7h,
1348
- .Checkbox-module__hop-Checkbox__icon-list___lCMbT {
1347
+ .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
1348
+ .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
1349
1349
  flex: 0 0 auto;
1350
1350
  order: 3;
1351
1351
  color: var(--icon-color);
1352
1352
  }
1353
- .Checkbox-module__hop-Checkbox__box___5UWz7 {
1353
+ .Checkbox-module__hop-Checkbox__box___puaui {
1354
1354
  display: flex;
1355
1355
  flex: 0 0 auto;
1356
1356
  align-items: center;
@@ -1366,11 +1366,11 @@
1366
1366
  outline-offset: 0.125rem;
1367
1367
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1368
1368
  }
1369
- .Checkbox-module__hop-Checkbox__check___FSOca {
1369
+ .Checkbox-module__hop-Checkbox__check___w8beQ {
1370
1370
  display: var(--check-display);
1371
1371
  color: var(--check-color);
1372
1372
  }
1373
- .Checkbox-module__hop-Checkbox__text___CIooa {
1373
+ .Checkbox-module__hop-Checkbox__text___3zmf2 {
1374
1374
  flex: 0 1 auto;
1375
1375
  order: 2;
1376
1376
  min-inline-size: 0;
@@ -1378,24 +1378,24 @@
1378
1378
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1379
1379
  color: var(--text-color);
1380
1380
  }
1381
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___C688n {
1381
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___8GaHh {
1382
1382
  }
1383
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___bRSih {
1383
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fwtbW {
1384
1384
  }
1385
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___xRpHc {
1385
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___i0oAM {
1386
1386
  }
1387
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___PjfKw,
1388
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___G35Zm {
1387
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___PyeWV,
1388
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tFw7N {
1389
1389
  }
1390
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___mt1Mi {
1390
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Aztjh {
1391
1391
  }
1392
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___f1AnY {
1392
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0u5F4 {
1393
1393
  }
1394
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___mKiU2 {
1394
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___bKeKU {
1395
1395
  }
1396
1396
 
1397
1397
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1398
- .Radio-module__hop-Radio___2h7gf {
1398
+ .Radio-module__hop-Radio___eBueo {
1399
1399
  --hop-Radio-box-border-size: 0.0625rem;
1400
1400
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1401
1401
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1469,60 +1469,60 @@
1469
1469
  inline-size: max-content;
1470
1470
  max-inline-size: 100%;
1471
1471
  }
1472
- .Radio-module__hop-Radio___2h7gf[data-focus-visible] {
1472
+ .Radio-module__hop-Radio___eBueo[data-focus-visible] {
1473
1473
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1474
1474
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1475
1475
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1476
1476
  --text-color: var(--hop-Radio-text-color-focused);
1477
1477
  --icon-color: var(--hop-Radio-icon-color-focused);
1478
1478
  }
1479
- .Radio-module__hop-Radio___2h7gf[data-hovered] {
1479
+ .Radio-module__hop-Radio___eBueo[data-hovered] {
1480
1480
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1481
1481
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1482
1482
  --text-color: var(--hop-Radio-text-color-hovered);
1483
1483
  --icon-color: var(--hop-Radio-icon-color-hovered);
1484
1484
  }
1485
- .Radio-module__hop-Radio___2h7gf[data-pressed] {
1485
+ .Radio-module__hop-Radio___eBueo[data-pressed] {
1486
1486
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1487
1487
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1488
1488
  --text-color: var(--hop-Radio-text-color-pressed);
1489
1489
  --icon-color: var(--hop-Radio-icon-color-pressed);
1490
1490
  }
1491
- .Radio-module__hop-Radio___2h7gf[data-selected] {
1491
+ .Radio-module__hop-Radio___eBueo[data-selected] {
1492
1492
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1493
1493
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1494
1494
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1495
1495
  --text-color: var(--hop-Radio-text-color-selected);
1496
1496
  --icon-color: var(--hop-Radio-icon-color-selected);
1497
1497
  }
1498
- .Radio-module__hop-Radio___2h7gf[data-invalid] {
1498
+ .Radio-module__hop-Radio___eBueo[data-invalid] {
1499
1499
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1500
1500
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1501
1501
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1502
1502
  --text-color: var(--hop-Radio-text-color-invalid);
1503
1503
  --icon-color: var(--hop-Radio-icon-color-invalid);
1504
1504
  }
1505
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-focus-visible] {
1505
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
1506
1506
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1507
1507
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1508
1508
  }
1509
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-hovered] {
1509
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
1510
1510
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1511
1511
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1512
1512
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1513
1513
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1514
1514
  }
1515
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-pressed] {
1515
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
1516
1516
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1517
1517
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1518
1518
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1519
1519
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1520
1520
  }
1521
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-selected] {
1521
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
1522
1522
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1523
1523
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1524
1524
  }
1525
- .Radio-module__hop-Radio___2h7gf[data-disabled] {
1525
+ .Radio-module__hop-Radio___eBueo[data-disabled] {
1526
1526
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1527
1527
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1528
1528
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1530,25 +1530,25 @@
1530
1530
  --text-color: var(--hop-Radio-text-color-disabled);
1531
1531
  --icon-color: var(--hop-Radio-icon-color-disabled);
1532
1532
  }
1533
- .Radio-module__hop-Radio--sm___JYOjC {
1533
+ .Radio-module__hop-Radio--sm___GQdC5 {
1534
1534
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1535
1535
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1536
1536
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1537
1537
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1538
1538
  }
1539
- .Radio-module__hop-Radio--md___Tlyci {
1539
+ .Radio-module__hop-Radio--md___63v-N {
1540
1540
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1541
1541
  --box-block-size: var(--hop-Radio-box-md-block-size);
1542
1542
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1543
1543
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1544
1544
  }
1545
- .Radio-module__hop-Radio__icon___3yhVu,
1546
- .Radio-module__hop-Radio__icon-list___-C6wV {
1545
+ .Radio-module__hop-Radio__icon___dVuoR,
1546
+ .Radio-module__hop-Radio__icon-list___LeQK7 {
1547
1547
  flex: 0 0 auto;
1548
1548
  order: 3;
1549
1549
  color: var(--icon-color);
1550
1550
  }
1551
- .Radio-module__hop-Radio__box___1nHKF {
1551
+ .Radio-module__hop-Radio__box___6R1dw {
1552
1552
  display: flex;
1553
1553
  flex: 0 0 auto;
1554
1554
  align-items: center;
@@ -1564,11 +1564,11 @@
1564
1564
  outline-offset: 0.125rem;
1565
1565
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1566
1566
  }
1567
- .Radio-module__hop-Radio__bullet___zILTQ {
1567
+ .Radio-module__hop-Radio__bullet___gVfg- {
1568
1568
  display: var(--bullet-display);
1569
1569
  color: var(--bullet-color);
1570
1570
  }
1571
- .Radio-module__hop-Radio__text___6p-ao {
1571
+ .Radio-module__hop-Radio__text___3WXI3 {
1572
1572
  flex: 0 1 auto;
1573
1573
  order: 2;
1574
1574
  min-inline-size: 0;
@@ -1576,24 +1576,24 @@
1576
1576
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1577
1577
  color: var(--text-color);
1578
1578
  }
1579
- .DecorativeRadio-module__hop-DecorativeRadio___2-dLi {
1579
+ .DecorativeRadio-module__hop-DecorativeRadio___AlhGD {
1580
1580
  }
1581
- .DecorativeRadio-module__hop-DecorativeRadio--sm___eAe7x {
1581
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___UnzCt {
1582
1582
  }
1583
- .DecorativeRadio-module__hop-DecorativeRadio--md___kpLmh {
1583
+ .DecorativeRadio-module__hop-DecorativeRadio--md___wNI7X {
1584
1584
  }
1585
- .DecorativeRadio-module__hop-DecorativeRadio__icon___4enig,
1586
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___nhmnX {
1585
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___PfsHi,
1586
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XQuSG {
1587
1587
  }
1588
- .DecorativeRadio-module__hop-DecorativeRadio__box___eUAG6 {
1588
+ .DecorativeRadio-module__hop-DecorativeRadio__box___Y-AnD {
1589
1589
  }
1590
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___kGR1R {
1590
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___sfqjq {
1591
1591
  }
1592
- .DecorativeRadio-module__hop-DecorativeRadio__text___YNbqI {
1592
+ .DecorativeRadio-module__hop-DecorativeRadio__text___Z41w7 {
1593
1593
  }
1594
1594
 
1595
1595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1596
- .Radio-module__hop-Radio___2h7gf {
1596
+ .Radio-module__hop-Radio___eBueo {
1597
1597
  --hop-Radio-box-border-size: 0.0625rem;
1598
1598
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1599
1599
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1667,60 +1667,60 @@
1667
1667
  inline-size: max-content;
1668
1668
  max-inline-size: 100%;
1669
1669
  }
1670
- .Radio-module__hop-Radio___2h7gf[data-focus-visible] {
1670
+ .Radio-module__hop-Radio___eBueo[data-focus-visible] {
1671
1671
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1672
1672
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1673
1673
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1674
1674
  --text-color: var(--hop-Radio-text-color-focused);
1675
1675
  --icon-color: var(--hop-Radio-icon-color-focused);
1676
1676
  }
1677
- .Radio-module__hop-Radio___2h7gf[data-hovered] {
1677
+ .Radio-module__hop-Radio___eBueo[data-hovered] {
1678
1678
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1679
1679
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1680
1680
  --text-color: var(--hop-Radio-text-color-hovered);
1681
1681
  --icon-color: var(--hop-Radio-icon-color-hovered);
1682
1682
  }
1683
- .Radio-module__hop-Radio___2h7gf[data-pressed] {
1683
+ .Radio-module__hop-Radio___eBueo[data-pressed] {
1684
1684
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1685
1685
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1686
1686
  --text-color: var(--hop-Radio-text-color-pressed);
1687
1687
  --icon-color: var(--hop-Radio-icon-color-pressed);
1688
1688
  }
1689
- .Radio-module__hop-Radio___2h7gf[data-selected] {
1689
+ .Radio-module__hop-Radio___eBueo[data-selected] {
1690
1690
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1691
1691
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1692
1692
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1693
1693
  --text-color: var(--hop-Radio-text-color-selected);
1694
1694
  --icon-color: var(--hop-Radio-icon-color-selected);
1695
1695
  }
1696
- .Radio-module__hop-Radio___2h7gf[data-invalid] {
1696
+ .Radio-module__hop-Radio___eBueo[data-invalid] {
1697
1697
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1698
1698
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1699
1699
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1700
1700
  --text-color: var(--hop-Radio-text-color-invalid);
1701
1701
  --icon-color: var(--hop-Radio-icon-color-invalid);
1702
1702
  }
1703
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-focus-visible] {
1703
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
1704
1704
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1705
1705
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1706
1706
  }
1707
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-hovered] {
1707
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
1708
1708
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1709
1709
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1710
1710
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1711
1711
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1712
1712
  }
1713
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-pressed] {
1713
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
1714
1714
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1715
1715
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1716
1716
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1717
1717
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1718
1718
  }
1719
- .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-selected] {
1719
+ .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
1720
1720
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1721
1721
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1722
1722
  }
1723
- .Radio-module__hop-Radio___2h7gf[data-disabled] {
1723
+ .Radio-module__hop-Radio___eBueo[data-disabled] {
1724
1724
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1725
1725
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1726
1726
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1728,25 +1728,25 @@
1728
1728
  --text-color: var(--hop-Radio-text-color-disabled);
1729
1729
  --icon-color: var(--hop-Radio-icon-color-disabled);
1730
1730
  }
1731
- .Radio-module__hop-Radio--sm___JYOjC {
1731
+ .Radio-module__hop-Radio--sm___GQdC5 {
1732
1732
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1733
1733
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1734
1734
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1735
1735
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1736
1736
  }
1737
- .Radio-module__hop-Radio--md___Tlyci {
1737
+ .Radio-module__hop-Radio--md___63v-N {
1738
1738
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1739
1739
  --box-block-size: var(--hop-Radio-box-md-block-size);
1740
1740
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1741
1741
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1742
1742
  }
1743
- .Radio-module__hop-Radio__icon___3yhVu,
1744
- .Radio-module__hop-Radio__icon-list___-C6wV {
1743
+ .Radio-module__hop-Radio__icon___dVuoR,
1744
+ .Radio-module__hop-Radio__icon-list___LeQK7 {
1745
1745
  flex: 0 0 auto;
1746
1746
  order: 3;
1747
1747
  color: var(--icon-color);
1748
1748
  }
1749
- .Radio-module__hop-Radio__box___1nHKF {
1749
+ .Radio-module__hop-Radio__box___6R1dw {
1750
1750
  display: flex;
1751
1751
  flex: 0 0 auto;
1752
1752
  align-items: center;
@@ -1762,11 +1762,11 @@
1762
1762
  outline-offset: 0.125rem;
1763
1763
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1764
1764
  }
1765
- .Radio-module__hop-Radio__bullet___zILTQ {
1765
+ .Radio-module__hop-Radio__bullet___gVfg- {
1766
1766
  display: var(--bullet-display);
1767
1767
  color: var(--bullet-color);
1768
1768
  }
1769
- .Radio-module__hop-Radio__text___6p-ao {
1769
+ .Radio-module__hop-Radio__text___3WXI3 {
1770
1770
  flex: 0 1 auto;
1771
1771
  order: 2;
1772
1772
  min-inline-size: 0;
@@ -1776,7 +1776,7 @@
1776
1776
  }
1777
1777
 
1778
1778
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1779
- .RadioField-module__hop-RadioField___8mUh3 {
1779
+ .RadioField-module__hop-RadioField___5B3-x {
1780
1780
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1781
1781
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1782
1782
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1795,28 +1795,28 @@
1795
1795
  inline-size: max-content;
1796
1796
  max-inline-size: 100%;
1797
1797
  }
1798
- .RadioField-module__hop-RadioField___8mUh3[data-disabled] {
1798
+ .RadioField-module__hop-RadioField___5B3-x[data-disabled] {
1799
1799
  --description-color: var(--hop-RadioField-description-color-disabled);
1800
1800
  }
1801
- .RadioField-module__hop-RadioField--sm___QSEqd {
1801
+ .RadioField-module__hop-RadioField--sm___a9--Z {
1802
1802
  --row-gap: var(--hop-RadioField-sm-row-gap);
1803
1803
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1804
1804
  }
1805
- .RadioField-module__hop-RadioField--md___kNQlA {
1805
+ .RadioField-module__hop-RadioField--md___M1tBj {
1806
1806
  --row-gap: var(--hop-RadioField-md-row-gap);
1807
1807
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1808
1808
  }
1809
- .RadioField-module__hop-RadioField__description___kWXuR {
1809
+ .RadioField-module__hop-RadioField__description___avVpF {
1810
1810
  order: 2;
1811
1811
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1812
1812
  color: var(--description-color);
1813
1813
  }
1814
- .RadioField-module__hop-RadioField__radio___WwWHp {
1814
+ .RadioField-module__hop-RadioField__radio___-qcpe {
1815
1815
  order: 1;
1816
1816
  }
1817
1817
 
1818
1818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1819
- .RadioGroup-module__hop-RadioGroup___pGZY3 {
1819
+ .RadioGroup-module__hop-RadioGroup___jUNVM {
1820
1820
  --hop-RadioGroup-align-items: flex-start;
1821
1821
  --hop-RadioGroup-justify-content: flex-start;
1822
1822
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1856,46 +1856,46 @@
1856
1856
  inline-size: var(--inline-size);
1857
1857
  max-inline-size: 100%;
1858
1858
  }
1859
- .RadioGroup-module__hop-RadioGroup--bordered___yd7uV {
1859
+ .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 {
1860
1860
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1861
1861
  --list-border-radius: var(--hop-shape-rounded-md);
1862
1862
  }
1863
- .RadioGroup-module__hop-RadioGroup--sm___kSb99 {
1863
+ .RadioGroup-module__hop-RadioGroup--sm___gJd9p {
1864
1864
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1865
1865
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1866
1866
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1867
1867
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1868
1868
  }
1869
- .RadioGroup-module__hop-RadioGroup--md___XhtTT {
1869
+ .RadioGroup-module__hop-RadioGroup--md___bbLe6 {
1870
1870
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1871
1871
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1872
1872
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1873
1873
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1874
1874
  }
1875
- .RadioGroup-module__hop-RadioGroup--bordered___yd7uV.RadioGroup-module__hop-RadioGroup--sm___kSb99 {
1875
+ .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--sm___gJd9p {
1876
1876
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1877
1877
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1878
1878
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1879
1879
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1880
1880
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1881
1881
  }
1882
- .RadioGroup-module__hop-RadioGroup--bordered___yd7uV.RadioGroup-module__hop-RadioGroup--md___XhtTT {
1882
+ .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--md___bbLe6 {
1883
1883
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1884
1884
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1885
1885
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1886
1886
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1887
1887
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1888
1888
  }
1889
- .RadioGroup-module__hop-RadioGroup___pGZY3[data-orientation=horizontal] {
1889
+ .RadioGroup-module__hop-RadioGroup___jUNVM[data-orientation=horizontal] {
1890
1890
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1891
1891
  }
1892
- .RadioGroup-module__hop-RadioGroup--bordered___yd7uV[data-orientation=horizontal] {
1892
+ .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] {
1893
1893
  --flex-wrap: nowrap;
1894
1894
  }
1895
- .RadioGroup-module__hop-RadioGroup___pGZY3 > .RadioGroup-module__hop-RadioGroup__label___hsT8C {
1895
+ .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__label___WRzhE {
1896
1896
  order: 1;
1897
1897
  }
1898
- .RadioGroup-module__hop-RadioGroup__list___9JikH {
1898
+ .RadioGroup-module__hop-RadioGroup__list___gHNAr {
1899
1899
  display: flex;
1900
1900
  flex-flow: var(--flex-direction) var(--flex-wrap);
1901
1901
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1906,7 +1906,7 @@
1906
1906
  border: var(--list-border, none);
1907
1907
  border-radius: var(--list-border-radius, 0);
1908
1908
  }
1909
- .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- {
1909
+ .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN {
1910
1910
  position: relative;
1911
1911
  flex: 0 1 auto;
1912
1912
  align-content: start;
@@ -1914,28 +1914,28 @@
1914
1914
  min-inline-size: 0;
1915
1915
  padding: var(--radio-padding, 0);
1916
1916
  }
1917
- .RadioGroup-module__hop-RadioGroup--bordered___yd7uV .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- ~ .RadioGroup-module__hop-RadioGroup__radio___EUcr-::before {
1917
+ .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
1918
1918
  content: "";
1919
1919
  position: absolute;
1920
1920
  display: block;
1921
1921
  }
1922
- .RadioGroup-module__hop-RadioGroup--bordered___yd7uV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- ~ .RadioGroup-module__hop-RadioGroup__radio___EUcr-::before {
1922
+ .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
1923
1923
  inset-block-start: 0;
1924
1924
  inset-inline: 0;
1925
1925
  border-block-start: var(--list-border, none);
1926
1926
  }
1927
- .RadioGroup-module__hop-RadioGroup--bordered___yd7uV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- ~ .RadioGroup-module__hop-RadioGroup__radio___EUcr-::before {
1927
+ .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
1928
1928
  inset-block: 0;
1929
1929
  inset-inline-start: 0;
1930
1930
  border-inline-start: var(--list-border, none);
1931
1931
  }
1932
- .RadioGroup-module__hop-RadioGroup___pGZY3 > .RadioGroup-module__hop-RadioGroup__error-message___Lxyd3,
1933
- .RadioGroup-module__hop-RadioGroup___pGZY3 > .RadioGroup-module__hop-RadioGroup__helper-message___OeSkN {
1932
+ .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__error-message___pZTcf,
1933
+ .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__helper-message___E-UDa {
1934
1934
  order: 3;
1935
1935
  }
1936
1936
 
1937
1937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1938
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___tWfb8 {
1938
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___BeAQ5 {
1939
1939
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1940
1940
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1941
1941
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1961,7 +1961,7 @@
1961
1961
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1962
1962
  background-size: 400% 100%;
1963
1963
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1964
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___Y73Ci;
1964
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW;
1965
1965
  animation-duration: var(--animation-duration);
1966
1966
  animation-timing-function: ease-in-out;
1967
1967
  animation-fill-mode: forwards;
@@ -1970,19 +1970,19 @@
1970
1970
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1971
1971
  }
1972
1972
  }
1973
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___GJRj3 {
1973
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___LUDsc {
1974
1974
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1975
1975
  }
1976
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___o6ACH {
1976
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ujK2H {
1977
1977
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1978
1978
  }
1979
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___sT9ea {
1979
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___H-YEh {
1980
1980
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1981
1981
  }
1982
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___grBaK {
1982
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rEkJI {
1983
1983
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1984
1984
  }
1985
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___Y73Ci {
1985
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW {
1986
1986
  0% {
1987
1987
  background-position: 125% 50%;
1988
1988
  }
@@ -1992,7 +1992,7 @@
1992
1992
  }
1993
1993
 
1994
1994
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
1995
- .ListBoxItem-module__hop-ListBoxItem___oNVH4 {
1995
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW {
1996
1996
  --hop-ListBoxItem-background-color: transparent;
1997
1997
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1998
1998
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2089,129 +2089,129 @@
2089
2089
  outline: var(--outline);
2090
2090
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2091
2091
  }
2092
- .ListBoxItem-module__hop-ListBoxItem--xs___p4dKN {
2092
+ .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z- {
2093
2093
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2094
2094
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2095
2095
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2096
2096
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2097
2097
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2098
2098
  }
2099
- .ListBoxItem-module__hop-ListBoxItem--sm___m16-v {
2099
+ .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl {
2100
2100
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2101
2101
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2102
2102
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2103
2103
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2104
2104
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2105
2105
  }
2106
- .ListBoxItem-module__hop-ListBoxItem--md___JhsQv {
2106
+ .ListBoxItem-module__hop-ListBoxItem--md___nmSsR {
2107
2107
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2108
2108
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2109
2109
  --min-height: var(--hop-ListBoxItem-md-min-height);
2110
2110
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2111
2111
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2112
2112
  }
2113
- .ListBoxItem-module__hop-ListBoxItem--lg___7HnuX {
2113
+ .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1 {
2114
2114
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2115
2115
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2116
2116
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2117
2117
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2118
2118
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2119
2119
  }
2120
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-selection-mode] {
2120
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selection-mode] {
2121
2121
  --cursor: pointer;
2122
2122
  }
2123
- .ListBoxItem-module__hop-ListBoxItem___oNVH4:not([data-selection-mode]) {
2123
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW:not([data-selection-mode]) {
2124
2124
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2125
2125
  }
2126
- .ListBoxItem-module__hop-ListBoxItem__inner___ve0V0:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ys-4N) {
2126
+ .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
2127
2127
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2128
2128
  }
2129
- .ListBoxItem-module__hop-ListBoxItem__inner___ve0V0[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ys-4N) {
2129
+ .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
2130
2130
  --checkmark-transition: none;
2131
2131
  }
2132
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-selected] {
2132
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selected] {
2133
2133
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2134
2134
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2135
2135
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2136
2136
  --checkmark-opacity: 1;
2137
2137
  }
2138
- .ListBoxItem-module__hop-ListBoxItem--xs___p4dKN[data-selected] {
2138
+ .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z-[data-selected] {
2139
2139
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2140
2140
  }
2141
- .ListBoxItem-module__hop-ListBoxItem--sm___m16-v[data-selected] {
2141
+ .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl[data-selected] {
2142
2142
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2143
2143
  }
2144
- .ListBoxItem-module__hop-ListBoxItem--md___JhsQv[data-selected] {
2144
+ .ListBoxItem-module__hop-ListBoxItem--md___nmSsR[data-selected] {
2145
2145
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2146
2146
  }
2147
- .ListBoxItem-module__hop-ListBoxItem--lg___7HnuX[data-selected] {
2147
+ .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1[data-selected] {
2148
2148
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2149
2149
  }
2150
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-focus-visible] {
2150
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-focus-visible] {
2151
2151
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2152
2152
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2153
2153
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2154
2154
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2155
2155
  }
2156
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-hovered] {
2156
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-hovered] {
2157
2157
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2158
2158
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2159
2159
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2160
2160
  }
2161
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-pressed] {
2161
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-pressed] {
2162
2162
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2163
2163
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2164
2164
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2165
2165
  }
2166
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-disabled] {
2166
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-disabled] {
2167
2167
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2168
2168
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2169
2169
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2170
2170
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2171
2171
  --cursor: not-allowed;
2172
2172
  }
2173
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid] {
2173
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid] {
2174
2174
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2175
2175
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2176
2176
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2177
2177
  }
2178
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-selected] {
2178
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-selected] {
2179
2179
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2180
2180
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2181
2181
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2182
2182
  }
2183
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-focus-visible] {
2183
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-focus-visible] {
2184
2184
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2185
2185
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2186
2186
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2187
2187
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2188
2188
  }
2189
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-hovered] {
2189
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-hovered] {
2190
2190
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2191
2191
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2192
2192
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2193
2193
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2194
2194
  }
2195
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-pressed] {
2195
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-pressed] {
2196
2196
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2197
2197
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2198
2198
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2199
2199
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2200
2200
  }
2201
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-disabled] {
2201
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-disabled] {
2202
2202
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2203
2203
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2204
2204
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2205
2205
  }
2206
- .ListBoxItem-module__hop-ListBoxItem___oNVH4:has(.ListBoxItem-module__hop-ListBoxItem__description___hrD8n) {
2206
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW:has(.ListBoxItem-module__hop-ListBoxItem__description___liI0G) {
2207
2207
  --row-gap: var(--hop-ListBoxItem-row-gap);
2208
2208
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2209
2209
  }
2210
- .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-loading] {
2210
+ .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-loading] {
2211
2211
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2212
2212
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2213
2213
  }
2214
- .ListBoxItem-module__hop-ListBoxItem__inner___ve0V0 {
2214
+ .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD {
2215
2215
  display: grid;
2216
2216
  grid-template-areas: var(--grid-template-areas);
2217
2217
  grid-template-columns: var(--grid-template-columns);
@@ -2223,33 +2223,33 @@
2223
2223
  padding-inline: var(--padding-inline);
2224
2224
  transition: grid-template-columns .3s ease-in-out;
2225
2225
  }
2226
- .ListBoxItem-module__hop-ListBoxItem__checkmark___ys-4N {
2226
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1 {
2227
2227
  grid-area: indicator;
2228
2228
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2229
2229
  color: var(--icon-color);
2230
2230
  opacity: var(--checkmark-opacity);
2231
2231
  transition: var(--checkmark-transition);
2232
2232
  }
2233
- .ListBoxItem-module__hop-ListBoxItem__radio___ED9ma,
2234
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-Yo7x {
2233
+ .ListBoxItem-module__hop-ListBoxItem__radio___0BXKg,
2234
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___YHKfh {
2235
2235
  pointer-events: none;
2236
2236
  user-select: none;
2237
2237
  grid-area: indicator;
2238
2238
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2239
2239
  }
2240
- .ListBoxItem-module__hop-ListBoxItem__avatar___Y-LXM {
2240
+ .ListBoxItem-module__hop-ListBoxItem__avatar___OH9G7 {
2241
2241
  grid-area: avatar;
2242
2242
  margin-block: var(--avatar-margin-block, 0);
2243
2243
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2244
2244
  }
2245
- .ListBoxItem-module__hop-ListBoxItem__icon-list___YCf3n,
2246
- .ListBoxItem-module__hop-ListBoxItem__icon___kCQr5 {
2245
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___c0Mg1,
2246
+ .ListBoxItem-module__hop-ListBoxItem__icon___-Au8H {
2247
2247
  grid-area: icon;
2248
2248
  flex: 0 0 auto;
2249
2249
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2250
2250
  color: var(--icon-color);
2251
2251
  }
2252
- .ListBoxItem-module__hop-ListBoxItem__label___WlwGX {
2252
+ .ListBoxItem-module__hop-ListBoxItem__label___6ltHn {
2253
2253
  overflow: hidden;
2254
2254
  grid-area: label;
2255
2255
  min-inline-size: 0;
@@ -2257,18 +2257,18 @@
2257
2257
  text-overflow: ellipsis;
2258
2258
  white-space: nowrap;
2259
2259
  }
2260
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___ZuSih,
2261
- .ListBoxItem-module__hop-ListBoxItem__end-icon___B5vYK {
2260
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___wWwI1,
2261
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___kDNVb {
2262
2262
  grid-area: end-icon;
2263
2263
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2264
2264
  color: var(--icon-color);
2265
2265
  }
2266
- .ListBoxItem-module__hop-ListBoxItem__badge___POZMd {
2266
+ .ListBoxItem-module__hop-ListBoxItem__badge___9WZlM {
2267
2267
  grid-area: badge;
2268
2268
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2269
2269
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2270
2270
  }
2271
- .ListBoxItem-module__hop-ListBoxItem__description___hrD8n {
2271
+ .ListBoxItem-module__hop-ListBoxItem__description___liI0G {
2272
2272
  overflow: hidden;
2273
2273
  display: -webkit-box;
2274
2274
  grid-area: description;
@@ -2279,7 +2279,7 @@
2279
2279
  }
2280
2280
 
2281
2281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
2282
- .ListBox-module__hop-ListBox___psPrY {
2282
+ .ListBox-module__hop-ListBox___AbTVV {
2283
2283
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2284
2284
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2285
2285
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2326,11 +2326,11 @@
2326
2326
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2327
2327
  border-radius: var(--hop-ListBox-border-radius);
2328
2328
  }
2329
- .ListBox-module__hop-ListBox--fluid___mol7k {
2329
+ .ListBox-module__hop-ListBox--fluid___Hu9yL {
2330
2330
  --max-width: var(--hop-ListBox-fluid-max-width);
2331
2331
  --width: var(--hop-ListBox-fluid-width);
2332
2332
  }
2333
- .ListBox-module__hop-ListBox__section___l7Smi {
2333
+ .ListBox-module__hop-ListBox__section___juwhb {
2334
2334
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2335
2335
  margin-inline: var(--hop-ListBox-section-margin-inline);
2336
2336
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2338,21 +2338,21 @@
2338
2338
  border-block-start: var(--section-border-block-start);
2339
2339
  border-block-end: var(--section-border-block-end);
2340
2340
  }
2341
- .ListBox-module__hop-ListBox__item___Z4K0m + .ListBox-module__hop-ListBox__section___l7Smi {
2341
+ .ListBox-module__hop-ListBox__item___tEB62 + .ListBox-module__hop-ListBox__section___juwhb {
2342
2342
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2343
2343
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2344
2344
  }
2345
- .ListBox-module__hop-ListBox__section___l7Smi:has(+ .ListBox-module__hop-ListBox__item___Z4K0m) {
2345
+ .ListBox-module__hop-ListBox__section___juwhb:has(+ .ListBox-module__hop-ListBox__item___tEB62) {
2346
2346
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2347
2347
  }
2348
- .ListBox-module__hop-ListBox__section___l7Smi:first-child {
2348
+ .ListBox-module__hop-ListBox__section___juwhb:first-child {
2349
2349
  --section-padding-block-start: 0;
2350
2350
  }
2351
- .ListBox-module__hop-ListBox__section___l7Smi:last-child {
2351
+ .ListBox-module__hop-ListBox__section___juwhb:last-child {
2352
2352
  --section-padding-block-end: 0;
2353
2353
  --section-border-block-end: 0;
2354
2354
  }
2355
- .ListBox-module__hop-ListBox__section-header___vDSYQ {
2355
+ .ListBox-module__hop-ListBox__section-header___l0TVR {
2356
2356
  margin: 0;
2357
2357
  padding: var(--hop-ListBox-section-header-padding);
2358
2358
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2363,17 +2363,17 @@
2363
2363
  text-transform: var(--hop-ListBox-section-header-text-transform);
2364
2364
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2365
2365
  }
2366
- .ListBox-module__hop-ListBox__section-header___vDSYQ::before,
2367
- .ListBox-module__hop-ListBox__section-header___vDSYQ::after {
2366
+ .ListBox-module__hop-ListBox__section-header___l0TVR::before,
2367
+ .ListBox-module__hop-ListBox__section-header___l0TVR::after {
2368
2368
  content: "";
2369
2369
  display: block;
2370
2370
  box-sizing: border-box;
2371
2371
  inline-size: 0;
2372
2372
  block-size: 0;
2373
2373
  }
2374
- .ListBox-module__hop-ListBox__section-header___vDSYQ::before {
2374
+ .ListBox-module__hop-ListBox__section-header___l0TVR::before {
2375
2375
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2376
2376
  }
2377
- .ListBox-module__hop-ListBox__section-header___vDSYQ::after {
2377
+ .ListBox-module__hop-ListBox__section-header___l0TVR::after {
2378
2378
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2379
2379
  }