@hopper-ui/components 2.3.0 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (385) hide show
  1. package/CHANGELOG.md +16 -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 +427 -427
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +427 -427
  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 +3 -3
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +3 -3
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +3 -3
  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 +99 -99
  23. package/dist/avatar/src/index.js +12 -12
  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 +137 -137
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +354 -354
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +401 -401
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +357 -357
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +404 -404
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +407 -407
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +367 -367
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +403 -403
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +416 -416
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +44 -44
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +44 -44
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  71. package/dist/checkbox/src/Checkbox.js +4 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +4 -4
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +9 -9
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +13 -13
  80. package/dist/{chunk-4YML2RHZ.js → chunk-2LMHSSKC.js} +1 -1
  81. package/dist/{chunk-2QN5NNSJ.js → chunk-2WNYXIJJ.js} +2 -2
  82. package/dist/{chunk-WKEHBEPO.js → chunk-36F63QJS.js} +9 -9
  83. package/dist/{chunk-JP3XVMF4.js → chunk-3E2VIPMN.js} +1 -1
  84. package/dist/{chunk-WKD7SEOZ.js → chunk-3KNR2X2V.js} +1 -1
  85. package/dist/{chunk-Q3CK5WGH.js → chunk-3MXZBG3G.js} +2 -2
  86. package/dist/{chunk-D64YGKWJ.js → chunk-3TGKMAHW.js} +1 -1
  87. package/dist/{chunk-4RD2T3SG.js → chunk-3YB5DE3C.js} +2 -2
  88. package/dist/{chunk-444BCJWG.js → chunk-4MBZODJ6.js} +4 -4
  89. package/dist/{chunk-LLPB2UBF.js → chunk-532BRS34.js} +4 -4
  90. package/dist/{chunk-NOLND4ZP.js → chunk-53UBEI6H.js} +1 -1
  91. package/dist/{chunk-NTIXH3FM.js → chunk-5UB2RZ3X.js} +7 -7
  92. package/dist/{chunk-3IPXLWLN.js → chunk-6KRKFGQ7.js} +5 -5
  93. package/dist/{chunk-VNLDCR3M.js → chunk-6OJMZUFO.js} +1 -1
  94. package/dist/{chunk-XMPFA32P.js → chunk-6QLDTHKY.js} +7 -7
  95. package/dist/{chunk-XW5CW3KZ.js → chunk-6YTLOKOY.js} +1 -1
  96. package/dist/{chunk-STNWN6WS.js → chunk-7HB2DPZP.js} +1 -1
  97. package/dist/{chunk-V562XRGM.js → chunk-7PXNHQGL.js} +2 -2
  98. package/dist/{chunk-SMZO32YT.js → chunk-CZ56ESKH.js} +1 -1
  99. package/dist/{chunk-FNSUUE53.js → chunk-D3PIWNDL.js} +1 -1
  100. package/dist/{chunk-N75DIJEX.js → chunk-D4SNBS67.js} +1 -1
  101. package/dist/{chunk-Q7CDGGWZ.js → chunk-EFEABLW5.js} +1 -1
  102. package/dist/{chunk-QTWTAICS.js → chunk-F4CNLHMN.js} +2 -2
  103. package/dist/{chunk-6YO5RE2J.js → chunk-FO5MAD6S.js} +2 -2
  104. package/dist/{chunk-C3KOD6EG.js → chunk-FPLMSADC.js} +1 -1
  105. package/dist/{chunk-XHTIHLQ3.js → chunk-GT6KTZQH.js} +2 -2
  106. package/dist/{chunk-LMLBNV4U.js → chunk-GZQZ4NC5.js} +2 -2
  107. package/dist/{chunk-PE4HWP6Y.js → chunk-HF3WOTVB.js} +2 -2
  108. package/dist/{chunk-ZZDRFFIY.js → chunk-HIDKCZWI.js} +2 -2
  109. package/dist/{chunk-5JYMXRLF.js → chunk-HLQJYJZG.js} +3 -3
  110. package/dist/{chunk-CDRWED7Q.js → chunk-HZF6UUAJ.js} +8 -8
  111. package/dist/{chunk-7MYQSKYM.js → chunk-HZMVVLLF.js} +3 -3
  112. package/dist/{chunk-U4DZUXSV.js → chunk-I2UFPPAU.js} +3 -3
  113. package/dist/{chunk-HXDLM5ZH.js → chunk-ID4H42UR.js} +1 -1
  114. package/dist/{chunk-4MD6SXFN.js → chunk-IQJAKN6B.js} +3 -3
  115. package/dist/{chunk-XAX5ICOF.js → chunk-J6AYJOUK.js} +2 -2
  116. package/dist/{chunk-A2GFCJNV.js → chunk-JPROIQSQ.js} +9 -9
  117. package/dist/{chunk-55RHW5VX.js → chunk-KA6YZLA3.js} +1 -1
  118. package/dist/{chunk-ZY6D7MM6.js → chunk-KGGMUYUT.js} +2 -2
  119. package/dist/{chunk-63QLTDD2.js → chunk-KMG7CTLK.js} +2 -2
  120. package/dist/{chunk-SSK6EWV5.js → chunk-KPXQAT5H.js} +1 -1
  121. package/dist/{chunk-6HBF6O54.js → chunk-KYL3FXEP.js} +1 -1
  122. package/dist/{chunk-2LRGNFUX.js → chunk-LGED3DPV.js} +7 -7
  123. package/dist/{chunk-NH2TV7R6.js → chunk-LI7FUSWE.js} +3 -3
  124. package/dist/{chunk-W333B46X.js → chunk-LWOJYHUQ.js} +4 -4
  125. package/dist/{chunk-7QSRTAFR.js → chunk-M4PU3SH7.js} +2 -2
  126. package/dist/{chunk-FSONECHY.js → chunk-MJCFNIYD.js} +1 -1
  127. package/dist/{chunk-PODLRPQK.js → chunk-N4KFX2RH.js} +2 -2
  128. package/dist/{chunk-AOOYYKNX.js → chunk-NJO2H6E5.js} +1 -1
  129. package/dist/{chunk-D7JVC3IG.js → chunk-NL237XSI.js} +1 -1
  130. package/dist/{chunk-IXFJ6FNW.js → chunk-NQTR4JSZ.js} +2 -2
  131. package/dist/{chunk-MTCDLSEJ.js → chunk-O4G5ZGLE.js} +1 -1
  132. package/dist/{chunk-H4PQ5LSZ.js → chunk-OD2F64MJ.js} +2 -2
  133. package/dist/{chunk-574GP4CS.js → chunk-OS53EEHZ.js} +1 -1
  134. package/dist/{chunk-FCNKKDU7.js → chunk-OUHIHE7Z.js} +1 -1
  135. package/dist/{chunk-W42R32BX.js → chunk-P4AKLK5R.js} +10 -10
  136. package/dist/{chunk-OGDDAJEF.js → chunk-P77YUOPP.js} +5 -5
  137. package/dist/{chunk-C5B5HO42.js → chunk-PARFQRPF.js} +4 -4
  138. package/dist/{chunk-SNNP4LPO.js → chunk-PZ2PY4YL.js} +3 -3
  139. package/dist/{chunk-NAM2YMUA.js → chunk-QPG7DEUU.js} +3 -3
  140. package/dist/{chunk-OKML7LCD.js → chunk-QWNOQMR3.js} +1 -1
  141. package/dist/{chunk-VBKXPK2W.js → chunk-RBG3JLEM.js} +1 -1
  142. package/dist/{chunk-HFKMXEM2.js → chunk-RR77542L.js} +3 -3
  143. package/dist/{chunk-XIZRFTJM.js → chunk-RWHIR5MT.js} +3 -3
  144. package/dist/{chunk-DKFNYSUB.js → chunk-RX2T7BR7.js} +2 -2
  145. package/dist/{chunk-B2IY7CUO.js → chunk-SEMPMNJ5.js} +2 -2
  146. package/dist/{chunk-AKNVT6KZ.js → chunk-SJCWQSMH.js} +1 -1
  147. package/dist/{chunk-4SW343FM.js → chunk-SVKSPVG6.js} +2 -2
  148. package/dist/{chunk-OD3LAENP.js → chunk-SXEB5XAR.js} +5 -5
  149. package/dist/{chunk-IRWEC5HO.js → chunk-SZAHVIQO.js} +1 -1
  150. package/dist/{chunk-IOEZUQBS.js → chunk-TJOZ7CD4.js} +8 -8
  151. package/dist/{chunk-3YAXNBOK.js → chunk-TKFZDTGM.js} +1 -1
  152. package/dist/{chunk-ZQZUL2W4.js → chunk-TNSL7Y3L.js} +1 -1
  153. package/dist/{chunk-NFH7EY7J.js → chunk-TU76DYRY.js} +12 -12
  154. package/dist/{chunk-3S4E5HGS.js → chunk-TUESUQJT.js} +1 -1
  155. package/dist/{chunk-EIHFT6BR.js → chunk-UII7U7HP.js} +3 -3
  156. package/dist/{chunk-PKSI24W4.js → chunk-UTZGP5CP.js} +2 -2
  157. package/dist/{chunk-GC2MWSZP.js → chunk-VAAGDZ76.js} +1 -1
  158. package/dist/{chunk-UOYMHI6U.js → chunk-VC2RVKRC.js} +2 -2
  159. package/dist/{chunk-NKOO5T6L.js → chunk-VXOVLQ55.js} +5 -5
  160. package/dist/{chunk-DJNMZHFI.js → chunk-VY3LVLUW.js} +3 -3
  161. package/dist/{chunk-S26YKMKI.js → chunk-X43NCMYD.js} +2 -2
  162. package/dist/{chunk-KIY3RIOX.js → chunk-X4FPPXLG.js} +1 -1
  163. package/dist/{chunk-6DWA2YY4.js → chunk-X4M232F4.js} +4 -4
  164. package/dist/{chunk-AVKC7F5L.js → chunk-XPPC5WSS.js} +1 -1
  165. package/dist/{chunk-O7CRVNYG.js → chunk-Y353SJWK.js} +11 -11
  166. package/dist/{chunk-6I2A22YA.js → chunk-Y7S6X6VP.js} +1 -1
  167. package/dist/{chunk-QT6S5Y6Y.js → chunk-YL5HJJED.js} +2 -2
  168. package/dist/{chunk-BMJFOYMB.js → chunk-YWUFDS6V.js} +3 -3
  169. package/dist/{chunk-63OCFLYU.js → chunk-YX7MGMHP.js} +2 -2
  170. package/dist/{chunk-K5Y3QY3P.js → chunk-Z3LPI4JK.js} +8 -8
  171. package/dist/{chunk-TFVZX6SQ.js → chunk-Z66MD2VO.js} +1 -1
  172. package/dist/{chunk-X44NX76T.js → chunk-Z6EE4FCY.js} +1 -1
  173. package/dist/{chunk-7ARWW5JW.js → chunk-ZILS4JPQ.js} +1 -1
  174. package/dist/{chunk-3TWRYZ4X.js → chunk-ZJ7ZTDRT.js} +2 -2
  175. package/dist/{chunk-JN3XCNH2.js → chunk-ZVMG4X5G.js} +2 -2
  176. package/dist/{chunk-LDAZHNLF.js → chunk-ZXGDNHUC.js} +3 -3
  177. package/dist/combobox/src/ComboBox.css +784 -784
  178. package/dist/combobox/src/ComboBox.js +19 -19
  179. package/dist/combobox/src/index.css +784 -784
  180. package/dist/combobox/src/index.js +19 -19
  181. package/dist/contextual-help/src/ContextualHelp.css +703 -703
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +703 -703
  184. package/dist/contextual-help/src/index.js +4 -4
  185. package/dist/date-picker/src/DateInput.css +52 -52
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +844 -844
  188. package/dist/date-picker/src/DatePicker.js +21 -21
  189. package/dist/date-picker/src/DateRangePicker.css +847 -847
  190. package/dist/date-picker/src/DateRangePicker.js +21 -21
  191. package/dist/date-picker/src/index.css +855 -855
  192. package/dist/date-picker/src/index.js +23 -23
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +1 -1
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -7
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +376 -376
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +376 -376
  226. package/dist/illustrated-message/src/index.js +1 -1
  227. package/dist/illustration/src/Illustration.css +48 -48
  228. package/dist/illustration/src/Illustration.js +1 -1
  229. package/dist/illustration/src/index.css +48 -48
  230. package/dist/illustration/src/index.js +1 -1
  231. package/dist/image/src/Image.css +42 -42
  232. package/dist/image/src/Image.js +1 -1
  233. package/dist/image/src/SvgImage.css +40 -40
  234. package/dist/image/src/SvgImage.js +1 -1
  235. package/dist/image/src/index.css +43 -43
  236. package/dist/image/src/index.js +2 -2
  237. package/dist/index.css +1256 -1256
  238. package/dist/index.js +115 -115
  239. package/dist/inputs/src/Input.css +44 -44
  240. package/dist/inputs/src/Input.js +1 -1
  241. package/dist/inputs/src/InputGroup.css +45 -45
  242. package/dist/inputs/src/InputGroup.js +1 -1
  243. package/dist/inputs/src/NumberField.css +70 -70
  244. package/dist/inputs/src/NumberField.js +10 -10
  245. package/dist/inputs/src/PasswordField.css +375 -375
  246. package/dist/inputs/src/PasswordField.js +10 -10
  247. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  248. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  249. package/dist/inputs/src/SearchField.css +381 -381
  250. package/dist/inputs/src/SearchField.js +11 -11
  251. package/dist/inputs/src/TextArea.css +69 -69
  252. package/dist/inputs/src/TextArea.js +9 -9
  253. package/dist/inputs/src/TextField.css +379 -379
  254. package/dist/inputs/src/TextField.js +13 -13
  255. package/dist/inputs/src/index.css +430 -430
  256. package/dist/inputs/src/index.js +17 -17
  257. package/dist/layout/src/Content.css +39 -39
  258. package/dist/layout/src/Footer.css +39 -39
  259. package/dist/link/src/Link.css +78 -78
  260. package/dist/link/src/Link.js +3 -3
  261. package/dist/link/src/index.css +78 -78
  262. package/dist/link/src/index.js +3 -3
  263. package/dist/list-box/src/ListBox.css +320 -320
  264. package/dist/list-box/src/ListBox.js +8 -8
  265. package/dist/list-box/src/ListBoxItem.css +308 -308
  266. package/dist/list-box/src/ListBoxItem.js +7 -7
  267. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  268. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  269. package/dist/list-box/src/index.css +320 -320
  270. package/dist/list-box/src/index.js +8 -8
  271. package/dist/menu/src/Menu.css +705 -705
  272. package/dist/menu/src/Menu.js +2 -2
  273. package/dist/menu/src/MenuItem.css +124 -124
  274. package/dist/menu/src/MenuItem.js +2 -2
  275. package/dist/menu/src/MenuSection.css +41 -41
  276. package/dist/menu/src/MenuSection.js +1 -1
  277. package/dist/menu/src/index.css +731 -731
  278. package/dist/menu/src/index.js +5 -5
  279. package/dist/modal/src/BaseModal.css +2 -2
  280. package/dist/modal/src/BaseModal.js +1 -1
  281. package/dist/modal/src/CustomModal.css +55 -55
  282. package/dist/modal/src/CustomModal.js +2 -2
  283. package/dist/modal/src/Modal.css +397 -397
  284. package/dist/modal/src/Modal.js +9 -9
  285. package/dist/modal/src/index.css +411 -411
  286. package/dist/modal/src/index.js +10 -10
  287. package/dist/overlays/popover/src/Popover.css +697 -697
  288. package/dist/overlays/popover/src/Popover.js +1 -1
  289. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  290. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  291. package/dist/overlays/popover/src/index.css +700 -700
  292. package/dist/overlays/popover/src/index.js +4 -4
  293. package/dist/radio/src/DecorativeRadio.css +66 -66
  294. package/dist/radio/src/DecorativeRadio.js +3 -3
  295. package/dist/radio/src/Radio.css +58 -58
  296. package/dist/radio/src/Radio.js +3 -3
  297. package/dist/radio/src/RadioField.css +45 -45
  298. package/dist/radio/src/RadioField.js +2 -2
  299. package/dist/radio/src/RadioGroup.css +111 -111
  300. package/dist/radio/src/RadioGroup.js +7 -7
  301. package/dist/radio/src/index.css +111 -111
  302. package/dist/radio/src/index.js +11 -11
  303. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  304. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  305. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  306. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  307. package/dist/segmented-control/src/index.css +55 -55
  308. package/dist/segmented-control/src/index.js +3 -3
  309. package/dist/select/src/MultiSelect.css +798 -798
  310. package/dist/select/src/MultiSelect.js +23 -23
  311. package/dist/select/src/Select.css +798 -798
  312. package/dist/select/src/Select.js +23 -23
  313. package/dist/select/src/SelectInternal.css +798 -798
  314. package/dist/select/src/SelectInternal.js +22 -22
  315. package/dist/select/src/SelectValue.css +105 -105
  316. package/dist/select/src/SelectValue.js +3 -3
  317. package/dist/select/src/index.css +798 -798
  318. package/dist/select/src/index.js +24 -24
  319. package/dist/spinner/src/Spinner.css +49 -49
  320. package/dist/spinner/src/Spinner.js +2 -2
  321. package/dist/spinner/src/index.css +49 -49
  322. package/dist/spinner/src/index.js +2 -2
  323. package/dist/switch/src/Switch.css +55 -55
  324. package/dist/switch/src/Switch.js +3 -3
  325. package/dist/switch/src/SwitchField.css +45 -45
  326. package/dist/switch/src/SwitchField.js +3 -3
  327. package/dist/switch/src/index.css +61 -61
  328. package/dist/switch/src/index.js +5 -5
  329. package/dist/tabs/src/Tab.css +552 -552
  330. package/dist/tabs/src/Tab.js +2 -2
  331. package/dist/tabs/src/TabList.css +44 -44
  332. package/dist/tabs/src/TabList.js +1 -1
  333. package/dist/tabs/src/TabPanel.css +41 -41
  334. package/dist/tabs/src/TabPanel.js +1 -1
  335. package/dist/tabs/src/index.css +559 -559
  336. package/dist/tabs/src/index.js +4 -4
  337. package/dist/tag/src/Tag.css +527 -527
  338. package/dist/tag/src/Tag.js +8 -8
  339. package/dist/tag/src/TagGroup.css +49 -49
  340. package/dist/tag/src/TagGroup.js +7 -7
  341. package/dist/tag/src/index.css +537 -537
  342. package/dist/tag/src/index.js +13 -13
  343. package/dist/tile/src/Tile.css +67 -67
  344. package/dist/tile/src/Tile.js +1 -1
  345. package/dist/tile/src/TileGroup.css +40 -40
  346. package/dist/tile/src/TileGroup.js +1 -1
  347. package/dist/tile/src/index.css +68 -68
  348. package/dist/tile/src/index.js +2 -2
  349. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  350. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  351. package/dist/toggle-arrow/src/index.css +41 -41
  352. package/dist/toggle-arrow/src/index.js +1 -1
  353. package/dist/tooltip/src/Tooltip.css +49 -49
  354. package/dist/tooltip/src/Tooltip.js +3 -3
  355. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  356. package/dist/tooltip/src/index.css +49 -49
  357. package/dist/tooltip/src/index.js +3 -3
  358. package/dist/typography/heading/src/Heading.css +39 -39
  359. package/dist/typography/heading/src/Heading.js +1 -1
  360. package/dist/typography/heading/src/index.css +39 -39
  361. package/dist/typography/heading/src/index.js +1 -1
  362. package/dist/typography/label/src/FieldLabel.css +39 -39
  363. package/dist/typography/label/src/FieldLabel.js +3 -3
  364. package/dist/typography/label/src/Label.css +39 -39
  365. package/dist/typography/label/src/Label.js +1 -1
  366. package/dist/typography/label/src/index.css +39 -39
  367. package/dist/typography/label/src/index.js +3 -3
  368. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  369. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  370. package/dist/typography/overline-text/src/index.css +39 -39
  371. package/dist/typography/overline-text/src/index.js +1 -1
  372. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  373. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  374. package/dist/typography/paragraph/src/index.css +39 -39
  375. package/dist/typography/paragraph/src/index.js +2 -2
  376. package/dist/typography/text/src/Text.css +39 -39
  377. package/dist/typography/text/src/Text.js +1 -1
  378. package/dist/typography/text/src/index.css +39 -39
  379. package/dist/typography/text/src/index.js +1 -1
  380. package/dist/utils/src/ClearSlots.css +39 -39
  381. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  382. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  383. package/dist/utils/src/index.css +39 -39
  384. package/dist/utils/src/index.js +3 -3
  385. package/package.json +2 -2
@@ -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___-yfk4 {
2
+ .Heading-module__hop-Heading___aOEua {
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___-yfk4) {
36
+ :where(.Heading-module__hop-Heading___aOEua) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___-yfk4):not(.Heading-module__hop-Heading--unset___ni3pJ) {
40
+ :where(.Heading-module__hop-Heading___aOEua):not(.Heading-module__hop-Heading--unset___FDqIB) {
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___uBF50) {
46
+ :where(.Heading-module__hop-Heading--xs___H93Uz) {
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___qShZt) {
52
+ :where(.Heading-module__hop-Heading--sm___kL40u) {
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___eWQ70) {
58
+ :where(.Heading-module__hop-Heading--md___UR4Bs) {
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___aQYqj) {
64
+ :where(.Heading-module__hop-Heading--lg___DAcdi) {
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___E-SrH) {
70
+ :where(.Heading-module__hop-Heading--xl___AdoUn) {
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___eDni-) {
76
+ :where(.Heading-module__hop-Heading--2xl___VEs-M) {
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___tCFdM) {
82
+ :where(.Heading-module__hop-Heading--3xl___EGlUj) {
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___flKJ3 {
90
+ .Form-module__hop-Form___TsCxS {
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___0nfwF {
97
+ .Label-module__hop-Label___VBt0f {
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___0nfwF) {
104
+ :where(.Label-module__hop-Label___VBt0f) {
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___kL4nP {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___jNCqA {
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___nQMmk {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___V3sk5 {
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___NQSA6) {
123
+ :where(.OverlineText-module__hop-OverlineText___2fLf-) {
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___3zUcq {
147
+ .OverlineText-module__hop-OverlineText__text___Utxq4 {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___3zUcq::before,
151
- .OverlineText-module__hop-OverlineText__text___3zUcq::after {
150
+ .OverlineText-module__hop-OverlineText__text___Utxq4::before,
151
+ .OverlineText-module__hop-OverlineText__text___Utxq4::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___3zUcq::before {
158
+ .OverlineText-module__hop-OverlineText__text___Utxq4::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___3zUcq::after {
161
+ .OverlineText-module__hop-OverlineText__text___Utxq4::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___RmUOr {
166
+ .Text-module__hop-Text___0z6iU {
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___RmUOr) {
196
+ :where(.Text-module__hop-Text___0z6iU) {
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___kcbc-) {
202
+ :where(.Text-module__hop-Text--xs___0VW3R) {
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___2TzlC) {
208
+ :where(.Text-module__hop-Text--sm___cImgt) {
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___5za-x) {
214
+ :where(.Text-module__hop-Text--md___7kpR0) {
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___Rb-K-) {
220
+ :where(.Text-module__hop-Text--lg___l-EPt) {
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___BgmBP) {
226
+ :where(.Text-module__hop-Text--xl___9w6yP) {
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___gnTxn) {
232
+ :where(.Text-module__hop-Text--2xl___ltpkK) {
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___uZtJQ) {
238
+ :where(.Text-module__hop-Text--inherit___vO7p-) {
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___NcZG7 {
246
+ .Paragraph-module__hop-Paragraph___z9-oa {
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___NcZG7:last-child {
258
+ .Paragraph-module__hop-Paragraph___z9-oa:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___RNz1f {
261
+ .Paragraph-module__hop-Paragraph--xs___tTJqq {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___ZCIjX {
264
+ .Paragraph-module__hop-Paragraph--sm___WI-Mh {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___NolvC {
267
+ .Paragraph-module__hop-Paragraph--md___R-7Cr {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___fNoD5 {
270
+ .Paragraph-module__hop-Paragraph--lg___9WfCs {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___6tqV1 {
273
+ .Paragraph-module__hop-Paragraph--xl___Y0ZPI {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___teF-K {
276
+ .Paragraph-module__hop-Paragraph--2xl___-3T85 {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___fYiHG {
279
+ .Paragraph-module__hop-Paragraph--inherit___eYc2m {
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___41q43 {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___2N0tH {
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___5CIip {
316
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___QZn9m {
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___0OwQb {
320
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___HWKeT {
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___J9gL- {
324
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___uOpE1 {
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___sO770 {
328
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___M3sMX {
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___K5C-s {
332
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___mmZT0 {
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___jlqkX {
336
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___bP5-U {
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___kHCzU {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___k2h-C {
341
341
  cursor: pointer;
342
342
  }
343
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___fIZ4v {
343
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___SpRvi {
344
344
  outline: 0.125rem solid var(--hop-primary-border-focus);
345
345
  }
346
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___41q43[data-disabled] {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___2N0tH[data-disabled] {
347
347
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
348
348
  }
349
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___0z147 {
349
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___eOx-T {
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___41q43[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___0z147 {
355
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___2N0tH[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___eOx-T {
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___A4oiA {
361
+ .Avatar-module__hop-Avatar___59DGO {
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___mGfsF {
407
+ .Avatar-module__hop-Avatar--xs___lWReW {
408
408
  --size: var(--hop-Avatar-xs-size);
409
409
  }
410
- .Avatar-module__hop-Avatar--sm___9PX83 {
410
+ .Avatar-module__hop-Avatar--sm___OvVVf {
411
411
  --size: var(--hop-Avatar-sm-size);
412
412
  }
413
- .Avatar-module__hop-Avatar--md___zyLmZ {
413
+ .Avatar-module__hop-Avatar--md___pU9lX {
414
414
  --size: var(--hop-Avatar-md-size);
415
415
  }
416
- .Avatar-module__hop-Avatar--lg___omq28 {
416
+ .Avatar-module__hop-Avatar--lg___i2jmF {
417
417
  --size: var(--hop-Avatar-lg-size);
418
418
  }
419
- .Avatar-module__hop-Avatar--xl___bKN2U {
419
+ .Avatar-module__hop-Avatar--xl___0vvr4 {
420
420
  --size: var(--hop-Avatar-xl-size);
421
421
  }
422
- .Avatar-module__hop-Avatar--2xl___9HjId {
422
+ .Avatar-module__hop-Avatar--2xl___wIH-E {
423
423
  --size: var(--hop-Avatar-2xl-size);
424
424
  }
425
- .Avatar-module__hop-Avatar--clickable___o2KiS {
425
+ .Avatar-module__hop-Avatar--clickable___qzD2G {
426
426
  cursor: pointer;
427
427
  }
428
- .Avatar-module__hop-Avatar--focus-visible___LRPJT {
428
+ .Avatar-module__hop-Avatar--focus-visible___15iw3 {
429
429
  outline: 0.125rem solid var(--hop-primary-border-focus);
430
430
  }
431
- .Avatar-module__hop-Avatar--decorative-option1___POHcs {
431
+ .Avatar-module__hop-Avatar--decorative-option1___l7fni {
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___dPqej {
435
+ .Avatar-module__hop-Avatar--decorative-option2___8-T-a {
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___hRHav {
439
+ .Avatar-module__hop-Avatar--decorative-option3___B1JPq {
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___4V7n- {
443
+ .Avatar-module__hop-Avatar--decorative-option4___gDadc {
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___qiEVr {
447
+ .Avatar-module__hop-Avatar--decorative-option5___OkRHZ {
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___gYHHC {
451
+ .Avatar-module__hop-Avatar--decorative-option6___VoNu2 {
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___BASTZ {
455
+ .Avatar-module__hop-Avatar--decorative-option7___YvDq2 {
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___wXyCf {
459
+ .Avatar-module__hop-Avatar--decorative-option8___BDeX5 {
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___pm-IG {
463
+ .Avatar-module__hop-Avatar--decorative-option9___yNuc2 {
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___A4oiA[data-disabled] {
467
+ .Avatar-module__hop-Avatar___59DGO[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___FpbYa {
473
+ .Avatar-module__hop-Avatar__image___E775f {
474
474
  position: relative;
475
475
  display: block;
476
476
  box-sizing: border-box;
@@ -479,12 +479,12 @@
479
479
  object-fit: cover;
480
480
  mix-blend-mode: var(--mix-blend-mode);
481
481
  }
482
- .Avatar-module__hop-Avatar__initials___fPJZB {
482
+ .Avatar-module__hop-Avatar__initials___ztIha {
483
483
  white-space: nowrap;
484
484
  }
485
485
 
486
486
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
487
- .Tooltip-module__hop-Tooltip___HdVQs {
487
+ .Tooltip-module__hop-Tooltip___9b9DD {
488
488
  --hop-Tooltip-max-inline-size: 20rem;
489
489
  --hop-Tooltip-slide-amount: 0.25rem;
490
490
  --hop-Tooltip-font-family: var(--hop-body-xs-font-family);
@@ -508,29 +508,29 @@
508
508
  box-shadow: var(--hop-comp-tooltip-box-shadow);
509
509
  overflow-wrap: anywhere;
510
510
  }
511
- .Tooltip-module__hop-Tooltip--top___8ahHn {
511
+ .Tooltip-module__hop-Tooltip--top___xQitd {
512
512
  --origin-x: 0;
513
513
  --origin-y: var(--hop-Tooltip-slide-amount);
514
514
  }
515
- .Tooltip-module__hop-Tooltip--right___hAS2x {
515
+ .Tooltip-module__hop-Tooltip--right___yZ0Qu {
516
516
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
517
517
  --origin-y: 0;
518
518
  }
519
- .Tooltip-module__hop-Tooltip--bottom___PAZ2t {
519
+ .Tooltip-module__hop-Tooltip--bottom___maFii {
520
520
  --origin-x: 0;
521
521
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
522
522
  }
523
- .Tooltip-module__hop-Tooltip--left___C8QgP {
523
+ .Tooltip-module__hop-Tooltip--left___uVmmI {
524
524
  --origin-x: var(--hop-Tooltip-slide-amount);
525
525
  --origin-y: 0;
526
526
  }
527
- .Tooltip-module__hop-Tooltip___HdVQs[data-entering] {
528
- animation: Tooltip-module__slide___t3ZJ- 0.2s ease-out;
527
+ .Tooltip-module__hop-Tooltip___9b9DD[data-entering] {
528
+ animation: Tooltip-module__slide___5k-w8 0.2s ease-out;
529
529
  }
530
- .Tooltip-module__hop-Tooltip___HdVQs[data-exiting] {
531
- animation: Tooltip-module__slide___t3ZJ- 0.2s ease-in reverse;
530
+ .Tooltip-module__hop-Tooltip___9b9DD[data-exiting] {
531
+ animation: Tooltip-module__slide___5k-w8 0.2s ease-in reverse;
532
532
  }
533
- @keyframes Tooltip-module__slide___t3ZJ- {
533
+ @keyframes Tooltip-module__slide___5k-w8 {
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___8f3VQ {
545
+ .AvatarGroup-module__hop-AvatarGroup___6kyEV {
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___cRhl5 {
551
+ .AvatarGroup-module__hop-AvatarGroup--wrap___8XLgQ {
552
552
  flex-wrap: wrap;
553
553
  }
554
- .AvatarGroup-module__hop-AvatarGroup--xs___ROqfm {
554
+ .AvatarGroup-module__hop-AvatarGroup--xs___tkxT7 {
555
555
  --gap: -0.125rem;
556
556
  }
557
- .AvatarGroup-module__hop-AvatarGroup--sm___JSoOh {
557
+ .AvatarGroup-module__hop-AvatarGroup--sm___HQIyZ {
558
558
  --gap: -0.25rem;
559
559
  }
560
- .AvatarGroup-module__hop-AvatarGroup--md___R-fT9 {
560
+ .AvatarGroup-module__hop-AvatarGroup--md___t10W6 {
561
561
  --gap: -0.5rem;
562
562
  }
563
- .AvatarGroup-module__hop-AvatarGroup--lg___Tt-9- {
563
+ .AvatarGroup-module__hop-AvatarGroup--lg___qJ7qr {
564
564
  --gap: -1rem;
565
565
  }
566
- .AvatarGroup-module__hop-AvatarGroup--xl___YycCy {
566
+ .AvatarGroup-module__hop-AvatarGroup--xl___pCbhx {
567
567
  --gap: -1rem;
568
568
  }
569
- .AvatarGroup-module__hop-AvatarGroup--2xl___QrwLn {
569
+ .AvatarGroup-module__hop-AvatarGroup--2xl___jJKFf {
570
570
  --gap: -2rem;
571
571
  }
572
- .AvatarGroup-module__hop-AvatarGroup__avatar___E1MnI {
572
+ .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg {
573
573
  margin-inline-start: var(--gap);
574
574
  transition: margin var(--hop-easing-duration-2);
575
575
  }
576
- .AvatarGroup-module__hop-AvatarGroup__avatar___E1MnI:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___E1MnI {
576
+ .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg {
577
577
  margin-inline-start: 0;
578
578
  }
579
- .AvatarGroup-module__hop-AvatarGroup__avatar___E1MnI:first-child {
579
+ .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg:first-child {
580
580
  margin-inline-start: 0;
581
581
  }
582
- .AvatarGroup-module__hop-AvatarGroup__label___B7npw {
582
+ .AvatarGroup-module__hop-AvatarGroup__label___yrtTg {
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___0cxUz {
594
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___IgYkw {
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___0cxUz:not(:last-child) {
612
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___IgYkw:not(:last-child) {
613
613
  margin-block-end: 0.25rem;
614
614
  }
615
- .AvatarGroup-module__hop-AvatarGroup--start___OJndP {
615
+ .AvatarGroup-module__hop-AvatarGroup--start___2IStN {
616
616
  justify-content: flex-start;
617
617
  }
618
- .AvatarGroup-module__hop-AvatarGroup--end___meYji {
618
+ .AvatarGroup-module__hop-AvatarGroup--end___UYfBs {
619
619
  justify-content: flex-end;
620
620
  }
621
- .AvatarGroup-module__hop-AvatarGroup--center___RQpwo {
621
+ .AvatarGroup-module__hop-AvatarGroup--center___soVUy {
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___EVoph {
626
+ .Badge-module__hop-Badge___YNCMl {
627
627
  display: inline-flex;
628
628
  align-items: center;
629
629
  justify-content: center;
@@ -633,67 +633,67 @@
633
633
  padding-inline: var(--hop-space-inset-sm);
634
634
  border-radius: var(--hop-shape-pill);
635
635
  }
636
- .Badge-module__hop-Badge--primary___prZkf {
636
+ .Badge-module__hop-Badge--primary___xXOlt {
637
637
  background: var(--hop-comp-badge-primary-background);
638
638
  color: var(--hop-comp-badge-primary-text-color);
639
639
  }
640
- .Badge-module__hop-Badge--primary___prZkf[data-hovered] {
640
+ .Badge-module__hop-Badge--primary___xXOlt[data-hovered] {
641
641
  background: var(--hop-comp-badge-primary-background-hover);
642
642
  color: var(--hop-comp-badge-primary-text-color-hover);
643
643
  }
644
- .Badge-module__hop-Badge--primary___prZkf[data-pressed] {
644
+ .Badge-module__hop-Badge--primary___xXOlt[data-pressed] {
645
645
  background: var(--hop-comp-badge-primary-background-press);
646
646
  color: var(--hop-comp-badge-primary-text-color-press);
647
647
  }
648
- .Badge-module__hop-Badge--primary___prZkf[data-selected] {
648
+ .Badge-module__hop-Badge--primary___xXOlt[data-selected] {
649
649
  background: var(--hop-comp-badge-primary-background-selected);
650
650
  color: var(--hop-comp-badge-primary-text-color-selected);
651
651
  }
652
- .Badge-module__hop-Badge--secondary___y7I3n {
652
+ .Badge-module__hop-Badge--secondary___DVoWc {
653
653
  background: var(--hop-comp-badge-secondary-background);
654
654
  color: var(--hop-comp-badge-secondary-text-color);
655
655
  }
656
- .Badge-module__hop-Badge--secondary___y7I3n[data-hovered] {
656
+ .Badge-module__hop-Badge--secondary___DVoWc[data-hovered] {
657
657
  background: var(--hop-comp-badge-secondary-background-hover);
658
658
  color: var(--hop-comp-badge-secondary-text-color-hover);
659
659
  }
660
- .Badge-module__hop-Badge--secondary___y7I3n[data-pressed] {
660
+ .Badge-module__hop-Badge--secondary___DVoWc[data-pressed] {
661
661
  background: var(--hop-comp-badge-secondary-background-press);
662
662
  color: var(--hop-comp-badge-secondary-text-color-press);
663
663
  }
664
- .Badge-module__hop-Badge--secondary___y7I3n[data-selected] {
664
+ .Badge-module__hop-Badge--secondary___DVoWc[data-selected] {
665
665
  background: var(--hop-comp-badge-secondary-background-selected);
666
666
  color: var(--hop-comp-badge-secondary-text-color-selected);
667
667
  }
668
- .Badge-module__hop-Badge--subdued___BaGrn {
668
+ .Badge-module__hop-Badge--subdued___ca4w- {
669
669
  background: var(--hop-comp-badge-subdued-background);
670
670
  color: var(--hop-comp-badge-subdued-text-color);
671
671
  }
672
- .Badge-module__hop-Badge--subdued___BaGrn[data-hovered] {
672
+ .Badge-module__hop-Badge--subdued___ca4w-[data-hovered] {
673
673
  background: var(--hop-comp-badge-subdued-background-hover);
674
674
  color: var(--hop-comp-badge-subdued-text-color-hover);
675
675
  }
676
- .Badge-module__hop-Badge--subdued___BaGrn[data-pressed] {
676
+ .Badge-module__hop-Badge--subdued___ca4w-[data-pressed] {
677
677
  background: var(--hop-comp-badge-subdued-background-press);
678
678
  color: var(--hop-comp-badge-subdued-text-color-press);
679
679
  }
680
- .Badge-module__hop-Badge--subdued___BaGrn[data-selected] {
680
+ .Badge-module__hop-Badge--subdued___ca4w-[data-selected] {
681
681
  background: var(--hop-comp-badge-subdued-background-selected);
682
682
  color: var(--hop-comp-badge-subdued-text-color-selected);
683
683
  }
684
- .Badge-module__hop-Badge___EVoph[data-indeterminate] {
684
+ .Badge-module__hop-Badge___YNCMl[data-indeterminate] {
685
685
  border-radius: var(--hop-shape-circle);
686
686
  block-size: 1rem;
687
687
  inline-size: 1rem;
688
688
  padding-inline: 0;
689
689
  }
690
- .Badge-module__hop-Badge___EVoph[data-disabled] {
690
+ .Badge-module__hop-Badge___YNCMl[data-disabled] {
691
691
  background: var(--hop-comp-badge-disabled-background);
692
692
  color: var(--hop-comp-badge-disabled-text-color);
693
693
  }
694
694
 
695
695
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
696
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk {
696
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv {
697
697
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
698
698
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
699
699
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -734,7 +734,7 @@
734
734
  box-sizing: border-box;
735
735
  inline-size: max-content;
736
736
  }
737
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="top right"] {
737
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top right"] {
738
738
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
739
739
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
740
740
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -742,11 +742,11 @@
742
742
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
743
743
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
744
744
  }
745
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="top right"][data-overlap=circular] {
745
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top right"][data-overlap=circular] {
746
746
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
747
747
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
748
748
  }
749
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="top left"] {
749
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top left"] {
750
750
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
751
751
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
752
752
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -754,11 +754,11 @@
754
754
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
755
755
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
756
756
  }
757
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="top left"][data-overlap=circular] {
757
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top left"][data-overlap=circular] {
758
758
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
759
759
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
760
760
  }
761
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="bottom right"] {
761
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom right"] {
762
762
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
763
763
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
764
764
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -766,11 +766,11 @@
766
766
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
767
767
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
768
768
  }
769
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="bottom right"][data-overlap=circular] {
769
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom right"][data-overlap=circular] {
770
770
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
771
771
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
772
772
  }
773
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="bottom left"] {
773
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom left"] {
774
774
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
775
775
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
776
776
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -778,11 +778,11 @@
778
778
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
779
779
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
780
780
  }
781
- .FloatingBadge-module__hop-FloatingBadge___DA4Pk[data-placement="bottom left"][data-overlap=circular] {
781
+ .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom left"][data-overlap=circular] {
782
782
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
783
783
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
784
784
  }
785
- .FloatingBadge-module__hop-FloatingBadge__badge___MgZtd {
785
+ .FloatingBadge-module__hop-FloatingBadge__badge___erx0E {
786
786
  position: absolute;
787
787
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
788
788
  transform-origin: var(--badge-transform-origin);
@@ -790,7 +790,7 @@
790
790
  }
791
791
 
792
792
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
793
- .IconList-module__hop-IconList___afZHP {
793
+ .IconList-module__hop-IconList___Ep6vg {
794
794
  --hop-IconList-gap: var(--hop-space-inline-xs);
795
795
  display: flex;
796
796
  flex-wrap: wrap;
@@ -799,7 +799,7 @@
799
799
  }
800
800
 
801
801
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
802
- .Checkbox-module__hop-Checkbox___cqmOp {
802
+ .Checkbox-module__hop-Checkbox___a8-FJ {
803
803
  --hop-Checkbox-box-border-size: 0.0625rem;
804
804
  --hop-Checkbox-box-outline-size: 0.125rem;
805
805
  --hop-Checkbox-check-display: none;
@@ -830,60 +830,60 @@
830
830
  inline-size: max-content;
831
831
  max-inline-size: 100%;
832
832
  }
833
- .Checkbox-module__hop-Checkbox___cqmOp[data-focus-visible] {
833
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-focus-visible] {
834
834
  --box-background-color: var(--hop-comp-mark-background-color-hover);
835
835
  --box-border-color: var(--hop-comp-mark-border-color-hover);
836
836
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
837
837
  --text-color: var(--hop-comp-mark-text-color-focus);
838
838
  --icon-color: var(--hop-comp-mark-icon-color-focus);
839
839
  }
840
- .Checkbox-module__hop-Checkbox___cqmOp[data-hovered] {
840
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-hovered] {
841
841
  --box-background-color: var(--hop-comp-mark-background-color-hover);
842
842
  --box-border-color: var(--hop-comp-mark-border-color-hover);
843
843
  --text-color: var(--hop-comp-mark-text-color-hover);
844
844
  --icon-color: var(--hop-comp-mark-icon-color-hover);
845
845
  }
846
- .Checkbox-module__hop-Checkbox___cqmOp[data-pressed] {
846
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-pressed] {
847
847
  --box-background-color: var(--hop-comp-mark-background-color-press);
848
848
  --box-border-color: var(--hop-comp-mark-border-color-press);
849
849
  --text-color: var(--hop-comp-mark-text-color-press);
850
850
  --icon-color: var(--hop-comp-mark-icon-color-press);
851
851
  }
852
- .Checkbox-module__hop-Checkbox___cqmOp[data-selected] {
852
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-selected] {
853
853
  --box-background-color: var(--hop-comp-mark-background-color-selected);
854
854
  --box-border-color: var(--hop-comp-mark-border-color-selected);
855
855
  --check-display: var(--hop-Checkbox-check-display-selected);
856
856
  --text-color: var(--hop-comp-mark-text-color-selected);
857
857
  --icon-color: var(--hop-comp-mark-icon-color-selected);
858
858
  }
859
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid] {
859
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid] {
860
860
  --box-background-color: var(--hop-comp-mark-background-color);
861
861
  --box-border-color: var(--hop-comp-mark-border-color-error);
862
862
  --check-color: var(--hop-comp-mark-indicator-color-error);
863
863
  --text-color: var(--hop-comp-mark-text-color-error);
864
864
  --icon-color: var(--hop-comp-mark-icon-color-error);
865
865
  }
866
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid]:where([data-focus-visible]) {
866
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-focus-visible]) {
867
867
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
868
868
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
869
869
  }
870
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid]:where([data-hovered]) {
870
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-hovered]) {
871
871
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
872
872
  --box-border-color: var(--hop-comp-mark-border-color-error);
873
873
  --text-color: var(--hop-comp-mark-text-color-error-hover);
874
874
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
875
875
  }
876
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid]:where([data-pressed]) {
876
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-pressed]) {
877
877
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
878
878
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
879
879
  --text-color: var(--hop-comp-mark-text-color-error-press);
880
880
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
881
881
  }
882
- .Checkbox-module__hop-Checkbox___cqmOp:where([data-invalid])[data-selected] {
882
+ .Checkbox-module__hop-Checkbox___a8-FJ:where([data-invalid])[data-selected] {
883
883
  --box-background-color: var(--hop-comp-mark-background-color-error);
884
884
  --box-border-color: var(--hop-comp-mark-border-color-error);
885
885
  }
886
- .Checkbox-module__hop-Checkbox___cqmOp[data-disabled] {
886
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-disabled] {
887
887
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
888
888
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
889
889
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -891,25 +891,25 @@
891
891
  --text-color: var(--hop-comp-mark-text-color-disabled);
892
892
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
893
893
  }
894
- .Checkbox-module__hop-Checkbox--sm___RacRw {
894
+ .Checkbox-module__hop-Checkbox--sm___PgASQ {
895
895
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
896
896
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
897
897
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
898
898
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
899
899
  }
900
- .Checkbox-module__hop-Checkbox--md___XETZr {
900
+ .Checkbox-module__hop-Checkbox--md___9xQ2m {
901
901
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
902
902
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
903
903
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
904
904
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
905
905
  }
906
- .Checkbox-module__hop-Checkbox__icon___YNkmD,
907
- .Checkbox-module__hop-Checkbox__icon-list___LEJ8O {
906
+ .Checkbox-module__hop-Checkbox__icon___Y-xeU,
907
+ .Checkbox-module__hop-Checkbox__icon-list___qk5T1 {
908
908
  flex: 0 0 auto;
909
909
  order: 3;
910
910
  color: var(--icon-color);
911
911
  }
912
- .Checkbox-module__hop-Checkbox__box___onbge {
912
+ .Checkbox-module__hop-Checkbox__box___F2tM- {
913
913
  display: flex;
914
914
  flex: 0 0 auto;
915
915
  align-items: center;
@@ -926,11 +926,11 @@
926
926
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
927
927
  box-shadow: var(--hop-comp-checkbox-box-shadow);
928
928
  }
929
- .Checkbox-module__hop-Checkbox__check___TiRLh {
929
+ .Checkbox-module__hop-Checkbox__check___9h77A {
930
930
  display: var(--check-display);
931
931
  color: var(--check-color);
932
932
  }
933
- .Checkbox-module__hop-Checkbox__text___r0cWb {
933
+ .Checkbox-module__hop-Checkbox__text___zr0Rz {
934
934
  flex: 0 1 auto;
935
935
  order: 2;
936
936
  min-inline-size: 0;
@@ -940,7 +940,7 @@
940
940
  }
941
941
 
942
942
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
943
- .CheckboxField-module__hop-CheckboxField___fnbB6 {
943
+ .CheckboxField-module__hop-CheckboxField___3gtR4 {
944
944
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
945
945
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
946
946
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -959,29 +959,29 @@
959
959
  inline-size: max-content;
960
960
  max-inline-size: 100%;
961
961
  }
962
- .CheckboxField-module__hop-CheckboxField___fnbB6[data-disabled] {
962
+ .CheckboxField-module__hop-CheckboxField___3gtR4[data-disabled] {
963
963
  --description-color: var(--hop-CheckboxField-description-color-disabled);
964
964
  }
965
- .CheckboxField-module__hop-CheckboxField--sm___BBhMr {
965
+ .CheckboxField-module__hop-CheckboxField--sm___YO-lb {
966
966
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
967
967
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
968
968
  }
969
- .CheckboxField-module__hop-CheckboxField--md___HOa-V {
969
+ .CheckboxField-module__hop-CheckboxField--md___J9i6f {
970
970
  --row-gap: var(--hop-CheckboxField-md-row-gap);
971
971
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
972
972
  }
973
- .CheckboxField-module__hop-CheckboxField__description___mDRQD {
973
+ .CheckboxField-module__hop-CheckboxField__description___JTgLC {
974
974
  order: 2;
975
975
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
976
976
  color: var(--description-color);
977
977
  }
978
- .CheckboxField-module__hop-CheckboxField___fnbB6 .CheckboxField-module__hop-CheckboxField__checkbox___Z3tEV {
978
+ .CheckboxField-module__hop-CheckboxField___3gtR4 .CheckboxField-module__hop-CheckboxField__checkbox___q-wRL {
979
979
  order: 1;
980
980
  inline-size: 100%;
981
981
  }
982
982
 
983
983
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
984
- .ErrorMessage-module__hop-ErrorMessage___EvNl4 {
984
+ .ErrorMessage-module__hop-ErrorMessage___-To9e {
985
985
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
986
986
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
987
987
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -998,13 +998,13 @@
998
998
  line-height: var(--hop-ErrorMessage-line-height);
999
999
  color: var(--hop-ErrorMessage-color);
1000
1000
  }
1001
- .ErrorMessage-module__hop-ErrorMessage__icon___OZiY4 {
1001
+ .ErrorMessage-module__hop-ErrorMessage__icon___OrPPe {
1002
1002
  flex: 0 0 auto;
1003
1003
  align-self: flex-start;
1004
1004
  }
1005
1005
 
1006
1006
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1007
- .HelperMessage-module__hop-HelperMessage___i4Bl2 {
1007
+ .HelperMessage-module__hop-HelperMessage___2EaD- {
1008
1008
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1009
1009
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1010
1010
  display: flex;
@@ -1013,13 +1013,13 @@
1013
1013
  box-sizing: border-box;
1014
1014
  color: var(--hop-HelperMessage-color);
1015
1015
  }
1016
- .HelperMessage-module__hop-HelperMessage__icon___k5TYp {
1016
+ .HelperMessage-module__hop-HelperMessage__icon___-U-Ji {
1017
1017
  flex: 0 0 auto;
1018
1018
  align-self: flex-start;
1019
1019
  }
1020
1020
 
1021
1021
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1022
- .CheckboxGroup-module__hop-CheckboxGroup___ZrI8Z {
1022
+ .CheckboxGroup-module__hop-CheckboxGroup___htT-b {
1023
1023
  --hop-CheckboxGroup-align-items: flex-start;
1024
1024
  --hop-CheckboxGroup-justify-content: flex-start;
1025
1025
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1059,49 +1059,49 @@
1059
1059
  inline-size: var(--inline-size);
1060
1060
  max-inline-size: 100%;
1061
1061
  }
1062
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N-vEz {
1062
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h {
1063
1063
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1064
1064
  --list-border-radius: var(--hop-shape-rounded-md);
1065
1065
  }
1066
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___4vYeQ {
1066
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___Pfy5c {
1067
1067
  --inline-size: 100%;
1068
1068
  }
1069
- .CheckboxGroup-module__hop-CheckboxGroup--sm___HR5gK {
1069
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___9I9F6 {
1070
1070
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1071
1071
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1072
1072
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1073
1073
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1074
1074
  }
1075
- .CheckboxGroup-module__hop-CheckboxGroup--md___eTTgj {
1075
+ .CheckboxGroup-module__hop-CheckboxGroup--md___nK4Kj {
1076
1076
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1077
1077
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1078
1078
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1079
1079
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1080
1080
  }
1081
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N-vEz.CheckboxGroup-module__hop-CheckboxGroup--sm___HR5gK {
1081
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h.CheckboxGroup-module__hop-CheckboxGroup--sm___9I9F6 {
1082
1082
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1083
1083
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1084
1084
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1085
1085
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1086
1086
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1087
1087
  }
1088
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N-vEz.CheckboxGroup-module__hop-CheckboxGroup--md___eTTgj {
1088
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h.CheckboxGroup-module__hop-CheckboxGroup--md___nK4Kj {
1089
1089
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1090
1090
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1091
1091
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1092
1092
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1093
1093
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1094
1094
  }
1095
- .CheckboxGroup-module__hop-CheckboxGroup___ZrI8Z[data-orientation=horizontal] {
1095
+ .CheckboxGroup-module__hop-CheckboxGroup___htT-b[data-orientation=horizontal] {
1096
1096
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1097
1097
  }
1098
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N-vEz[data-orientation=horizontal] {
1098
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h[data-orientation=horizontal] {
1099
1099
  --flex-wrap: nowrap;
1100
1100
  }
1101
- .CheckboxGroup-module__hop-CheckboxGroup___ZrI8Z > .CheckboxGroup-module__hop-CheckboxGroup__label___LOGvi {
1101
+ .CheckboxGroup-module__hop-CheckboxGroup___htT-b > .CheckboxGroup-module__hop-CheckboxGroup__label___lxMt1 {
1102
1102
  order: 1;
1103
1103
  }
1104
- .CheckboxGroup-module__hop-CheckboxGroup__list___MRc8V {
1104
+ .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- {
1105
1105
  display: flex;
1106
1106
  flex-flow: var(--flex-direction) var(--flex-wrap);
1107
1107
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1112,7 +1112,7 @@
1112
1112
  border: var(--list-border, none);
1113
1113
  border-radius: var(--list-border-radius, 0);
1114
1114
  }
1115
- .CheckboxGroup-module__hop-CheckboxGroup__list___MRc8V > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Ko3Af {
1115
+ .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc {
1116
1116
  position: relative;
1117
1117
  flex: 0 1 auto;
1118
1118
  align-content: start;
@@ -1120,28 +1120,28 @@
1120
1120
  min-inline-size: 0;
1121
1121
  padding: var(--checkbox-padding, 0);
1122
1122
  }
1123
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N-vEz .CheckboxGroup-module__hop-CheckboxGroup__list___MRc8V > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Ko3Af ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Ko3Af::before {
1123
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc::before {
1124
1124
  content: "";
1125
1125
  position: absolute;
1126
1126
  display: block;
1127
1127
  }
1128
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N-vEz[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___MRc8V > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Ko3Af ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Ko3Af::before {
1128
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc::before {
1129
1129
  inset-block-start: 0;
1130
1130
  inset-inline: 0;
1131
1131
  border-block-start: var(--list-border, none);
1132
1132
  }
1133
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N-vEz[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___MRc8V > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Ko3Af ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Ko3Af::before {
1133
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc::before {
1134
1134
  inset-block: 0;
1135
1135
  inset-inline-start: 0;
1136
1136
  border-inline-start: var(--list-border, none);
1137
1137
  }
1138
- .CheckboxGroup-module__hop-CheckboxGroup___ZrI8Z > .CheckboxGroup-module__hop-CheckboxGroup__error-message___zuFoD,
1139
- .CheckboxGroup-module__hop-CheckboxGroup___ZrI8Z > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___paieC {
1138
+ .CheckboxGroup-module__hop-CheckboxGroup___htT-b > .CheckboxGroup-module__hop-CheckboxGroup__error-message___RhlNI,
1139
+ .CheckboxGroup-module__hop-CheckboxGroup___htT-b > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___WMnmd {
1140
1140
  order: 3;
1141
1141
  }
1142
1142
 
1143
1143
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1144
- .Checkbox-module__hop-Checkbox___cqmOp {
1144
+ .Checkbox-module__hop-Checkbox___a8-FJ {
1145
1145
  --hop-Checkbox-box-border-size: 0.0625rem;
1146
1146
  --hop-Checkbox-box-outline-size: 0.125rem;
1147
1147
  --hop-Checkbox-check-display: none;
@@ -1172,60 +1172,60 @@
1172
1172
  inline-size: max-content;
1173
1173
  max-inline-size: 100%;
1174
1174
  }
1175
- .Checkbox-module__hop-Checkbox___cqmOp[data-focus-visible] {
1175
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-focus-visible] {
1176
1176
  --box-background-color: var(--hop-comp-mark-background-color-hover);
1177
1177
  --box-border-color: var(--hop-comp-mark-border-color-hover);
1178
1178
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
1179
1179
  --text-color: var(--hop-comp-mark-text-color-focus);
1180
1180
  --icon-color: var(--hop-comp-mark-icon-color-focus);
1181
1181
  }
1182
- .Checkbox-module__hop-Checkbox___cqmOp[data-hovered] {
1182
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-hovered] {
1183
1183
  --box-background-color: var(--hop-comp-mark-background-color-hover);
1184
1184
  --box-border-color: var(--hop-comp-mark-border-color-hover);
1185
1185
  --text-color: var(--hop-comp-mark-text-color-hover);
1186
1186
  --icon-color: var(--hop-comp-mark-icon-color-hover);
1187
1187
  }
1188
- .Checkbox-module__hop-Checkbox___cqmOp[data-pressed] {
1188
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-pressed] {
1189
1189
  --box-background-color: var(--hop-comp-mark-background-color-press);
1190
1190
  --box-border-color: var(--hop-comp-mark-border-color-press);
1191
1191
  --text-color: var(--hop-comp-mark-text-color-press);
1192
1192
  --icon-color: var(--hop-comp-mark-icon-color-press);
1193
1193
  }
1194
- .Checkbox-module__hop-Checkbox___cqmOp[data-selected] {
1194
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-selected] {
1195
1195
  --box-background-color: var(--hop-comp-mark-background-color-selected);
1196
1196
  --box-border-color: var(--hop-comp-mark-border-color-selected);
1197
1197
  --check-display: var(--hop-Checkbox-check-display-selected);
1198
1198
  --text-color: var(--hop-comp-mark-text-color-selected);
1199
1199
  --icon-color: var(--hop-comp-mark-icon-color-selected);
1200
1200
  }
1201
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid] {
1201
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid] {
1202
1202
  --box-background-color: var(--hop-comp-mark-background-color);
1203
1203
  --box-border-color: var(--hop-comp-mark-border-color-error);
1204
1204
  --check-color: var(--hop-comp-mark-indicator-color-error);
1205
1205
  --text-color: var(--hop-comp-mark-text-color-error);
1206
1206
  --icon-color: var(--hop-comp-mark-icon-color-error);
1207
1207
  }
1208
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid]:where([data-focus-visible]) {
1208
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-focus-visible]) {
1209
1209
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
1210
1210
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
1211
1211
  }
1212
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid]:where([data-hovered]) {
1212
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-hovered]) {
1213
1213
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
1214
1214
  --box-border-color: var(--hop-comp-mark-border-color-error);
1215
1215
  --text-color: var(--hop-comp-mark-text-color-error-hover);
1216
1216
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
1217
1217
  }
1218
- .Checkbox-module__hop-Checkbox___cqmOp[data-invalid]:where([data-pressed]) {
1218
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-pressed]) {
1219
1219
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
1220
1220
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
1221
1221
  --text-color: var(--hop-comp-mark-text-color-error-press);
1222
1222
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
1223
1223
  }
1224
- .Checkbox-module__hop-Checkbox___cqmOp:where([data-invalid])[data-selected] {
1224
+ .Checkbox-module__hop-Checkbox___a8-FJ:where([data-invalid])[data-selected] {
1225
1225
  --box-background-color: var(--hop-comp-mark-background-color-error);
1226
1226
  --box-border-color: var(--hop-comp-mark-border-color-error);
1227
1227
  }
1228
- .Checkbox-module__hop-Checkbox___cqmOp[data-disabled] {
1228
+ .Checkbox-module__hop-Checkbox___a8-FJ[data-disabled] {
1229
1229
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
1230
1230
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
1231
1231
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -1233,25 +1233,25 @@
1233
1233
  --text-color: var(--hop-comp-mark-text-color-disabled);
1234
1234
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
1235
1235
  }
1236
- .Checkbox-module__hop-Checkbox--sm___RacRw {
1236
+ .Checkbox-module__hop-Checkbox--sm___PgASQ {
1237
1237
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1238
1238
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1239
1239
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1240
1240
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1241
1241
  }
1242
- .Checkbox-module__hop-Checkbox--md___XETZr {
1242
+ .Checkbox-module__hop-Checkbox--md___9xQ2m {
1243
1243
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1244
1244
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1245
1245
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1246
1246
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1247
1247
  }
1248
- .Checkbox-module__hop-Checkbox__icon___YNkmD,
1249
- .Checkbox-module__hop-Checkbox__icon-list___LEJ8O {
1248
+ .Checkbox-module__hop-Checkbox__icon___Y-xeU,
1249
+ .Checkbox-module__hop-Checkbox__icon-list___qk5T1 {
1250
1250
  flex: 0 0 auto;
1251
1251
  order: 3;
1252
1252
  color: var(--icon-color);
1253
1253
  }
1254
- .Checkbox-module__hop-Checkbox__box___onbge {
1254
+ .Checkbox-module__hop-Checkbox__box___F2tM- {
1255
1255
  display: flex;
1256
1256
  flex: 0 0 auto;
1257
1257
  align-items: center;
@@ -1268,11 +1268,11 @@
1268
1268
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1269
1269
  box-shadow: var(--hop-comp-checkbox-box-shadow);
1270
1270
  }
1271
- .Checkbox-module__hop-Checkbox__check___TiRLh {
1271
+ .Checkbox-module__hop-Checkbox__check___9h77A {
1272
1272
  display: var(--check-display);
1273
1273
  color: var(--check-color);
1274
1274
  }
1275
- .Checkbox-module__hop-Checkbox__text___r0cWb {
1275
+ .Checkbox-module__hop-Checkbox__text___zr0Rz {
1276
1276
  flex: 0 1 auto;
1277
1277
  order: 2;
1278
1278
  min-inline-size: 0;
@@ -1280,24 +1280,24 @@
1280
1280
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1281
1281
  color: var(--text-color);
1282
1282
  }
1283
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___idDDO {
1283
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___wvzEk {
1284
1284
  }
1285
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___1eA76 {
1285
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___Q9xVn {
1286
1286
  }
1287
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Uy6mf {
1287
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___o4gVR {
1288
1288
  }
1289
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___-geYr,
1290
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___GOWI6 {
1289
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___0Zgff,
1290
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MZwCq {
1291
1291
  }
1292
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___0snvz {
1292
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___zFYBf {
1293
1293
  }
1294
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___LMg-m {
1294
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___CalJP {
1295
1295
  }
1296
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___3NxuX {
1296
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___PSe8r {
1297
1297
  }
1298
1298
 
1299
1299
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1300
- .Radio-module__hop-Radio___NLMSw {
1300
+ .Radio-module__hop-Radio___2VkVY {
1301
1301
  --hop-Radio-box-border-size: 0.0625rem;
1302
1302
  --hop-Radio-box-outline-size: 0.125rem;
1303
1303
  --hop-Radio-bullet-display: none;
@@ -1328,60 +1328,60 @@
1328
1328
  inline-size: max-content;
1329
1329
  max-inline-size: 100%;
1330
1330
  }
1331
- .Radio-module__hop-Radio___NLMSw[data-focus-visible] {
1331
+ .Radio-module__hop-Radio___2VkVY[data-focus-visible] {
1332
1332
  --box-background-color: var(--hop-comp-mark-background-color-hover);
1333
1333
  --box-border-color: var(--hop-comp-mark-border-color-hover);
1334
1334
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
1335
1335
  --text-color: var(--hop-comp-mark-text-color-focus);
1336
1336
  --icon-color: var(--hop-comp-mark-icon-color-focus);
1337
1337
  }
1338
- .Radio-module__hop-Radio___NLMSw[data-hovered] {
1338
+ .Radio-module__hop-Radio___2VkVY[data-hovered] {
1339
1339
  --box-background-color: var(--hop-comp-mark-background-color-hover);
1340
1340
  --box-border-color: var(--hop-comp-mark-border-color-hover);
1341
1341
  --text-color: var(--hop-comp-mark-text-color-hover);
1342
1342
  --icon-color: var(--hop-comp-mark-icon-color-hover);
1343
1343
  }
1344
- .Radio-module__hop-Radio___NLMSw[data-pressed] {
1344
+ .Radio-module__hop-Radio___2VkVY[data-pressed] {
1345
1345
  --box-background-color: var(--hop-comp-mark-background-color-press);
1346
1346
  --box-border-color: var(--hop-comp-mark-border-color-press);
1347
1347
  --text-color: var(--hop-comp-mark-text-color-press);
1348
1348
  --icon-color: var(--hop-comp-mark-icon-color-press);
1349
1349
  }
1350
- .Radio-module__hop-Radio___NLMSw[data-selected] {
1350
+ .Radio-module__hop-Radio___2VkVY[data-selected] {
1351
1351
  --box-background-color: var(--hop-comp-mark-background-color-selected);
1352
1352
  --box-border-color: var(--hop-comp-mark-border-color-selected);
1353
1353
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1354
1354
  --text-color: var(--hop-comp-mark-text-color-selected);
1355
1355
  --icon-color: var(--hop-comp-mark-icon-color-selected);
1356
1356
  }
1357
- .Radio-module__hop-Radio___NLMSw[data-invalid] {
1357
+ .Radio-module__hop-Radio___2VkVY[data-invalid] {
1358
1358
  --box-background-color: var(--hop-comp-mark-background-color);
1359
1359
  --box-border-color: var(--hop-comp-mark-border-color-error);
1360
1360
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
1361
1361
  --text-color: var(--hop-comp-mark-text-color-error);
1362
1362
  --icon-color: var(--hop-comp-mark-icon-color-error);
1363
1363
  }
1364
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-focus-visible] {
1364
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-focus-visible] {
1365
1365
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
1366
1366
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
1367
1367
  }
1368
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-hovered] {
1368
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-hovered] {
1369
1369
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
1370
1370
  --box-border-color: var(--hop-comp-mark-border-color-error);
1371
1371
  --text-color: var(--hop-comp-mark-text-color-error-hover);
1372
1372
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
1373
1373
  }
1374
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-pressed] {
1374
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-pressed] {
1375
1375
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
1376
1376
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
1377
1377
  --text-color: var(--hop-comp-mark-text-color-error-press);
1378
1378
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
1379
1379
  }
1380
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-selected] {
1380
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-selected] {
1381
1381
  --box-background-color: var(--hop-comp-mark-background-color-error);
1382
1382
  --box-border-color: var(--hop-comp-mark-border-color-error);
1383
1383
  }
1384
- .Radio-module__hop-Radio___NLMSw[data-disabled] {
1384
+ .Radio-module__hop-Radio___2VkVY[data-disabled] {
1385
1385
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
1386
1386
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
1387
1387
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -1389,25 +1389,25 @@
1389
1389
  --text-color: var(--hop-comp-mark-text-color-disabled);
1390
1390
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
1391
1391
  }
1392
- .Radio-module__hop-Radio--sm___mwVSI {
1392
+ .Radio-module__hop-Radio--sm___0B3xl {
1393
1393
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1394
1394
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1395
1395
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1396
1396
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1397
1397
  }
1398
- .Radio-module__hop-Radio--md___0hr4v {
1398
+ .Radio-module__hop-Radio--md___gbszm {
1399
1399
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1400
1400
  --box-block-size: var(--hop-Radio-box-md-block-size);
1401
1401
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1402
1402
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1403
1403
  }
1404
- .Radio-module__hop-Radio__icon___56WZ-,
1405
- .Radio-module__hop-Radio__icon-list___RG2b6 {
1404
+ .Radio-module__hop-Radio__icon___HtE1C,
1405
+ .Radio-module__hop-Radio__icon-list___yDu-U {
1406
1406
  flex: 0 0 auto;
1407
1407
  order: 3;
1408
1408
  color: var(--icon-color);
1409
1409
  }
1410
- .Radio-module__hop-Radio__box___ui7cn {
1410
+ .Radio-module__hop-Radio__box___S2DzA {
1411
1411
  display: flex;
1412
1412
  flex: 0 0 auto;
1413
1413
  align-items: center;
@@ -1424,11 +1424,11 @@
1424
1424
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1425
1425
  box-shadow: var(--hop-comp-radio-box-shadow);
1426
1426
  }
1427
- .Radio-module__hop-Radio__bullet___Mk5r9 {
1427
+ .Radio-module__hop-Radio__bullet___VDUgW {
1428
1428
  display: var(--bullet-display);
1429
1429
  color: var(--bullet-color);
1430
1430
  }
1431
- .Radio-module__hop-Radio__text___gdb5P {
1431
+ .Radio-module__hop-Radio__text___240Dm {
1432
1432
  flex: 0 1 auto;
1433
1433
  order: 2;
1434
1434
  min-inline-size: 0;
@@ -1436,24 +1436,24 @@
1436
1436
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1437
1437
  color: var(--text-color);
1438
1438
  }
1439
- .DecorativeRadio-module__hop-DecorativeRadio___t94ib {
1439
+ .DecorativeRadio-module__hop-DecorativeRadio___ByCy7 {
1440
1440
  }
1441
- .DecorativeRadio-module__hop-DecorativeRadio--sm___KHCNM {
1441
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___tsG-o {
1442
1442
  }
1443
- .DecorativeRadio-module__hop-DecorativeRadio--md___1-fGJ {
1443
+ .DecorativeRadio-module__hop-DecorativeRadio--md___YK6ug {
1444
1444
  }
1445
- .DecorativeRadio-module__hop-DecorativeRadio__icon___HXtsg,
1446
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___JWLH5 {
1445
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___4jPzl,
1446
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___8H3ne {
1447
1447
  }
1448
- .DecorativeRadio-module__hop-DecorativeRadio__box___3x86u {
1448
+ .DecorativeRadio-module__hop-DecorativeRadio__box___iafMS {
1449
1449
  }
1450
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___EHVxI {
1450
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___N36M7 {
1451
1451
  }
1452
- .DecorativeRadio-module__hop-DecorativeRadio__text___9eVe3 {
1452
+ .DecorativeRadio-module__hop-DecorativeRadio__text___nDlri {
1453
1453
  }
1454
1454
 
1455
1455
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1456
- .Radio-module__hop-Radio___NLMSw {
1456
+ .Radio-module__hop-Radio___2VkVY {
1457
1457
  --hop-Radio-box-border-size: 0.0625rem;
1458
1458
  --hop-Radio-box-outline-size: 0.125rem;
1459
1459
  --hop-Radio-bullet-display: none;
@@ -1484,60 +1484,60 @@
1484
1484
  inline-size: max-content;
1485
1485
  max-inline-size: 100%;
1486
1486
  }
1487
- .Radio-module__hop-Radio___NLMSw[data-focus-visible] {
1487
+ .Radio-module__hop-Radio___2VkVY[data-focus-visible] {
1488
1488
  --box-background-color: var(--hop-comp-mark-background-color-hover);
1489
1489
  --box-border-color: var(--hop-comp-mark-border-color-hover);
1490
1490
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
1491
1491
  --text-color: var(--hop-comp-mark-text-color-focus);
1492
1492
  --icon-color: var(--hop-comp-mark-icon-color-focus);
1493
1493
  }
1494
- .Radio-module__hop-Radio___NLMSw[data-hovered] {
1494
+ .Radio-module__hop-Radio___2VkVY[data-hovered] {
1495
1495
  --box-background-color: var(--hop-comp-mark-background-color-hover);
1496
1496
  --box-border-color: var(--hop-comp-mark-border-color-hover);
1497
1497
  --text-color: var(--hop-comp-mark-text-color-hover);
1498
1498
  --icon-color: var(--hop-comp-mark-icon-color-hover);
1499
1499
  }
1500
- .Radio-module__hop-Radio___NLMSw[data-pressed] {
1500
+ .Radio-module__hop-Radio___2VkVY[data-pressed] {
1501
1501
  --box-background-color: var(--hop-comp-mark-background-color-press);
1502
1502
  --box-border-color: var(--hop-comp-mark-border-color-press);
1503
1503
  --text-color: var(--hop-comp-mark-text-color-press);
1504
1504
  --icon-color: var(--hop-comp-mark-icon-color-press);
1505
1505
  }
1506
- .Radio-module__hop-Radio___NLMSw[data-selected] {
1506
+ .Radio-module__hop-Radio___2VkVY[data-selected] {
1507
1507
  --box-background-color: var(--hop-comp-mark-background-color-selected);
1508
1508
  --box-border-color: var(--hop-comp-mark-border-color-selected);
1509
1509
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1510
1510
  --text-color: var(--hop-comp-mark-text-color-selected);
1511
1511
  --icon-color: var(--hop-comp-mark-icon-color-selected);
1512
1512
  }
1513
- .Radio-module__hop-Radio___NLMSw[data-invalid] {
1513
+ .Radio-module__hop-Radio___2VkVY[data-invalid] {
1514
1514
  --box-background-color: var(--hop-comp-mark-background-color);
1515
1515
  --box-border-color: var(--hop-comp-mark-border-color-error);
1516
1516
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
1517
1517
  --text-color: var(--hop-comp-mark-text-color-error);
1518
1518
  --icon-color: var(--hop-comp-mark-icon-color-error);
1519
1519
  }
1520
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-focus-visible] {
1520
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-focus-visible] {
1521
1521
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
1522
1522
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
1523
1523
  }
1524
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-hovered] {
1524
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-hovered] {
1525
1525
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
1526
1526
  --box-border-color: var(--hop-comp-mark-border-color-error);
1527
1527
  --text-color: var(--hop-comp-mark-text-color-error-hover);
1528
1528
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
1529
1529
  }
1530
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-pressed] {
1530
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-pressed] {
1531
1531
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
1532
1532
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
1533
1533
  --text-color: var(--hop-comp-mark-text-color-error-press);
1534
1534
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
1535
1535
  }
1536
- .Radio-module__hop-Radio___NLMSw:where([data-invalid])[data-selected] {
1536
+ .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-selected] {
1537
1537
  --box-background-color: var(--hop-comp-mark-background-color-error);
1538
1538
  --box-border-color: var(--hop-comp-mark-border-color-error);
1539
1539
  }
1540
- .Radio-module__hop-Radio___NLMSw[data-disabled] {
1540
+ .Radio-module__hop-Radio___2VkVY[data-disabled] {
1541
1541
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
1542
1542
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
1543
1543
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -1545,25 +1545,25 @@
1545
1545
  --text-color: var(--hop-comp-mark-text-color-disabled);
1546
1546
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
1547
1547
  }
1548
- .Radio-module__hop-Radio--sm___mwVSI {
1548
+ .Radio-module__hop-Radio--sm___0B3xl {
1549
1549
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1550
1550
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1551
1551
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1552
1552
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1553
1553
  }
1554
- .Radio-module__hop-Radio--md___0hr4v {
1554
+ .Radio-module__hop-Radio--md___gbszm {
1555
1555
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1556
1556
  --box-block-size: var(--hop-Radio-box-md-block-size);
1557
1557
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1558
1558
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1559
1559
  }
1560
- .Radio-module__hop-Radio__icon___56WZ-,
1561
- .Radio-module__hop-Radio__icon-list___RG2b6 {
1560
+ .Radio-module__hop-Radio__icon___HtE1C,
1561
+ .Radio-module__hop-Radio__icon-list___yDu-U {
1562
1562
  flex: 0 0 auto;
1563
1563
  order: 3;
1564
1564
  color: var(--icon-color);
1565
1565
  }
1566
- .Radio-module__hop-Radio__box___ui7cn {
1566
+ .Radio-module__hop-Radio__box___S2DzA {
1567
1567
  display: flex;
1568
1568
  flex: 0 0 auto;
1569
1569
  align-items: center;
@@ -1580,11 +1580,11 @@
1580
1580
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1581
1581
  box-shadow: var(--hop-comp-radio-box-shadow);
1582
1582
  }
1583
- .Radio-module__hop-Radio__bullet___Mk5r9 {
1583
+ .Radio-module__hop-Radio__bullet___VDUgW {
1584
1584
  display: var(--bullet-display);
1585
1585
  color: var(--bullet-color);
1586
1586
  }
1587
- .Radio-module__hop-Radio__text___gdb5P {
1587
+ .Radio-module__hop-Radio__text___240Dm {
1588
1588
  flex: 0 1 auto;
1589
1589
  order: 2;
1590
1590
  min-inline-size: 0;
@@ -1594,7 +1594,7 @@
1594
1594
  }
1595
1595
 
1596
1596
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1597
- .RadioField-module__hop-RadioField___Fd71M {
1597
+ .RadioField-module__hop-RadioField___NZjsM {
1598
1598
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1599
1599
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1600
1600
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1613,29 +1613,29 @@
1613
1613
  inline-size: max-content;
1614
1614
  max-inline-size: 100%;
1615
1615
  }
1616
- .RadioField-module__hop-RadioField___Fd71M[data-disabled] {
1616
+ .RadioField-module__hop-RadioField___NZjsM[data-disabled] {
1617
1617
  --description-color: var(--hop-RadioField-description-color-disabled);
1618
1618
  }
1619
- .RadioField-module__hop-RadioField--sm___EmPab {
1619
+ .RadioField-module__hop-RadioField--sm___sn4b0 {
1620
1620
  --row-gap: var(--hop-RadioField-sm-row-gap);
1621
1621
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1622
1622
  }
1623
- .RadioField-module__hop-RadioField--md___IiFRK {
1623
+ .RadioField-module__hop-RadioField--md___NMAcp {
1624
1624
  --row-gap: var(--hop-RadioField-md-row-gap);
1625
1625
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1626
1626
  }
1627
- .RadioField-module__hop-RadioField__description___Fm4p- {
1627
+ .RadioField-module__hop-RadioField__description___s26nG {
1628
1628
  order: 2;
1629
1629
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1630
1630
  color: var(--description-color);
1631
1631
  }
1632
- .RadioField-module__hop-RadioField___Fd71M .RadioField-module__hop-RadioField__radio___evFz- {
1632
+ .RadioField-module__hop-RadioField___NZjsM .RadioField-module__hop-RadioField__radio___EM8yy {
1633
1633
  order: 1;
1634
1634
  inline-size: 100%;
1635
1635
  }
1636
1636
 
1637
1637
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1638
- .RadioGroup-module__hop-RadioGroup___vvLZt {
1638
+ .RadioGroup-module__hop-RadioGroup___udO70 {
1639
1639
  --hop-RadioGroup-align-items: flex-start;
1640
1640
  --hop-RadioGroup-justify-content: flex-start;
1641
1641
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1675,49 +1675,49 @@
1675
1675
  inline-size: var(--inline-size);
1676
1676
  max-inline-size: 100%;
1677
1677
  }
1678
- .RadioGroup-module__hop-RadioGroup--bordered___V0nUI {
1678
+ .RadioGroup-module__hop-RadioGroup--bordered___IEM-B {
1679
1679
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1680
1680
  --list-border-radius: var(--hop-shape-rounded-md);
1681
1681
  }
1682
- .RadioGroup-module__hop-RadioGroup--fluid___lP-rI {
1682
+ .RadioGroup-module__hop-RadioGroup--fluid___3GnYO {
1683
1683
  --inline-size: 100%;
1684
1684
  }
1685
- .RadioGroup-module__hop-RadioGroup--sm___N-b0A {
1685
+ .RadioGroup-module__hop-RadioGroup--sm___44n2t {
1686
1686
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1687
1687
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1688
1688
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1689
1689
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1690
1690
  }
1691
- .RadioGroup-module__hop-RadioGroup--md___-eiaN {
1691
+ .RadioGroup-module__hop-RadioGroup--md___eWVI7 {
1692
1692
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1693
1693
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1694
1694
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1695
1695
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1696
1696
  }
1697
- .RadioGroup-module__hop-RadioGroup--bordered___V0nUI.RadioGroup-module__hop-RadioGroup--sm___N-b0A {
1697
+ .RadioGroup-module__hop-RadioGroup--bordered___IEM-B.RadioGroup-module__hop-RadioGroup--sm___44n2t {
1698
1698
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1699
1699
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1700
1700
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1701
1701
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1702
1702
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1703
1703
  }
1704
- .RadioGroup-module__hop-RadioGroup--bordered___V0nUI.RadioGroup-module__hop-RadioGroup--md___-eiaN {
1704
+ .RadioGroup-module__hop-RadioGroup--bordered___IEM-B.RadioGroup-module__hop-RadioGroup--md___eWVI7 {
1705
1705
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1706
1706
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1707
1707
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1708
1708
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1709
1709
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1710
1710
  }
1711
- .RadioGroup-module__hop-RadioGroup___vvLZt[data-orientation=horizontal] {
1711
+ .RadioGroup-module__hop-RadioGroup___udO70[data-orientation=horizontal] {
1712
1712
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1713
1713
  }
1714
- .RadioGroup-module__hop-RadioGroup--bordered___V0nUI[data-orientation=horizontal] {
1714
+ .RadioGroup-module__hop-RadioGroup--bordered___IEM-B[data-orientation=horizontal] {
1715
1715
  --flex-wrap: nowrap;
1716
1716
  }
1717
- .RadioGroup-module__hop-RadioGroup___vvLZt > .RadioGroup-module__hop-RadioGroup__label___2vmcd {
1717
+ .RadioGroup-module__hop-RadioGroup___udO70 > .RadioGroup-module__hop-RadioGroup__label___GVeWB {
1718
1718
  order: 1;
1719
1719
  }
1720
- .RadioGroup-module__hop-RadioGroup__list___ag-sm {
1720
+ .RadioGroup-module__hop-RadioGroup__list___MW1RY {
1721
1721
  display: flex;
1722
1722
  flex-flow: var(--flex-direction) var(--flex-wrap);
1723
1723
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1728,7 +1728,7 @@
1728
1728
  border: var(--list-border, none);
1729
1729
  border-radius: var(--list-border-radius, 0);
1730
1730
  }
1731
- .RadioGroup-module__hop-RadioGroup__list___ag-sm > .RadioGroup-module__hop-RadioGroup__radio___s8Zrr {
1731
+ .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV {
1732
1732
  position: relative;
1733
1733
  flex: 0 1 auto;
1734
1734
  align-content: start;
@@ -1736,28 +1736,28 @@
1736
1736
  min-inline-size: 0;
1737
1737
  padding: var(--radio-padding, 0);
1738
1738
  }
1739
- .RadioGroup-module__hop-RadioGroup--bordered___V0nUI .RadioGroup-module__hop-RadioGroup__list___ag-sm > .RadioGroup-module__hop-RadioGroup__radio___s8Zrr ~ .RadioGroup-module__hop-RadioGroup__radio___s8Zrr::before {
1739
+ .RadioGroup-module__hop-RadioGroup--bordered___IEM-B .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV ~ .RadioGroup-module__hop-RadioGroup__radio___TMmFV::before {
1740
1740
  content: "";
1741
1741
  position: absolute;
1742
1742
  display: block;
1743
1743
  }
1744
- .RadioGroup-module__hop-RadioGroup--bordered___V0nUI[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___ag-sm > .RadioGroup-module__hop-RadioGroup__radio___s8Zrr ~ .RadioGroup-module__hop-RadioGroup__radio___s8Zrr::before {
1744
+ .RadioGroup-module__hop-RadioGroup--bordered___IEM-B[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV ~ .RadioGroup-module__hop-RadioGroup__radio___TMmFV::before {
1745
1745
  inset-block-start: 0;
1746
1746
  inset-inline: 0;
1747
1747
  border-block-start: var(--list-border, none);
1748
1748
  }
1749
- .RadioGroup-module__hop-RadioGroup--bordered___V0nUI[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___ag-sm > .RadioGroup-module__hop-RadioGroup__radio___s8Zrr ~ .RadioGroup-module__hop-RadioGroup__radio___s8Zrr::before {
1749
+ .RadioGroup-module__hop-RadioGroup--bordered___IEM-B[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV ~ .RadioGroup-module__hop-RadioGroup__radio___TMmFV::before {
1750
1750
  inset-block: 0;
1751
1751
  inset-inline-start: 0;
1752
1752
  border-inline-start: var(--list-border, none);
1753
1753
  }
1754
- .RadioGroup-module__hop-RadioGroup___vvLZt > .RadioGroup-module__hop-RadioGroup__error-message___C9qhs,
1755
- .RadioGroup-module__hop-RadioGroup___vvLZt > .RadioGroup-module__hop-RadioGroup__helper-message___HC1oW {
1754
+ .RadioGroup-module__hop-RadioGroup___udO70 > .RadioGroup-module__hop-RadioGroup__error-message___LN4GL,
1755
+ .RadioGroup-module__hop-RadioGroup___udO70 > .RadioGroup-module__hop-RadioGroup__helper-message___Jpmqr {
1756
1756
  order: 3;
1757
1757
  }
1758
1758
 
1759
1759
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1760
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___gK-Gl {
1760
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___0yscg {
1761
1761
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1762
1762
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1763
1763
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1783,7 +1783,7 @@
1783
1783
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1784
1784
  background-size: 400% 100%;
1785
1785
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1786
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___ApDCT;
1786
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___HkKBE;
1787
1787
  animation-duration: var(--animation-duration);
1788
1788
  animation-timing-function: ease-in-out;
1789
1789
  animation-fill-mode: forwards;
@@ -1792,19 +1792,19 @@
1792
1792
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1793
1793
  }
1794
1794
  }
1795
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___mGfYp {
1795
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___9d-9K {
1796
1796
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1797
1797
  }
1798
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___BucgT {
1798
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___eg0R2 {
1799
1799
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1800
1800
  }
1801
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tgP1c {
1801
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___KEZbv {
1802
1802
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1803
1803
  }
1804
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___TsfJH {
1804
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QUrry {
1805
1805
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1806
1806
  }
1807
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___ApDCT {
1807
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___HkKBE {
1808
1808
  0% {
1809
1809
  background-position: 125% 50%;
1810
1810
  }
@@ -1814,7 +1814,7 @@
1814
1814
  }
1815
1815
 
1816
1816
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
1817
- .ListBoxItem-module__hop-ListBoxItem___zQu-2 {
1817
+ .ListBoxItem-module__hop-ListBoxItem___OGnt- {
1818
1818
  --hop-ListBoxItem-background-color: transparent;
1819
1819
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1820
1820
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1912,85 +1912,85 @@
1912
1912
  outline: var(--outline);
1913
1913
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1914
1914
  }
1915
- .ListBoxItem-module__hop-ListBoxItem--xs___3kewH {
1915
+ .ListBoxItem-module__hop-ListBoxItem--xs___yK6z6 {
1916
1916
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1917
1917
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1918
1918
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1919
1919
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1920
1920
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1921
1921
  }
1922
- .ListBoxItem-module__hop-ListBoxItem--sm___muL6H {
1922
+ .ListBoxItem-module__hop-ListBoxItem--sm___QkEQ- {
1923
1923
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1924
1924
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1925
1925
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1926
1926
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1927
1927
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1928
1928
  }
1929
- .ListBoxItem-module__hop-ListBoxItem--md___sGFC8 {
1929
+ .ListBoxItem-module__hop-ListBoxItem--md___4HyRC {
1930
1930
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1931
1931
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1932
1932
  --min-height: var(--hop-ListBoxItem-md-min-height);
1933
1933
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1934
1934
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1935
1935
  }
1936
- .ListBoxItem-module__hop-ListBoxItem--lg___--FCw {
1936
+ .ListBoxItem-module__hop-ListBoxItem--lg___xILKk {
1937
1937
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1938
1938
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1939
1939
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1940
1940
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1941
1941
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1942
1942
  }
1943
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-selection-mode] {
1943
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-selection-mode] {
1944
1944
  --cursor: pointer;
1945
1945
  }
1946
- .ListBoxItem-module__hop-ListBoxItem___zQu-2:not([data-selection-mode]) {
1946
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-:not([data-selection-mode]) {
1947
1947
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1948
1948
  }
1949
- .ListBoxItem-module__hop-ListBoxItem__inner___wED-e:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___59wyO) {
1949
+ .ListBoxItem-module__hop-ListBoxItem__inner___3cVDL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___9Kp9-) {
1950
1950
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1951
1951
  }
1952
- .ListBoxItem-module__hop-ListBoxItem__inner___wED-e[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___59wyO) {
1952
+ .ListBoxItem-module__hop-ListBoxItem__inner___3cVDL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___9Kp9-) {
1953
1953
  --checkmark-transition: none;
1954
1954
  }
1955
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-selected] {
1955
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-selected] {
1956
1956
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1957
1957
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1958
1958
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1959
1959
  --checkmark-color: var(--hop-comp-select-checkmark-color);
1960
1960
  --checkmark-opacity: 1;
1961
1961
  }
1962
- .ListBoxItem-module__hop-ListBoxItem--xs___3kewH[data-selected] {
1962
+ .ListBoxItem-module__hop-ListBoxItem--xs___yK6z6[data-selected] {
1963
1963
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1964
1964
  }
1965
- .ListBoxItem-module__hop-ListBoxItem--sm___muL6H[data-selected] {
1965
+ .ListBoxItem-module__hop-ListBoxItem--sm___QkEQ-[data-selected] {
1966
1966
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1967
1967
  }
1968
- .ListBoxItem-module__hop-ListBoxItem--md___sGFC8[data-selected] {
1968
+ .ListBoxItem-module__hop-ListBoxItem--md___4HyRC[data-selected] {
1969
1969
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1970
1970
  }
1971
- .ListBoxItem-module__hop-ListBoxItem--lg___--FCw[data-selected] {
1971
+ .ListBoxItem-module__hop-ListBoxItem--lg___xILKk[data-selected] {
1972
1972
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1973
1973
  }
1974
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-focus-visible] {
1974
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-focus-visible] {
1975
1975
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1976
1976
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1977
1977
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1978
1978
  --checkmark-color: var(--hop-comp-select-checkmark-color-focused);
1979
1979
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1980
1980
  }
1981
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-hovered] {
1981
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-hovered] {
1982
1982
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1983
1983
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1984
1984
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1985
1985
  --checkmark-color: var(--hop-comp-select-checkmark-color-hovered);
1986
1986
  }
1987
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-pressed] {
1987
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-pressed] {
1988
1988
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1989
1989
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1990
1990
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1991
1991
  --checkmark-color: var(--hop-comp-select-checkmark-color-pressed);
1992
1992
  }
1993
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-disabled] {
1993
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-disabled] {
1994
1994
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1995
1995
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1996
1996
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
@@ -1998,49 +1998,49 @@
1998
1998
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1999
1999
  --cursor: not-allowed;
2000
2000
  }
2001
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-invalid] {
2001
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid] {
2002
2002
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2003
2003
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2004
2004
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2005
2005
  }
2006
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-invalid][data-selected] {
2006
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-selected] {
2007
2007
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2008
2008
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2009
2009
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2010
2010
  --checkmark-color: var(--icon-color);
2011
2011
  }
2012
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-invalid][data-focus-visible] {
2012
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-focus-visible] {
2013
2013
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2014
2014
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2015
2015
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2016
2016
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2017
2017
  }
2018
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-invalid][data-hovered] {
2018
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-hovered] {
2019
2019
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2020
2020
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2021
2021
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2022
2022
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2023
2023
  }
2024
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-invalid][data-pressed] {
2024
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-pressed] {
2025
2025
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2026
2026
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2027
2027
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2028
2028
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2029
2029
  }
2030
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-invalid][data-disabled] {
2030
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-disabled] {
2031
2031
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2032
2032
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2033
2033
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2034
2034
  }
2035
- .ListBoxItem-module__hop-ListBoxItem___zQu-2:has(.ListBoxItem-module__hop-ListBoxItem__description___9Rg-F) {
2035
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-:has(.ListBoxItem-module__hop-ListBoxItem__description___VQYD-) {
2036
2036
  --row-gap: var(--hop-ListBoxItem-row-gap);
2037
2037
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2038
2038
  }
2039
- .ListBoxItem-module__hop-ListBoxItem___zQu-2[data-loading] {
2039
+ .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-loading] {
2040
2040
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2041
2041
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2042
2042
  }
2043
- .ListBoxItem-module__hop-ListBoxItem__inner___wED-e {
2043
+ .ListBoxItem-module__hop-ListBoxItem__inner___3cVDL {
2044
2044
  display: grid;
2045
2045
  grid-template-areas: var(--grid-template-areas);
2046
2046
  grid-template-columns: var(--grid-template-columns);
@@ -2052,33 +2052,33 @@
2052
2052
  padding-inline: var(--padding-inline);
2053
2053
  transition: grid-template-columns .3s ease-in-out;
2054
2054
  }
2055
- .ListBoxItem-module__hop-ListBoxItem__checkmark___59wyO {
2055
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___9Kp9- {
2056
2056
  grid-area: indicator;
2057
2057
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2058
2058
  color: var(--checkmark-color);
2059
2059
  opacity: var(--checkmark-opacity);
2060
2060
  transition: var(--checkmark-transition);
2061
2061
  }
2062
- .ListBoxItem-module__hop-ListBoxItem__radio___32xYA,
2063
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gl5fQ {
2062
+ .ListBoxItem-module__hop-ListBoxItem__radio___GJap5,
2063
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___JTXjJ {
2064
2064
  pointer-events: none;
2065
2065
  user-select: none;
2066
2066
  grid-area: indicator;
2067
2067
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2068
2068
  }
2069
- .ListBoxItem-module__hop-ListBoxItem__avatar___b2Emf {
2069
+ .ListBoxItem-module__hop-ListBoxItem__avatar___Brw0M {
2070
2070
  grid-area: avatar;
2071
2071
  margin-block: var(--avatar-margin-block, 0);
2072
2072
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2073
2073
  }
2074
- .ListBoxItem-module__hop-ListBoxItem__icon-list___L76Q-,
2075
- .ListBoxItem-module__hop-ListBoxItem__icon___hPQg4 {
2074
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___n9stG,
2075
+ .ListBoxItem-module__hop-ListBoxItem__icon___sPijg {
2076
2076
  grid-area: icon;
2077
2077
  flex: 0 0 auto;
2078
2078
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2079
2079
  color: var(--icon-color);
2080
2080
  }
2081
- .ListBoxItem-module__hop-ListBoxItem__label___2z7Bb {
2081
+ .ListBoxItem-module__hop-ListBoxItem__label___BQYLU {
2082
2082
  overflow: hidden;
2083
2083
  grid-area: label;
2084
2084
  min-inline-size: 0;
@@ -2086,18 +2086,18 @@
2086
2086
  text-overflow: ellipsis;
2087
2087
  white-space: nowrap;
2088
2088
  }
2089
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___WiBMd,
2090
- .ListBoxItem-module__hop-ListBoxItem__end-icon___OcriY {
2089
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___nCckN,
2090
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___l44wX {
2091
2091
  grid-area: end-icon;
2092
2092
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2093
2093
  color: var(--icon-color);
2094
2094
  }
2095
- .ListBoxItem-module__hop-ListBoxItem__badge___mUEx6 {
2095
+ .ListBoxItem-module__hop-ListBoxItem__badge___dTlCP {
2096
2096
  grid-area: badge;
2097
2097
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2098
2098
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2099
2099
  }
2100
- .ListBoxItem-module__hop-ListBoxItem__description___9Rg-F {
2100
+ .ListBoxItem-module__hop-ListBoxItem__description___VQYD- {
2101
2101
  overflow: hidden;
2102
2102
  display: -webkit-box;
2103
2103
  grid-area: description;
@@ -2108,7 +2108,7 @@
2108
2108
  }
2109
2109
 
2110
2110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
2111
- .ListBox-module__hop-ListBox___sNcpb {
2111
+ .ListBox-module__hop-ListBox___jbtaj {
2112
2112
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2113
2113
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2114
2114
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2155,11 +2155,11 @@
2155
2155
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2156
2156
  border-radius: var(--hop-ListBox-border-radius);
2157
2157
  }
2158
- .ListBox-module__hop-ListBox--fluid___u0ubV {
2158
+ .ListBox-module__hop-ListBox--fluid___q0SFb {
2159
2159
  --max-width: var(--hop-ListBox-fluid-max-width);
2160
2160
  --width: var(--hop-ListBox-fluid-width);
2161
2161
  }
2162
- .ListBox-module__hop-ListBox__section___AoA-Z {
2162
+ .ListBox-module__hop-ListBox__section___c29Ve {
2163
2163
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2164
2164
  margin-inline: var(--hop-ListBox-section-margin-inline);
2165
2165
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2167,21 +2167,21 @@
2167
2167
  border-block-start: var(--section-border-block-start);
2168
2168
  border-block-end: var(--section-border-block-end);
2169
2169
  }
2170
- .ListBox-module__hop-ListBox__item___2fwFo + .ListBox-module__hop-ListBox__section___AoA-Z {
2170
+ .ListBox-module__hop-ListBox__item___TTxA9 + .ListBox-module__hop-ListBox__section___c29Ve {
2171
2171
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2172
2172
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2173
2173
  }
2174
- .ListBox-module__hop-ListBox__section___AoA-Z:has(+ .ListBox-module__hop-ListBox__item___2fwFo) {
2174
+ .ListBox-module__hop-ListBox__section___c29Ve:has(+ .ListBox-module__hop-ListBox__item___TTxA9) {
2175
2175
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2176
2176
  }
2177
- .ListBox-module__hop-ListBox__section___AoA-Z:first-child {
2177
+ .ListBox-module__hop-ListBox__section___c29Ve:first-child {
2178
2178
  --section-padding-block-start: 0;
2179
2179
  }
2180
- .ListBox-module__hop-ListBox__section___AoA-Z:last-child {
2180
+ .ListBox-module__hop-ListBox__section___c29Ve:last-child {
2181
2181
  --section-padding-block-end: 0;
2182
2182
  --section-border-block-end: 0;
2183
2183
  }
2184
- .ListBox-module__hop-ListBox__section-header___XvuE5 {
2184
+ .ListBox-module__hop-ListBox__section-header___Ax6-- {
2185
2185
  margin: 0;
2186
2186
  padding: var(--hop-ListBox-section-header-padding);
2187
2187
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2192,17 +2192,17 @@
2192
2192
  text-transform: var(--hop-ListBox-section-header-text-transform);
2193
2193
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2194
2194
  }
2195
- .ListBox-module__hop-ListBox__section-header___XvuE5::before,
2196
- .ListBox-module__hop-ListBox__section-header___XvuE5::after {
2195
+ .ListBox-module__hop-ListBox__section-header___Ax6--::before,
2196
+ .ListBox-module__hop-ListBox__section-header___Ax6--::after {
2197
2197
  content: "";
2198
2198
  display: block;
2199
2199
  box-sizing: border-box;
2200
2200
  inline-size: 0;
2201
2201
  block-size: 0;
2202
2202
  }
2203
- .ListBox-module__hop-ListBox__section-header___XvuE5::before {
2203
+ .ListBox-module__hop-ListBox__section-header___Ax6--::before {
2204
2204
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2205
2205
  }
2206
- .ListBox-module__hop-ListBox__section-header___XvuE5::after {
2206
+ .ListBox-module__hop-ListBox__section-header___Ax6--::after {
2207
2207
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2208
2208
  }