@hopper-ui/components 1.12.7 → 1.12.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (356) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +412 -412
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +412 -412
  9. package/dist/alert/src/index.js +10 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +71 -71
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +5 -5
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +98 -98
  23. package/dist/avatar/src/index.js +10 -10
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +108 -108
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +117 -117
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/callout/src/Callout.css +373 -373
  47. package/dist/callout/src/Callout.js +8 -8
  48. package/dist/callout/src/CompactCallout.css +409 -409
  49. package/dist/callout/src/CompactCallout.js +8 -8
  50. package/dist/callout/src/index.css +422 -422
  51. package/dist/callout/src/index.js +9 -9
  52. package/dist/card/src/Card.css +42 -42
  53. package/dist/card/src/Card.js +1 -1
  54. package/dist/card/src/index.css +42 -42
  55. package/dist/card/src/index.js +1 -1
  56. package/dist/checkbox/src/Checkbox.css +58 -58
  57. package/dist/checkbox/src/Checkbox.js +4 -4
  58. package/dist/checkbox/src/CheckboxField.css +46 -45
  59. package/dist/checkbox/src/CheckboxField.js +3 -3
  60. package/dist/checkbox/src/CheckboxGroup.css +117 -112
  61. package/dist/checkbox/src/CheckboxGroup.d.ts +5 -0
  62. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  63. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  64. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  65. package/dist/checkbox/src/index.css +117 -112
  66. package/dist/checkbox/src/index.js +11 -11
  67. package/dist/{chunk-BAKTXVXV.js → chunk-2CQTO33L.js} +2 -2
  68. package/dist/{chunk-YP2UMT7M.js → chunk-36KKC7YS.js} +5 -5
  69. package/dist/{chunk-ZDR6DHMQ.js → chunk-3H2K6XH4.js} +2 -2
  70. package/dist/{chunk-6RHTZUAT.js → chunk-3UCPECCE.js} +3 -3
  71. package/dist/{chunk-OB7HYJW2.js → chunk-45IAXDKL.js} +1 -1
  72. package/dist/{chunk-XUTOR3VQ.js → chunk-4RO67HIV.js} +1 -1
  73. package/dist/{chunk-ESNK2EBY.js → chunk-54NYUM2C.js} +3 -3
  74. package/dist/{chunk-A34PEWNN.js → chunk-5EE6AUVN.js} +1 -1
  75. package/dist/{chunk-43TDWJP3.js → chunk-5FHJRYLO.js} +1 -1
  76. package/dist/{chunk-OTD5UPYI.js → chunk-5H5ZNZ5K.js} +1 -1
  77. package/dist/{chunk-ZDJE576I.js → chunk-6FTQW7DI.js} +2 -2
  78. package/dist/{chunk-R22EVE3T.js → chunk-6OLBWXO7.js} +8 -8
  79. package/dist/{chunk-LE3W77LV.js → chunk-6S5QM4GB.js} +1 -1
  80. package/dist/{chunk-EVG3TOG4.js → chunk-7BCTH32H.js} +1 -1
  81. package/dist/{chunk-YK6E4T6I.js → chunk-B3XA5CNX.js} +2 -2
  82. package/dist/{chunk-3T7OZ4E2.js → chunk-BDYEV4DY.js} +10 -10
  83. package/dist/{chunk-B3MN44IO.js → chunk-BZXLM4LL.js} +1 -1
  84. package/dist/{chunk-ZLWRXIHK.js → chunk-C75OQ47E.js} +8 -8
  85. package/dist/{chunk-JUR664GG.js → chunk-CGJMMBTF.js} +1 -1
  86. package/dist/{chunk-457MZYVF.js → chunk-CIDLHSU6.js} +12 -12
  87. package/dist/{chunk-4CX3BCUU.js → chunk-CLXNEXGJ.js} +1 -1
  88. package/dist/{chunk-KJVDRHHW.js → chunk-COVZUN36.js} +2 -2
  89. package/dist/{chunk-7K4Z7AXA.js → chunk-CP4VKWH7.js} +2 -2
  90. package/dist/{chunk-R32OPA2X.js → chunk-CWBKG6IB.js} +3 -3
  91. package/dist/{chunk-6AMRUWHT.js → chunk-DHTZDRMJ.js} +3 -3
  92. package/dist/{chunk-2JOA4HJD.js → chunk-DMAFZOXW.js} +1 -1
  93. package/dist/{chunk-JWX5NIHB.js → chunk-E3MHIJNG.js} +1 -1
  94. package/dist/{chunk-HJFCFLF4.js → chunk-EBL6ELUB.js} +3 -3
  95. package/dist/{chunk-CVISQLJ7.js → chunk-EJCPWA6A.js} +9 -6
  96. package/dist/{chunk-4KYLRQR6.js → chunk-EVCHBLNH.js} +1 -1
  97. package/dist/{chunk-LBQCJYVX.js → chunk-EXCQTZ3A.js} +1 -1
  98. package/dist/{chunk-7SQPZ4LU.js → chunk-EYGXEP3L.js} +1 -1
  99. package/dist/{chunk-56OLSAXV.js → chunk-FLORDC6W.js} +3 -3
  100. package/dist/{chunk-WW4IRQS7.js → chunk-GKMLNQIH.js} +2 -2
  101. package/dist/{chunk-SWP7BAMT.js → chunk-GN5MQBIX.js} +2 -2
  102. package/dist/{chunk-GXB7MBJ2.js → chunk-GU6SQAJL.js} +9 -6
  103. package/dist/{chunk-MPOHNDY7.js → chunk-GZNYI6K6.js} +2 -2
  104. package/dist/{chunk-VH6HS4DL.js → chunk-HK6TX3BO.js} +1 -1
  105. package/dist/{chunk-R5BTTLI2.js → chunk-HLUG77HO.js} +2 -2
  106. package/dist/{chunk-RU73Y35Z.js → chunk-IACHRXVY.js} +2 -2
  107. package/dist/{chunk-NMW7FOLB.js → chunk-IOOWI3K3.js} +1 -1
  108. package/dist/{chunk-CLQICKI4.js → chunk-ITXFPDY3.js} +1 -1
  109. package/dist/{chunk-EW6666TP.js → chunk-IWIPNL65.js} +2 -2
  110. package/dist/{chunk-7YQER4QK.js → chunk-J73EWRQL.js} +2 -2
  111. package/dist/{chunk-KEUYVFPE.js → chunk-JOON4EP6.js} +3 -3
  112. package/dist/{chunk-WFOUL7SW.js → chunk-JRA3NJ5M.js} +4 -4
  113. package/dist/{chunk-5WO2KDRD.js → chunk-LCIQL4H3.js} +2 -2
  114. package/dist/{chunk-PVH6R6XG.js → chunk-M4MOYN6V.js} +2 -2
  115. package/dist/{chunk-65D2WEEA.js → chunk-MJIMWZU5.js} +1 -1
  116. package/dist/{chunk-4I36KVAM.js → chunk-O5IQ4DWL.js} +5 -5
  117. package/dist/{chunk-ATUWARJ6.js → chunk-O7DUWNEI.js} +1 -1
  118. package/dist/{chunk-QUFHJJBM.js → chunk-OQ2TFULD.js} +1 -1
  119. package/dist/{chunk-Z5EBBKKC.js → chunk-OVLXOE2E.js} +11 -11
  120. package/dist/{chunk-VR2ET6SL.js → chunk-PB77FYQ4.js} +4 -4
  121. package/dist/{chunk-FYOSTETR.js → chunk-PGMZV4PZ.js} +1 -1
  122. package/dist/{chunk-SE5ACBXW.js → chunk-PHPRQXWA.js} +8 -8
  123. package/dist/{chunk-7O4AX7G2.js → chunk-PJSX5YV3.js} +1 -1
  124. package/dist/{chunk-T5DQNDIC.js → chunk-PTCHDDX4.js} +1 -1
  125. package/dist/{chunk-SUUVO6DK.js → chunk-QGFIYZVC.js} +1 -0
  126. package/dist/{chunk-GVXOHOVA.js → chunk-QLGE76SP.js} +5 -5
  127. package/dist/{chunk-WCXJOTJW.js → chunk-RPPGZGOX.js} +6 -6
  128. package/dist/{chunk-P25ADG6V.js → chunk-RTXWVAWA.js} +1 -1
  129. package/dist/{chunk-GDUBH73Y.js → chunk-SEMSWDKK.js} +1 -1
  130. package/dist/{chunk-QBIFLXHY.js → chunk-SX7ROJYD.js} +2 -2
  131. package/dist/{chunk-EKBTKN6W.js → chunk-T22KYRJF.js} +2 -2
  132. package/dist/{chunk-DQ5ZLOEK.js → chunk-TKJW4JHT.js} +1 -1
  133. package/dist/{chunk-CANUCZKF.js → chunk-TQVZVSOM.js} +1 -1
  134. package/dist/{chunk-LMHSZKR2.js → chunk-TZIBPHGS.js} +2 -2
  135. package/dist/{chunk-PEK4E4JJ.js → chunk-U2GXKQI7.js} +2 -2
  136. package/dist/{chunk-CEGDNMLC.js → chunk-U2K2Z2P7.js} +3 -3
  137. package/dist/{chunk-5PIYQILC.js → chunk-UEESMASU.js} +1 -1
  138. package/dist/{chunk-4J66C4TM.js → chunk-UQS3TLX3.js} +1 -1
  139. package/dist/{chunk-ZLW5KOGJ.js → chunk-V36IL4LD.js} +2 -2
  140. package/dist/{chunk-Q2TXTCHI.js → chunk-VCYEFO5G.js} +1 -1
  141. package/dist/{chunk-FL4PVHM7.js → chunk-VRAEL7KR.js} +3 -3
  142. package/dist/{chunk-4LBWOE2C.js → chunk-W366JR6M.js} +1 -1
  143. package/dist/{chunk-BZYXTNDT.js → chunk-WSGVHK3L.js} +2 -2
  144. package/dist/{chunk-QVDQZUS4.js → chunk-WXVFO37I.js} +7 -7
  145. package/dist/{chunk-TDN6RE7O.js → chunk-XP5BR57C.js} +2 -2
  146. package/dist/{chunk-PWCMCGWI.js → chunk-Y7KYGMNG.js} +1 -1
  147. package/dist/{chunk-NMKDZEC6.js → chunk-YPNKTZOT.js} +3 -3
  148. package/dist/{chunk-7ZLYJKJ5.js → chunk-YROITDUU.js} +2 -2
  149. package/dist/{chunk-WFRTG4XF.js → chunk-YYRCAULC.js} +1 -1
  150. package/dist/{chunk-UKEZXUPB.js → chunk-YZREA2YR.js} +1 -1
  151. package/dist/{chunk-XDPJ4XC6.js → chunk-Z243X3JZ.js} +1 -1
  152. package/dist/{chunk-XKREJ6MJ.js → chunk-ZAQ6SIAV.js} +2 -2
  153. package/dist/{chunk-YKXZGRJW.js → chunk-ZIUVIF2E.js} +1 -1
  154. package/dist/{chunk-6L72R4HX.js → chunk-ZYHMFWAI.js} +2 -2
  155. package/dist/combobox/src/ComboBox.css +796 -787
  156. package/dist/combobox/src/ComboBox.js +17 -17
  157. package/dist/combobox/src/index.css +796 -787
  158. package/dist/combobox/src/index.js +17 -17
  159. package/dist/contextual-help/src/ContextualHelp.css +717 -708
  160. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  161. package/dist/contextual-help/src/index.css +717 -708
  162. package/dist/contextual-help/src/index.js +4 -4
  163. package/dist/disclosure/src/Disclosure.css +49 -49
  164. package/dist/disclosure/src/Disclosure.js +1 -1
  165. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  166. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  167. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  168. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  169. package/dist/disclosure/src/index.css +74 -74
  170. package/dist/disclosure/src/index.js +7 -7
  171. package/dist/divider/src/Divider.css +41 -41
  172. package/dist/divider/src/Divider.js +1 -1
  173. package/dist/divider/src/index.css +41 -41
  174. package/dist/divider/src/index.js +1 -1
  175. package/dist/error-message/src/ErrorMessage.css +41 -41
  176. package/dist/error-message/src/ErrorMessage.js +2 -2
  177. package/dist/error-message/src/index.css +41 -41
  178. package/dist/error-message/src/index.js +2 -2
  179. package/dist/form/src/Form.css +39 -39
  180. package/dist/form/src/Form.js +1 -1
  181. package/dist/form/src/index.css +39 -39
  182. package/dist/form/src/index.js +1 -1
  183. package/dist/header/src/Header.css +39 -39
  184. package/dist/header/src/index.css +39 -39
  185. package/dist/helper-message/src/HelperMessage.css +41 -41
  186. package/dist/helper-message/src/HelperMessage.js +2 -2
  187. package/dist/helper-message/src/index.css +41 -41
  188. package/dist/helper-message/src/index.js +2 -2
  189. package/dist/icon-list/src/IconList.css +40 -40
  190. package/dist/icon-list/src/IconList.js +1 -1
  191. package/dist/icon-list/src/index.css +40 -40
  192. package/dist/icon-list/src/index.js +1 -1
  193. package/dist/illustrated-message/src/IllustratedMessage.css +382 -382
  194. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  195. package/dist/illustrated-message/src/index.css +382 -382
  196. package/dist/illustrated-message/src/index.js +1 -1
  197. package/dist/illustration/src/Illustration.css +48 -48
  198. package/dist/illustration/src/Illustration.js +1 -1
  199. package/dist/illustration/src/index.css +48 -48
  200. package/dist/illustration/src/index.js +1 -1
  201. package/dist/image/src/Image.css +42 -42
  202. package/dist/image/src/Image.js +1 -1
  203. package/dist/image/src/SvgImage.css +40 -40
  204. package/dist/image/src/SvgImage.js +1 -1
  205. package/dist/image/src/index.css +43 -43
  206. package/dist/image/src/index.js +2 -2
  207. package/dist/index.css +1157 -1148
  208. package/dist/index.js +88 -88
  209. package/dist/inputs/src/Input.css +43 -43
  210. package/dist/inputs/src/Input.js +1 -1
  211. package/dist/inputs/src/InputGroup.css +45 -45
  212. package/dist/inputs/src/InputGroup.js +1 -1
  213. package/dist/inputs/src/NumberField.css +69 -69
  214. package/dist/inputs/src/NumberField.js +10 -10
  215. package/dist/inputs/src/PasswordField.css +380 -380
  216. package/dist/inputs/src/PasswordField.js +10 -10
  217. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  218. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  219. package/dist/inputs/src/SearchField.css +386 -386
  220. package/dist/inputs/src/SearchField.js +11 -11
  221. package/dist/inputs/src/TextArea.css +68 -68
  222. package/dist/inputs/src/TextArea.js +9 -9
  223. package/dist/inputs/src/TextField.css +384 -384
  224. package/dist/inputs/src/TextField.js +13 -13
  225. package/dist/inputs/src/index.css +434 -434
  226. package/dist/inputs/src/index.js +17 -17
  227. package/dist/layout/src/Content.css +39 -39
  228. package/dist/layout/src/Footer.css +39 -39
  229. package/dist/link/src/Link.css +78 -78
  230. package/dist/link/src/Link.js +3 -3
  231. package/dist/link/src/index.css +78 -78
  232. package/dist/link/src/index.js +3 -3
  233. package/dist/list-box/src/ListBox.css +328 -319
  234. package/dist/list-box/src/ListBox.js +7 -7
  235. package/dist/list-box/src/ListBoxItem.css +316 -307
  236. package/dist/list-box/src/ListBoxItem.js +6 -6
  237. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  238. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  239. package/dist/list-box/src/index.css +328 -319
  240. package/dist/list-box/src/index.js +7 -7
  241. package/dist/menu/src/Menu.css +719 -710
  242. package/dist/menu/src/Menu.js +2 -2
  243. package/dist/menu/src/MenuItem.css +122 -122
  244. package/dist/menu/src/MenuItem.js +2 -2
  245. package/dist/menu/src/MenuSection.css +41 -41
  246. package/dist/menu/src/MenuSection.js +1 -1
  247. package/dist/menu/src/index.css +744 -735
  248. package/dist/menu/src/index.js +5 -5
  249. package/dist/modal/src/BaseModal.css +54 -54
  250. package/dist/modal/src/BaseModal.js +1 -1
  251. package/dist/modal/src/CustomModal.css +55 -55
  252. package/dist/modal/src/CustomModal.js +2 -2
  253. package/dist/modal/src/Modal.css +402 -402
  254. package/dist/modal/src/Modal.js +9 -9
  255. package/dist/modal/src/index.css +403 -403
  256. package/dist/modal/src/index.js +10 -10
  257. package/dist/overlays/popover/src/Popover.css +711 -702
  258. package/dist/overlays/popover/src/Popover.js +1 -1
  259. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  260. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  261. package/dist/overlays/popover/src/index.css +714 -705
  262. package/dist/overlays/popover/src/index.js +2 -2
  263. package/dist/radio/src/DecorativeRadio.css +66 -66
  264. package/dist/radio/src/DecorativeRadio.js +3 -3
  265. package/dist/radio/src/Radio.css +58 -58
  266. package/dist/radio/src/Radio.js +3 -3
  267. package/dist/radio/src/RadioField.css +46 -45
  268. package/dist/radio/src/RadioField.js +2 -2
  269. package/dist/radio/src/RadioGroup.css +114 -110
  270. package/dist/radio/src/RadioGroup.d.ts +5 -0
  271. package/dist/radio/src/RadioGroup.js +7 -7
  272. package/dist/radio/src/index.css +114 -110
  273. package/dist/radio/src/index.js +11 -11
  274. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  275. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  276. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  277. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  278. package/dist/segmented-control/src/index.css +55 -55
  279. package/dist/segmented-control/src/index.js +3 -3
  280. package/dist/select/src/Select.css +738 -729
  281. package/dist/select/src/Select.js +16 -16
  282. package/dist/select/src/SelectValue.css +104 -104
  283. package/dist/select/src/SelectValue.js +2 -2
  284. package/dist/select/src/index.css +738 -729
  285. package/dist/select/src/index.js +16 -16
  286. package/dist/spinner/src/Spinner.css +49 -49
  287. package/dist/spinner/src/Spinner.js +2 -2
  288. package/dist/spinner/src/index.css +49 -49
  289. package/dist/spinner/src/index.js +2 -2
  290. package/dist/switch/src/Switch.css +55 -55
  291. package/dist/switch/src/Switch.js +3 -3
  292. package/dist/switch/src/SwitchField.css +45 -45
  293. package/dist/switch/src/SwitchField.js +2 -2
  294. package/dist/switch/src/index.css +61 -61
  295. package/dist/switch/src/index.js +4 -4
  296. package/dist/tabs/src/Tab.css +554 -554
  297. package/dist/tabs/src/Tab.js +2 -2
  298. package/dist/tabs/src/TabLine.css +41 -41
  299. package/dist/tabs/src/TabLine.js +1 -1
  300. package/dist/tabs/src/TabList.css +46 -46
  301. package/dist/tabs/src/TabList.js +2 -2
  302. package/dist/tabs/src/TabPanel.css +41 -41
  303. package/dist/tabs/src/TabPanel.js +1 -1
  304. package/dist/tabs/src/index.css +563 -563
  305. package/dist/tabs/src/index.js +5 -5
  306. package/dist/tag/src/Tag.css +532 -532
  307. package/dist/tag/src/Tag.js +7 -7
  308. package/dist/tag/src/TagGroup.css +49 -49
  309. package/dist/tag/src/TagGroup.js +7 -7
  310. package/dist/tag/src/index.css +542 -542
  311. package/dist/tag/src/index.js +12 -12
  312. package/dist/tile/src/Tile.css +66 -66
  313. package/dist/tile/src/Tile.js +1 -1
  314. package/dist/tile/src/TileGroup.css +40 -40
  315. package/dist/tile/src/TileGroup.js +1 -1
  316. package/dist/tile/src/index.css +67 -67
  317. package/dist/tile/src/index.js +2 -2
  318. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  319. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  320. package/dist/toggle-arrow/src/index.css +41 -41
  321. package/dist/toggle-arrow/src/index.js +1 -1
  322. package/dist/tooltip/src/Tooltip.css +49 -49
  323. package/dist/tooltip/src/Tooltip.js +3 -3
  324. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  325. package/dist/tooltip/src/TooltipTrigger.d.ts +5 -0
  326. package/dist/tooltip/src/TooltipTrigger.js +1 -1
  327. package/dist/tooltip/src/index.css +49 -49
  328. package/dist/tooltip/src/index.js +4 -4
  329. package/dist/typography/heading/src/Heading.css +39 -39
  330. package/dist/typography/heading/src/Heading.js +1 -1
  331. package/dist/typography/heading/src/index.css +39 -39
  332. package/dist/typography/heading/src/index.js +1 -1
  333. package/dist/typography/label/src/FieldLabel.css +39 -39
  334. package/dist/typography/label/src/FieldLabel.js +3 -3
  335. package/dist/typography/label/src/Label.css +39 -39
  336. package/dist/typography/label/src/Label.js +1 -1
  337. package/dist/typography/label/src/index.css +39 -39
  338. package/dist/typography/label/src/index.js +3 -3
  339. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  340. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  341. package/dist/typography/overline-text/src/index.css +39 -39
  342. package/dist/typography/overline-text/src/index.js +1 -1
  343. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  344. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  345. package/dist/typography/paragraph/src/index.css +39 -39
  346. package/dist/typography/paragraph/src/index.js +2 -2
  347. package/dist/typography/text/src/Text.css +39 -39
  348. package/dist/typography/text/src/Text.js +1 -1
  349. package/dist/typography/text/src/index.css +39 -39
  350. package/dist/typography/text/src/index.js +1 -1
  351. package/dist/utils/src/ClearSlots.css +39 -39
  352. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  353. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  354. package/dist/utils/src/index.css +39 -39
  355. package/dist/utils/src/index.js +2 -2
  356. package/package.json +8 -8
@@ -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___8CTxf {
2
+ .Heading-module__hop-Heading___tP6SE {
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,53 +33,53 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___8CTxf) {
36
+ :where(.Heading-module__hop-Heading___tP6SE) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___8CTxf):not(.Heading-module__hop-Heading--unset___X2jmj) {
40
+ :where(.Heading-module__hop-Heading___tP6SE):not(.Heading-module__hop-Heading--unset___1m3Mc) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___F2tRG) {
46
+ :where(.Heading-module__hop-Heading--xs___6RI8n) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___kY69F) {
52
+ :where(.Heading-module__hop-Heading--sm___rzrsy) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___NApdM) {
58
+ :where(.Heading-module__hop-Heading--md___-k-ju) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___qUdoM) {
64
+ :where(.Heading-module__hop-Heading--lg___1xGiF) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___6mGx-) {
70
+ :where(.Heading-module__hop-Heading--xl___gr4Z6) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___owsVH) {
76
+ :where(.Heading-module__hop-Heading--2xl___BMtS6) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___HC9Nr) {
82
+ :where(.Heading-module__hop-Heading--3xl___k1C-r) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___pts1P {
90
+ .Form-module__hop-Form___GDY4J {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___nVy5- {
97
+ .Label-module__hop-Label___Nwuiw {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___nVy5-) {
104
+ :where(.Label-module__hop-Label___Nwuiw) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___PdfIr {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___8C8R- {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___XJgBA {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___y2t5o {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___VXrfe) {
123
+ :where(.OverlineText-module__hop-OverlineText___mfVjV) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___sPjmI {
147
+ .OverlineText-module__hop-OverlineText__text___krmb- {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___sPjmI::before,
151
- .OverlineText-module__hop-OverlineText__text___sPjmI::after {
150
+ .OverlineText-module__hop-OverlineText__text___krmb-::before,
151
+ .OverlineText-module__hop-OverlineText__text___krmb-::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___sPjmI::before {
158
+ .OverlineText-module__hop-OverlineText__text___krmb-::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___sPjmI::after {
161
+ .OverlineText-module__hop-OverlineText__text___krmb-::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___6Yf0k {
166
+ .Text-module__hop-Text___UQWjA {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___6Yf0k) {
196
+ :where(.Text-module__hop-Text___UQWjA) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___u3KHh) {
202
+ :where(.Text-module__hop-Text--xs___VR80P) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___zUahK) {
208
+ :where(.Text-module__hop-Text--sm___D4KQN) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___zejIp) {
214
+ :where(.Text-module__hop-Text--md___kJHbC) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___xgX7U) {
220
+ :where(.Text-module__hop-Text--lg___W7w7E) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___JQtZX) {
226
+ :where(.Text-module__hop-Text--xl___y8H0c) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___sEGWo) {
232
+ :where(.Text-module__hop-Text--2xl___lPCva) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___RZAPb) {
238
+ :where(.Text-module__hop-Text--inherit___yH8Tl) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___cqny5 {
246
+ .Paragraph-module__hop-Paragraph___WKQnt {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___cqny5:last-child {
258
+ .Paragraph-module__hop-Paragraph___WKQnt:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___CsI2Y {
261
+ .Paragraph-module__hop-Paragraph--xs___O1jnG {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___OrM84 {
264
+ .Paragraph-module__hop-Paragraph--sm___NS5-q {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___6ENy3 {
267
+ .Paragraph-module__hop-Paragraph--md___8lNl5 {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___k88GI {
270
+ .Paragraph-module__hop-Paragraph--lg___Afw-w {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___Sgq4e {
273
+ .Paragraph-module__hop-Paragraph--xl___enJIS {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___Ax1DD {
276
+ .Paragraph-module__hop-Paragraph--2xl___N-7I6 {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___yp7OZ {
279
+ .Paragraph-module__hop-Paragraph--inherit___r2WM6 {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___M2sL9 {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Zfu2B {
285
285
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
286
286
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
287
287
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -313,52 +313,52 @@
313
313
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
314
314
  outline: none;
315
315
  }
316
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___u10Sn {
316
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___VbStE {
317
317
  --size: var(--hop-RichIconAvatarImage-xs-size);
318
318
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
319
319
  }
320
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-xkMD {
320
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___rlLO1 {
321
321
  --size: var(--hop-RichIconAvatarImage-sm-size);
322
322
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
323
323
  }
324
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___swQyq {
324
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___gVVgi {
325
325
  --size: var(--hop-RichIconAvatarImage-md-size);
326
326
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
327
327
  }
328
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___rYjPN {
328
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___a7aeT {
329
329
  --size: var(--hop-RichIconAvatarImage-lg-size);
330
330
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
331
331
  }
332
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___5OWJd {
332
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___zhQyA {
333
333
  --size: var(--hop-RichIconAvatarImage-xl-size);
334
334
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
335
335
  }
336
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___o2ITp {
336
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___KjHQy {
337
337
  --size: var(--hop-RichIconAvatarImage-2xl-size);
338
338
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
339
339
  }
340
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___CI89J {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___KDxU6 {
341
341
  cursor: pointer;
342
342
  }
343
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___6TMe8 {
343
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___HCGpy {
344
344
  outline: 0.125rem solid var(--hop-primary-border-focus);
345
345
  }
346
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___M2sL9[data-disabled] {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Zfu2B[data-disabled] {
347
347
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
348
348
  }
349
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___if-wU {
349
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___LIcKq {
350
350
  position: relative;
351
351
  display: block;
352
352
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
353
353
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
354
354
  }
355
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___M2sL9[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___if-wU {
355
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Zfu2B[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___LIcKq {
356
356
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
357
357
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
358
358
  }
359
359
 
360
360
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
361
- .Avatar-module__hop-Avatar___L2KPg {
361
+ .Avatar-module__hop-Avatar___7y6Ms {
362
362
  --hop-Avatar-border-radius: var(--hop-shape-circle);
363
363
  --hop-Avatar-mix-blend-mode: normal;
364
364
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -404,73 +404,73 @@
404
404
  border-radius: var(--hop-Avatar-border-radius);
405
405
  outline: none;
406
406
  }
407
- .Avatar-module__hop-Avatar--xs___UV6dC {
407
+ .Avatar-module__hop-Avatar--xs___yG67P {
408
408
  --size: var(--hop-Avatar-xs-size);
409
409
  }
410
- .Avatar-module__hop-Avatar--sm___CaXWr {
410
+ .Avatar-module__hop-Avatar--sm___s-6sm {
411
411
  --size: var(--hop-Avatar-sm-size);
412
412
  }
413
- .Avatar-module__hop-Avatar--md___VCesz {
413
+ .Avatar-module__hop-Avatar--md___wRPd2 {
414
414
  --size: var(--hop-Avatar-md-size);
415
415
  }
416
- .Avatar-module__hop-Avatar--lg___PG2bi {
416
+ .Avatar-module__hop-Avatar--lg___ifRvs {
417
417
  --size: var(--hop-Avatar-lg-size);
418
418
  }
419
- .Avatar-module__hop-Avatar--xl___Ud-Vo {
419
+ .Avatar-module__hop-Avatar--xl___2nOuc {
420
420
  --size: var(--hop-Avatar-xl-size);
421
421
  }
422
- .Avatar-module__hop-Avatar--2xl___rDoQR {
422
+ .Avatar-module__hop-Avatar--2xl___51Fjt {
423
423
  --size: var(--hop-Avatar-2xl-size);
424
424
  }
425
- .Avatar-module__hop-Avatar--clickable___HfuLD {
425
+ .Avatar-module__hop-Avatar--clickable___jJvGB {
426
426
  cursor: pointer;
427
427
  }
428
- .Avatar-module__hop-Avatar--focus-visible___K2Yl1 {
428
+ .Avatar-module__hop-Avatar--focus-visible___HU7Ry {
429
429
  outline: 0.125rem solid var(--hop-primary-border-focus);
430
430
  }
431
- .Avatar-module__hop-Avatar--decorative-option1___DFNq2 {
431
+ .Avatar-module__hop-Avatar--decorative-option1___Dg1Gw {
432
432
  --background-color: var(--hop-Avatar-decorative-1-background-color);
433
433
  --text-color: var(--hop-Avatar-decorative-1-text-color);
434
434
  }
435
- .Avatar-module__hop-Avatar--decorative-option2___dBnSL {
435
+ .Avatar-module__hop-Avatar--decorative-option2___7GSl- {
436
436
  --background-color: var(--hop-Avatar-decorative-2-background-color);
437
437
  --text-color: var(--hop-Avatar-decorative-2-text-color);
438
438
  }
439
- .Avatar-module__hop-Avatar--decorative-option3___Bw9gQ {
439
+ .Avatar-module__hop-Avatar--decorative-option3___9Bz-k {
440
440
  --background-color: var(--hop-Avatar-decorative-3-background-color);
441
441
  --text-color: var(--hop-Avatar-decorative-3-text-color);
442
442
  }
443
- .Avatar-module__hop-Avatar--decorative-option4___TA-eU {
443
+ .Avatar-module__hop-Avatar--decorative-option4___4xJNC {
444
444
  --background-color: var(--hop-Avatar-decorative-4-background-color);
445
445
  --text-color: var(--hop-Avatar-decorative-4-text-color);
446
446
  }
447
- .Avatar-module__hop-Avatar--decorative-option5___3qgvG {
447
+ .Avatar-module__hop-Avatar--decorative-option5___sZWLb {
448
448
  --background-color: var(--hop-Avatar-decorative-5-background-color);
449
449
  --text-color: var(--hop-Avatar-decorative-5-text-color);
450
450
  }
451
- .Avatar-module__hop-Avatar--decorative-option6___R7Wwc {
451
+ .Avatar-module__hop-Avatar--decorative-option6___Gfr2E {
452
452
  --background-color: var(--hop-Avatar-decorative-6-background-color);
453
453
  --text-color: var(--hop-Avatar-decorative-6-text-color);
454
454
  }
455
- .Avatar-module__hop-Avatar--decorative-option7___QKHfc {
455
+ .Avatar-module__hop-Avatar--decorative-option7___W8G02 {
456
456
  --background-color: var(--hop-Avatar-decorative-7-background-color);
457
457
  --text-color: var(--hop-Avatar-decorative-7-text-color);
458
458
  }
459
- .Avatar-module__hop-Avatar--decorative-option8___j5GBh {
459
+ .Avatar-module__hop-Avatar--decorative-option8___gDTly {
460
460
  --background-color: var(--hop-Avatar-decorative-8-background-color);
461
461
  --text-color: var(--hop-Avatar-decorative-8-text-color);
462
462
  }
463
- .Avatar-module__hop-Avatar--decorative-option9___Gqjiv {
463
+ .Avatar-module__hop-Avatar--decorative-option9___FF6em {
464
464
  --background-color: var(--hop-Avatar-decorative-9-background-color);
465
465
  --text-color: var(--hop-Avatar-decorative-9-text-color);
466
466
  }
467
- .Avatar-module__hop-Avatar___L2KPg[data-disabled] {
467
+ .Avatar-module__hop-Avatar___7y6Ms[data-disabled] {
468
468
  --background-color: var(--hop-Avatar-background-color-disabled);
469
469
  --text-color: var(--hop-Avatar-text-color-disabled);
470
470
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
471
471
  isolation: isolate;
472
472
  }
473
- .Avatar-module__hop-Avatar__image___NfcPj {
473
+ .Avatar-module__hop-Avatar__image___pL3w7 {
474
474
  position: relative;
475
475
  display: block;
476
476
  box-sizing: border-box;
@@ -481,7 +481,7 @@
481
481
  }
482
482
 
483
483
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
484
- .Tooltip-module__hop-Tooltip___2jlBB {
484
+ .Tooltip-module__hop-Tooltip___10s2d {
485
485
  --hop-Tooltip-max-inline-size: 20rem;
486
486
  --hop-Tooltip-slide-amount: 0.25rem;
487
487
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -508,29 +508,29 @@
508
508
  border-radius: var(--hop-Tooltip-border-radius);
509
509
  box-shadow: var(--hop-Tooltip-box-shadow);
510
510
  }
511
- .Tooltip-module__hop-Tooltip--top___TFfB5 {
511
+ .Tooltip-module__hop-Tooltip--top___0G6V7 {
512
512
  --origin-x: 0;
513
513
  --origin-y: var(--hop-Tooltip-slide-amount);
514
514
  }
515
- .Tooltip-module__hop-Tooltip--right___DLO7g {
515
+ .Tooltip-module__hop-Tooltip--right___kquJK {
516
516
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
517
517
  --origin-y: 0;
518
518
  }
519
- .Tooltip-module__hop-Tooltip--bottom___WNn9u {
519
+ .Tooltip-module__hop-Tooltip--bottom___sKVB3 {
520
520
  --origin-x: 0;
521
521
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
522
522
  }
523
- .Tooltip-module__hop-Tooltip--left___BufIn {
523
+ .Tooltip-module__hop-Tooltip--left___Kv2cf {
524
524
  --origin-x: var(--hop-Tooltip-slide-amount);
525
525
  --origin-y: 0;
526
526
  }
527
- .Tooltip-module__hop-Tooltip___2jlBB[data-entering] {
528
- animation: Tooltip-module__slide___W5Wmz 0.2s ease-out;
527
+ .Tooltip-module__hop-Tooltip___10s2d[data-entering] {
528
+ animation: Tooltip-module__slide___ko1oi 0.2s ease-out;
529
529
  }
530
- .Tooltip-module__hop-Tooltip___2jlBB[data-exiting] {
531
- animation: Tooltip-module__slide___W5Wmz 0.2s ease-in reverse;
530
+ .Tooltip-module__hop-Tooltip___10s2d[data-exiting] {
531
+ animation: Tooltip-module__slide___ko1oi 0.2s ease-in reverse;
532
532
  }
533
- @keyframes Tooltip-module__slide___W5Wmz {
533
+ @keyframes Tooltip-module__slide___ko1oi {
534
534
  from {
535
535
  transform: translate(var(--origin-x), var(--origin-y));
536
536
  opacity: 0;
@@ -542,44 +542,44 @@
542
542
  }
543
543
 
544
544
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
545
- .AvatarGroup-module__hop-AvatarGroup___qCH9F {
545
+ .AvatarGroup-module__hop-AvatarGroup___73wvL {
546
546
  --hop-AvatarGroup-display: flex;
547
547
  --hop-AvatarGroup-align-items: center;
548
548
  display: var(--hop-AvatarGroup-display);
549
549
  align-items: var(--hop-AvatarGroup-align-items);
550
550
  }
551
- .AvatarGroup-module__hop-AvatarGroup--wrap___ksExR {
551
+ .AvatarGroup-module__hop-AvatarGroup--wrap___tW-Rz {
552
552
  flex-wrap: wrap;
553
553
  }
554
- .AvatarGroup-module__hop-AvatarGroup--xs___5iyEn {
554
+ .AvatarGroup-module__hop-AvatarGroup--xs___6E-55 {
555
555
  --gap: -0.125rem;
556
556
  }
557
- .AvatarGroup-module__hop-AvatarGroup--sm___POfCH {
557
+ .AvatarGroup-module__hop-AvatarGroup--sm___KbC99 {
558
558
  --gap: -0.25rem;
559
559
  }
560
- .AvatarGroup-module__hop-AvatarGroup--md___U7UJD {
560
+ .AvatarGroup-module__hop-AvatarGroup--md___0clcZ {
561
561
  --gap: -0.5rem;
562
562
  }
563
- .AvatarGroup-module__hop-AvatarGroup--lg___REedb {
563
+ .AvatarGroup-module__hop-AvatarGroup--lg___sJrDQ {
564
564
  --gap: -1rem;
565
565
  }
566
- .AvatarGroup-module__hop-AvatarGroup--xl___sVh-g {
566
+ .AvatarGroup-module__hop-AvatarGroup--xl___T0T8H {
567
567
  --gap: -1rem;
568
568
  }
569
- .AvatarGroup-module__hop-AvatarGroup--2xl___A6ESo {
569
+ .AvatarGroup-module__hop-AvatarGroup--2xl___OQmku {
570
570
  --gap: -2rem;
571
571
  }
572
- .AvatarGroup-module__hop-AvatarGroup__avatar___wLcIk {
572
+ .AvatarGroup-module__hop-AvatarGroup__avatar___67ADq {
573
573
  margin-inline-start: var(--gap);
574
574
  transition: margin var(--hop-easing-duration-2);
575
575
  }
576
- .AvatarGroup-module__hop-AvatarGroup__avatar___wLcIk:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___wLcIk {
576
+ .AvatarGroup-module__hop-AvatarGroup__avatar___67ADq:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___67ADq {
577
577
  margin-inline-start: 0;
578
578
  }
579
- .AvatarGroup-module__hop-AvatarGroup__avatar___wLcIk:first-child {
579
+ .AvatarGroup-module__hop-AvatarGroup__avatar___67ADq:first-child {
580
580
  margin-inline-start: 0;
581
581
  }
582
- .AvatarGroup-module__hop-AvatarGroup__label___xPZdA {
582
+ .AvatarGroup-module__hop-AvatarGroup__label___qxAX- {
583
583
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
584
584
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
585
585
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -591,7 +591,7 @@
591
591
  font-weight: var(--hop-AvatarGroup-label-font-weight);
592
592
  line-height: var(--hop-AvatarGroup-label-line-height);
593
593
  }
594
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___WCoX8 {
594
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___VrXWH {
595
595
  --hop-AvatarGroup__hiddenAvatar-display: flex;
596
596
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
597
597
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -609,21 +609,21 @@
609
609
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
610
610
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
611
611
  }
612
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___WCoX8:not(:last-child) {
612
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___VrXWH:not(:last-child) {
613
613
  margin-block-end: 0.25rem;
614
614
  }
615
- .AvatarGroup-module__hop-AvatarGroup--start___13-Ma {
615
+ .AvatarGroup-module__hop-AvatarGroup--start___TG15B {
616
616
  justify-content: flex-start;
617
617
  }
618
- .AvatarGroup-module__hop-AvatarGroup--end___TgDqt {
618
+ .AvatarGroup-module__hop-AvatarGroup--end___JKgjP {
619
619
  justify-content: flex-end;
620
620
  }
621
- .AvatarGroup-module__hop-AvatarGroup--center___9X4Ob {
621
+ .AvatarGroup-module__hop-AvatarGroup--center___XsUYa {
622
622
  justify-content: center;
623
623
  }
624
624
 
625
625
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
626
- .Badge-module__hop-Badge___niBYy {
626
+ .Badge-module__hop-Badge___UelF5 {
627
627
  --hop-Badge-height: 1.5rem;
628
628
  --hop-Badge-width: max-content;
629
629
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -673,67 +673,67 @@
673
673
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
674
674
  border-radius: var(--border-radius);
675
675
  }
676
- .Badge-module__hop-Badge--primary___arq0a {
676
+ .Badge-module__hop-Badge--primary___Gw0HU {
677
677
  --background-color: var(--hop-Badge-primary-background-color);
678
678
  --text-color: var(--hop-Badge-primary-text-color);
679
679
  }
680
- .Badge-module__hop-Badge--primary___arq0a[data-hovered] {
680
+ .Badge-module__hop-Badge--primary___Gw0HU[data-hovered] {
681
681
  --background-color: var(--hop-Badge-primary-background-color-hovered);
682
682
  --text-color: var(--hop-Badge-primary-text-color-hovered);
683
683
  }
684
- .Badge-module__hop-Badge--primary___arq0a[data-pressed] {
684
+ .Badge-module__hop-Badge--primary___Gw0HU[data-pressed] {
685
685
  --background-color: var(--hop-Badge-primary-background-color-pressed);
686
686
  --text-color: var(--hop-Badge-primary-text-color-pressed);
687
687
  }
688
- .Badge-module__hop-Badge--primary___arq0a[data-selected] {
688
+ .Badge-module__hop-Badge--primary___Gw0HU[data-selected] {
689
689
  --background-color: var(--hop-Badge-primary-background-color-selected);
690
690
  --text-color: var(--hop-Badge-primary-text-color-selected);
691
691
  }
692
- .Badge-module__hop-Badge--secondary___RJ8ac {
692
+ .Badge-module__hop-Badge--secondary___ye25s {
693
693
  --background-color: var(--hop-Badge-secondary-background-color);
694
694
  --text-color: var(--hop-Badge-secondary-text-color);
695
695
  }
696
- .Badge-module__hop-Badge--secondary___RJ8ac[data-hovered] {
696
+ .Badge-module__hop-Badge--secondary___ye25s[data-hovered] {
697
697
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
698
698
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
699
699
  }
700
- .Badge-module__hop-Badge--secondary___RJ8ac[data-pressed] {
700
+ .Badge-module__hop-Badge--secondary___ye25s[data-pressed] {
701
701
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
702
702
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
703
703
  }
704
- .Badge-module__hop-Badge--secondary___RJ8ac[data-selected] {
704
+ .Badge-module__hop-Badge--secondary___ye25s[data-selected] {
705
705
  --background-color: var(--hop-Badge-secondary-background-color-selected);
706
706
  --text-color: var(--hop-Badge-secondary-text-color-selected);
707
707
  }
708
- .Badge-module__hop-Badge--subdued___FPnHB {
708
+ .Badge-module__hop-Badge--subdued___yQQCh {
709
709
  --background-color: var(--hop-Badge-subdued-background-color);
710
710
  --text-color: var(--hop-Badge-subdued-text-color);
711
711
  }
712
- .Badge-module__hop-Badge--subdued___FPnHB[data-hovered] {
712
+ .Badge-module__hop-Badge--subdued___yQQCh[data-hovered] {
713
713
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
714
714
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
715
715
  }
716
- .Badge-module__hop-Badge--subdued___FPnHB[data-pressed] {
716
+ .Badge-module__hop-Badge--subdued___yQQCh[data-pressed] {
717
717
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
718
718
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
719
719
  }
720
- .Badge-module__hop-Badge--subdued___FPnHB[data-selected] {
720
+ .Badge-module__hop-Badge--subdued___yQQCh[data-selected] {
721
721
  --background-color: var(--hop-Badge-subdued-background-color-selected);
722
722
  --text-color: var(--hop-Badge-subdued-text-color-selected);
723
723
  }
724
- .Badge-module__hop-Badge___niBYy[data-indeterminate] {
724
+ .Badge-module__hop-Badge___UelF5[data-indeterminate] {
725
725
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
726
726
  --height: var(--hop-Badge-indeterminate-height);
727
727
  --width: var(--hop-Badge-indeterminate-width);
728
728
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
729
729
  }
730
- .Badge-module__hop-Badge___niBYy[data-disabled] {
730
+ .Badge-module__hop-Badge___UelF5[data-disabled] {
731
731
  --background-color: var(--hop-Badge-background-color-disabled);
732
732
  --text-color: var(--hop-Badge-text-color-disabled);
733
733
  }
734
734
 
735
735
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
736
- .FloatingBadge-module__hop-FloatingBadge___YXRyR {
736
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ- {
737
737
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
738
738
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
739
739
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -774,7 +774,7 @@
774
774
  box-sizing: border-box;
775
775
  inline-size: max-content;
776
776
  }
777
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="top right"] {
777
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="top right"] {
778
778
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
779
779
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
780
780
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -782,11 +782,11 @@
782
782
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
783
783
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
784
784
  }
785
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="top right"][data-overlap=circular] {
785
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="top right"][data-overlap=circular] {
786
786
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
787
787
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
788
788
  }
789
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="top left"] {
789
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="top left"] {
790
790
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
791
791
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
792
792
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -794,11 +794,11 @@
794
794
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
795
795
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
796
796
  }
797
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="top left"][data-overlap=circular] {
797
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="top left"][data-overlap=circular] {
798
798
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
799
799
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
800
800
  }
801
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="bottom right"] {
801
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="bottom right"] {
802
802
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
803
803
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
804
804
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -806,11 +806,11 @@
806
806
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
807
807
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
808
808
  }
809
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="bottom right"][data-overlap=circular] {
809
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="bottom right"][data-overlap=circular] {
810
810
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
811
811
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
812
812
  }
813
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="bottom left"] {
813
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="bottom left"] {
814
814
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
815
815
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
816
816
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -818,11 +818,11 @@
818
818
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
819
819
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
820
820
  }
821
- .FloatingBadge-module__hop-FloatingBadge___YXRyR[data-placement="bottom left"][data-overlap=circular] {
821
+ .FloatingBadge-module__hop-FloatingBadge___U4hZ-[data-placement="bottom left"][data-overlap=circular] {
822
822
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
823
823
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
824
824
  }
825
- .FloatingBadge-module__hop-FloatingBadge__badge___ErEri {
825
+ .FloatingBadge-module__hop-FloatingBadge__badge___v45mR {
826
826
  position: absolute;
827
827
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
828
828
  transform-origin: var(--badge-transform-origin);
@@ -830,7 +830,7 @@
830
830
  }
831
831
 
832
832
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
833
- .IconList-module__hop-IconList___fbbmc {
833
+ .IconList-module__hop-IconList___YNKt- {
834
834
  --hop-IconList-gap: var(--hop-space-inline-xs);
835
835
  display: flex;
836
836
  flex-wrap: wrap;
@@ -839,7 +839,7 @@
839
839
  }
840
840
 
841
841
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
842
- .Checkbox-module__hop-Checkbox___towgj {
842
+ .Checkbox-module__hop-Checkbox___3C-rv {
843
843
  --hop-Checkbox-box-border-size: 0.0625rem;
844
844
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
845
845
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -914,60 +914,60 @@
914
914
  inline-size: max-content;
915
915
  max-inline-size: 100%;
916
916
  }
917
- .Checkbox-module__hop-Checkbox___towgj[data-focus-visible] {
917
+ .Checkbox-module__hop-Checkbox___3C-rv[data-focus-visible] {
918
918
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
919
919
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
920
920
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
921
921
  --text-color: var(--hop-Checkbox-text-color-focused);
922
922
  --icon-color: var(--hop-Checkbox-icon-color-focused);
923
923
  }
924
- .Checkbox-module__hop-Checkbox___towgj[data-hovered] {
924
+ .Checkbox-module__hop-Checkbox___3C-rv[data-hovered] {
925
925
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
926
926
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
927
927
  --text-color: var(--hop-Checkbox-text-color-hovered);
928
928
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
929
929
  }
930
- .Checkbox-module__hop-Checkbox___towgj[data-pressed] {
930
+ .Checkbox-module__hop-Checkbox___3C-rv[data-pressed] {
931
931
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
932
932
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
933
933
  --text-color: var(--hop-Checkbox-text-color-pressed);
934
934
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
935
935
  }
936
- .Checkbox-module__hop-Checkbox___towgj[data-selected] {
936
+ .Checkbox-module__hop-Checkbox___3C-rv[data-selected] {
937
937
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
938
938
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
939
939
  --check-display: var(--hop-Checkbox-check-display-selected);
940
940
  --text-color: var(--hop-Checkbox-text-color-selected);
941
941
  --icon-color: var(--hop-Checkbox-icon-color-selected);
942
942
  }
943
- .Checkbox-module__hop-Checkbox___towgj[data-invalid] {
943
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid] {
944
944
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
945
945
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
946
946
  --check-color: var(--hop-Checkbox-check-color-invalid);
947
947
  --text-color: var(--hop-Checkbox-text-color-invalid);
948
948
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
949
949
  }
950
- .Checkbox-module__hop-Checkbox___towgj[data-invalid]:where([data-focus-visible]) {
950
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid]:where([data-focus-visible]) {
951
951
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
952
952
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
953
953
  }
954
- .Checkbox-module__hop-Checkbox___towgj[data-invalid]:where([data-hovered]) {
954
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid]:where([data-hovered]) {
955
955
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
956
956
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
957
957
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
958
958
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
959
959
  }
960
- .Checkbox-module__hop-Checkbox___towgj[data-invalid]:where([data-pressed]) {
960
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid]:where([data-pressed]) {
961
961
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
962
962
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
963
963
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
964
964
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
965
965
  }
966
- .Checkbox-module__hop-Checkbox___towgj:where([data-invalid])[data-selected] {
966
+ .Checkbox-module__hop-Checkbox___3C-rv:where([data-invalid])[data-selected] {
967
967
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
968
968
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
969
969
  }
970
- .Checkbox-module__hop-Checkbox___towgj[data-disabled] {
970
+ .Checkbox-module__hop-Checkbox___3C-rv[data-disabled] {
971
971
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
972
972
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
973
973
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -975,25 +975,25 @@
975
975
  --text-color: var(--hop-Checkbox-text-color-disabled);
976
976
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
977
977
  }
978
- .Checkbox-module__hop-Checkbox--sm___xo8IB {
978
+ .Checkbox-module__hop-Checkbox--sm___Rwz4i {
979
979
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
980
980
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
981
981
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
982
982
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
983
983
  }
984
- .Checkbox-module__hop-Checkbox--md___EoMfc {
984
+ .Checkbox-module__hop-Checkbox--md___8rJCT {
985
985
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
986
986
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
987
987
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
988
988
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
989
989
  }
990
- .Checkbox-module__hop-Checkbox__icon___dWnma,
991
- .Checkbox-module__hop-Checkbox__icon-list___Uq-1k {
990
+ .Checkbox-module__hop-Checkbox__icon___wgIyk,
991
+ .Checkbox-module__hop-Checkbox__icon-list___BDs4w {
992
992
  flex: 0 0 auto;
993
993
  order: 3;
994
994
  color: var(--icon-color);
995
995
  }
996
- .Checkbox-module__hop-Checkbox__box___l2Wp9 {
996
+ .Checkbox-module__hop-Checkbox__box___5GskS {
997
997
  display: flex;
998
998
  flex: 0 0 auto;
999
999
  align-items: center;
@@ -1009,11 +1009,11 @@
1009
1009
  outline-offset: 0.125rem;
1010
1010
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1011
1011
  }
1012
- .Checkbox-module__hop-Checkbox__check___-4vTG {
1012
+ .Checkbox-module__hop-Checkbox__check___o-aHr {
1013
1013
  display: var(--check-display);
1014
1014
  color: var(--check-color);
1015
1015
  }
1016
- .Checkbox-module__hop-Checkbox__text___PGjxe {
1016
+ .Checkbox-module__hop-Checkbox__text___JwiTo {
1017
1017
  flex: 0 1 auto;
1018
1018
  order: 2;
1019
1019
  min-inline-size: 0;
@@ -1023,7 +1023,7 @@
1023
1023
  }
1024
1024
 
1025
1025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1026
- .CheckboxField-module__hop-CheckboxField___YrU2a {
1026
+ .CheckboxField-module__hop-CheckboxField___vPiMh {
1027
1027
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1028
1028
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1029
1029
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1042,28 +1042,29 @@
1042
1042
  inline-size: max-content;
1043
1043
  max-inline-size: 100%;
1044
1044
  }
1045
- .CheckboxField-module__hop-CheckboxField___YrU2a[data-disabled] {
1045
+ .CheckboxField-module__hop-CheckboxField___vPiMh[data-disabled] {
1046
1046
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1047
1047
  }
1048
- .CheckboxField-module__hop-CheckboxField--sm___wk5M1 {
1048
+ .CheckboxField-module__hop-CheckboxField--sm___JNQcq {
1049
1049
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1050
1050
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1051
1051
  }
1052
- .CheckboxField-module__hop-CheckboxField--md___ZuhQD {
1052
+ .CheckboxField-module__hop-CheckboxField--md___waCxP {
1053
1053
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1054
1054
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1055
1055
  }
1056
- .CheckboxField-module__hop-CheckboxField__description___wj6KZ {
1056
+ .CheckboxField-module__hop-CheckboxField__description___XeAyj {
1057
1057
  order: 2;
1058
1058
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1059
1059
  color: var(--description-color);
1060
1060
  }
1061
- .CheckboxField-module__hop-CheckboxField__checkbox___lN3r8 {
1061
+ .CheckboxField-module__hop-CheckboxField___vPiMh .CheckboxField-module__hop-CheckboxField__checkbox___LLbK2 {
1062
1062
  order: 1;
1063
+ inline-size: 100%;
1063
1064
  }
1064
1065
 
1065
1066
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1066
- .ErrorMessage-module__hop-ErrorMessage___hSL7c {
1067
+ .ErrorMessage-module__hop-ErrorMessage___Oc6iJ {
1067
1068
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1068
1069
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1069
1070
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1080,13 +1081,13 @@
1080
1081
  line-height: var(--hop-ErrorMessage-line-height);
1081
1082
  color: var(--hop-ErrorMessage-color);
1082
1083
  }
1083
- .ErrorMessage-module__hop-ErrorMessage__icon___PSXiF {
1084
+ .ErrorMessage-module__hop-ErrorMessage__icon___-AYWY {
1084
1085
  flex: 0 0 auto;
1085
1086
  align-self: flex-start;
1086
1087
  }
1087
1088
 
1088
1089
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1089
- .HelperMessage-module__hop-HelperMessage___s3Aeh {
1090
+ .HelperMessage-module__hop-HelperMessage___i3h8r {
1090
1091
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1091
1092
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1092
1093
  display: flex;
@@ -1095,13 +1096,13 @@
1095
1096
  box-sizing: border-box;
1096
1097
  color: var(--hop-HelperMessage-color);
1097
1098
  }
1098
- .HelperMessage-module__hop-HelperMessage__icon___vzuiV {
1099
+ .HelperMessage-module__hop-HelperMessage__icon___RVoe0 {
1099
1100
  flex: 0 0 auto;
1100
1101
  align-self: flex-start;
1101
1102
  }
1102
1103
 
1103
1104
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1104
- .CheckboxGroup-module__hop-CheckboxGroup___9fH64 {
1105
+ .CheckboxGroup-module__hop-CheckboxGroup___eN7HS {
1105
1106
  --hop-CheckboxGroup-align-items: flex-start;
1106
1107
  --hop-CheckboxGroup-justify-content: flex-start;
1107
1108
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1131,66 +1132,70 @@
1131
1132
  --align-items: var(--hop-CheckboxGroup-align-items);
1132
1133
  --justify-content: var(--hop-CheckboxGroup-justify-content);
1133
1134
  --flex-wrap: wrap;
1135
+ --inline-size: max-content;
1134
1136
  display: flex;
1135
1137
  flex-direction: column;
1136
1138
  gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
1137
1139
  align-items: var(--align-items);
1138
1140
  justify-content: var(--justify-content);
1139
1141
  box-sizing: border-box;
1140
- inline-size: max-content;
1142
+ inline-size: var(--inline-size);
1141
1143
  max-inline-size: 100%;
1142
1144
  }
1143
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___BaJ-4 {
1145
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lcRT3 {
1144
1146
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1145
1147
  --list-border-radius: var(--hop-shape-rounded-md);
1146
1148
  }
1147
- .CheckboxGroup-module__hop-CheckboxGroup--sm___T9eji {
1149
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___k6IoZ {
1150
+ --inline-size: 100%;
1151
+ }
1152
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___Xksc2 {
1148
1153
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1149
1154
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1150
1155
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1151
1156
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1152
1157
  }
1153
- .CheckboxGroup-module__hop-CheckboxGroup--md___tCbBD {
1158
+ .CheckboxGroup-module__hop-CheckboxGroup--md___9TpEd {
1154
1159
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1155
1160
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1156
1161
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1157
1162
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1158
1163
  }
1159
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___BaJ-4.CheckboxGroup-module__hop-CheckboxGroup--sm___T9eji {
1164
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lcRT3.CheckboxGroup-module__hop-CheckboxGroup--sm___Xksc2 {
1160
1165
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1161
1166
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1162
1167
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1163
1168
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1164
1169
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1165
1170
  }
1166
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___BaJ-4.CheckboxGroup-module__hop-CheckboxGroup--md___tCbBD {
1171
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lcRT3.CheckboxGroup-module__hop-CheckboxGroup--md___9TpEd {
1167
1172
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1168
1173
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1169
1174
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1170
1175
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1171
1176
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1172
1177
  }
1173
- .CheckboxGroup-module__hop-CheckboxGroup___9fH64[data-orientation=horizontal] {
1178
+ .CheckboxGroup-module__hop-CheckboxGroup___eN7HS[data-orientation=horizontal] {
1174
1179
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1175
1180
  }
1176
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___BaJ-4[data-orientation=horizontal] {
1181
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lcRT3[data-orientation=horizontal] {
1177
1182
  --flex-wrap: nowrap;
1178
1183
  }
1179
- .CheckboxGroup-module__hop-CheckboxGroup___9fH64 > .CheckboxGroup-module__hop-CheckboxGroup__label___-ObW9 {
1184
+ .CheckboxGroup-module__hop-CheckboxGroup___eN7HS > .CheckboxGroup-module__hop-CheckboxGroup__label___gFLBK {
1180
1185
  order: 1;
1181
1186
  }
1182
- .CheckboxGroup-module__hop-CheckboxGroup__list___Gi2ru {
1187
+ .CheckboxGroup-module__hop-CheckboxGroup__list___yEBxw {
1183
1188
  display: flex;
1184
1189
  flex-flow: var(--flex-direction) var(--flex-wrap);
1185
1190
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
1186
1191
  order: 2;
1187
1192
  box-sizing: border-box;
1188
- inline-size: max-content;
1193
+ inline-size: var(--inline-size);
1189
1194
  max-inline-size: 100%;
1190
1195
  border: var(--list-border, none);
1191
1196
  border-radius: var(--list-border-radius, 0);
1192
1197
  }
1193
- .CheckboxGroup-module__hop-CheckboxGroup__list___Gi2ru > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Xoi3- {
1198
+ .CheckboxGroup-module__hop-CheckboxGroup__list___yEBxw > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Es0zp {
1194
1199
  position: relative;
1195
1200
  flex: 0 1 auto;
1196
1201
  align-content: start;
@@ -1198,28 +1203,28 @@
1198
1203
  min-inline-size: 0;
1199
1204
  padding: var(--checkbox-padding, 0);
1200
1205
  }
1201
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___BaJ-4 .CheckboxGroup-module__hop-CheckboxGroup__list___Gi2ru > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Xoi3- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Xoi3-::before {
1206
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lcRT3 .CheckboxGroup-module__hop-CheckboxGroup__list___yEBxw > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Es0zp ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Es0zp::before {
1202
1207
  content: "";
1203
1208
  position: absolute;
1204
1209
  display: block;
1205
1210
  }
1206
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___BaJ-4[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Gi2ru > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Xoi3- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Xoi3-::before {
1211
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lcRT3[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___yEBxw > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Es0zp ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Es0zp::before {
1207
1212
  inset-block-start: 0;
1208
1213
  inset-inline: 0;
1209
1214
  border-block-start: var(--list-border, none);
1210
1215
  }
1211
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___BaJ-4[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Gi2ru > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Xoi3- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Xoi3-::before {
1216
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___lcRT3[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___yEBxw > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Es0zp ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Es0zp::before {
1212
1217
  inset-block: 0;
1213
1218
  inset-inline-start: 0;
1214
1219
  border-inline-start: var(--list-border, none);
1215
1220
  }
1216
- .CheckboxGroup-module__hop-CheckboxGroup___9fH64 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___hQUya,
1217
- .CheckboxGroup-module__hop-CheckboxGroup___9fH64 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Lvakb {
1221
+ .CheckboxGroup-module__hop-CheckboxGroup___eN7HS > .CheckboxGroup-module__hop-CheckboxGroup__error-message___epUsL,
1222
+ .CheckboxGroup-module__hop-CheckboxGroup___eN7HS > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___X9RO9 {
1218
1223
  order: 3;
1219
1224
  }
1220
1225
 
1221
1226
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1222
- .Checkbox-module__hop-Checkbox___towgj {
1227
+ .Checkbox-module__hop-Checkbox___3C-rv {
1223
1228
  --hop-Checkbox-box-border-size: 0.0625rem;
1224
1229
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1225
1230
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1294,60 +1299,60 @@
1294
1299
  inline-size: max-content;
1295
1300
  max-inline-size: 100%;
1296
1301
  }
1297
- .Checkbox-module__hop-Checkbox___towgj[data-focus-visible] {
1302
+ .Checkbox-module__hop-Checkbox___3C-rv[data-focus-visible] {
1298
1303
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1299
1304
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1300
1305
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1301
1306
  --text-color: var(--hop-Checkbox-text-color-focused);
1302
1307
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1303
1308
  }
1304
- .Checkbox-module__hop-Checkbox___towgj[data-hovered] {
1309
+ .Checkbox-module__hop-Checkbox___3C-rv[data-hovered] {
1305
1310
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1306
1311
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1307
1312
  --text-color: var(--hop-Checkbox-text-color-hovered);
1308
1313
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1309
1314
  }
1310
- .Checkbox-module__hop-Checkbox___towgj[data-pressed] {
1315
+ .Checkbox-module__hop-Checkbox___3C-rv[data-pressed] {
1311
1316
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1312
1317
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1313
1318
  --text-color: var(--hop-Checkbox-text-color-pressed);
1314
1319
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1315
1320
  }
1316
- .Checkbox-module__hop-Checkbox___towgj[data-selected] {
1321
+ .Checkbox-module__hop-Checkbox___3C-rv[data-selected] {
1317
1322
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1318
1323
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1319
1324
  --check-display: var(--hop-Checkbox-check-display-selected);
1320
1325
  --text-color: var(--hop-Checkbox-text-color-selected);
1321
1326
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1322
1327
  }
1323
- .Checkbox-module__hop-Checkbox___towgj[data-invalid] {
1328
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid] {
1324
1329
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1325
1330
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1326
1331
  --check-color: var(--hop-Checkbox-check-color-invalid);
1327
1332
  --text-color: var(--hop-Checkbox-text-color-invalid);
1328
1333
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1329
1334
  }
1330
- .Checkbox-module__hop-Checkbox___towgj[data-invalid]:where([data-focus-visible]) {
1335
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid]:where([data-focus-visible]) {
1331
1336
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1332
1337
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1333
1338
  }
1334
- .Checkbox-module__hop-Checkbox___towgj[data-invalid]:where([data-hovered]) {
1339
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid]:where([data-hovered]) {
1335
1340
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1336
1341
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1337
1342
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1338
1343
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1339
1344
  }
1340
- .Checkbox-module__hop-Checkbox___towgj[data-invalid]:where([data-pressed]) {
1345
+ .Checkbox-module__hop-Checkbox___3C-rv[data-invalid]:where([data-pressed]) {
1341
1346
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1342
1347
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1343
1348
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1344
1349
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1345
1350
  }
1346
- .Checkbox-module__hop-Checkbox___towgj:where([data-invalid])[data-selected] {
1351
+ .Checkbox-module__hop-Checkbox___3C-rv:where([data-invalid])[data-selected] {
1347
1352
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1348
1353
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1349
1354
  }
1350
- .Checkbox-module__hop-Checkbox___towgj[data-disabled] {
1355
+ .Checkbox-module__hop-Checkbox___3C-rv[data-disabled] {
1351
1356
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1352
1357
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1353
1358
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1355,25 +1360,25 @@
1355
1360
  --text-color: var(--hop-Checkbox-text-color-disabled);
1356
1361
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1357
1362
  }
1358
- .Checkbox-module__hop-Checkbox--sm___xo8IB {
1363
+ .Checkbox-module__hop-Checkbox--sm___Rwz4i {
1359
1364
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1360
1365
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1361
1366
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1362
1367
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1363
1368
  }
1364
- .Checkbox-module__hop-Checkbox--md___EoMfc {
1369
+ .Checkbox-module__hop-Checkbox--md___8rJCT {
1365
1370
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1366
1371
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1367
1372
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1368
1373
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1369
1374
  }
1370
- .Checkbox-module__hop-Checkbox__icon___dWnma,
1371
- .Checkbox-module__hop-Checkbox__icon-list___Uq-1k {
1375
+ .Checkbox-module__hop-Checkbox__icon___wgIyk,
1376
+ .Checkbox-module__hop-Checkbox__icon-list___BDs4w {
1372
1377
  flex: 0 0 auto;
1373
1378
  order: 3;
1374
1379
  color: var(--icon-color);
1375
1380
  }
1376
- .Checkbox-module__hop-Checkbox__box___l2Wp9 {
1381
+ .Checkbox-module__hop-Checkbox__box___5GskS {
1377
1382
  display: flex;
1378
1383
  flex: 0 0 auto;
1379
1384
  align-items: center;
@@ -1389,11 +1394,11 @@
1389
1394
  outline-offset: 0.125rem;
1390
1395
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1391
1396
  }
1392
- .Checkbox-module__hop-Checkbox__check___-4vTG {
1397
+ .Checkbox-module__hop-Checkbox__check___o-aHr {
1393
1398
  display: var(--check-display);
1394
1399
  color: var(--check-color);
1395
1400
  }
1396
- .Checkbox-module__hop-Checkbox__text___PGjxe {
1401
+ .Checkbox-module__hop-Checkbox__text___JwiTo {
1397
1402
  flex: 0 1 auto;
1398
1403
  order: 2;
1399
1404
  min-inline-size: 0;
@@ -1401,24 +1406,24 @@
1401
1406
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1402
1407
  color: var(--text-color);
1403
1408
  }
1404
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___oZRer {
1409
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___DwARh {
1405
1410
  }
1406
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___p0DZ0 {
1411
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___4xiR4 {
1407
1412
  }
1408
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___npx1v {
1413
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___O-QKq {
1409
1414
  }
1410
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___JCKPh,
1411
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TJL-K {
1415
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___BSQld,
1416
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___344lq {
1412
1417
  }
1413
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___QPlg8 {
1418
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___BYIvy {
1414
1419
  }
1415
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___XQO-g {
1420
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___Nkszh {
1416
1421
  }
1417
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___1msHn {
1422
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___1JJFr {
1418
1423
  }
1419
1424
 
1420
1425
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1421
- .Radio-module__hop-Radio___hbIJ6 {
1426
+ .Radio-module__hop-Radio___T4yo2 {
1422
1427
  --hop-Radio-box-border-size: 0.0625rem;
1423
1428
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1424
1429
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1492,60 +1497,60 @@
1492
1497
  inline-size: max-content;
1493
1498
  max-inline-size: 100%;
1494
1499
  }
1495
- .Radio-module__hop-Radio___hbIJ6[data-focus-visible] {
1500
+ .Radio-module__hop-Radio___T4yo2[data-focus-visible] {
1496
1501
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1497
1502
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1498
1503
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1499
1504
  --text-color: var(--hop-Radio-text-color-focused);
1500
1505
  --icon-color: var(--hop-Radio-icon-color-focused);
1501
1506
  }
1502
- .Radio-module__hop-Radio___hbIJ6[data-hovered] {
1507
+ .Radio-module__hop-Radio___T4yo2[data-hovered] {
1503
1508
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1504
1509
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1505
1510
  --text-color: var(--hop-Radio-text-color-hovered);
1506
1511
  --icon-color: var(--hop-Radio-icon-color-hovered);
1507
1512
  }
1508
- .Radio-module__hop-Radio___hbIJ6[data-pressed] {
1513
+ .Radio-module__hop-Radio___T4yo2[data-pressed] {
1509
1514
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1510
1515
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1511
1516
  --text-color: var(--hop-Radio-text-color-pressed);
1512
1517
  --icon-color: var(--hop-Radio-icon-color-pressed);
1513
1518
  }
1514
- .Radio-module__hop-Radio___hbIJ6[data-selected] {
1519
+ .Radio-module__hop-Radio___T4yo2[data-selected] {
1515
1520
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1516
1521
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1517
1522
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1518
1523
  --text-color: var(--hop-Radio-text-color-selected);
1519
1524
  --icon-color: var(--hop-Radio-icon-color-selected);
1520
1525
  }
1521
- .Radio-module__hop-Radio___hbIJ6[data-invalid] {
1526
+ .Radio-module__hop-Radio___T4yo2[data-invalid] {
1522
1527
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1523
1528
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1524
1529
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1525
1530
  --text-color: var(--hop-Radio-text-color-invalid);
1526
1531
  --icon-color: var(--hop-Radio-icon-color-invalid);
1527
1532
  }
1528
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-focus-visible] {
1533
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-focus-visible] {
1529
1534
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1530
1535
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1531
1536
  }
1532
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-hovered] {
1537
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-hovered] {
1533
1538
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1534
1539
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1535
1540
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1536
1541
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1537
1542
  }
1538
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-pressed] {
1543
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-pressed] {
1539
1544
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1540
1545
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1541
1546
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1542
1547
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1543
1548
  }
1544
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-selected] {
1549
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-selected] {
1545
1550
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1546
1551
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1547
1552
  }
1548
- .Radio-module__hop-Radio___hbIJ6[data-disabled] {
1553
+ .Radio-module__hop-Radio___T4yo2[data-disabled] {
1549
1554
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1550
1555
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1551
1556
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1553,25 +1558,25 @@
1553
1558
  --text-color: var(--hop-Radio-text-color-disabled);
1554
1559
  --icon-color: var(--hop-Radio-icon-color-disabled);
1555
1560
  }
1556
- .Radio-module__hop-Radio--sm___-zWYK {
1561
+ .Radio-module__hop-Radio--sm___ZhcSo {
1557
1562
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1558
1563
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1559
1564
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1560
1565
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1561
1566
  }
1562
- .Radio-module__hop-Radio--md___aZG32 {
1567
+ .Radio-module__hop-Radio--md___r8FfS {
1563
1568
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1564
1569
  --box-block-size: var(--hop-Radio-box-md-block-size);
1565
1570
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1566
1571
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1567
1572
  }
1568
- .Radio-module__hop-Radio__icon___7vP0F,
1569
- .Radio-module__hop-Radio__icon-list___A4hyk {
1573
+ .Radio-module__hop-Radio__icon___w9fSv,
1574
+ .Radio-module__hop-Radio__icon-list___ro-GP {
1570
1575
  flex: 0 0 auto;
1571
1576
  order: 3;
1572
1577
  color: var(--icon-color);
1573
1578
  }
1574
- .Radio-module__hop-Radio__box___3Ic3H {
1579
+ .Radio-module__hop-Radio__box___mT-b- {
1575
1580
  display: flex;
1576
1581
  flex: 0 0 auto;
1577
1582
  align-items: center;
@@ -1587,11 +1592,11 @@
1587
1592
  outline-offset: 0.125rem;
1588
1593
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1589
1594
  }
1590
- .Radio-module__hop-Radio__bullet___AQShK {
1595
+ .Radio-module__hop-Radio__bullet___1pEDa {
1591
1596
  display: var(--bullet-display);
1592
1597
  color: var(--bullet-color);
1593
1598
  }
1594
- .Radio-module__hop-Radio__text___NEum8 {
1599
+ .Radio-module__hop-Radio__text___NcKjH {
1595
1600
  flex: 0 1 auto;
1596
1601
  order: 2;
1597
1602
  min-inline-size: 0;
@@ -1599,24 +1604,24 @@
1599
1604
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1600
1605
  color: var(--text-color);
1601
1606
  }
1602
- .DecorativeRadio-module__hop-DecorativeRadio___uy6hA {
1607
+ .DecorativeRadio-module__hop-DecorativeRadio___7ss1Z {
1603
1608
  }
1604
- .DecorativeRadio-module__hop-DecorativeRadio--sm___yqF9D {
1609
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___p7mXQ {
1605
1610
  }
1606
- .DecorativeRadio-module__hop-DecorativeRadio--md___ie-ZF {
1611
+ .DecorativeRadio-module__hop-DecorativeRadio--md___71Zsj {
1607
1612
  }
1608
- .DecorativeRadio-module__hop-DecorativeRadio__icon___2DK1k,
1609
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4Db-V {
1613
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___5ba7e,
1614
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___n2G8I {
1610
1615
  }
1611
- .DecorativeRadio-module__hop-DecorativeRadio__box___OTp8y {
1616
+ .DecorativeRadio-module__hop-DecorativeRadio__box___VYVP8 {
1612
1617
  }
1613
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___4iDiF {
1618
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___CqvgJ {
1614
1619
  }
1615
- .DecorativeRadio-module__hop-DecorativeRadio__text___nAOd4 {
1620
+ .DecorativeRadio-module__hop-DecorativeRadio__text___eVYYZ {
1616
1621
  }
1617
1622
 
1618
1623
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1619
- .Radio-module__hop-Radio___hbIJ6 {
1624
+ .Radio-module__hop-Radio___T4yo2 {
1620
1625
  --hop-Radio-box-border-size: 0.0625rem;
1621
1626
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1622
1627
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1690,60 +1695,60 @@
1690
1695
  inline-size: max-content;
1691
1696
  max-inline-size: 100%;
1692
1697
  }
1693
- .Radio-module__hop-Radio___hbIJ6[data-focus-visible] {
1698
+ .Radio-module__hop-Radio___T4yo2[data-focus-visible] {
1694
1699
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1695
1700
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1696
1701
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1697
1702
  --text-color: var(--hop-Radio-text-color-focused);
1698
1703
  --icon-color: var(--hop-Radio-icon-color-focused);
1699
1704
  }
1700
- .Radio-module__hop-Radio___hbIJ6[data-hovered] {
1705
+ .Radio-module__hop-Radio___T4yo2[data-hovered] {
1701
1706
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1702
1707
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1703
1708
  --text-color: var(--hop-Radio-text-color-hovered);
1704
1709
  --icon-color: var(--hop-Radio-icon-color-hovered);
1705
1710
  }
1706
- .Radio-module__hop-Radio___hbIJ6[data-pressed] {
1711
+ .Radio-module__hop-Radio___T4yo2[data-pressed] {
1707
1712
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1708
1713
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1709
1714
  --text-color: var(--hop-Radio-text-color-pressed);
1710
1715
  --icon-color: var(--hop-Radio-icon-color-pressed);
1711
1716
  }
1712
- .Radio-module__hop-Radio___hbIJ6[data-selected] {
1717
+ .Radio-module__hop-Radio___T4yo2[data-selected] {
1713
1718
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1714
1719
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1715
1720
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1716
1721
  --text-color: var(--hop-Radio-text-color-selected);
1717
1722
  --icon-color: var(--hop-Radio-icon-color-selected);
1718
1723
  }
1719
- .Radio-module__hop-Radio___hbIJ6[data-invalid] {
1724
+ .Radio-module__hop-Radio___T4yo2[data-invalid] {
1720
1725
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1721
1726
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1722
1727
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1723
1728
  --text-color: var(--hop-Radio-text-color-invalid);
1724
1729
  --icon-color: var(--hop-Radio-icon-color-invalid);
1725
1730
  }
1726
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-focus-visible] {
1731
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-focus-visible] {
1727
1732
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1728
1733
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1729
1734
  }
1730
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-hovered] {
1735
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-hovered] {
1731
1736
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1732
1737
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1733
1738
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1734
1739
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1735
1740
  }
1736
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-pressed] {
1741
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-pressed] {
1737
1742
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1738
1743
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1739
1744
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1740
1745
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1741
1746
  }
1742
- .Radio-module__hop-Radio___hbIJ6:where([data-invalid])[data-selected] {
1747
+ .Radio-module__hop-Radio___T4yo2:where([data-invalid])[data-selected] {
1743
1748
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1744
1749
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1745
1750
  }
1746
- .Radio-module__hop-Radio___hbIJ6[data-disabled] {
1751
+ .Radio-module__hop-Radio___T4yo2[data-disabled] {
1747
1752
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1748
1753
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1749
1754
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1751,25 +1756,25 @@
1751
1756
  --text-color: var(--hop-Radio-text-color-disabled);
1752
1757
  --icon-color: var(--hop-Radio-icon-color-disabled);
1753
1758
  }
1754
- .Radio-module__hop-Radio--sm___-zWYK {
1759
+ .Radio-module__hop-Radio--sm___ZhcSo {
1755
1760
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1756
1761
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1757
1762
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1758
1763
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1759
1764
  }
1760
- .Radio-module__hop-Radio--md___aZG32 {
1765
+ .Radio-module__hop-Radio--md___r8FfS {
1761
1766
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1762
1767
  --box-block-size: var(--hop-Radio-box-md-block-size);
1763
1768
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1764
1769
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1765
1770
  }
1766
- .Radio-module__hop-Radio__icon___7vP0F,
1767
- .Radio-module__hop-Radio__icon-list___A4hyk {
1771
+ .Radio-module__hop-Radio__icon___w9fSv,
1772
+ .Radio-module__hop-Radio__icon-list___ro-GP {
1768
1773
  flex: 0 0 auto;
1769
1774
  order: 3;
1770
1775
  color: var(--icon-color);
1771
1776
  }
1772
- .Radio-module__hop-Radio__box___3Ic3H {
1777
+ .Radio-module__hop-Radio__box___mT-b- {
1773
1778
  display: flex;
1774
1779
  flex: 0 0 auto;
1775
1780
  align-items: center;
@@ -1785,11 +1790,11 @@
1785
1790
  outline-offset: 0.125rem;
1786
1791
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1787
1792
  }
1788
- .Radio-module__hop-Radio__bullet___AQShK {
1793
+ .Radio-module__hop-Radio__bullet___1pEDa {
1789
1794
  display: var(--bullet-display);
1790
1795
  color: var(--bullet-color);
1791
1796
  }
1792
- .Radio-module__hop-Radio__text___NEum8 {
1797
+ .Radio-module__hop-Radio__text___NcKjH {
1793
1798
  flex: 0 1 auto;
1794
1799
  order: 2;
1795
1800
  min-inline-size: 0;
@@ -1799,7 +1804,7 @@
1799
1804
  }
1800
1805
 
1801
1806
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1802
- .RadioField-module__hop-RadioField___M5sui {
1807
+ .RadioField-module__hop-RadioField___yP9li {
1803
1808
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1804
1809
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1805
1810
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1818,28 +1823,29 @@
1818
1823
  inline-size: max-content;
1819
1824
  max-inline-size: 100%;
1820
1825
  }
1821
- .RadioField-module__hop-RadioField___M5sui[data-disabled] {
1826
+ .RadioField-module__hop-RadioField___yP9li[data-disabled] {
1822
1827
  --description-color: var(--hop-RadioField-description-color-disabled);
1823
1828
  }
1824
- .RadioField-module__hop-RadioField--sm___8rekZ {
1829
+ .RadioField-module__hop-RadioField--sm___jv7yH {
1825
1830
  --row-gap: var(--hop-RadioField-sm-row-gap);
1826
1831
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1827
1832
  }
1828
- .RadioField-module__hop-RadioField--md___YrUui {
1833
+ .RadioField-module__hop-RadioField--md___tuFiN {
1829
1834
  --row-gap: var(--hop-RadioField-md-row-gap);
1830
1835
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1831
1836
  }
1832
- .RadioField-module__hop-RadioField__description___9hZxd {
1837
+ .RadioField-module__hop-RadioField__description___ulxZv {
1833
1838
  order: 2;
1834
1839
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1835
1840
  color: var(--description-color);
1836
1841
  }
1837
- .RadioField-module__hop-RadioField__radio___jRbW5 {
1842
+ .RadioField-module__hop-RadioField___yP9li .RadioField-module__hop-RadioField__radio___uloYA {
1838
1843
  order: 1;
1844
+ inline-size: 100%;
1839
1845
  }
1840
1846
 
1841
1847
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1842
- .RadioGroup-module__hop-RadioGroup___-JH8i {
1848
+ .RadioGroup-module__hop-RadioGroup___r4Vtr {
1843
1849
  --hop-RadioGroup-align-items: flex-start;
1844
1850
  --hop-RadioGroup-justify-content: flex-start;
1845
1851
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1879,46 +1885,49 @@
1879
1885
  inline-size: var(--inline-size);
1880
1886
  max-inline-size: 100%;
1881
1887
  }
1882
- .RadioGroup-module__hop-RadioGroup--bordered___-5be- {
1888
+ .RadioGroup-module__hop-RadioGroup--bordered___VSTD9 {
1883
1889
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1884
1890
  --list-border-radius: var(--hop-shape-rounded-md);
1885
1891
  }
1886
- .RadioGroup-module__hop-RadioGroup--sm___NdTh4 {
1892
+ .RadioGroup-module__hop-RadioGroup--fluid___KN5TW {
1893
+ --inline-size: 100%;
1894
+ }
1895
+ .RadioGroup-module__hop-RadioGroup--sm___Afu9P {
1887
1896
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1888
1897
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1889
1898
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1890
1899
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1891
1900
  }
1892
- .RadioGroup-module__hop-RadioGroup--md___S9hZn {
1901
+ .RadioGroup-module__hop-RadioGroup--md___q89cT {
1893
1902
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1894
1903
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1895
1904
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1896
1905
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1897
1906
  }
1898
- .RadioGroup-module__hop-RadioGroup--bordered___-5be-.RadioGroup-module__hop-RadioGroup--sm___NdTh4 {
1907
+ .RadioGroup-module__hop-RadioGroup--bordered___VSTD9.RadioGroup-module__hop-RadioGroup--sm___Afu9P {
1899
1908
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1900
1909
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1901
1910
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1902
1911
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1903
1912
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1904
1913
  }
1905
- .RadioGroup-module__hop-RadioGroup--bordered___-5be-.RadioGroup-module__hop-RadioGroup--md___S9hZn {
1914
+ .RadioGroup-module__hop-RadioGroup--bordered___VSTD9.RadioGroup-module__hop-RadioGroup--md___q89cT {
1906
1915
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1907
1916
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1908
1917
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1909
1918
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1910
1919
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1911
1920
  }
1912
- .RadioGroup-module__hop-RadioGroup___-JH8i[data-orientation=horizontal] {
1921
+ .RadioGroup-module__hop-RadioGroup___r4Vtr[data-orientation=horizontal] {
1913
1922
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1914
1923
  }
1915
- .RadioGroup-module__hop-RadioGroup--bordered___-5be-[data-orientation=horizontal] {
1924
+ .RadioGroup-module__hop-RadioGroup--bordered___VSTD9[data-orientation=horizontal] {
1916
1925
  --flex-wrap: nowrap;
1917
1926
  }
1918
- .RadioGroup-module__hop-RadioGroup___-JH8i > .RadioGroup-module__hop-RadioGroup__label___bo0Ko {
1927
+ .RadioGroup-module__hop-RadioGroup___r4Vtr > .RadioGroup-module__hop-RadioGroup__label___hc4Zv {
1919
1928
  order: 1;
1920
1929
  }
1921
- .RadioGroup-module__hop-RadioGroup__list___e99wA {
1930
+ .RadioGroup-module__hop-RadioGroup__list___8w4dY {
1922
1931
  display: flex;
1923
1932
  flex-flow: var(--flex-direction) var(--flex-wrap);
1924
1933
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1929,7 +1938,7 @@
1929
1938
  border: var(--list-border, none);
1930
1939
  border-radius: var(--list-border-radius, 0);
1931
1940
  }
1932
- .RadioGroup-module__hop-RadioGroup__list___e99wA > .RadioGroup-module__hop-RadioGroup__radio___XMo7h {
1941
+ .RadioGroup-module__hop-RadioGroup__list___8w4dY > .RadioGroup-module__hop-RadioGroup__radio___mofWv {
1933
1942
  position: relative;
1934
1943
  flex: 0 1 auto;
1935
1944
  align-content: start;
@@ -1937,28 +1946,28 @@
1937
1946
  min-inline-size: 0;
1938
1947
  padding: var(--radio-padding, 0);
1939
1948
  }
1940
- .RadioGroup-module__hop-RadioGroup--bordered___-5be- .RadioGroup-module__hop-RadioGroup__list___e99wA > .RadioGroup-module__hop-RadioGroup__radio___XMo7h ~ .RadioGroup-module__hop-RadioGroup__radio___XMo7h::before {
1949
+ .RadioGroup-module__hop-RadioGroup--bordered___VSTD9 .RadioGroup-module__hop-RadioGroup__list___8w4dY > .RadioGroup-module__hop-RadioGroup__radio___mofWv ~ .RadioGroup-module__hop-RadioGroup__radio___mofWv::before {
1941
1950
  content: "";
1942
1951
  position: absolute;
1943
1952
  display: block;
1944
1953
  }
1945
- .RadioGroup-module__hop-RadioGroup--bordered___-5be-[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___e99wA > .RadioGroup-module__hop-RadioGroup__radio___XMo7h ~ .RadioGroup-module__hop-RadioGroup__radio___XMo7h::before {
1954
+ .RadioGroup-module__hop-RadioGroup--bordered___VSTD9[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___8w4dY > .RadioGroup-module__hop-RadioGroup__radio___mofWv ~ .RadioGroup-module__hop-RadioGroup__radio___mofWv::before {
1946
1955
  inset-block-start: 0;
1947
1956
  inset-inline: 0;
1948
1957
  border-block-start: var(--list-border, none);
1949
1958
  }
1950
- .RadioGroup-module__hop-RadioGroup--bordered___-5be-[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___e99wA > .RadioGroup-module__hop-RadioGroup__radio___XMo7h ~ .RadioGroup-module__hop-RadioGroup__radio___XMo7h::before {
1959
+ .RadioGroup-module__hop-RadioGroup--bordered___VSTD9[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___8w4dY > .RadioGroup-module__hop-RadioGroup__radio___mofWv ~ .RadioGroup-module__hop-RadioGroup__radio___mofWv::before {
1951
1960
  inset-block: 0;
1952
1961
  inset-inline-start: 0;
1953
1962
  border-inline-start: var(--list-border, none);
1954
1963
  }
1955
- .RadioGroup-module__hop-RadioGroup___-JH8i > .RadioGroup-module__hop-RadioGroup__error-message___5t28o,
1956
- .RadioGroup-module__hop-RadioGroup___-JH8i > .RadioGroup-module__hop-RadioGroup__helper-message___oWBt8 {
1964
+ .RadioGroup-module__hop-RadioGroup___r4Vtr > .RadioGroup-module__hop-RadioGroup__error-message___zj1Gf,
1965
+ .RadioGroup-module__hop-RadioGroup___r4Vtr > .RadioGroup-module__hop-RadioGroup__helper-message___MVuZA {
1957
1966
  order: 3;
1958
1967
  }
1959
1968
 
1960
1969
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1961
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___UykL3 {
1970
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___s16xu {
1962
1971
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1963
1972
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1964
1973
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1984,7 +1993,7 @@
1984
1993
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1985
1994
  background-size: 400% 100%;
1986
1995
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1987
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___m8ItT;
1996
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___KyrJZ;
1988
1997
  animation-duration: var(--animation-duration);
1989
1998
  animation-timing-function: ease-in-out;
1990
1999
  animation-fill-mode: forwards;
@@ -1993,19 +2002,19 @@
1993
2002
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1994
2003
  }
1995
2004
  }
1996
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___y-1OX {
2005
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___XyCIq {
1997
2006
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1998
2007
  }
1999
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___dNnjF {
2008
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___CZaZ9 {
2000
2009
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2001
2010
  }
2002
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___wFyMG {
2011
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___sGTZU {
2003
2012
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2004
2013
  }
2005
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___1CwGf {
2014
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oygv4 {
2006
2015
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2007
2016
  }
2008
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___m8ItT {
2017
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___KyrJZ {
2009
2018
  0% {
2010
2019
  background-position: 125% 50%;
2011
2020
  }
@@ -2015,7 +2024,7 @@
2015
2024
  }
2016
2025
 
2017
2026
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
2018
- .ListBoxItem-module__hop-ListBoxItem___qVw-l {
2027
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ {
2019
2028
  --hop-ListBoxItem-background-color: transparent;
2020
2029
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2021
2030
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2112,129 +2121,129 @@
2112
2121
  outline: var(--outline);
2113
2122
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2114
2123
  }
2115
- .ListBoxItem-module__hop-ListBoxItem--xs___Mfgrb {
2124
+ .ListBoxItem-module__hop-ListBoxItem--xs___z9elD {
2116
2125
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2117
2126
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2118
2127
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2119
2128
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2120
2129
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2121
2130
  }
2122
- .ListBoxItem-module__hop-ListBoxItem--sm___Fs-8O {
2131
+ .ListBoxItem-module__hop-ListBoxItem--sm___M-F1z {
2123
2132
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2124
2133
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2125
2134
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2126
2135
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2127
2136
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2128
2137
  }
2129
- .ListBoxItem-module__hop-ListBoxItem--md___m0Vt- {
2138
+ .ListBoxItem-module__hop-ListBoxItem--md___4pUO2 {
2130
2139
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2131
2140
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2132
2141
  --min-height: var(--hop-ListBoxItem-md-min-height);
2133
2142
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2134
2143
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2135
2144
  }
2136
- .ListBoxItem-module__hop-ListBoxItem--lg___P-SQ2 {
2145
+ .ListBoxItem-module__hop-ListBoxItem--lg___MGIUU {
2137
2146
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2138
2147
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2139
2148
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2140
2149
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2141
2150
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2142
2151
  }
2143
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-selection-mode] {
2152
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-selection-mode] {
2144
2153
  --cursor: pointer;
2145
2154
  }
2146
- .ListBoxItem-module__hop-ListBoxItem___qVw-l:not([data-selection-mode]) {
2155
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ:not([data-selection-mode]) {
2147
2156
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2148
2157
  }
2149
- .ListBoxItem-module__hop-ListBoxItem__inner___cwNst:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___OvTGn) {
2158
+ .ListBoxItem-module__hop-ListBoxItem__inner___Um8m2:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___O0BbU) {
2150
2159
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2151
2160
  }
2152
- .ListBoxItem-module__hop-ListBoxItem__inner___cwNst[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___OvTGn) {
2161
+ .ListBoxItem-module__hop-ListBoxItem__inner___Um8m2[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___O0BbU) {
2153
2162
  --checkmark-transition: none;
2154
2163
  }
2155
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-selected] {
2164
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-selected] {
2156
2165
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2157
2166
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2158
2167
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2159
2168
  --checkmark-opacity: 1;
2160
2169
  }
2161
- .ListBoxItem-module__hop-ListBoxItem--xs___Mfgrb[data-selected] {
2170
+ .ListBoxItem-module__hop-ListBoxItem--xs___z9elD[data-selected] {
2162
2171
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2163
2172
  }
2164
- .ListBoxItem-module__hop-ListBoxItem--sm___Fs-8O[data-selected] {
2173
+ .ListBoxItem-module__hop-ListBoxItem--sm___M-F1z[data-selected] {
2165
2174
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2166
2175
  }
2167
- .ListBoxItem-module__hop-ListBoxItem--md___m0Vt-[data-selected] {
2176
+ .ListBoxItem-module__hop-ListBoxItem--md___4pUO2[data-selected] {
2168
2177
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2169
2178
  }
2170
- .ListBoxItem-module__hop-ListBoxItem--lg___P-SQ2[data-selected] {
2179
+ .ListBoxItem-module__hop-ListBoxItem--lg___MGIUU[data-selected] {
2171
2180
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2172
2181
  }
2173
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-focus-visible] {
2182
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-focus-visible] {
2174
2183
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2175
2184
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2176
2185
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2177
2186
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2178
2187
  }
2179
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-hovered] {
2188
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-hovered] {
2180
2189
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2181
2190
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2182
2191
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2183
2192
  }
2184
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-pressed] {
2193
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-pressed] {
2185
2194
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2186
2195
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2187
2196
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2188
2197
  }
2189
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-disabled] {
2198
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-disabled] {
2190
2199
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2191
2200
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2192
2201
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2193
2202
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2194
2203
  --cursor: not-allowed;
2195
2204
  }
2196
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-invalid] {
2205
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-invalid] {
2197
2206
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2198
2207
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2199
2208
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2200
2209
  }
2201
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-invalid][data-selected] {
2210
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-invalid][data-selected] {
2202
2211
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2203
2212
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2204
2213
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2205
2214
  }
2206
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-invalid][data-focus-visible] {
2215
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-invalid][data-focus-visible] {
2207
2216
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2208
2217
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2209
2218
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2210
2219
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2211
2220
  }
2212
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-invalid][data-hovered] {
2221
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-invalid][data-hovered] {
2213
2222
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2214
2223
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2215
2224
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2216
2225
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2217
2226
  }
2218
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-invalid][data-pressed] {
2227
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-invalid][data-pressed] {
2219
2228
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2220
2229
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2221
2230
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2222
2231
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2223
2232
  }
2224
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-invalid][data-disabled] {
2233
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-invalid][data-disabled] {
2225
2234
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2226
2235
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2227
2236
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2228
2237
  }
2229
- .ListBoxItem-module__hop-ListBoxItem___qVw-l:has(.ListBoxItem-module__hop-ListBoxItem__description___Jhe9Z) {
2238
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ:has(.ListBoxItem-module__hop-ListBoxItem__description___ICLv4) {
2230
2239
  --row-gap: var(--hop-ListBoxItem-row-gap);
2231
2240
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2232
2241
  }
2233
- .ListBoxItem-module__hop-ListBoxItem___qVw-l[data-loading] {
2242
+ .ListBoxItem-module__hop-ListBoxItem___QPIQJ[data-loading] {
2234
2243
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2235
2244
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2236
2245
  }
2237
- .ListBoxItem-module__hop-ListBoxItem__inner___cwNst {
2246
+ .ListBoxItem-module__hop-ListBoxItem__inner___Um8m2 {
2238
2247
  display: grid;
2239
2248
  grid-template-areas: var(--grid-template-areas);
2240
2249
  grid-template-columns: var(--grid-template-columns);
@@ -2246,33 +2255,33 @@
2246
2255
  padding-inline: var(--padding-inline);
2247
2256
  transition: grid-template-columns .3s ease-in-out;
2248
2257
  }
2249
- .ListBoxItem-module__hop-ListBoxItem__checkmark___OvTGn {
2258
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___O0BbU {
2250
2259
  grid-area: indicator;
2251
2260
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2252
2261
  color: var(--icon-color);
2253
2262
  opacity: var(--checkmark-opacity);
2254
2263
  transition: var(--checkmark-transition);
2255
2264
  }
2256
- .ListBoxItem-module__hop-ListBoxItem__radio___pg4tq,
2257
- .ListBoxItem-module__hop-ListBoxItem__checkbox___1pWZs {
2265
+ .ListBoxItem-module__hop-ListBoxItem__radio___bKFa0,
2266
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___SHl54 {
2258
2267
  pointer-events: none;
2259
2268
  user-select: none;
2260
2269
  grid-area: indicator;
2261
2270
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2262
2271
  }
2263
- .ListBoxItem-module__hop-ListBoxItem__avatar___LEuh7 {
2272
+ .ListBoxItem-module__hop-ListBoxItem__avatar___7MAWd {
2264
2273
  grid-area: avatar;
2265
2274
  margin-block: var(--avatar-margin-block, 0);
2266
2275
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2267
2276
  }
2268
- .ListBoxItem-module__hop-ListBoxItem__icon-list___YcQmx,
2269
- .ListBoxItem-module__hop-ListBoxItem__icon___Qos7T {
2277
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___ArVm5,
2278
+ .ListBoxItem-module__hop-ListBoxItem__icon___-d5Hp {
2270
2279
  grid-area: icon;
2271
2280
  flex: 0 0 auto;
2272
2281
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2273
2282
  color: var(--icon-color);
2274
2283
  }
2275
- .ListBoxItem-module__hop-ListBoxItem__label___zFkDW {
2284
+ .ListBoxItem-module__hop-ListBoxItem__label___KVG2g {
2276
2285
  overflow: hidden;
2277
2286
  grid-area: label;
2278
2287
  min-inline-size: 0;
@@ -2280,18 +2289,18 @@
2280
2289
  text-overflow: ellipsis;
2281
2290
  white-space: nowrap;
2282
2291
  }
2283
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___OUelL,
2284
- .ListBoxItem-module__hop-ListBoxItem__end-icon___ISCWR {
2292
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___Kuott,
2293
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___XSX86 {
2285
2294
  grid-area: end-icon;
2286
2295
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2287
2296
  color: var(--icon-color);
2288
2297
  }
2289
- .ListBoxItem-module__hop-ListBoxItem__badge___4xfP9 {
2298
+ .ListBoxItem-module__hop-ListBoxItem__badge___2RCVx {
2290
2299
  grid-area: badge;
2291
2300
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2292
2301
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2293
2302
  }
2294
- .ListBoxItem-module__hop-ListBoxItem__description___Jhe9Z {
2303
+ .ListBoxItem-module__hop-ListBoxItem__description___ICLv4 {
2295
2304
  overflow: hidden;
2296
2305
  display: -webkit-box;
2297
2306
  grid-area: description;