@hopper-ui/components 1.6.0 → 1.7.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 (384) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/src/Accordion.css +84 -77
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +84 -77
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +344 -325
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +344 -325
  9. package/dist/alert/src/index.js +11 -11
  10. package/dist/avatar/src/AnonymousAvatar.css +54 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -65
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +71 -64
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +54 -47
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +54 -47
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +54 -47
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -92
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +59 -52
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +54 -47
  27. package/dist/badge/src/FloatingBadge.js +2 -2
  28. package/dist/badge/src/index.css +69 -62
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +110 -103
  31. package/dist/buttons/src/Button.js +7 -7
  32. package/dist/buttons/src/ButtonContext.d.ts +13 -3
  33. package/dist/buttons/src/ButtonGroup.css +55 -48
  34. package/dist/buttons/src/ButtonGroup.js +3 -1
  35. package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
  36. package/dist/buttons/src/ClearButton.css +115 -108
  37. package/dist/buttons/src/ClearButton.js +3 -3
  38. package/dist/buttons/src/CloseButton.css +111 -104
  39. package/dist/buttons/src/CloseButton.js +8 -8
  40. package/dist/buttons/src/EmbeddedButton.css +115 -108
  41. package/dist/buttons/src/EmbeddedButton.js +1 -1
  42. package/dist/buttons/src/LinkButton.css +119 -112
  43. package/dist/buttons/src/LinkButton.js +5 -5
  44. package/dist/buttons/src/index.css +267 -260
  45. package/dist/buttons/src/index.d.ts +2 -2
  46. package/dist/buttons/src/index.js +12 -12
  47. package/dist/callout/src/Callout.css +279 -272
  48. package/dist/callout/src/Callout.js +9 -9
  49. package/dist/callout/src/CompactCallout.css +316 -309
  50. package/dist/callout/src/CompactCallout.js +9 -9
  51. package/dist/callout/src/index.css +328 -321
  52. package/dist/callout/src/index.js +10 -10
  53. package/dist/card/src/Card.css +47 -40
  54. package/dist/card/src/Card.js +1 -1
  55. package/dist/card/src/index.css +47 -40
  56. package/dist/card/src/index.js +1 -1
  57. package/dist/checkbox/src/Checkbox.css +63 -56
  58. package/dist/checkbox/src/Checkbox.js +5 -5
  59. package/dist/checkbox/src/CheckboxField.css +50 -43
  60. package/dist/checkbox/src/CheckboxField.js +4 -4
  61. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  62. package/dist/checkbox/src/CheckboxGroup.js +9 -8
  63. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  64. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  65. package/dist/checkbox/src/index.css +115 -108
  66. package/dist/checkbox/src/index.js +13 -12
  67. package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js} +2 -2
  68. package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js} +2 -2
  69. package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js} +20 -10
  70. package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js} +3 -3
  71. package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js} +1 -1
  72. package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js} +3 -3
  73. package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js} +2 -2
  74. package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js} +3 -3
  75. package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js} +26 -20
  76. package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js} +2 -2
  77. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  78. package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js} +17 -15
  79. package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js} +3 -3
  80. package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js} +20 -10
  81. package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js} +10 -8
  82. package/dist/chunk-6T7TUF6N.js +178 -0
  83. package/dist/{chunk-ONCR64LB.js → chunk-AC5FLJJL.js} +2 -2
  84. package/dist/{chunk-H6CZ6DKP.js → chunk-ACG3BFJQ.js} +1 -1
  85. package/dist/{chunk-XKREPRGK.js → chunk-AV7XDPXN.js} +1 -1
  86. package/dist/{chunk-LAN2LJO2.js → chunk-AX3SYX3G.js} +1 -1
  87. package/dist/{chunk-H637L477.js → chunk-CC5SXS5R.js} +1 -1
  88. package/dist/{chunk-KUGVMCIB.js → chunk-CIQZIY5N.js} +1 -1
  89. package/dist/{chunk-AYAKR4MK.js → chunk-CNG2EXC7.js} +3 -3
  90. package/dist/{chunk-REXPSB5P.js → chunk-CT3S2ZJP.js} +2 -2
  91. package/dist/{chunk-B2PCJYJW.js → chunk-DE74UTDH.js} +2 -2
  92. package/dist/{chunk-W53AAAUA.js → chunk-DEFXMEBJ.js} +2 -2
  93. package/dist/{chunk-HGSA2Y3P.js → chunk-DP4FHVJR.js} +25 -13
  94. package/dist/{chunk-62EZGVKH.js → chunk-EBXH6HHZ.js} +21 -11
  95. package/dist/{chunk-R5CEXZPL.js → chunk-EDDYY4KO.js} +1 -1
  96. package/dist/{chunk-SINPHU2Z.js → chunk-FIY4TUYL.js} +4 -28
  97. package/dist/{chunk-V2AGZ5A5.js → chunk-G2IQWVGX.js} +1 -1
  98. package/dist/{chunk-K73FGFB2.js → chunk-G5GYOSK7.js} +8 -8
  99. package/dist/{chunk-TZZQP76M.js → chunk-GR5QWFCA.js} +4 -4
  100. package/dist/{chunk-BI3MQKBI.js → chunk-HERQEWF5.js} +3 -3
  101. package/dist/{chunk-R4ICRVDS.js → chunk-HQJZSCV7.js} +1 -1
  102. package/dist/{chunk-DLYK3JRB.js → chunk-I25B6DME.js} +2 -2
  103. package/dist/{chunk-W2C47VCH.js → chunk-IIBLQ2CB.js} +1 -1
  104. package/dist/{chunk-SLFA36JO.js → chunk-J5FY5YAZ.js} +1 -1
  105. package/dist/{chunk-V7HFSPRY.js → chunk-J6FKM7WM.js} +1 -1
  106. package/dist/{chunk-R3PAHNRL.js → chunk-JBTFYM4B.js} +3 -3
  107. package/dist/{chunk-L4D32IWU.js → chunk-JNJFX2LE.js} +2 -2
  108. package/dist/{chunk-A2BFPCVC.js → chunk-JVLK5INM.js} +3 -3
  109. package/dist/{chunk-5WUSHVW7.js → chunk-KKUSWUZC.js} +1 -1
  110. package/dist/{chunk-CQHB3HRC.js → chunk-L7DSMPLQ.js} +2 -2
  111. package/dist/{chunk-RMAIQQFV.js → chunk-LACYHXY5.js} +2 -2
  112. package/dist/{chunk-EELIGZUD.js → chunk-LBXB3JFD.js} +5 -5
  113. package/dist/{chunk-6LKFNPEM.js → chunk-LMH2XI5J.js} +10 -4
  114. package/dist/{chunk-J62I6GH3.js → chunk-LOFWD2GD.js} +2 -2
  115. package/dist/{chunk-JNFQC65H.js → chunk-LUCUQMMD.js} +3 -3
  116. package/dist/chunk-MR5BPD6R.js +7 -0
  117. package/dist/{chunk-NVOQLDA5.js → chunk-N7A4SDQA.js} +18 -16
  118. package/dist/{chunk-GKN3BY36.js → chunk-NAK42XEC.js} +3 -3
  119. package/dist/{chunk-M3L2VYKL.js → chunk-NC7G3EHF.js} +2 -2
  120. package/dist/{chunk-GKUY4QWP.js → chunk-NFETZ57D.js} +2 -2
  121. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  122. package/dist/{chunk-YWNBO3UY.js → chunk-OABMTS4J.js} +1 -1
  123. package/dist/{chunk-KWXJDQ4M.js → chunk-OCK54JWW.js} +2 -2
  124. package/dist/{chunk-MYZE5GJA.js → chunk-OINTMN5W.js} +2 -2
  125. package/dist/{chunk-D7IJXSDN.js → chunk-OS6JDQKO.js} +2 -2
  126. package/dist/{chunk-K7PQOHUQ.js → chunk-OYPIU6JL.js} +2 -2
  127. package/dist/chunk-PDWWX5JI.js +70 -0
  128. package/dist/{chunk-XUO7HGRK.js → chunk-PJ2RHMZ3.js} +2 -2
  129. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  130. package/dist/{chunk-ARCWWXRR.js → chunk-PQVBUEXC.js} +3 -3
  131. package/dist/{chunk-SEQN7G35.js → chunk-QARGGDML.js} +4 -4
  132. package/dist/{chunk-IJZK5LYV.js → chunk-QDN24QKG.js} +1 -1
  133. package/dist/{chunk-QVHMDEWO.js → chunk-QSCBTSIF.js} +9 -3
  134. package/dist/{chunk-RNVPPIZQ.js → chunk-RIFW5PYW.js} +3 -3
  135. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  136. package/dist/{chunk-U35DID2L.js → chunk-S5AHDRSE.js} +1 -1
  137. package/dist/chunk-TQQMWXRK.js +190 -0
  138. package/dist/{chunk-PPV6OKAK.js → chunk-UBBZ4LV5.js} +19 -9
  139. package/dist/{chunk-MYPNAEEC.js → chunk-UBILZ2MS.js} +1 -1
  140. package/dist/{chunk-VLGOJ5DY.js → chunk-UFR36PXP.js} +4 -4
  141. package/dist/{chunk-KEDXRQG2.js → chunk-ULY62A7P.js} +6 -6
  142. package/dist/{chunk-FOD6Q7UN.js → chunk-V5PLUMR5.js} +3 -3
  143. package/dist/{chunk-UIOWILYW.js → chunk-V7OAPBQT.js} +1 -1
  144. package/dist/{chunk-ZSOUOAD4.js → chunk-V7VDYDIQ.js} +3 -4
  145. package/dist/{chunk-MP4UER4S.js → chunk-VBJVG2YA.js} +15 -6
  146. package/dist/{chunk-RKZRG2QV.js → chunk-VSCRFXJ2.js} +5 -5
  147. package/dist/{chunk-WDZO4L7Z.js → chunk-W2EX7F7K.js} +1 -1
  148. package/dist/{chunk-TLAJAVGL.js → chunk-WJE3JIRZ.js} +3 -3
  149. package/dist/{chunk-LERLQFPC.js → chunk-X4IV4VLD.js} +4 -4
  150. package/dist/{chunk-FJJG6PMV.js → chunk-XEMYAR47.js} +1 -1
  151. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  152. package/dist/{chunk-TN5C3AE3.js → chunk-YDNBMCQD.js} +8 -4
  153. package/dist/{chunk-2EAZ5H42.js → chunk-YFQIN27E.js} +1 -1
  154. package/dist/{chunk-FJ6AAK5Z.js → chunk-YZBOR2D4.js} +9 -7
  155. package/dist/{chunk-VMGVHR42.js → chunk-Z5WDAIAE.js} +2 -2
  156. package/dist/{chunk-CICKS5HQ.js → chunk-ZLL3VV5V.js} +3 -3
  157. package/dist/{chunk-WY3JOP43.js → chunk-ZRYHXQDJ.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +687 -684
  159. package/dist/combobox/src/ComboBox.js +24 -23
  160. package/dist/combobox/src/index.css +687 -684
  161. package/dist/combobox/src/index.js +24 -23
  162. package/dist/contextual-help/src/ContextualHelp.css +4165 -0
  163. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  164. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  165. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  166. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  167. package/dist/contextual-help/src/index.css +4165 -0
  168. package/dist/contextual-help/src/index.d.ts +10 -0
  169. package/dist/contextual-help/src/index.js +14 -0
  170. package/dist/disclosure/src/Disclosure.css +54 -47
  171. package/dist/disclosure/src/Disclosure.js +2 -2
  172. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  173. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  174. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  175. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  176. package/dist/disclosure/src/index.css +79 -72
  177. package/dist/disclosure/src/index.js +9 -9
  178. package/dist/divider/src/Divider.css +46 -39
  179. package/dist/divider/src/Divider.js +1 -1
  180. package/dist/divider/src/index.css +46 -39
  181. package/dist/divider/src/index.js +1 -1
  182. package/dist/error-message/src/ErrorMessage.css +46 -39
  183. package/dist/error-message/src/ErrorMessage.js +3 -3
  184. package/dist/error-message/src/index.css +46 -39
  185. package/dist/error-message/src/index.js +3 -3
  186. package/dist/form/src/Form.css +44 -37
  187. package/dist/form/src/Form.js +1 -1
  188. package/dist/form/src/index.css +44 -37
  189. package/dist/form/src/index.js +1 -1
  190. package/dist/header/src/Header.css +279 -0
  191. package/dist/header/src/Header.js +3 -1
  192. package/dist/header/src/HeaderContext.d.ts +13 -3
  193. package/dist/header/src/index.css +279 -0
  194. package/dist/header/src/index.d.ts +1 -1
  195. package/dist/header/src/index.js +3 -1
  196. package/dist/helper-message/src/HelperMessage.css +46 -39
  197. package/dist/helper-message/src/HelperMessage.js +3 -3
  198. package/dist/helper-message/src/index.css +46 -39
  199. package/dist/helper-message/src/index.js +3 -3
  200. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  201. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  202. package/dist/hopper-provider/src/index.css +45 -38
  203. package/dist/hopper-provider/src/index.js +1 -1
  204. package/dist/i18n/src/index.js +1 -1
  205. package/dist/i18n/src/useLocalizedString.js +1 -1
  206. package/dist/icon-list/src/IconList.css +45 -38
  207. package/dist/icon-list/src/IconList.js +1 -1
  208. package/dist/icon-list/src/index.css +45 -38
  209. package/dist/icon-list/src/index.js +1 -1
  210. package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
  211. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  212. package/dist/illustrated-message/src/index.css +286 -279
  213. package/dist/illustrated-message/src/index.js +2 -2
  214. package/dist/image/src/Image.css +47 -40
  215. package/dist/image/src/Image.js +3 -1
  216. package/dist/image/src/ImageContext.d.ts +13 -3
  217. package/dist/image/src/SvgImage.css +45 -38
  218. package/dist/image/src/SvgImage.js +1 -1
  219. package/dist/image/src/index.css +48 -41
  220. package/dist/image/src/index.d.ts +1 -1
  221. package/dist/image/src/index.js +4 -2
  222. package/dist/index.css +1135 -1064
  223. package/dist/index.d.ts +10 -7
  224. package/dist/index.js +116 -113
  225. package/dist/inputs/src/Input.css +48 -41
  226. package/dist/inputs/src/Input.js +1 -1
  227. package/dist/inputs/src/InputGroup.css +50 -43
  228. package/dist/inputs/src/InputGroup.js +1 -1
  229. package/dist/inputs/src/NumberField.css +74 -67
  230. package/dist/inputs/src/NumberField.js +12 -11
  231. package/dist/inputs/src/PasswordField.css +287 -280
  232. package/dist/inputs/src/PasswordField.js +12 -11
  233. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  234. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  235. package/dist/inputs/src/SearchField.css +293 -286
  236. package/dist/inputs/src/SearchField.js +13 -12
  237. package/dist/inputs/src/TextArea.css +71 -64
  238. package/dist/inputs/src/TextArea.js +11 -10
  239. package/dist/inputs/src/TextField.css +291 -284
  240. package/dist/inputs/src/TextField.js +16 -15
  241. package/dist/inputs/src/index.css +339 -332
  242. package/dist/inputs/src/index.js +22 -21
  243. package/dist/layout/src/Content.css +279 -0
  244. package/dist/layout/src/Content.js +3 -1
  245. package/dist/layout/src/ContentContext.d.ts +13 -3
  246. package/dist/layout/src/Footer.css +279 -0
  247. package/dist/layout/src/Footer.js +3 -1
  248. package/dist/layout/src/FooterContext.d.ts +13 -3
  249. package/dist/link/src/Link.css +83 -76
  250. package/dist/link/src/Link.js +4 -4
  251. package/dist/link/src/index.css +83 -76
  252. package/dist/link/src/index.js +4 -4
  253. package/dist/list-box/src/ListBox.css +318 -311
  254. package/dist/list-box/src/ListBox.js +10 -10
  255. package/dist/list-box/src/ListBoxItem.css +306 -299
  256. package/dist/list-box/src/ListBoxItem.js +7 -7
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +318 -311
  260. package/dist/list-box/src/index.js +11 -11
  261. package/dist/menu/src/Menu.css +621 -627
  262. package/dist/menu/src/Menu.js +4 -4
  263. package/dist/menu/src/MenuItem.css +125 -118
  264. package/dist/menu/src/MenuItem.js +3 -3
  265. package/dist/menu/src/MenuSection.css +46 -39
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +648 -654
  268. package/dist/menu/src/index.js +9 -9
  269. package/dist/modal/src/BaseModal.css +59 -52
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +60 -53
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +334 -315
  274. package/dist/modal/src/Modal.js +10 -10
  275. package/dist/modal/src/index.css +335 -316
  276. package/dist/modal/src/index.js +12 -12
  277. package/dist/overlays/popover/src/Popover.css +604 -597
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +607 -604
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +71 -64
  284. package/dist/radio/src/DecorativeRadio.js +4 -4
  285. package/dist/radio/src/Radio.css +63 -56
  286. package/dist/radio/src/Radio.js +4 -4
  287. package/dist/radio/src/RadioField.css +50 -43
  288. package/dist/radio/src/RadioField.js +3 -3
  289. package/dist/radio/src/RadioGroup.css +115 -108
  290. package/dist/radio/src/RadioGroup.js +10 -9
  291. package/dist/radio/src/index.css +115 -108
  292. package/dist/radio/src/index.js +14 -13
  293. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  294. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  295. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  296. package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
  297. package/dist/segmented-control/src/index.css +60 -53
  298. package/dist/segmented-control/src/index.js +5 -5
  299. package/dist/select/src/Select.css +631 -628
  300. package/dist/select/src/Select.js +23 -22
  301. package/dist/select/src/SelectValue.css +105 -98
  302. package/dist/select/src/SelectValue.js +4 -4
  303. package/dist/select/src/index.css +631 -628
  304. package/dist/select/src/index.js +23 -22
  305. package/dist/spinner/src/Spinner.css +54 -47
  306. package/dist/spinner/src/Spinner.js +3 -3
  307. package/dist/spinner/src/index.css +54 -47
  308. package/dist/spinner/src/index.js +3 -3
  309. package/dist/switch/src/Switch.css +60 -53
  310. package/dist/switch/src/Switch.js +4 -4
  311. package/dist/switch/src/SwitchField.css +50 -43
  312. package/dist/switch/src/SwitchField.js +4 -4
  313. package/dist/switch/src/index.css +66 -59
  314. package/dist/switch/src/index.js +6 -6
  315. package/dist/tabs/src/Tab.css +457 -450
  316. package/dist/tabs/src/Tab.js +4 -4
  317. package/dist/tabs/src/TabLine.css +46 -39
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +53 -46
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +46 -39
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +468 -461
  324. package/dist/tabs/src/index.js +7 -7
  325. package/dist/tag/src/Tag.css +435 -428
  326. package/dist/tag/src/Tag.js +9 -9
  327. package/dist/tag/src/TagGroup.css +54 -47
  328. package/dist/tag/src/TagGroup.js +9 -8
  329. package/dist/tag/src/index.css +445 -438
  330. package/dist/tag/src/index.js +14 -13
  331. package/dist/tile/src/Tile.css +53 -46
  332. package/dist/tile/src/Tile.js +3 -3
  333. package/dist/tile/src/TileGroup.css +45 -38
  334. package/dist/tile/src/TileGroup.js +2 -2
  335. package/dist/tile/src/index.css +54 -47
  336. package/dist/tile/src/index.js +5 -5
  337. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +46 -39
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +54 -47
  342. package/dist/tooltip/src/Tooltip.js +4 -4
  343. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  344. package/dist/tooltip/src/index.css +54 -47
  345. package/dist/tooltip/src/index.js +5 -5
  346. package/dist/typography/heading/src/Heading.css +44 -37
  347. package/dist/typography/heading/src/Heading.js +3 -1
  348. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  349. package/dist/typography/heading/src/index.css +44 -37
  350. package/dist/typography/heading/src/index.d.ts +1 -1
  351. package/dist/typography/heading/src/index.js +3 -1
  352. package/dist/typography/label/src/FieldLabel.css +279 -0
  353. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  354. package/dist/typography/label/src/FieldLabel.js +8 -0
  355. package/dist/typography/label/src/Label.css +52 -45
  356. package/dist/typography/label/src/Label.d.ts +0 -10
  357. package/dist/typography/label/src/Label.js +1 -4
  358. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  359. package/dist/typography/label/src/index.css +44 -37
  360. package/dist/typography/label/src/index.d.ts +4 -2
  361. package/dist/typography/label/src/index.js +4 -3
  362. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  363. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  364. package/dist/typography/overline-text/src/index.css +44 -37
  365. package/dist/typography/overline-text/src/index.js +1 -1
  366. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  367. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  368. package/dist/typography/paragraph/src/index.css +44 -37
  369. package/dist/typography/paragraph/src/index.js +3 -3
  370. package/dist/typography/text/src/Text.css +44 -37
  371. package/dist/typography/text/src/Text.js +2 -2
  372. package/dist/typography/text/src/index.css +44 -37
  373. package/dist/typography/text/src/index.js +2 -2
  374. package/dist/utils/src/ClearSlots.css +44 -37
  375. package/dist/utils/src/ClearSlots.d.ts +1 -2
  376. package/dist/utils/src/ClearSlots.js +1 -1
  377. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  378. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  379. package/dist/utils/src/index.css +44 -37
  380. package/dist/utils/src/index.d.ts +1 -1
  381. package/dist/utils/src/index.js +3 -3
  382. package/dist/utils/src/types.d.ts +4 -0
  383. package/package.json +1 -1
  384. package/dist/chunk-67EKVQAF.js +0 -121
@@ -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___3N-BS {
2
+ .Heading-module__hop-Heading___f8I5B {
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___3N-BS) {
36
+ :where(.Heading-module__hop-Heading___f8I5B) {
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___AIoE1) {
44
+ :where(.Heading-module__hop-Heading--xs___RO7T9) {
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___C-5Tn) {
50
+ :where(.Heading-module__hop-Heading--sm___u2TRR) {
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___ptBBh) {
56
+ :where(.Heading-module__hop-Heading--md___BFmdf) {
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___MhXsB) {
62
+ :where(.Heading-module__hop-Heading--lg___hMrrH) {
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___jMCo1) {
68
+ :where(.Heading-module__hop-Heading--xl___gQz6L) {
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___N864S) {
74
+ :where(.Heading-module__hop-Heading--2xl___9oHXD) {
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___ev4Cg) {
80
+ :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
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,40 @@
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___F-45c {
88
+ .Form-module__hop-Form___7RaBZ {
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___tzV87 {
95
+ .Label-module__hop-Label___dgJtM {
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___tzV87) {
102
+ :where(.Label-module__hop-Label___dgJtM) {
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___Wp4MQ) {
109
+
110
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
112
+ display: flex;
113
+ gap: var(--hop-space-inset-xs);
114
+ align-items: center;
115
+ }
116
+ .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
110
117
  padding-inline-start: var(--hop-space-20);
111
118
  }
112
119
 
113
120
  /* 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___lDKuo) {
121
+ :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
115
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +142,26 @@
135
142
  text-transform: uppercase;
136
143
  letter-spacing: var(--letter-spacing);
137
144
  }
138
- .OverlineText-module__hop-OverlineText__text___JrGdf {
145
+ .OverlineText-module__hop-OverlineText__text___-Cgyx {
139
146
  box-sizing: border-box;
140
147
  }
141
- .OverlineText-module__hop-OverlineText__text___JrGdf::before,
142
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
148
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
149
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
143
150
  content: "";
144
151
  display: block;
145
152
  box-sizing: border-box;
146
153
  inline-size: 0;
147
154
  block-size: 0;
148
155
  }
149
- .OverlineText-module__hop-OverlineText__text___JrGdf::before {
156
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
150
157
  margin-block-end: var(--bottom-offset);
151
158
  }
152
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
159
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
153
160
  margin-block-start: var(--top-offset);
154
161
  }
155
162
 
156
163
  /* 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___TSNAC {
164
+ .Text-module__hop-Text___NFTCi {
158
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +191,49 @@
184
191
  --hop-Text-inherit-size-font-weight: inherit;
185
192
  --hop-Text-inherit-size-line-height: inherit;
186
193
  }
187
- :where(.Text-module__hop-Text___TSNAC) {
194
+ :where(.Text-module__hop-Text___NFTCi) {
188
195
  font-family: var(--font-family);
189
196
  font-size: var(--font-size);
190
197
  font-weight: var(--font-weight);
191
198
  line-height: var(--line-height);
192
199
  }
193
- :where(.Text-module__hop-Text--xs___yuFT0) {
200
+ :where(.Text-module__hop-Text--xs___I0d0v) {
194
201
  --font-size: var(--hop-Text-xs-font-size);
195
202
  --font-family: var(--hop-Text-xs-font-family);
196
203
  --font-weight: var(--hop-Text-xs-font-weight);
197
204
  --line-height: var(--hop-Text-xs-line-height);
198
205
  }
199
- :where(.Text-module__hop-Text--sm___qelbx) {
206
+ :where(.Text-module__hop-Text--sm___33NDY) {
200
207
  --font-size: var(--hop-Text-sm-font-size);
201
208
  --font-family: var(--hop-Text-sm-font-family);
202
209
  --font-weight: var(--hop-Text-sm-font-weight);
203
210
  --line-height: var(--hop-Text-sm-line-height);
204
211
  }
205
- :where(.Text-module__hop-Text--md___PcK3y) {
212
+ :where(.Text-module__hop-Text--md___12lqb) {
206
213
  --font-size: var(--hop-Text-md-font-size);
207
214
  --font-family: var(--hop-Text-md-font-family);
208
215
  --font-weight: var(--hop-Text-md-font-weight);
209
216
  --line-height: var(--hop-Text-md-line-height);
210
217
  }
211
- :where(.Text-module__hop-Text--lg___iRaZl) {
218
+ :where(.Text-module__hop-Text--lg___EIx-l) {
212
219
  --font-size: var(--hop-Text-lg-font-size);
213
220
  --font-family: var(--hop-Text-lg-font-family);
214
221
  --font-weight: var(--hop-Text-lg-font-weight);
215
222
  --line-height: var(--hop-Text-lg-line-height);
216
223
  }
217
- :where(.Text-module__hop-Text--xl___kO3Qt) {
224
+ :where(.Text-module__hop-Text--xl___Hgsci) {
218
225
  --font-size: var(--hop-Text-xl-font-size);
219
226
  --font-family: var(--hop-Text-xl-font-family);
220
227
  --font-weight: var(--hop-Text-xl-font-weight);
221
228
  --line-height: var(--hop-Text-xl-line-height);
222
229
  }
223
- :where(.Text-module__hop-Text--2xl___rAN5U) {
230
+ :where(.Text-module__hop-Text--2xl___bZva7) {
224
231
  --font-size: var(--hop-Text-2xl-font-size);
225
232
  --font-family: var(--hop-Text-2xl-font-family);
226
233
  --font-weight: var(--hop-Text-2xl-font-weight);
227
234
  --line-height: var(--hop-Text-2xl-line-height);
228
235
  }
229
- :where(.Text-module__hop-Text--inherit___hn3le) {
236
+ :where(.Text-module__hop-Text--inherit___D42Q3) {
230
237
  --font-size: var(--hop-Text-inherit-size-font-size);
231
238
  --font-family: var(--hop-Text-inherit-size-font-family);
232
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +241,7 @@
234
241
  }
235
242
 
236
243
  /* 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___VOZwC {
244
+ .Paragraph-module__hop-Paragraph___pDtiI {
238
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,33 +253,33 @@
246
253
  margin-block-end: var(--margin-block-end);
247
254
  overflow-wrap: break-word;
248
255
  }
249
- .Paragraph-module__hop-Paragraph___VOZwC:last-child {
256
+ .Paragraph-module__hop-Paragraph___pDtiI:last-child {
250
257
  --margin-block-end: 0;
251
258
  }
252
- .Paragraph-module__hop-Paragraph--xs___crXVt {
259
+ .Paragraph-module__hop-Paragraph--xs___yzl-N {
253
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
261
  }
255
- .Paragraph-module__hop-Paragraph--sm___nxfnz {
262
+ .Paragraph-module__hop-Paragraph--sm___mssXe {
256
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
264
  }
258
- .Paragraph-module__hop-Paragraph--md___YgyE0 {
265
+ .Paragraph-module__hop-Paragraph--md___Ujb4e {
259
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
267
  }
261
- .Paragraph-module__hop-Paragraph--lg___G36sQ {
268
+ .Paragraph-module__hop-Paragraph--lg___fzVC0 {
262
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
270
  }
264
- .Paragraph-module__hop-Paragraph--xl___dWzV5 {
271
+ .Paragraph-module__hop-Paragraph--xl___bF-Yd {
265
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
273
  }
267
- .Paragraph-module__hop-Paragraph--2xl___wJ2Wu {
274
+ .Paragraph-module__hop-Paragraph--2xl___UuYkH {
268
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
276
  }
270
- .Paragraph-module__hop-Paragraph--inherit___Z3RKC {
277
+ .Paragraph-module__hop-Paragraph--inherit___jW721 {
271
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
279
  }
273
280
 
274
281
  /* 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___jlIf6 {
282
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
276
283
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
277
284
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
278
285
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -303,46 +310,46 @@
303
310
  background-color: var(--background-color);
304
311
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
305
312
  }
306
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vxH-6 {
313
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
307
314
  --size: var(--hop-RichIconAvatarImage-xs-size);
308
315
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
309
316
  }
310
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___l8zKZ {
317
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
311
318
  --size: var(--hop-RichIconAvatarImage-sm-size);
312
319
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
313
320
  }
314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___dl7qB {
321
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
315
322
  --size: var(--hop-RichIconAvatarImage-md-size);
316
323
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
317
324
  }
318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___b2V01 {
325
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
319
326
  --size: var(--hop-RichIconAvatarImage-lg-size);
320
327
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
321
328
  }
322
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___oZubf {
329
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
323
330
  --size: var(--hop-RichIconAvatarImage-xl-size);
324
331
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
325
332
  }
326
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___S1-4q {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
327
334
  --size: var(--hop-RichIconAvatarImage-2xl-size);
328
335
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
329
336
  }
330
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] {
337
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
331
338
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
332
339
  }
333
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
334
341
  position: relative;
335
342
  display: block;
336
343
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
337
344
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
338
345
  }
339
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
340
347
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
341
348
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
342
349
  }
343
350
 
344
351
  /* 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___-m4sl {
352
+ .Avatar-module__hop-Avatar___Ihw-T {
346
353
  --hop-Avatar-border-radius: var(--hop-shape-circle);
347
354
  --hop-Avatar-mix-blend-mode: normal;
348
355
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -387,67 +394,67 @@
387
394
  background-color: var(--background-color, transparent);
388
395
  border-radius: var(--hop-Avatar-border-radius);
389
396
  }
390
- .Avatar-module__hop-Avatar--xs___voEj- {
397
+ .Avatar-module__hop-Avatar--xs___wUBE6 {
391
398
  --size: var(--hop-Avatar-xs-size);
392
399
  }
393
- .Avatar-module__hop-Avatar--sm___VEWZ9 {
400
+ .Avatar-module__hop-Avatar--sm___zFiEI {
394
401
  --size: var(--hop-Avatar-sm-size);
395
402
  }
396
- .Avatar-module__hop-Avatar--md___WRFOH {
403
+ .Avatar-module__hop-Avatar--md___gGnf1 {
397
404
  --size: var(--hop-Avatar-md-size);
398
405
  }
399
- .Avatar-module__hop-Avatar--lg___JaNW3 {
406
+ .Avatar-module__hop-Avatar--lg___59OtB {
400
407
  --size: var(--hop-Avatar-lg-size);
401
408
  }
402
- .Avatar-module__hop-Avatar--xl___Ov8Y8 {
409
+ .Avatar-module__hop-Avatar--xl___zCYTU {
403
410
  --size: var(--hop-Avatar-xl-size);
404
411
  }
405
- .Avatar-module__hop-Avatar--2xl___Ti4UJ {
412
+ .Avatar-module__hop-Avatar--2xl___lpaAF {
406
413
  --size: var(--hop-Avatar-2xl-size);
407
414
  }
408
- .Avatar-module__hop-Avatar--decorative-option1___g6oOE {
415
+ .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
409
416
  --background-color: var(--hop-Avatar-decorative-1-background-color);
410
417
  --text-color: var(--hop-Avatar-decorative-1-text-color);
411
418
  }
412
- .Avatar-module__hop-Avatar--decorative-option2___u-zDc {
419
+ .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
413
420
  --background-color: var(--hop-Avatar-decorative-2-background-color);
414
421
  --text-color: var(--hop-Avatar-decorative-2-text-color);
415
422
  }
416
- .Avatar-module__hop-Avatar--decorative-option3___WhCPz {
423
+ .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
417
424
  --background-color: var(--hop-Avatar-decorative-3-background-color);
418
425
  --text-color: var(--hop-Avatar-decorative-3-text-color);
419
426
  }
420
- .Avatar-module__hop-Avatar--decorative-option4___GesJz {
427
+ .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
421
428
  --background-color: var(--hop-Avatar-decorative-4-background-color);
422
429
  --text-color: var(--hop-Avatar-decorative-4-text-color);
423
430
  }
424
- .Avatar-module__hop-Avatar--decorative-option5___-23ZH {
431
+ .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
425
432
  --background-color: var(--hop-Avatar-decorative-5-background-color);
426
433
  --text-color: var(--hop-Avatar-decorative-5-text-color);
427
434
  }
428
- .Avatar-module__hop-Avatar--decorative-option6___CQmNQ {
435
+ .Avatar-module__hop-Avatar--decorative-option6___jliDF {
429
436
  --background-color: var(--hop-Avatar-decorative-6-background-color);
430
437
  --text-color: var(--hop-Avatar-decorative-6-text-color);
431
438
  }
432
- .Avatar-module__hop-Avatar--decorative-option7___ogvs7 {
439
+ .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
433
440
  --background-color: var(--hop-Avatar-decorative-7-background-color);
434
441
  --text-color: var(--hop-Avatar-decorative-7-text-color);
435
442
  }
436
- .Avatar-module__hop-Avatar--decorative-option8___HA21y {
443
+ .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
437
444
  --background-color: var(--hop-Avatar-decorative-8-background-color);
438
445
  --text-color: var(--hop-Avatar-decorative-8-text-color);
439
446
  }
440
- .Avatar-module__hop-Avatar--decorative-option9___THrCC {
447
+ .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
441
448
  --background-color: var(--hop-Avatar-decorative-9-background-color);
442
449
  --text-color: var(--hop-Avatar-decorative-9-text-color);
443
450
  }
444
- .Avatar-module__hop-Avatar___-m4sl[data-disabled] {
451
+ .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
445
452
  --background-color: var(--hop-Avatar-background-color-disabled);
446
453
  --text-color: var(--hop-Avatar-text-color-disabled);
447
454
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
448
455
  isolation: isolate;
449
456
  }
450
- .Avatar-module__hop-Avatar__image___owC-L {
457
+ .Avatar-module__hop-Avatar__image___4XmMJ {
451
458
  position: relative;
452
459
  display: block;
453
460
  box-sizing: border-box;
@@ -458,7 +465,7 @@
458
465
  }
459
466
 
460
467
  /* 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___YCOYX {
468
+ .Tooltip-module__hop-Tooltip___RIZp2 {
462
469
  --hop-Tooltip-max-inline-size: 20rem;
463
470
  --hop-Tooltip-slide-amount: 0.25rem;
464
471
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -485,29 +492,29 @@
485
492
  border-radius: var(--hop-Tooltip-border-radius);
486
493
  box-shadow: var(--hop-Tooltip-box-shadow);
487
494
  }
488
- .Tooltip-module__hop-Tooltip--top___Ke-AO {
495
+ .Tooltip-module__hop-Tooltip--top___LYimQ {
489
496
  --origin-x: 0;
490
497
  --origin-y: var(--hop-Tooltip-slide-amount);
491
498
  }
492
- .Tooltip-module__hop-Tooltip--right___cksoK {
499
+ .Tooltip-module__hop-Tooltip--right___U7MIG {
493
500
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
494
501
  --origin-y: 0;
495
502
  }
496
- .Tooltip-module__hop-Tooltip--bottom___qFAV6 {
503
+ .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
497
504
  --origin-x: 0;
498
505
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
499
506
  }
500
- .Tooltip-module__hop-Tooltip--left___wwLMY {
507
+ .Tooltip-module__hop-Tooltip--left___qVC3o {
501
508
  --origin-x: var(--hop-Tooltip-slide-amount);
502
509
  --origin-y: 0;
503
510
  }
504
- .Tooltip-module__hop-Tooltip___YCOYX[data-entering] {
505
- animation: Tooltip-module__slide___t6GRt 0.2s ease-out;
511
+ .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
512
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
506
513
  }
507
- .Tooltip-module__hop-Tooltip___YCOYX[data-exiting] {
508
- animation: Tooltip-module__slide___t6GRt 0.2s ease-in reverse;
514
+ .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
515
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
509
516
  }
510
- @keyframes Tooltip-module__slide___t6GRt {
517
+ @keyframes Tooltip-module__slide___-wv3b {
511
518
  from {
512
519
  transform: translate(var(--origin-x), var(--origin-y));
513
520
  opacity: 0;
@@ -519,44 +526,44 @@
519
526
  }
520
527
 
521
528
  /* 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___CIlO9 {
529
+ .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
523
530
  --hop-AvatarGroup-display: flex;
524
531
  --hop-AvatarGroup-align-items: center;
525
532
  display: var(--hop-AvatarGroup-display);
526
533
  align-items: var(--hop-AvatarGroup-align-items);
527
534
  }
528
- .AvatarGroup-module__hop-AvatarGroup--wrap___q7k0p {
535
+ .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
529
536
  flex-wrap: wrap;
530
537
  }
531
- .AvatarGroup-module__hop-AvatarGroup--xs___qr6X- {
538
+ .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
532
539
  --gap: -0.125rem;
533
540
  }
534
- .AvatarGroup-module__hop-AvatarGroup--sm___tIyLd {
541
+ .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
535
542
  --gap: -0.25rem;
536
543
  }
537
- .AvatarGroup-module__hop-AvatarGroup--md___mBTX- {
544
+ .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
538
545
  --gap: -0.5rem;
539
546
  }
540
- .AvatarGroup-module__hop-AvatarGroup--lg___37l6b {
547
+ .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
541
548
  --gap: -1rem;
542
549
  }
543
- .AvatarGroup-module__hop-AvatarGroup--xl___YLh7o {
550
+ .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
544
551
  --gap: -1rem;
545
552
  }
546
- .AvatarGroup-module__hop-AvatarGroup--2xl___AOi7- {
553
+ .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
547
554
  --gap: -2rem;
548
555
  }
549
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
556
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
550
557
  margin-inline-start: var(--gap);
551
558
  transition: margin var(--hop-easing-duration-2);
552
559
  }
553
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
560
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
554
561
  margin-inline-start: 0;
555
562
  }
556
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:first-child {
563
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
557
564
  margin-inline-start: 0;
558
565
  }
559
- .AvatarGroup-module__hop-AvatarGroup__label___mS1n3 {
566
+ .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
560
567
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
561
568
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
562
569
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -568,7 +575,7 @@
568
575
  font-weight: var(--hop-AvatarGroup-label-font-weight);
569
576
  line-height: var(--hop-AvatarGroup-label-line-height);
570
577
  }
571
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p {
578
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
572
579
  --hop-AvatarGroup__hiddenAvatar-display: flex;
573
580
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
574
581
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -586,21 +593,21 @@
586
593
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
587
594
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
588
595
  }
589
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p:not(:last-child) {
596
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
590
597
  margin-block-end: 0.25rem;
591
598
  }
592
- .AvatarGroup-module__hop-AvatarGroup--start___5Iubf {
599
+ .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
593
600
  justify-content: flex-start;
594
601
  }
595
- .AvatarGroup-module__hop-AvatarGroup--end___GHZ4U {
602
+ .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
596
603
  justify-content: flex-end;
597
604
  }
598
- .AvatarGroup-module__hop-AvatarGroup--center___mFxWk {
605
+ .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
599
606
  justify-content: center;
600
607
  }
601
608
 
602
609
  /* 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___KJ3W2 {
610
+ .Badge-module__hop-Badge___A-Bla {
604
611
  --hop-Badge-height: 1.5rem;
605
612
  --hop-Badge-width: max-content;
606
613
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -650,67 +657,67 @@
650
657
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
651
658
  border-radius: var(--border-radius);
652
659
  }
653
- .Badge-module__hop-Badge--primary___SQC7m {
660
+ .Badge-module__hop-Badge--primary___E55Gz {
654
661
  --background-color: var(--hop-Badge-primary-background-color);
655
662
  --text-color: var(--hop-Badge-primary-text-color);
656
663
  }
657
- .Badge-module__hop-Badge--primary___SQC7m[data-hovered] {
664
+ .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
658
665
  --background-color: var(--hop-Badge-primary-background-color-hovered);
659
666
  --text-color: var(--hop-Badge-primary-text-color-hovered);
660
667
  }
661
- .Badge-module__hop-Badge--primary___SQC7m[data-pressed] {
668
+ .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
662
669
  --background-color: var(--hop-Badge-primary-background-color-pressed);
663
670
  --text-color: var(--hop-Badge-primary-text-color-pressed);
664
671
  }
665
- .Badge-module__hop-Badge--primary___SQC7m[data-selected] {
672
+ .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
666
673
  --background-color: var(--hop-Badge-primary-background-color-selected);
667
674
  --text-color: var(--hop-Badge-primary-text-color-selected);
668
675
  }
669
- .Badge-module__hop-Badge--secondary___HYQtN {
676
+ .Badge-module__hop-Badge--secondary___0bxAx {
670
677
  --background-color: var(--hop-Badge-secondary-background-color);
671
678
  --text-color: var(--hop-Badge-secondary-text-color);
672
679
  }
673
- .Badge-module__hop-Badge--secondary___HYQtN[data-hovered] {
680
+ .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
674
681
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
675
682
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
676
683
  }
677
- .Badge-module__hop-Badge--secondary___HYQtN[data-pressed] {
684
+ .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
678
685
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
679
686
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
680
687
  }
681
- .Badge-module__hop-Badge--secondary___HYQtN[data-selected] {
688
+ .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
682
689
  --background-color: var(--hop-Badge-secondary-background-color-selected);
683
690
  --text-color: var(--hop-Badge-secondary-text-color-selected);
684
691
  }
685
- .Badge-module__hop-Badge--subdued___zilnb {
692
+ .Badge-module__hop-Badge--subdued___zdomT {
686
693
  --background-color: var(--hop-Badge-subdued-background-color);
687
694
  --text-color: var(--hop-Badge-subdued-text-color);
688
695
  }
689
- .Badge-module__hop-Badge--subdued___zilnb[data-hovered] {
696
+ .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
690
697
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
691
698
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
692
699
  }
693
- .Badge-module__hop-Badge--subdued___zilnb[data-pressed] {
700
+ .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
694
701
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
695
702
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
696
703
  }
697
- .Badge-module__hop-Badge--subdued___zilnb[data-selected] {
704
+ .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
698
705
  --background-color: var(--hop-Badge-subdued-background-color-selected);
699
706
  --text-color: var(--hop-Badge-subdued-text-color-selected);
700
707
  }
701
- .Badge-module__hop-Badge___KJ3W2[data-indeterminate] {
708
+ .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
702
709
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
703
710
  --height: var(--hop-Badge-indeterminate-height);
704
711
  --width: var(--hop-Badge-indeterminate-width);
705
712
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
706
713
  }
707
- .Badge-module__hop-Badge___KJ3W2[data-disabled] {
714
+ .Badge-module__hop-Badge___A-Bla[data-disabled] {
708
715
  --background-color: var(--hop-Badge-background-color-disabled);
709
716
  --text-color: var(--hop-Badge-text-color-disabled);
710
717
  }
711
718
 
712
719
  /* 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___1dg-U {
720
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
714
721
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
715
722
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
716
723
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -751,7 +758,7 @@
751
758
  box-sizing: border-box;
752
759
  inline-size: max-content;
753
760
  }
754
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"] {
761
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
755
762
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
756
763
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
757
764
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -759,11 +766,11 @@
759
766
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
760
767
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
761
768
  }
762
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"][data-overlap=circular] {
769
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
763
770
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
764
771
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
765
772
  }
766
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"] {
773
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
767
774
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
768
775
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
769
776
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -771,11 +778,11 @@
771
778
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
772
779
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
773
780
  }
774
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"][data-overlap=circular] {
781
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
775
782
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
776
783
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
777
784
  }
778
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"] {
785
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
779
786
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
780
787
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
781
788
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -783,11 +790,11 @@
783
790
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
784
791
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
785
792
  }
786
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"][data-overlap=circular] {
793
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
787
794
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
788
795
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
789
796
  }
790
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"] {
797
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
791
798
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
792
799
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
793
800
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -795,11 +802,11 @@
795
802
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
796
803
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
797
804
  }
798
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"][data-overlap=circular] {
805
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
799
806
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
800
807
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
801
808
  }
802
- .FloatingBadge-module__hop-FloatingBadge__badge___0A0N2 {
809
+ .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
803
810
  position: absolute;
804
811
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
805
812
  transform-origin: var(--badge-transform-origin);
@@ -807,7 +814,7 @@
807
814
  }
808
815
 
809
816
  /* 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___JGBdL {
817
+ .IconList-module__hop-IconList___m2E3v {
811
818
  --hop-IconList-gap: var(--hop-space-inline-xs);
812
819
  display: flex;
813
820
  flex-wrap: wrap;
@@ -816,7 +823,7 @@
816
823
  }
817
824
 
818
825
  /* 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___oHb0r {
826
+ .Checkbox-module__hop-Checkbox___RAOey {
820
827
  --hop-Checkbox-box-border-size: 0.0625rem;
821
828
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
822
829
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -891,60 +898,60 @@
891
898
  inline-size: max-content;
892
899
  max-inline-size: 100%;
893
900
  }
894
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
901
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
895
902
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
896
903
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
897
904
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
898
905
  --text-color: var(--hop-Checkbox-text-color-focused);
899
906
  --icon-color: var(--hop-Checkbox-icon-color-focused);
900
907
  }
901
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
908
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
902
909
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
903
910
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
904
911
  --text-color: var(--hop-Checkbox-text-color-hovered);
905
912
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
906
913
  }
907
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
914
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
908
915
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
909
916
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
910
917
  --text-color: var(--hop-Checkbox-text-color-pressed);
911
918
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
912
919
  }
913
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
920
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
914
921
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
915
922
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
916
923
  --check-display: var(--hop-Checkbox-check-display-selected);
917
924
  --text-color: var(--hop-Checkbox-text-color-selected);
918
925
  --icon-color: var(--hop-Checkbox-icon-color-selected);
919
926
  }
920
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
927
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
921
928
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
922
929
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
923
930
  --check-color: var(--hop-Checkbox-check-color-invalid);
924
931
  --text-color: var(--hop-Checkbox-text-color-invalid);
925
932
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
926
933
  }
927
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
934
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
928
935
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
929
936
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
930
937
  }
931
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
938
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
932
939
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
933
940
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
934
941
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
935
942
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
936
943
  }
937
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
944
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
938
945
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
939
946
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
940
947
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
941
948
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
942
949
  }
943
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
950
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
944
951
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
945
952
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
946
953
  }
947
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
954
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
948
955
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
949
956
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
950
957
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -952,25 +959,25 @@
952
959
  --text-color: var(--hop-Checkbox-text-color-disabled);
953
960
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
954
961
  }
955
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
962
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
956
963
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
957
964
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
958
965
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
959
966
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
960
967
  }
961
- .Checkbox-module__hop-Checkbox--md___f9YGd {
968
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
962
969
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
963
970
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
964
971
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
965
972
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
966
973
  }
967
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
968
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
974
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
975
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
969
976
  flex: 0 0 auto;
970
977
  order: 3;
971
978
  color: var(--icon-color);
972
979
  }
973
- .Checkbox-module__hop-Checkbox__box___puaui {
980
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
974
981
  display: flex;
975
982
  flex: 0 0 auto;
976
983
  align-items: center;
@@ -986,11 +993,11 @@
986
993
  outline-offset: 0.125rem;
987
994
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
988
995
  }
989
- .Checkbox-module__hop-Checkbox__check___w8beQ {
996
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
990
997
  display: var(--check-display);
991
998
  color: var(--check-color);
992
999
  }
993
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
1000
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
994
1001
  flex: 0 1 auto;
995
1002
  order: 2;
996
1003
  min-inline-size: 0;
@@ -1000,7 +1007,7 @@
1000
1007
  }
1001
1008
 
1002
1009
  /* 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___WbOMN {
1010
+ .CheckboxField-module__hop-CheckboxField___5HYK9 {
1004
1011
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1005
1012
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1006
1013
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1019,28 +1026,28 @@
1019
1026
  inline-size: max-content;
1020
1027
  max-inline-size: 100%;
1021
1028
  }
1022
- .CheckboxField-module__hop-CheckboxField___WbOMN[data-disabled] {
1029
+ .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
1023
1030
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1024
1031
  }
1025
- .CheckboxField-module__hop-CheckboxField--sm___8V3hn {
1032
+ .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
1026
1033
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1027
1034
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1028
1035
  }
1029
- .CheckboxField-module__hop-CheckboxField--md___OiTum {
1036
+ .CheckboxField-module__hop-CheckboxField--md___90C92 {
1030
1037
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1031
1038
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1032
1039
  }
1033
- .CheckboxField-module__hop-CheckboxField__description___Yx0se {
1040
+ .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
1034
1041
  order: 2;
1035
1042
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1036
1043
  color: var(--description-color);
1037
1044
  }
1038
- .CheckboxField-module__hop-CheckboxField__checkbox___2kOCO {
1045
+ .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
1039
1046
  order: 1;
1040
1047
  }
1041
1048
 
1042
1049
  /* 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___Q81Sd {
1050
+ .ErrorMessage-module__hop-ErrorMessage___XomeT {
1044
1051
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1045
1052
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1046
1053
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1057,13 +1064,13 @@
1057
1064
  line-height: var(--hop-ErrorMessage-line-height);
1058
1065
  color: var(--hop-ErrorMessage-color);
1059
1066
  }
1060
- .ErrorMessage-module__hop-ErrorMessage__icon___L84xV {
1067
+ .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
1061
1068
  flex: 0 0 auto;
1062
1069
  align-self: flex-start;
1063
1070
  }
1064
1071
 
1065
1072
  /* 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___bH5cE {
1073
+ .HelperMessage-module__hop-HelperMessage___QIP7E {
1067
1074
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1068
1075
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1069
1076
  display: flex;
@@ -1072,13 +1079,13 @@
1072
1079
  box-sizing: border-box;
1073
1080
  color: var(--hop-HelperMessage-color);
1074
1081
  }
1075
- .HelperMessage-module__hop-HelperMessage__icon___lLc5y {
1082
+ .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
1076
1083
  flex: 0 0 auto;
1077
1084
  align-self: flex-start;
1078
1085
  }
1079
1086
 
1080
1087
  /* 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___CmrWe {
1088
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
1082
1089
  --hop-CheckboxGroup-align-items: flex-start;
1083
1090
  --hop-CheckboxGroup-justify-content: flex-start;
1084
1091
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1117,46 +1124,46 @@
1117
1124
  inline-size: max-content;
1118
1125
  max-inline-size: 100%;
1119
1126
  }
1120
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p {
1127
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
1121
1128
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1122
1129
  --list-border-radius: var(--hop-shape-rounded-md);
1123
1130
  }
1124
- .CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
1131
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
1125
1132
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1126
1133
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1127
1134
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1128
1135
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1129
1136
  }
1130
- .CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
1137
+ .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
1131
1138
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1132
1139
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1133
1140
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1134
1141
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1135
1142
  }
1136
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
1143
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
1137
1144
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1138
1145
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1139
1146
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1140
1147
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1141
1148
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1142
1149
  }
1143
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
1150
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
1144
1151
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1145
1152
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1146
1153
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1147
1154
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1148
1155
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1149
1156
  }
1150
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe[data-orientation=horizontal] {
1157
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
1151
1158
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1152
1159
  }
1153
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] {
1160
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
1154
1161
  --flex-wrap: nowrap;
1155
1162
  }
1156
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__label___kuRzl {
1163
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
1157
1164
  order: 1;
1158
1165
  }
1159
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL {
1166
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
1160
1167
  display: flex;
1161
1168
  flex-flow: var(--flex-direction) var(--flex-wrap);
1162
1169
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1167,7 +1174,7 @@
1167
1174
  border: var(--list-border, none);
1168
1175
  border-radius: var(--list-border-radius, 0);
1169
1176
  }
1170
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg {
1177
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
1171
1178
  position: relative;
1172
1179
  flex: 0 1 auto;
1173
1180
  align-content: start;
@@ -1175,28 +1182,28 @@
1175
1182
  min-inline-size: 0;
1176
1183
  padding: var(--checkbox-padding, 0);
1177
1184
  }
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 {
1185
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
1179
1186
  content: "";
1180
1187
  position: absolute;
1181
1188
  display: block;
1182
1189
  }
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 {
1190
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
1184
1191
  inset-block-start: 0;
1185
1192
  inset-inline: 0;
1186
1193
  border-block-start: var(--list-border, none);
1187
1194
  }
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 {
1195
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
1189
1196
  inset-block: 0;
1190
1197
  inset-inline-start: 0;
1191
1198
  border-inline-start: var(--list-border, none);
1192
1199
  }
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 {
1200
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
1201
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
1195
1202
  order: 3;
1196
1203
  }
1197
1204
 
1198
1205
  /* 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___oHb0r {
1206
+ .Checkbox-module__hop-Checkbox___RAOey {
1200
1207
  --hop-Checkbox-box-border-size: 0.0625rem;
1201
1208
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1202
1209
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1271,60 +1278,60 @@
1271
1278
  inline-size: max-content;
1272
1279
  max-inline-size: 100%;
1273
1280
  }
1274
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
1281
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
1275
1282
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1276
1283
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1277
1284
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1278
1285
  --text-color: var(--hop-Checkbox-text-color-focused);
1279
1286
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1280
1287
  }
1281
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
1288
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
1282
1289
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1283
1290
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1284
1291
  --text-color: var(--hop-Checkbox-text-color-hovered);
1285
1292
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1286
1293
  }
1287
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
1294
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
1288
1295
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1289
1296
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1290
1297
  --text-color: var(--hop-Checkbox-text-color-pressed);
1291
1298
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1292
1299
  }
1293
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
1300
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
1294
1301
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1295
1302
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1296
1303
  --check-display: var(--hop-Checkbox-check-display-selected);
1297
1304
  --text-color: var(--hop-Checkbox-text-color-selected);
1298
1305
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1299
1306
  }
1300
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
1307
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
1301
1308
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1302
1309
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1303
1310
  --check-color: var(--hop-Checkbox-check-color-invalid);
1304
1311
  --text-color: var(--hop-Checkbox-text-color-invalid);
1305
1312
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1306
1313
  }
1307
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
1314
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
1308
1315
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1309
1316
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1310
1317
  }
1311
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
1318
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
1312
1319
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1313
1320
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1314
1321
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1315
1322
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1316
1323
  }
1317
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
1324
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
1318
1325
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1319
1326
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1320
1327
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1321
1328
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1322
1329
  }
1323
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
1330
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
1324
1331
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1325
1332
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1326
1333
  }
1327
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
1334
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
1328
1335
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1329
1336
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1330
1337
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1332,25 +1339,25 @@
1332
1339
  --text-color: var(--hop-Checkbox-text-color-disabled);
1333
1340
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1334
1341
  }
1335
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
1342
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
1336
1343
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1337
1344
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1338
1345
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1339
1346
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1340
1347
  }
1341
- .Checkbox-module__hop-Checkbox--md___f9YGd {
1348
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
1342
1349
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1343
1350
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1344
1351
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1345
1352
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1346
1353
  }
1347
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
1348
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
1354
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
1355
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
1349
1356
  flex: 0 0 auto;
1350
1357
  order: 3;
1351
1358
  color: var(--icon-color);
1352
1359
  }
1353
- .Checkbox-module__hop-Checkbox__box___puaui {
1360
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
1354
1361
  display: flex;
1355
1362
  flex: 0 0 auto;
1356
1363
  align-items: center;
@@ -1366,11 +1373,11 @@
1366
1373
  outline-offset: 0.125rem;
1367
1374
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1368
1375
  }
1369
- .Checkbox-module__hop-Checkbox__check___w8beQ {
1376
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
1370
1377
  display: var(--check-display);
1371
1378
  color: var(--check-color);
1372
1379
  }
1373
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
1380
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
1374
1381
  flex: 0 1 auto;
1375
1382
  order: 2;
1376
1383
  min-inline-size: 0;
@@ -1378,24 +1385,24 @@
1378
1385
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1379
1386
  color: var(--text-color);
1380
1387
  }
1381
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___8GaHh {
1388
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
1382
1389
  }
1383
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fwtbW {
1390
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
1384
1391
  }
1385
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___i0oAM {
1392
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
1386
1393
  }
1387
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___PyeWV,
1388
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tFw7N {
1394
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
1395
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
1389
1396
  }
1390
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Aztjh {
1397
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
1391
1398
  }
1392
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0u5F4 {
1399
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
1393
1400
  }
1394
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___bKeKU {
1401
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
1395
1402
  }
1396
1403
 
1397
1404
  /* 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___eBueo {
1405
+ .Radio-module__hop-Radio___oBKRQ {
1399
1406
  --hop-Radio-box-border-size: 0.0625rem;
1400
1407
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1401
1408
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1469,60 +1476,60 @@
1469
1476
  inline-size: max-content;
1470
1477
  max-inline-size: 100%;
1471
1478
  }
1472
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
1479
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
1473
1480
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1474
1481
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1475
1482
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1476
1483
  --text-color: var(--hop-Radio-text-color-focused);
1477
1484
  --icon-color: var(--hop-Radio-icon-color-focused);
1478
1485
  }
1479
- .Radio-module__hop-Radio___eBueo[data-hovered] {
1486
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
1480
1487
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1481
1488
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1482
1489
  --text-color: var(--hop-Radio-text-color-hovered);
1483
1490
  --icon-color: var(--hop-Radio-icon-color-hovered);
1484
1491
  }
1485
- .Radio-module__hop-Radio___eBueo[data-pressed] {
1492
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
1486
1493
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1487
1494
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1488
1495
  --text-color: var(--hop-Radio-text-color-pressed);
1489
1496
  --icon-color: var(--hop-Radio-icon-color-pressed);
1490
1497
  }
1491
- .Radio-module__hop-Radio___eBueo[data-selected] {
1498
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
1492
1499
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1493
1500
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1494
1501
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1495
1502
  --text-color: var(--hop-Radio-text-color-selected);
1496
1503
  --icon-color: var(--hop-Radio-icon-color-selected);
1497
1504
  }
1498
- .Radio-module__hop-Radio___eBueo[data-invalid] {
1505
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
1499
1506
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1500
1507
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1501
1508
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1502
1509
  --text-color: var(--hop-Radio-text-color-invalid);
1503
1510
  --icon-color: var(--hop-Radio-icon-color-invalid);
1504
1511
  }
1505
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
1512
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
1506
1513
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1507
1514
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1508
1515
  }
1509
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
1516
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
1510
1517
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1511
1518
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1512
1519
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1513
1520
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1514
1521
  }
1515
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
1522
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
1516
1523
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1517
1524
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1518
1525
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1519
1526
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1520
1527
  }
1521
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
1528
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
1522
1529
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1523
1530
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1524
1531
  }
1525
- .Radio-module__hop-Radio___eBueo[data-disabled] {
1532
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
1526
1533
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1527
1534
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1528
1535
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1530,25 +1537,25 @@
1530
1537
  --text-color: var(--hop-Radio-text-color-disabled);
1531
1538
  --icon-color: var(--hop-Radio-icon-color-disabled);
1532
1539
  }
1533
- .Radio-module__hop-Radio--sm___GQdC5 {
1540
+ .Radio-module__hop-Radio--sm___C-Q1U {
1534
1541
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1535
1542
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1536
1543
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1537
1544
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1538
1545
  }
1539
- .Radio-module__hop-Radio--md___63v-N {
1546
+ .Radio-module__hop-Radio--md___8cI7H {
1540
1547
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1541
1548
  --box-block-size: var(--hop-Radio-box-md-block-size);
1542
1549
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1543
1550
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1544
1551
  }
1545
- .Radio-module__hop-Radio__icon___dVuoR,
1546
- .Radio-module__hop-Radio__icon-list___LeQK7 {
1552
+ .Radio-module__hop-Radio__icon___Ai4EA,
1553
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
1547
1554
  flex: 0 0 auto;
1548
1555
  order: 3;
1549
1556
  color: var(--icon-color);
1550
1557
  }
1551
- .Radio-module__hop-Radio__box___6R1dw {
1558
+ .Radio-module__hop-Radio__box___gF3Ys {
1552
1559
  display: flex;
1553
1560
  flex: 0 0 auto;
1554
1561
  align-items: center;
@@ -1564,11 +1571,11 @@
1564
1571
  outline-offset: 0.125rem;
1565
1572
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1566
1573
  }
1567
- .Radio-module__hop-Radio__bullet___gVfg- {
1574
+ .Radio-module__hop-Radio__bullet___DLVyb {
1568
1575
  display: var(--bullet-display);
1569
1576
  color: var(--bullet-color);
1570
1577
  }
1571
- .Radio-module__hop-Radio__text___3WXI3 {
1578
+ .Radio-module__hop-Radio__text___md8fJ {
1572
1579
  flex: 0 1 auto;
1573
1580
  order: 2;
1574
1581
  min-inline-size: 0;
@@ -1576,24 +1583,24 @@
1576
1583
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1577
1584
  color: var(--text-color);
1578
1585
  }
1579
- .DecorativeRadio-module__hop-DecorativeRadio___AlhGD {
1586
+ .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
1580
1587
  }
1581
- .DecorativeRadio-module__hop-DecorativeRadio--sm___UnzCt {
1588
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
1582
1589
  }
1583
- .DecorativeRadio-module__hop-DecorativeRadio--md___wNI7X {
1590
+ .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
1584
1591
  }
1585
- .DecorativeRadio-module__hop-DecorativeRadio__icon___PfsHi,
1586
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XQuSG {
1592
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
1593
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
1587
1594
  }
1588
- .DecorativeRadio-module__hop-DecorativeRadio__box___Y-AnD {
1595
+ .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
1589
1596
  }
1590
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___sfqjq {
1597
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
1591
1598
  }
1592
- .DecorativeRadio-module__hop-DecorativeRadio__text___Z41w7 {
1599
+ .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
1593
1600
  }
1594
1601
 
1595
1602
  /* 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___eBueo {
1603
+ .Radio-module__hop-Radio___oBKRQ {
1597
1604
  --hop-Radio-box-border-size: 0.0625rem;
1598
1605
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1599
1606
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1667,60 +1674,60 @@
1667
1674
  inline-size: max-content;
1668
1675
  max-inline-size: 100%;
1669
1676
  }
1670
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
1677
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
1671
1678
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1672
1679
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1673
1680
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1674
1681
  --text-color: var(--hop-Radio-text-color-focused);
1675
1682
  --icon-color: var(--hop-Radio-icon-color-focused);
1676
1683
  }
1677
- .Radio-module__hop-Radio___eBueo[data-hovered] {
1684
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
1678
1685
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1679
1686
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1680
1687
  --text-color: var(--hop-Radio-text-color-hovered);
1681
1688
  --icon-color: var(--hop-Radio-icon-color-hovered);
1682
1689
  }
1683
- .Radio-module__hop-Radio___eBueo[data-pressed] {
1690
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
1684
1691
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1685
1692
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1686
1693
  --text-color: var(--hop-Radio-text-color-pressed);
1687
1694
  --icon-color: var(--hop-Radio-icon-color-pressed);
1688
1695
  }
1689
- .Radio-module__hop-Radio___eBueo[data-selected] {
1696
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
1690
1697
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1691
1698
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1692
1699
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1693
1700
  --text-color: var(--hop-Radio-text-color-selected);
1694
1701
  --icon-color: var(--hop-Radio-icon-color-selected);
1695
1702
  }
1696
- .Radio-module__hop-Radio___eBueo[data-invalid] {
1703
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
1697
1704
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1698
1705
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1699
1706
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1700
1707
  --text-color: var(--hop-Radio-text-color-invalid);
1701
1708
  --icon-color: var(--hop-Radio-icon-color-invalid);
1702
1709
  }
1703
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
1710
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
1704
1711
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1705
1712
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1706
1713
  }
1707
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
1714
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
1708
1715
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1709
1716
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1710
1717
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1711
1718
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1712
1719
  }
1713
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
1720
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
1714
1721
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1715
1722
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1716
1723
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1717
1724
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1718
1725
  }
1719
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
1726
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
1720
1727
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1721
1728
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1722
1729
  }
1723
- .Radio-module__hop-Radio___eBueo[data-disabled] {
1730
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
1724
1731
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1725
1732
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1726
1733
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1728,25 +1735,25 @@
1728
1735
  --text-color: var(--hop-Radio-text-color-disabled);
1729
1736
  --icon-color: var(--hop-Radio-icon-color-disabled);
1730
1737
  }
1731
- .Radio-module__hop-Radio--sm___GQdC5 {
1738
+ .Radio-module__hop-Radio--sm___C-Q1U {
1732
1739
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1733
1740
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1734
1741
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1735
1742
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1736
1743
  }
1737
- .Radio-module__hop-Radio--md___63v-N {
1744
+ .Radio-module__hop-Radio--md___8cI7H {
1738
1745
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1739
1746
  --box-block-size: var(--hop-Radio-box-md-block-size);
1740
1747
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1741
1748
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1742
1749
  }
1743
- .Radio-module__hop-Radio__icon___dVuoR,
1744
- .Radio-module__hop-Radio__icon-list___LeQK7 {
1750
+ .Radio-module__hop-Radio__icon___Ai4EA,
1751
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
1745
1752
  flex: 0 0 auto;
1746
1753
  order: 3;
1747
1754
  color: var(--icon-color);
1748
1755
  }
1749
- .Radio-module__hop-Radio__box___6R1dw {
1756
+ .Radio-module__hop-Radio__box___gF3Ys {
1750
1757
  display: flex;
1751
1758
  flex: 0 0 auto;
1752
1759
  align-items: center;
@@ -1762,11 +1769,11 @@
1762
1769
  outline-offset: 0.125rem;
1763
1770
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1764
1771
  }
1765
- .Radio-module__hop-Radio__bullet___gVfg- {
1772
+ .Radio-module__hop-Radio__bullet___DLVyb {
1766
1773
  display: var(--bullet-display);
1767
1774
  color: var(--bullet-color);
1768
1775
  }
1769
- .Radio-module__hop-Radio__text___3WXI3 {
1776
+ .Radio-module__hop-Radio__text___md8fJ {
1770
1777
  flex: 0 1 auto;
1771
1778
  order: 2;
1772
1779
  min-inline-size: 0;
@@ -1776,7 +1783,7 @@
1776
1783
  }
1777
1784
 
1778
1785
  /* 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___5B3-x {
1786
+ .RadioField-module__hop-RadioField___RAV19 {
1780
1787
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1781
1788
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1782
1789
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1795,28 +1802,28 @@
1795
1802
  inline-size: max-content;
1796
1803
  max-inline-size: 100%;
1797
1804
  }
1798
- .RadioField-module__hop-RadioField___5B3-x[data-disabled] {
1805
+ .RadioField-module__hop-RadioField___RAV19[data-disabled] {
1799
1806
  --description-color: var(--hop-RadioField-description-color-disabled);
1800
1807
  }
1801
- .RadioField-module__hop-RadioField--sm___a9--Z {
1808
+ .RadioField-module__hop-RadioField--sm___Z2a5J {
1802
1809
  --row-gap: var(--hop-RadioField-sm-row-gap);
1803
1810
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1804
1811
  }
1805
- .RadioField-module__hop-RadioField--md___M1tBj {
1812
+ .RadioField-module__hop-RadioField--md___GeCMi {
1806
1813
  --row-gap: var(--hop-RadioField-md-row-gap);
1807
1814
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1808
1815
  }
1809
- .RadioField-module__hop-RadioField__description___avVpF {
1816
+ .RadioField-module__hop-RadioField__description___Y7cUM {
1810
1817
  order: 2;
1811
1818
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1812
1819
  color: var(--description-color);
1813
1820
  }
1814
- .RadioField-module__hop-RadioField__radio___-qcpe {
1821
+ .RadioField-module__hop-RadioField__radio___XYtjJ {
1815
1822
  order: 1;
1816
1823
  }
1817
1824
 
1818
1825
  /* 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___jUNVM {
1826
+ .RadioGroup-module__hop-RadioGroup___ydYgr {
1820
1827
  --hop-RadioGroup-align-items: flex-start;
1821
1828
  --hop-RadioGroup-justify-content: flex-start;
1822
1829
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1856,46 +1863,46 @@
1856
1863
  inline-size: var(--inline-size);
1857
1864
  max-inline-size: 100%;
1858
1865
  }
1859
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 {
1866
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
1860
1867
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1861
1868
  --list-border-radius: var(--hop-shape-rounded-md);
1862
1869
  }
1863
- .RadioGroup-module__hop-RadioGroup--sm___gJd9p {
1870
+ .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
1864
1871
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1865
1872
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1866
1873
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1867
1874
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1868
1875
  }
1869
- .RadioGroup-module__hop-RadioGroup--md___bbLe6 {
1876
+ .RadioGroup-module__hop-RadioGroup--md___mccGP {
1870
1877
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1871
1878
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1872
1879
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1873
1880
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1874
1881
  }
1875
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--sm___gJd9p {
1882
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
1876
1883
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1877
1884
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1878
1885
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1879
1886
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1880
1887
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1881
1888
  }
1882
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--md___bbLe6 {
1889
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
1883
1890
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1884
1891
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1885
1892
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1886
1893
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1887
1894
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1888
1895
  }
1889
- .RadioGroup-module__hop-RadioGroup___jUNVM[data-orientation=horizontal] {
1896
+ .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
1890
1897
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1891
1898
  }
1892
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] {
1899
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
1893
1900
  --flex-wrap: nowrap;
1894
1901
  }
1895
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__label___WRzhE {
1902
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
1896
1903
  order: 1;
1897
1904
  }
1898
- .RadioGroup-module__hop-RadioGroup__list___gHNAr {
1905
+ .RadioGroup-module__hop-RadioGroup__list___DSncc {
1899
1906
  display: flex;
1900
1907
  flex-flow: var(--flex-direction) var(--flex-wrap);
1901
1908
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1906,7 +1913,7 @@
1906
1913
  border: var(--list-border, none);
1907
1914
  border-radius: var(--list-border-radius, 0);
1908
1915
  }
1909
- .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN {
1916
+ .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
1910
1917
  position: relative;
1911
1918
  flex: 0 1 auto;
1912
1919
  align-content: start;
@@ -1914,28 +1921,28 @@
1914
1921
  min-inline-size: 0;
1915
1922
  padding: var(--radio-padding, 0);
1916
1923
  }
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 {
1924
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
1918
1925
  content: "";
1919
1926
  position: absolute;
1920
1927
  display: block;
1921
1928
  }
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 {
1929
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
1923
1930
  inset-block-start: 0;
1924
1931
  inset-inline: 0;
1925
1932
  border-block-start: var(--list-border, none);
1926
1933
  }
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 {
1934
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
1928
1935
  inset-block: 0;
1929
1936
  inset-inline-start: 0;
1930
1937
  border-inline-start: var(--list-border, none);
1931
1938
  }
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 {
1939
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
1940
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
1934
1941
  order: 3;
1935
1942
  }
1936
1943
 
1937
1944
  /* 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___BeAQ5 {
1945
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
1939
1946
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1940
1947
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1941
1948
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1961,7 +1968,7 @@
1961
1968
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1962
1969
  background-size: 400% 100%;
1963
1970
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1964
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW;
1971
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
1965
1972
  animation-duration: var(--animation-duration);
1966
1973
  animation-timing-function: ease-in-out;
1967
1974
  animation-fill-mode: forwards;
@@ -1970,19 +1977,19 @@
1970
1977
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1971
1978
  }
1972
1979
  }
1973
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___LUDsc {
1980
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
1974
1981
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1975
1982
  }
1976
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ujK2H {
1983
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
1977
1984
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1978
1985
  }
1979
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___H-YEh {
1986
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
1980
1987
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1981
1988
  }
1982
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rEkJI {
1989
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
1983
1990
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1984
1991
  }
1985
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW {
1992
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
1986
1993
  0% {
1987
1994
  background-position: 125% 50%;
1988
1995
  }
@@ -1992,7 +1999,7 @@
1992
1999
  }
1993
2000
 
1994
2001
  /* 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___w4UBW {
2002
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm {
1996
2003
  --hop-ListBoxItem-background-color: transparent;
1997
2004
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1998
2005
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2089,129 +2096,129 @@
2089
2096
  outline: var(--outline);
2090
2097
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2091
2098
  }
2092
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z- {
2099
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
2093
2100
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2094
2101
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2095
2102
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2096
2103
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2097
2104
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2098
2105
  }
2099
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl {
2106
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
2100
2107
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2101
2108
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2102
2109
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2103
2110
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2104
2111
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2105
2112
  }
2106
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR {
2113
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
2107
2114
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2108
2115
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2109
2116
  --min-height: var(--hop-ListBoxItem-md-min-height);
2110
2117
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2111
2118
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2112
2119
  }
2113
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1 {
2120
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
2114
2121
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2115
2122
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2116
2123
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2117
2124
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2118
2125
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2119
2126
  }
2120
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selection-mode] {
2127
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
2121
2128
  --cursor: pointer;
2122
2129
  }
2123
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:not([data-selection-mode]) {
2130
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
2124
2131
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2125
2132
  }
2126
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
2133
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
2127
2134
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2128
2135
  }
2129
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
2136
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
2130
2137
  --checkmark-transition: none;
2131
2138
  }
2132
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selected] {
2139
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
2133
2140
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2134
2141
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2135
2142
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2136
2143
  --checkmark-opacity: 1;
2137
2144
  }
2138
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z-[data-selected] {
2145
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
2139
2146
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2140
2147
  }
2141
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl[data-selected] {
2148
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
2142
2149
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2143
2150
  }
2144
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR[data-selected] {
2151
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
2145
2152
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2146
2153
  }
2147
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1[data-selected] {
2154
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
2148
2155
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2149
2156
  }
2150
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-focus-visible] {
2157
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
2151
2158
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2152
2159
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2153
2160
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2154
2161
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2155
2162
  }
2156
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-hovered] {
2163
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
2157
2164
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2158
2165
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2159
2166
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2160
2167
  }
2161
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-pressed] {
2168
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
2162
2169
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2163
2170
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2164
2171
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2165
2172
  }
2166
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-disabled] {
2173
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
2167
2174
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2168
2175
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2169
2176
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2170
2177
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2171
2178
  --cursor: not-allowed;
2172
2179
  }
2173
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid] {
2180
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
2174
2181
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2175
2182
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2176
2183
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2177
2184
  }
2178
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-selected] {
2185
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
2179
2186
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2180
2187
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2181
2188
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2182
2189
  }
2183
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-focus-visible] {
2190
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
2184
2191
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2185
2192
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2186
2193
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2187
2194
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2188
2195
  }
2189
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-hovered] {
2196
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
2190
2197
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2191
2198
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2192
2199
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2193
2200
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2194
2201
  }
2195
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-pressed] {
2202
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
2196
2203
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2197
2204
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2198
2205
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2199
2206
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2200
2207
  }
2201
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-disabled] {
2208
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
2202
2209
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2203
2210
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2204
2211
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2205
2212
  }
2206
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:has(.ListBoxItem-module__hop-ListBoxItem__description___liI0G) {
2213
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
2207
2214
  --row-gap: var(--hop-ListBoxItem-row-gap);
2208
2215
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2209
2216
  }
2210
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-loading] {
2217
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
2211
2218
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2212
2219
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2213
2220
  }
2214
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD {
2221
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
2215
2222
  display: grid;
2216
2223
  grid-template-areas: var(--grid-template-areas);
2217
2224
  grid-template-columns: var(--grid-template-columns);
@@ -2223,33 +2230,33 @@
2223
2230
  padding-inline: var(--padding-inline);
2224
2231
  transition: grid-template-columns .3s ease-in-out;
2225
2232
  }
2226
- .ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1 {
2233
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
2227
2234
  grid-area: indicator;
2228
2235
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2229
2236
  color: var(--icon-color);
2230
2237
  opacity: var(--checkmark-opacity);
2231
2238
  transition: var(--checkmark-transition);
2232
2239
  }
2233
- .ListBoxItem-module__hop-ListBoxItem__radio___0BXKg,
2234
- .ListBoxItem-module__hop-ListBoxItem__checkbox___YHKfh {
2240
+ .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
2241
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
2235
2242
  pointer-events: none;
2236
2243
  user-select: none;
2237
2244
  grid-area: indicator;
2238
2245
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2239
2246
  }
2240
- .ListBoxItem-module__hop-ListBoxItem__avatar___OH9G7 {
2247
+ .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
2241
2248
  grid-area: avatar;
2242
2249
  margin-block: var(--avatar-margin-block, 0);
2243
2250
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2244
2251
  }
2245
- .ListBoxItem-module__hop-ListBoxItem__icon-list___c0Mg1,
2246
- .ListBoxItem-module__hop-ListBoxItem__icon___-Au8H {
2252
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
2253
+ .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
2247
2254
  grid-area: icon;
2248
2255
  flex: 0 0 auto;
2249
2256
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2250
2257
  color: var(--icon-color);
2251
2258
  }
2252
- .ListBoxItem-module__hop-ListBoxItem__label___6ltHn {
2259
+ .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
2253
2260
  overflow: hidden;
2254
2261
  grid-area: label;
2255
2262
  min-inline-size: 0;
@@ -2257,18 +2264,18 @@
2257
2264
  text-overflow: ellipsis;
2258
2265
  white-space: nowrap;
2259
2266
  }
2260
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___wWwI1,
2261
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kDNVb {
2267
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
2268
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
2262
2269
  grid-area: end-icon;
2263
2270
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2264
2271
  color: var(--icon-color);
2265
2272
  }
2266
- .ListBoxItem-module__hop-ListBoxItem__badge___9WZlM {
2273
+ .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
2267
2274
  grid-area: badge;
2268
2275
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2269
2276
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2270
2277
  }
2271
- .ListBoxItem-module__hop-ListBoxItem__description___liI0G {
2278
+ .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
2272
2279
  overflow: hidden;
2273
2280
  display: -webkit-box;
2274
2281
  grid-area: description;
@@ -2279,7 +2286,7 @@
2279
2286
  }
2280
2287
 
2281
2288
  /* 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___AbTVV {
2289
+ .ListBox-module__hop-ListBox___lYzDi {
2283
2290
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2284
2291
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2285
2292
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2326,11 +2333,11 @@
2326
2333
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2327
2334
  border-radius: var(--hop-ListBox-border-radius);
2328
2335
  }
2329
- .ListBox-module__hop-ListBox--fluid___Hu9yL {
2336
+ .ListBox-module__hop-ListBox--fluid___s8oHK {
2330
2337
  --max-width: var(--hop-ListBox-fluid-max-width);
2331
2338
  --width: var(--hop-ListBox-fluid-width);
2332
2339
  }
2333
- .ListBox-module__hop-ListBox__section___juwhb {
2340
+ .ListBox-module__hop-ListBox__section___dSbP6 {
2334
2341
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2335
2342
  margin-inline: var(--hop-ListBox-section-margin-inline);
2336
2343
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2338,21 +2345,21 @@
2338
2345
  border-block-start: var(--section-border-block-start);
2339
2346
  border-block-end: var(--section-border-block-end);
2340
2347
  }
2341
- .ListBox-module__hop-ListBox__item___tEB62 + .ListBox-module__hop-ListBox__section___juwhb {
2348
+ .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
2342
2349
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2343
2350
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2344
2351
  }
2345
- .ListBox-module__hop-ListBox__section___juwhb:has(+ .ListBox-module__hop-ListBox__item___tEB62) {
2352
+ .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
2346
2353
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2347
2354
  }
2348
- .ListBox-module__hop-ListBox__section___juwhb:first-child {
2355
+ .ListBox-module__hop-ListBox__section___dSbP6:first-child {
2349
2356
  --section-padding-block-start: 0;
2350
2357
  }
2351
- .ListBox-module__hop-ListBox__section___juwhb:last-child {
2358
+ .ListBox-module__hop-ListBox__section___dSbP6:last-child {
2352
2359
  --section-padding-block-end: 0;
2353
2360
  --section-border-block-end: 0;
2354
2361
  }
2355
- .ListBox-module__hop-ListBox__section-header___l0TVR {
2362
+ .ListBox-module__hop-ListBox__section-header___OPwVg {
2356
2363
  margin: 0;
2357
2364
  padding: var(--hop-ListBox-section-header-padding);
2358
2365
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2363,17 +2370,17 @@
2363
2370
  text-transform: var(--hop-ListBox-section-header-text-transform);
2364
2371
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2365
2372
  }
2366
- .ListBox-module__hop-ListBox__section-header___l0TVR::before,
2367
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
2373
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before,
2374
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
2368
2375
  content: "";
2369
2376
  display: block;
2370
2377
  box-sizing: border-box;
2371
2378
  inline-size: 0;
2372
2379
  block-size: 0;
2373
2380
  }
2374
- .ListBox-module__hop-ListBox__section-header___l0TVR::before {
2381
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before {
2375
2382
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2376
2383
  }
2377
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
2384
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
2378
2385
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2379
2386
  }