@hopper-ui/components 1.5.14 → 1.5.16

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 (335) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/accordion/src/Accordion.css +155 -117
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +155 -117
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +382 -344
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +382 -344
  9. package/dist/alert/src/index.js +9 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +125 -87
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +1 -1
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +143 -105
  14. package/dist/avatar/src/Avatar.d.ts +2 -2
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarContext.d.ts +1 -1
  17. package/dist/avatar/src/AvatarGroup.css +142 -104
  18. package/dist/avatar/src/AvatarGroup.d.ts +1 -1
  19. package/dist/avatar/src/AvatarGroup.js +4 -4
  20. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -1
  21. package/dist/avatar/src/BrokenAvatar.css +125 -87
  22. package/dist/avatar/src/BrokenAvatar.d.ts +1 -1
  23. package/dist/avatar/src/BrokenAvatar.js +2 -2
  24. package/dist/avatar/src/DeletedAvatar.css +125 -87
  25. package/dist/avatar/src/DeletedAvatar.d.ts +1 -1
  26. package/dist/avatar/src/DeletedAvatar.js +2 -2
  27. package/dist/avatar/src/RichIconAvatarImage.css +125 -87
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/index.css +170 -132
  30. package/dist/avatar/src/index.d.ts +1 -1
  31. package/dist/avatar/src/index.js +9 -9
  32. package/dist/badge/src/Badge.css +130 -92
  33. package/dist/badge/src/Badge.js +2 -2
  34. package/dist/badge/src/FloatingBadge.css +125 -87
  35. package/dist/badge/src/FloatingBadge.js +1 -1
  36. package/dist/badge/src/index.css +140 -102
  37. package/dist/badge/src/index.js +3 -3
  38. package/dist/buttons/src/Button.css +176 -138
  39. package/dist/buttons/src/Button.js +5 -5
  40. package/dist/buttons/src/ButtonGroup.css +126 -88
  41. package/dist/buttons/src/ButtonGroup.js +1 -1
  42. package/dist/buttons/src/ClearButton.css +186 -148
  43. package/dist/buttons/src/ClearButton.js +2 -2
  44. package/dist/buttons/src/CloseButton.css +182 -144
  45. package/dist/buttons/src/CloseButton.js +6 -6
  46. package/dist/buttons/src/EmbeddedButton.css +186 -148
  47. package/dist/buttons/src/EmbeddedButton.js +1 -1
  48. package/dist/buttons/src/LinkButton.css +185 -147
  49. package/dist/buttons/src/LinkButton.js +4 -4
  50. package/dist/buttons/src/index.css +333 -295
  51. package/dist/buttons/src/index.js +10 -10
  52. package/dist/callout/src/Callout.css +345 -307
  53. package/dist/callout/src/Callout.js +7 -7
  54. package/dist/callout/src/CompactCallout.css +382 -344
  55. package/dist/callout/src/CompactCallout.js +7 -7
  56. package/dist/callout/src/index.css +394 -356
  57. package/dist/callout/src/index.js +8 -8
  58. package/dist/card/src/Card.css +118 -80
  59. package/dist/card/src/Card.js +1 -1
  60. package/dist/card/src/index.css +118 -80
  61. package/dist/card/src/index.js +1 -1
  62. package/dist/checkbox/src/Checkbox.css +129 -91
  63. package/dist/checkbox/src/Checkbox.js +4 -4
  64. package/dist/checkbox/src/CheckboxField.css +116 -78
  65. package/dist/checkbox/src/CheckboxField.js +3 -3
  66. package/dist/checkbox/src/CheckboxGroup.css +181 -143
  67. package/dist/checkbox/src/CheckboxGroup.js +6 -6
  68. package/dist/checkbox/src/DecorativeCheckbox.css +142 -104
  69. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  70. package/dist/checkbox/src/index.css +181 -143
  71. package/dist/checkbox/src/index.js +10 -10
  72. package/dist/{chunk-MODYINI5.js → chunk-27PVESBY.js} +3 -3
  73. package/dist/{chunk-VCXZZ25L.js → chunk-2ZDCLGTU.js} +2 -2
  74. package/dist/{chunk-TDAEMXEE.js → chunk-3ELZCVBQ.js} +1 -1
  75. package/dist/{chunk-JVN5ZGV3.js → chunk-3MYOBJLV.js} +1 -1
  76. package/dist/{chunk-EQEKYYIB.js → chunk-3NNU4ZW3.js} +2 -2
  77. package/dist/{chunk-DP23X6HZ.js → chunk-3OGRUHKU.js} +1 -1
  78. package/dist/{chunk-ZRL67NPK.js → chunk-3PVTFW74.js} +3 -3
  79. package/dist/{chunk-2MMOUDFD.js → chunk-3XFVUSZI.js} +2 -2
  80. package/dist/{chunk-XR6SC252.js → chunk-4J6HM4ZD.js} +5 -5
  81. package/dist/{chunk-CAMLJNPG.js → chunk-4OFS65KY.js} +1 -1
  82. package/dist/{chunk-GFZIITQD.js → chunk-4QNVP6F5.js} +1 -1
  83. package/dist/{chunk-THQ4OAEL.js → chunk-5HOQ72M5.js} +5 -5
  84. package/dist/{chunk-GDDLFLKV.js → chunk-63G753TA.js} +1 -1
  85. package/dist/{chunk-GLVS3EMV.js → chunk-66FXPML6.js} +1 -1
  86. package/dist/{chunk-HBERBHVX.js → chunk-6MMJEEWP.js} +1 -1
  87. package/dist/{chunk-H5JOEG7I.js → chunk-6Q5ZHGO3.js} +5 -5
  88. package/dist/{chunk-2CHPEOT7.js → chunk-6QMCLUQ5.js} +1 -1
  89. package/dist/{chunk-2UT6JJCS.js → chunk-6Y22TBJC.js} +8 -8
  90. package/dist/{chunk-MKIZYDD5.js → chunk-ADFLWF25.js} +1 -1
  91. package/dist/{chunk-UL5R2TMS.js → chunk-AF23UVEG.js} +1 -1
  92. package/dist/{chunk-ECQAPHH6.js → chunk-AH3GXNV5.js} +12 -12
  93. package/dist/{chunk-27WKZEEY.js → chunk-AKIEAK3Q.js} +2 -2
  94. package/dist/{chunk-PLZRXAW3.js → chunk-BJY6FCKP.js} +2 -2
  95. package/dist/{chunk-3UCMP2AH.js → chunk-C7P5BM7Y.js} +2 -2
  96. package/dist/{chunk-MHEY55HI.js → chunk-CSRFJNBA.js} +2 -2
  97. package/dist/{chunk-RR4ZCKFE.js → chunk-D4U45JIF.js} +2 -2
  98. package/dist/{chunk-YJE7E5OH.js → chunk-DFBBU44U.js} +3 -3
  99. package/dist/{chunk-ASSMRVHT.js → chunk-DH2AP6OA.js} +5 -5
  100. package/dist/{chunk-ENQBKOPX.js → chunk-EU5BJZQI.js} +1 -1
  101. package/dist/{chunk-2S4JJZRQ.js → chunk-FNI4O33A.js} +10 -8
  102. package/dist/{chunk-ZDEKCOOC.js → chunk-FSAVTRDT.js} +1 -1
  103. package/dist/{chunk-UAYL3XDR.js → chunk-GC6ZPFYC.js} +8 -8
  104. package/dist/{chunk-OCWPS7GD.js → chunk-GMRIW7TP.js} +2 -2
  105. package/dist/{chunk-7MJXWOID.js → chunk-IQVNGB2U.js} +11 -11
  106. package/dist/{chunk-2ZDKAE5K.js → chunk-J6OIUWDS.js} +7 -7
  107. package/dist/{chunk-F3T6W2WM.js → chunk-JBY4AIFR.js} +2 -2
  108. package/dist/chunk-JF3RNXXG.js +38 -0
  109. package/dist/{chunk-LDUP2CAO.js → chunk-KCRAAJQ4.js} +3 -3
  110. package/dist/{chunk-FFG4K6ZQ.js → chunk-KFMWKIB5.js} +1 -1
  111. package/dist/{chunk-LR34EGBM.js → chunk-KHJEGBSI.js} +10 -10
  112. package/dist/{chunk-DWZLEWHG.js → chunk-LHDNOOWM.js} +2 -2
  113. package/dist/{chunk-R42CLEYO.js → chunk-MGQUORQ6.js} +2 -2
  114. package/dist/{chunk-N6X66BJY.js → chunk-MLSZZ2YK.js} +2 -2
  115. package/dist/{chunk-RRJTW4Z7.js → chunk-N3GLP7QO.js} +1 -1
  116. package/dist/{chunk-TRCGBAIX.js → chunk-N6CNGZ3K.js} +1 -1
  117. package/dist/{chunk-PYRR7Q5U.js → chunk-NGSCLLWG.js} +1 -1
  118. package/dist/{chunk-BLQ5PYIF.js → chunk-NTMGH3AT.js} +2 -2
  119. package/dist/{chunk-SYH4BLWA.js → chunk-NTODF2QA.js} +1 -1
  120. package/dist/{chunk-WC5ZUP2T.js → chunk-NYSJVPB5.js} +2 -2
  121. package/dist/{chunk-SK6SNUKY.js → chunk-OW6M2VJQ.js} +8 -8
  122. package/dist/{chunk-XCGP42UI.js → chunk-OWM4D6VT.js} +1 -1
  123. package/dist/{chunk-AHKRJPF6.js → chunk-OZWL6VM7.js} +2 -2
  124. package/dist/{chunk-P4X5GQ5K.js → chunk-PCH7FEVS.js} +2 -2
  125. package/dist/{chunk-JEHIPH74.js → chunk-PRUBFXYK.js} +5 -5
  126. package/dist/{chunk-ZPCY3OK6.js → chunk-PY4UT34U.js} +1 -1
  127. package/dist/{chunk-XF77IMBO.js → chunk-Q4HMO7Q3.js} +2 -2
  128. package/dist/{chunk-2TNVXSEJ.js → chunk-R3E5G4ZH.js} +2 -2
  129. package/dist/{chunk-CDKPDMNK.js → chunk-R7DEZVEZ.js} +2 -2
  130. package/dist/{chunk-5UY55BSM.js → chunk-REYDGZWV.js} +3 -3
  131. package/dist/{chunk-FZBYIHVX.js → chunk-RFF2GVAI.js} +1 -1
  132. package/dist/{chunk-S5NO7N32.js → chunk-RUFC47M4.js} +2 -2
  133. package/dist/{chunk-3ECCTNM6.js → chunk-SV7J2FKQ.js} +1 -1
  134. package/dist/{chunk-BRSTXEXO.js → chunk-TF5IRRVE.js} +1 -1
  135. package/dist/{chunk-U36V63TW.js → chunk-TJ35OGZL.js} +1 -1
  136. package/dist/{chunk-IC4RAAMH.js → chunk-TLLEZADI.js} +1 -1
  137. package/dist/{chunk-D6OKEIZN.js → chunk-U4YNXKEQ.js} +1 -1
  138. package/dist/{chunk-3UGFIGCD.js → chunk-UOP32WBF.js} +2 -2
  139. package/dist/{chunk-OPARHXRB.js → chunk-V3SFULRL.js} +1 -1
  140. package/dist/{chunk-XDX722SV.js → chunk-V4CA7BH7.js} +1 -1
  141. package/dist/{chunk-CXXWL5AZ.js → chunk-VLHRF52C.js} +2 -2
  142. package/dist/{chunk-4TM7GV2V.js → chunk-VNMTRKJ5.js} +4 -4
  143. package/dist/{chunk-UL2ITI33.js → chunk-WM6VRWZQ.js} +1 -1
  144. package/dist/{chunk-T2M4FTI2.js → chunk-WMLCHW7S.js} +1 -1
  145. package/dist/{chunk-E5KDQAZB.js → chunk-WUEHDPNX.js} +3 -3
  146. package/dist/{chunk-KO4O6HC7.js → chunk-WXGFBG3G.js} +2 -2
  147. package/dist/{chunk-M66L3RAL.js → chunk-XTSZLGCW.js} +3 -3
  148. package/dist/{chunk-444PPC5Q.js → chunk-Y54GDDMZ.js} +1 -1
  149. package/dist/{chunk-KFIW7WMI.js → chunk-YRJYUPFY.js} +1 -1
  150. package/dist/{chunk-WYU6M7QL.js → chunk-ZGJG55SI.js} +3 -3
  151. package/dist/{chunk-O4T5TBT7.js → chunk-ZHGGRFV5.js} +2 -2
  152. package/dist/combobox/src/ComboBox.css +759 -721
  153. package/dist/combobox/src/ComboBox.js +17 -17
  154. package/dist/combobox/src/index.css +759 -721
  155. package/dist/combobox/src/index.js +17 -17
  156. package/dist/disclosure/src/Disclosure.css +125 -87
  157. package/dist/disclosure/src/Disclosure.js +1 -1
  158. package/dist/disclosure/src/DisclosureHeader.css +132 -94
  159. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  160. package/dist/disclosure/src/DisclosurePanel.css +120 -82
  161. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  162. package/dist/disclosure/src/index.css +150 -112
  163. package/dist/disclosure/src/index.js +7 -7
  164. package/dist/divider/src/Divider.css +117 -79
  165. package/dist/divider/src/Divider.js +1 -1
  166. package/dist/divider/src/index.css +117 -79
  167. package/dist/divider/src/index.js +1 -1
  168. package/dist/error-message/src/ErrorMessage.css +117 -79
  169. package/dist/error-message/src/ErrorMessage.js +2 -2
  170. package/dist/error-message/src/index.css +117 -79
  171. package/dist/error-message/src/index.js +2 -2
  172. package/dist/form/src/Form.css +110 -72
  173. package/dist/form/src/Form.js +1 -1
  174. package/dist/form/src/index.css +110 -72
  175. package/dist/form/src/index.js +1 -1
  176. package/dist/helper-message/src/HelperMessage.css +117 -79
  177. package/dist/helper-message/src/HelperMessage.js +2 -2
  178. package/dist/helper-message/src/index.css +117 -79
  179. package/dist/helper-message/src/index.js +2 -2
  180. package/dist/hopper-provider/src/HopperProvider.css +116 -78
  181. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  182. package/dist/hopper-provider/src/index.css +116 -78
  183. package/dist/hopper-provider/src/index.js +1 -1
  184. package/dist/icon-list/src/IconList.css +116 -78
  185. package/dist/icon-list/src/IconList.js +1 -1
  186. package/dist/icon-list/src/index.css +116 -78
  187. package/dist/icon-list/src/index.js +1 -1
  188. package/dist/illustrated-message/src/IllustratedMessage.css +352 -314
  189. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  190. package/dist/illustrated-message/src/index.css +352 -314
  191. package/dist/illustrated-message/src/index.js +1 -1
  192. package/dist/image/src/Image.css +118 -80
  193. package/dist/image/src/Image.js +1 -1
  194. package/dist/image/src/SvgImage.css +116 -78
  195. package/dist/image/src/SvgImage.js +1 -1
  196. package/dist/image/src/index.css +119 -81
  197. package/dist/image/src/index.js +2 -2
  198. package/dist/index.css +1076 -1037
  199. package/dist/index.d.ts +5 -4
  200. package/dist/index.js +80 -79
  201. package/dist/inputs/src/Input.css +119 -81
  202. package/dist/inputs/src/Input.js +1 -1
  203. package/dist/inputs/src/InputGroup.css +121 -83
  204. package/dist/inputs/src/InputGroup.js +1 -1
  205. package/dist/inputs/src/NumberField.css +145 -107
  206. package/dist/inputs/src/NumberField.js +9 -9
  207. package/dist/inputs/src/PasswordField.css +353 -315
  208. package/dist/inputs/src/PasswordField.js +9 -9
  209. package/dist/inputs/src/RemainingCharacterCount.css +118 -80
  210. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  211. package/dist/inputs/src/SearchField.css +359 -321
  212. package/dist/inputs/src/SearchField.js +10 -10
  213. package/dist/inputs/src/TextArea.css +142 -104
  214. package/dist/inputs/src/TextArea.js +8 -8
  215. package/dist/inputs/src/TextField.css +357 -319
  216. package/dist/inputs/src/TextField.js +12 -12
  217. package/dist/inputs/src/index.css +410 -372
  218. package/dist/inputs/src/index.js +16 -16
  219. package/dist/link/src/Link.css +154 -116
  220. package/dist/link/src/Link.js +3 -3
  221. package/dist/link/src/index.css +154 -116
  222. package/dist/link/src/index.js +3 -3
  223. package/dist/list-box/src/ListBox.css +389 -351
  224. package/dist/list-box/src/ListBox.js +7 -7
  225. package/dist/list-box/src/ListBoxItem.css +377 -339
  226. package/dist/list-box/src/ListBoxItem.js +6 -6
  227. package/dist/list-box/src/ListBoxItemSkeleton.css +122 -84
  228. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  229. package/dist/list-box/src/index.css +389 -351
  230. package/dist/list-box/src/index.js +7 -7
  231. package/dist/modal/src/BaseModal.css +130 -92
  232. package/dist/modal/src/BaseModal.js +1 -1
  233. package/dist/modal/src/CustomModal.css +131 -93
  234. package/dist/modal/src/CustomModal.js +2 -2
  235. package/dist/modal/src/Modal.css +372 -334
  236. package/dist/modal/src/Modal.js +8 -8
  237. package/dist/modal/src/index.css +378 -340
  238. package/dist/modal/src/index.js +9 -9
  239. package/dist/overlays/popover/src/Popover.css +670 -632
  240. package/dist/overlays/popover/src/Popover.js +2 -2
  241. package/dist/overlays/popover/src/PopoverBase.css +119 -81
  242. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  243. package/dist/overlays/popover/src/index.css +674 -636
  244. package/dist/overlays/popover/src/index.js +3 -3
  245. package/dist/radio/src/DecorativeRadio.css +142 -104
  246. package/dist/radio/src/DecorativeRadio.js +3 -3
  247. package/dist/radio/src/Radio.css +134 -96
  248. package/dist/radio/src/Radio.js +3 -3
  249. package/dist/radio/src/RadioField.css +121 -83
  250. package/dist/radio/src/RadioField.js +2 -2
  251. package/dist/radio/src/RadioGroup.css +186 -148
  252. package/dist/radio/src/RadioGroup.js +6 -6
  253. package/dist/radio/src/index.css +186 -148
  254. package/dist/radio/src/index.js +10 -10
  255. package/dist/segmented-control/src/SegmentedControl.css +116 -78
  256. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  257. package/dist/segmented-control/src/SegmentedControlItem.css +130 -92
  258. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  259. package/dist/segmented-control/src/index.css +131 -93
  260. package/dist/segmented-control/src/index.js +3 -3
  261. package/dist/select/src/Select.css +703 -665
  262. package/dist/select/src/Select.js +16 -16
  263. package/dist/select/src/SelectValue.css +176 -138
  264. package/dist/select/src/SelectValue.js +2 -2
  265. package/dist/select/src/index.css +703 -665
  266. package/dist/select/src/index.js +16 -16
  267. package/dist/spinner/src/Spinner.css +125 -87
  268. package/dist/spinner/src/Spinner.js +2 -2
  269. package/dist/spinner/src/index.css +125 -87
  270. package/dist/spinner/src/index.js +2 -2
  271. package/dist/switch/src/Switch.css +131 -93
  272. package/dist/switch/src/Switch.js +3 -3
  273. package/dist/switch/src/SwitchField.css +121 -83
  274. package/dist/switch/src/SwitchField.js +2 -2
  275. package/dist/switch/src/index.css +137 -99
  276. package/dist/switch/src/index.js +4 -4
  277. package/dist/tabs/src/Tab.css +529 -490
  278. package/dist/tabs/src/Tab.js +2 -2
  279. package/dist/tabs/src/TabLine.css +117 -79
  280. package/dist/tabs/src/TabLine.js +1 -1
  281. package/dist/tabs/src/TabList.css +124 -86
  282. package/dist/tabs/src/TabList.js +2 -2
  283. package/dist/tabs/src/TabPanel.css +117 -79
  284. package/dist/tabs/src/TabPanel.js +1 -1
  285. package/dist/tabs/src/index.css +540 -501
  286. package/dist/tabs/src/index.js +5 -5
  287. package/dist/tag/src/Tag.css +507 -468
  288. package/dist/tag/src/Tag.js +7 -7
  289. package/dist/tag/src/TagGroup.css +125 -87
  290. package/dist/tag/src/TagGroup.js +6 -6
  291. package/dist/tag/src/index.css +517 -478
  292. package/dist/tag/src/index.js +11 -11
  293. package/dist/tile/src/Tile.css +124 -86
  294. package/dist/tile/src/Tile.js +2 -2
  295. package/dist/tile/src/TileGroup.css +116 -78
  296. package/dist/tile/src/TileGroup.js +1 -1
  297. package/dist/tile/src/index.css +125 -87
  298. package/dist/tile/src/index.js +3 -3
  299. package/dist/toggle-arrow/src/ToggleArrow.css +117 -79
  300. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  301. package/dist/toggle-arrow/src/index.css +117 -79
  302. package/dist/toggle-arrow/src/index.js +1 -1
  303. package/dist/tooltip/src/Tooltip.css +125 -87
  304. package/dist/tooltip/src/Tooltip.js +3 -3
  305. package/dist/tooltip/src/TooltipTrigger.css +115 -77
  306. package/dist/tooltip/src/index.css +125 -87
  307. package/dist/tooltip/src/index.js +3 -3
  308. package/dist/typography/heading/src/Heading.css +115 -77
  309. package/dist/typography/heading/src/Heading.js +1 -1
  310. package/dist/typography/heading/src/index.css +115 -77
  311. package/dist/typography/heading/src/index.js +1 -1
  312. package/dist/typography/label/src/Label.css +97 -59
  313. package/dist/typography/label/src/Label.js +2 -2
  314. package/dist/typography/label/src/index.css +97 -59
  315. package/dist/typography/label/src/index.js +2 -2
  316. package/dist/typography/overline-text/src/OverlineText.css +83 -45
  317. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  318. package/dist/typography/overline-text/src/index.css +83 -45
  319. package/dist/typography/overline-text/src/index.js +1 -1
  320. package/dist/typography/paragraph/src/Paragraph.css +272 -0
  321. package/dist/typography/paragraph/src/Paragraph.d.ts +16 -0
  322. package/dist/typography/paragraph/src/Paragraph.js +7 -0
  323. package/dist/typography/paragraph/src/index.css +272 -0
  324. package/dist/typography/paragraph/src/index.d.ts +5 -0
  325. package/dist/typography/paragraph/src/index.js +7 -0
  326. package/dist/typography/text/src/Text.css +83 -45
  327. package/dist/typography/text/src/Text.js +1 -1
  328. package/dist/typography/text/src/index.css +83 -45
  329. package/dist/typography/text/src/index.js +1 -1
  330. package/dist/utils/src/ClearSlots.css +115 -77
  331. package/dist/utils/src/EnsureTextWrapper.css +115 -77
  332. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  333. package/dist/utils/src/index.css +115 -77
  334. package/dist/utils/src/index.js +2 -2
  335. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___igVqd {
2
+ .Heading-module__hop-Heading___Wsu0W {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___igVqd) {
36
+ :where(.Heading-module__hop-Heading___Wsu0W) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,51 +41,120 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___RyB2G) {
44
+ :where(.Heading-module__hop-Heading--xs___0qq2b) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___CtIaS) {
50
+ :where(.Heading-module__hop-Heading--sm___A-hGI) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___RKhqJ) {
56
+ :where(.Heading-module__hop-Heading--md___HE--R) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___ANMvZ) {
62
+ :where(.Heading-module__hop-Heading--lg___-OS8V) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___cXo2Z) {
68
+ :where(.Heading-module__hop-Heading--xl___feRIB) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___DBhH7) {
74
+ :where(.Heading-module__hop-Heading--2xl___bdjNM) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___aIERK) {
80
+ :where(.Heading-module__hop-Heading--3xl___uKkPe) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
84
84
  --line-height: var(--hop-Heading-3xl-line-height);
85
85
  }
86
86
 
87
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
+ .Form-module__hop-Form___Mw--l {
89
+ display: flex;
90
+ flex-direction: column;
91
+ gap: var(--hop-space-stack-lg);
92
+ }
93
+
94
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
+ .Label-module__hop-Label___JwMYc {
96
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
+ --hop-Label-color: var(--hop-neutral-text-weak);
101
+ }
102
+ :where(.Label-module__hop-Label___JwMYc) {
103
+ font-family: var(--hop-Label-font-family);
104
+ font-size: var(--hop-Label-font-size);
105
+ font-weight: var(--hop-Label-font-weight);
106
+ line-height: var(--hop-Label-line-height);
107
+ color: var(--hop-Label-color);
108
+ }
109
+ :where(.Label-module__hop-Label__indicator___AdVMW) {
110
+ padding-inline-start: var(--hop-space-20);
111
+ }
112
+
113
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
+ :where(.OverlineText-module__hop-OverlineText___Ixn7X) {
115
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
118
+ --hop-OverlineText-letter-spacing: 0.015rem;
119
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
120
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
121
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
122
+ --font-family: var(--hop-OverlineText-font-family);
123
+ --font-size: var(--hop-OverlineText-font-size);
124
+ --font-weight: var(--hop-OverlineText-font-weight);
125
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
126
+ --line-height: var(--hop-OverlineText-line-height);
127
+ --top-offset: var(--hop-OverlineText-top-offset);
128
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
129
+ box-sizing: border-box;
130
+ font-family: var(--font-family);
131
+ font-size: var(--font-size);
132
+ font-feature-settings: "case";
133
+ font-weight: var(--font-weight);
134
+ line-height: var(--line-height);
135
+ text-transform: uppercase;
136
+ letter-spacing: var(--letter-spacing);
137
+ }
138
+ .OverlineText-module__hop-OverlineText__text___ZNdD1 {
139
+ box-sizing: border-box;
140
+ }
141
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::before,
142
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::after {
143
+ content: "";
144
+ display: block;
145
+ box-sizing: border-box;
146
+ inline-size: 0;
147
+ block-size: 0;
148
+ }
149
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::before {
150
+ margin-block-end: var(--bottom-offset);
151
+ }
152
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::after {
153
+ margin-block-start: var(--top-offset);
154
+ }
155
+
87
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
88
- .Text-module__hop-Text___Fwn4J {
157
+ .Text-module__hop-Text___v3ZK1 {
89
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
90
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
91
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -115,126 +184,95 @@
115
184
  --hop-Text-inherit-size-font-weight: inherit;
116
185
  --hop-Text-inherit-size-line-height: inherit;
117
186
  }
118
- :where(.Text-module__hop-Text___Fwn4J) {
187
+ :where(.Text-module__hop-Text___v3ZK1) {
119
188
  font-family: var(--font-family);
120
189
  font-size: var(--font-size);
121
190
  font-weight: var(--font-weight);
122
191
  line-height: var(--line-height);
123
192
  }
124
- :where(.Text-module__hop-Text--xs___vBBia) {
193
+ :where(.Text-module__hop-Text--xs___Y-odp) {
125
194
  --font-size: var(--hop-Text-xs-font-size);
126
195
  --font-family: var(--hop-Text-xs-font-family);
127
196
  --font-weight: var(--hop-Text-xs-font-weight);
128
197
  --line-height: var(--hop-Text-xs-line-height);
129
198
  }
130
- :where(.Text-module__hop-Text--sm___CuD-V) {
199
+ :where(.Text-module__hop-Text--sm___27mHc) {
131
200
  --font-size: var(--hop-Text-sm-font-size);
132
201
  --font-family: var(--hop-Text-sm-font-family);
133
202
  --font-weight: var(--hop-Text-sm-font-weight);
134
203
  --line-height: var(--hop-Text-sm-line-height);
135
204
  }
136
- :where(.Text-module__hop-Text--md___29Na4) {
205
+ :where(.Text-module__hop-Text--md___4g0lP) {
137
206
  --font-size: var(--hop-Text-md-font-size);
138
207
  --font-family: var(--hop-Text-md-font-family);
139
208
  --font-weight: var(--hop-Text-md-font-weight);
140
209
  --line-height: var(--hop-Text-md-line-height);
141
210
  }
142
- :where(.Text-module__hop-Text--lg___v4hQy) {
211
+ :where(.Text-module__hop-Text--lg___04WEl) {
143
212
  --font-size: var(--hop-Text-lg-font-size);
144
213
  --font-family: var(--hop-Text-lg-font-family);
145
214
  --font-weight: var(--hop-Text-lg-font-weight);
146
215
  --line-height: var(--hop-Text-lg-line-height);
147
216
  }
148
- :where(.Text-module__hop-Text--xl___R5ZqU) {
217
+ :where(.Text-module__hop-Text--xl___q6pxz) {
149
218
  --font-size: var(--hop-Text-xl-font-size);
150
219
  --font-family: var(--hop-Text-xl-font-family);
151
220
  --font-weight: var(--hop-Text-xl-font-weight);
152
221
  --line-height: var(--hop-Text-xl-line-height);
153
222
  }
154
- :where(.Text-module__hop-Text--2xl___vOufo) {
223
+ :where(.Text-module__hop-Text--2xl___-uxum) {
155
224
  --font-size: var(--hop-Text-2xl-font-size);
156
225
  --font-family: var(--hop-Text-2xl-font-family);
157
226
  --font-weight: var(--hop-Text-2xl-font-weight);
158
227
  --line-height: var(--hop-Text-2xl-line-height);
159
228
  }
160
- :where(.Text-module__hop-Text--inherit___mSz8x) {
229
+ :where(.Text-module__hop-Text--inherit___RewNr) {
161
230
  --font-size: var(--hop-Text-inherit-size-font-size);
162
231
  --font-family: var(--hop-Text-inherit-size-font-family);
163
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
164
233
  --line-height: var(--hop-Text-inherit-size-line-height);
165
234
  }
166
235
 
167
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
168
- :where(.OverlineText-module__hop-OverlineText___FGab2) {
169
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
170
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
171
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
172
- --hop-OverlineText-letter-spacing: 0.015rem;
173
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
174
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
175
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
176
- --font-family: var(--hop-OverlineText-font-family);
177
- --font-size: var(--hop-OverlineText-font-size);
178
- --font-weight: var(--hop-OverlineText-font-weight);
179
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
180
- --line-height: var(--hop-OverlineText-line-height);
181
- --top-offset: var(--hop-OverlineText-top-offset);
182
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
183
- box-sizing: border-box;
184
- font-family: var(--font-family);
185
- font-size: var(--font-size);
186
- font-feature-settings: "case";
187
- font-weight: var(--font-weight);
188
- line-height: var(--line-height);
189
- text-transform: uppercase;
190
- letter-spacing: var(--letter-spacing);
236
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
+ .Paragraph-module__hop-Paragraph___zIPGL {
238
+ --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
+ --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
+ --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
241
+ --hop-Paragraph-lg-margin-bottom: calc(1rem * .75);
242
+ --hop-Paragraph-xl-margin-bottom: calc(1.125rem * .75);
243
+ --hop-Paragraph-2xl-margin-bottom: calc(1.375rem * .75);
244
+ --hop-Paragraph-inherit-margin-bottom: .75em;
245
+ margin: 0;
246
+ margin-block-end: var(--margin-block-end);
247
+ overflow-wrap: break-word;
191
248
  }
192
- .OverlineText-module__hop-OverlineText__text___JGsJy {
193
- box-sizing: border-box;
249
+ .Paragraph-module__hop-Paragraph___zIPGL:last-child {
250
+ --margin-block-end: 0;
194
251
  }
195
- .OverlineText-module__hop-OverlineText__text___JGsJy::before,
196
- .OverlineText-module__hop-OverlineText__text___JGsJy::after {
197
- content: "";
198
- display: block;
199
- box-sizing: border-box;
200
- inline-size: 0;
201
- block-size: 0;
252
+ .Paragraph-module__hop-Paragraph--xs___GnH4z {
253
+ --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
202
254
  }
203
- .OverlineText-module__hop-OverlineText__text___JGsJy::before {
204
- margin-block-end: var(--bottom-offset);
255
+ .Paragraph-module__hop-Paragraph--sm___e5ZpV {
256
+ --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
205
257
  }
206
- .OverlineText-module__hop-OverlineText__text___JGsJy::after {
207
- margin-block-start: var(--top-offset);
258
+ .Paragraph-module__hop-Paragraph--md___0rGEH {
259
+ --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
208
260
  }
209
-
210
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
211
- .Form-module__hop-Form___FyvEO {
212
- display: flex;
213
- flex-direction: column;
214
- gap: var(--hop-space-stack-lg);
261
+ .Paragraph-module__hop-Paragraph--lg___kvkHm {
262
+ --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
215
263
  }
216
-
217
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
218
- .Label-module__hop-Label___y79IZ {
219
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
220
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
221
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
222
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
223
- --hop-Label-color: var(--hop-neutral-text-weak);
264
+ .Paragraph-module__hop-Paragraph--xl___pd3VX {
265
+ --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
224
266
  }
225
- :where(.Label-module__hop-Label___y79IZ) {
226
- font-family: var(--hop-Label-font-family);
227
- font-size: var(--hop-Label-font-size);
228
- font-weight: var(--hop-Label-font-weight);
229
- line-height: var(--hop-Label-line-height);
230
- color: var(--hop-Label-color);
267
+ .Paragraph-module__hop-Paragraph--2xl___0FEsW {
268
+ --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
231
269
  }
232
- :where(.Label-module__hop-Label__indicator___TAshU) {
233
- padding-inline-start: var(--hop-space-20);
270
+ .Paragraph-module__hop-Paragraph--inherit___tEuRz {
271
+ --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
234
272
  }
235
273
 
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
237
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___tLh3a {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___VB36- {
238
276
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
239
277
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
240
278
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -265,46 +303,46 @@
265
303
  background-color: var(--background-color);
266
304
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
267
305
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AN-XX {
306
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___rLekj {
269
307
  --size: var(--hop-RichIconAvatarImage-xs-size);
270
308
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
271
309
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___SbknP {
310
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___oFZ5q {
273
311
  --size: var(--hop-RichIconAvatarImage-sm-size);
274
312
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
275
313
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___YHWex {
314
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___pNwZm {
277
315
  --size: var(--hop-RichIconAvatarImage-md-size);
278
316
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
279
317
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___AqmWk {
318
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___0Kcj- {
281
319
  --size: var(--hop-RichIconAvatarImage-lg-size);
282
320
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
283
321
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ptlIl {
322
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___jRzl- {
285
323
  --size: var(--hop-RichIconAvatarImage-xl-size);
286
324
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
287
325
  }
288
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___L-B4O {
326
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___OdTAe {
289
327
  --size: var(--hop-RichIconAvatarImage-2xl-size);
290
328
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
291
329
  }
292
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___tLh3a[data-disabled] {
330
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___VB36-[data-disabled] {
293
331
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
294
332
  }
295
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___exYrc {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___zX7Pg {
296
334
  position: relative;
297
335
  display: block;
298
336
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
299
337
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
300
338
  }
301
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___tLh3a[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___exYrc {
339
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___VB36-[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___zX7Pg {
302
340
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
303
341
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
304
342
  }
305
343
 
306
344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
307
- .Avatar-module__hop-Avatar___etbiL {
345
+ .Avatar-module__hop-Avatar___lLhE9 {
308
346
  --hop-Avatar-border-radius: var(--hop-shape-circle);
309
347
  --hop-Avatar-mix-blend-mode: normal;
310
348
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -349,67 +387,67 @@
349
387
  background-color: var(--background-color, transparent);
350
388
  border-radius: var(--hop-Avatar-border-radius);
351
389
  }
352
- .Avatar-module__hop-Avatar--xs___pDBeK {
390
+ .Avatar-module__hop-Avatar--xs___pRuXw {
353
391
  --size: var(--hop-Avatar-xs-size);
354
392
  }
355
- .Avatar-module__hop-Avatar--sm___9SiY5 {
393
+ .Avatar-module__hop-Avatar--sm___2Q-uw {
356
394
  --size: var(--hop-Avatar-sm-size);
357
395
  }
358
- .Avatar-module__hop-Avatar--md___RLLPg {
396
+ .Avatar-module__hop-Avatar--md___kRCji {
359
397
  --size: var(--hop-Avatar-md-size);
360
398
  }
361
- .Avatar-module__hop-Avatar--lg___RRc8J {
399
+ .Avatar-module__hop-Avatar--lg___To9rm {
362
400
  --size: var(--hop-Avatar-lg-size);
363
401
  }
364
- .Avatar-module__hop-Avatar--xl___PDRQF {
402
+ .Avatar-module__hop-Avatar--xl___rF89T {
365
403
  --size: var(--hop-Avatar-xl-size);
366
404
  }
367
- .Avatar-module__hop-Avatar--2xl___BjbW3 {
405
+ .Avatar-module__hop-Avatar--2xl___oZi0o {
368
406
  --size: var(--hop-Avatar-2xl-size);
369
407
  }
370
- .Avatar-module__hop-Avatar--decorative-option1___hw1T0 {
408
+ .Avatar-module__hop-Avatar--decorative-option1___2fqKi {
371
409
  --background-color: var(--hop-Avatar-decorative-1-background-color);
372
410
  --text-color: var(--hop-Avatar-decorative-1-text-color);
373
411
  }
374
- .Avatar-module__hop-Avatar--decorative-option2___5krdM {
412
+ .Avatar-module__hop-Avatar--decorative-option2___Tu6xT {
375
413
  --background-color: var(--hop-Avatar-decorative-2-background-color);
376
414
  --text-color: var(--hop-Avatar-decorative-2-text-color);
377
415
  }
378
- .Avatar-module__hop-Avatar--decorative-option3___HsKIl {
416
+ .Avatar-module__hop-Avatar--decorative-option3___-xB1C {
379
417
  --background-color: var(--hop-Avatar-decorative-3-background-color);
380
418
  --text-color: var(--hop-Avatar-decorative-3-text-color);
381
419
  }
382
- .Avatar-module__hop-Avatar--decorative-option4___YUjaH {
420
+ .Avatar-module__hop-Avatar--decorative-option4___izLGK {
383
421
  --background-color: var(--hop-Avatar-decorative-4-background-color);
384
422
  --text-color: var(--hop-Avatar-decorative-4-text-color);
385
423
  }
386
- .Avatar-module__hop-Avatar--decorative-option5___nU052 {
424
+ .Avatar-module__hop-Avatar--decorative-option5___hplYR {
387
425
  --background-color: var(--hop-Avatar-decorative-5-background-color);
388
426
  --text-color: var(--hop-Avatar-decorative-5-text-color);
389
427
  }
390
- .Avatar-module__hop-Avatar--decorative-option6___KfDYO {
428
+ .Avatar-module__hop-Avatar--decorative-option6___fxifE {
391
429
  --background-color: var(--hop-Avatar-decorative-6-background-color);
392
430
  --text-color: var(--hop-Avatar-decorative-6-text-color);
393
431
  }
394
- .Avatar-module__hop-Avatar--decorative-option7___dsTpu {
432
+ .Avatar-module__hop-Avatar--decorative-option7___0Xy3M {
395
433
  --background-color: var(--hop-Avatar-decorative-7-background-color);
396
434
  --text-color: var(--hop-Avatar-decorative-7-text-color);
397
435
  }
398
- .Avatar-module__hop-Avatar--decorative-option8___-9YjT {
436
+ .Avatar-module__hop-Avatar--decorative-option8___j59oD {
399
437
  --background-color: var(--hop-Avatar-decorative-8-background-color);
400
438
  --text-color: var(--hop-Avatar-decorative-8-text-color);
401
439
  }
402
- .Avatar-module__hop-Avatar--decorative-option9___jm8Se {
440
+ .Avatar-module__hop-Avatar--decorative-option9___KgGsw {
403
441
  --background-color: var(--hop-Avatar-decorative-9-background-color);
404
442
  --text-color: var(--hop-Avatar-decorative-9-text-color);
405
443
  }
406
- .Avatar-module__hop-Avatar___etbiL[data-disabled] {
444
+ .Avatar-module__hop-Avatar___lLhE9[data-disabled] {
407
445
  --background-color: var(--hop-Avatar-background-color-disabled);
408
446
  --text-color: var(--hop-Avatar-text-color-disabled);
409
447
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
410
448
  isolation: isolate;
411
449
  }
412
- .Avatar-module__hop-Avatar__image___hvXoD {
450
+ .Avatar-module__hop-Avatar__image___ERcKZ {
413
451
  position: relative;
414
452
  display: block;
415
453
  box-sizing: border-box;
@@ -420,7 +458,7 @@
420
458
  }
421
459
 
422
460
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
423
- .Tooltip-module__hop-Tooltip___wqOUS {
461
+ .Tooltip-module__hop-Tooltip___LyyAC {
424
462
  --hop-Tooltip-max-inline-size: 20rem;
425
463
  --hop-Tooltip-slide-amount: 0.25rem;
426
464
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -447,29 +485,29 @@
447
485
  border-radius: var(--hop-Tooltip-border-radius);
448
486
  box-shadow: var(--hop-Tooltip-box-shadow);
449
487
  }
450
- .Tooltip-module__hop-Tooltip--top___77P6x {
488
+ .Tooltip-module__hop-Tooltip--top___Z0zyI {
451
489
  --origin-x: 0;
452
490
  --origin-y: var(--hop-Tooltip-slide-amount);
453
491
  }
454
- .Tooltip-module__hop-Tooltip--right___ujk-Y {
492
+ .Tooltip-module__hop-Tooltip--right___QozcM {
455
493
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
456
494
  --origin-y: 0;
457
495
  }
458
- .Tooltip-module__hop-Tooltip--bottom___VYnFm {
496
+ .Tooltip-module__hop-Tooltip--bottom___YVmh9 {
459
497
  --origin-x: 0;
460
498
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
461
499
  }
462
- .Tooltip-module__hop-Tooltip--left___UB1ss {
500
+ .Tooltip-module__hop-Tooltip--left___bdvo4 {
463
501
  --origin-x: var(--hop-Tooltip-slide-amount);
464
502
  --origin-y: 0;
465
503
  }
466
- .Tooltip-module__hop-Tooltip___wqOUS[data-entering] {
467
- animation: Tooltip-module__slide___Ycaap 0.2s ease-out;
504
+ .Tooltip-module__hop-Tooltip___LyyAC[data-entering] {
505
+ animation: Tooltip-module__slide___t8Mis 0.2s ease-out;
468
506
  }
469
- .Tooltip-module__hop-Tooltip___wqOUS[data-exiting] {
470
- animation: Tooltip-module__slide___Ycaap 0.2s ease-in reverse;
507
+ .Tooltip-module__hop-Tooltip___LyyAC[data-exiting] {
508
+ animation: Tooltip-module__slide___t8Mis 0.2s ease-in reverse;
471
509
  }
472
- @keyframes Tooltip-module__slide___Ycaap {
510
+ @keyframes Tooltip-module__slide___t8Mis {
473
511
  from {
474
512
  transform: translate(var(--origin-x), var(--origin-y));
475
513
  opacity: 0;
@@ -481,44 +519,44 @@
481
519
  }
482
520
 
483
521
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
484
- .AvatarGroup-module__hop-AvatarGroup___jC9-q {
522
+ .AvatarGroup-module__hop-AvatarGroup___7NeXJ {
485
523
  --hop-AvatarGroup-display: flex;
486
524
  --hop-AvatarGroup-align-items: center;
487
525
  display: var(--hop-AvatarGroup-display);
488
526
  align-items: var(--hop-AvatarGroup-align-items);
489
527
  }
490
- .AvatarGroup-module__hop-AvatarGroup--wrap___kj2Gb {
528
+ .AvatarGroup-module__hop-AvatarGroup--wrap___UpLZI {
491
529
  flex-wrap: wrap;
492
530
  }
493
- .AvatarGroup-module__hop-AvatarGroup--xs___bPAGP {
531
+ .AvatarGroup-module__hop-AvatarGroup--xs___I1TmK {
494
532
  --gap: -0.125rem;
495
533
  }
496
- .AvatarGroup-module__hop-AvatarGroup--sm___5KNss {
534
+ .AvatarGroup-module__hop-AvatarGroup--sm___5t8V3 {
497
535
  --gap: -0.25rem;
498
536
  }
499
- .AvatarGroup-module__hop-AvatarGroup--md___4S1qM {
537
+ .AvatarGroup-module__hop-AvatarGroup--md___cWkdT {
500
538
  --gap: -0.5rem;
501
539
  }
502
- .AvatarGroup-module__hop-AvatarGroup--lg___d2NSl {
540
+ .AvatarGroup-module__hop-AvatarGroup--lg___U6cmp {
503
541
  --gap: -1rem;
504
542
  }
505
- .AvatarGroup-module__hop-AvatarGroup--xl___4UUny {
543
+ .AvatarGroup-module__hop-AvatarGroup--xl___kaxfy {
506
544
  --gap: -1rem;
507
545
  }
508
- .AvatarGroup-module__hop-AvatarGroup--2xl___VSzad {
546
+ .AvatarGroup-module__hop-AvatarGroup--2xl___-DilH {
509
547
  --gap: -2rem;
510
548
  }
511
- .AvatarGroup-module__hop-AvatarGroup__avatar___-IEu8 {
549
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP {
512
550
  margin-inline-start: var(--gap);
513
551
  transition: margin var(--hop-easing-duration-2);
514
552
  }
515
- .AvatarGroup-module__hop-AvatarGroup__avatar___-IEu8:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___-IEu8 {
553
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP {
516
554
  margin-inline-start: 0;
517
555
  }
518
- .AvatarGroup-module__hop-AvatarGroup__avatar___-IEu8:first-child {
556
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDLZP:first-child {
519
557
  margin-inline-start: 0;
520
558
  }
521
- .AvatarGroup-module__hop-AvatarGroup__label___mdK1J {
559
+ .AvatarGroup-module__hop-AvatarGroup__label___NmivK {
522
560
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
523
561
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
524
562
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -530,7 +568,7 @@
530
568
  font-weight: var(--hop-AvatarGroup-label-font-weight);
531
569
  line-height: var(--hop-AvatarGroup-label-line-height);
532
570
  }
533
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___6BAB2 {
571
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___kPOk0 {
534
572
  --hop-AvatarGroup__hiddenAvatar-display: flex;
535
573
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
536
574
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -548,21 +586,21 @@
548
586
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
549
587
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
550
588
  }
551
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___6BAB2:not(:last-child) {
589
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___kPOk0:not(:last-child) {
552
590
  margin-block-end: 0.25rem;
553
591
  }
554
- .AvatarGroup-module__hop-AvatarGroup--start___Cab9d {
592
+ .AvatarGroup-module__hop-AvatarGroup--start___Wi1Qb {
555
593
  justify-content: flex-start;
556
594
  }
557
- .AvatarGroup-module__hop-AvatarGroup--end___c-2OQ {
595
+ .AvatarGroup-module__hop-AvatarGroup--end___4HO1w {
558
596
  justify-content: flex-end;
559
597
  }
560
- .AvatarGroup-module__hop-AvatarGroup--center___V-jFY {
598
+ .AvatarGroup-module__hop-AvatarGroup--center___nbiXn {
561
599
  justify-content: center;
562
600
  }
563
601
 
564
602
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
565
- .Badge-module__hop-Badge___ssR3s {
603
+ .Badge-module__hop-Badge___LTdoD {
566
604
  --hop-Badge-height: 1.5rem;
567
605
  --hop-Badge-width: max-content;
568
606
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -612,67 +650,67 @@
612
650
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
613
651
  border-radius: var(--border-radius);
614
652
  }
615
- .Badge-module__hop-Badge--primary___VSZwW {
653
+ .Badge-module__hop-Badge--primary___6wcUV {
616
654
  --background-color: var(--hop-Badge-primary-background-color);
617
655
  --text-color: var(--hop-Badge-primary-text-color);
618
656
  }
619
- .Badge-module__hop-Badge--primary___VSZwW[data-hovered] {
657
+ .Badge-module__hop-Badge--primary___6wcUV[data-hovered] {
620
658
  --background-color: var(--hop-Badge-primary-background-color-hovered);
621
659
  --text-color: var(--hop-Badge-primary-text-color-hovered);
622
660
  }
623
- .Badge-module__hop-Badge--primary___VSZwW[data-pressed] {
661
+ .Badge-module__hop-Badge--primary___6wcUV[data-pressed] {
624
662
  --background-color: var(--hop-Badge-primary-background-color-pressed);
625
663
  --text-color: var(--hop-Badge-primary-text-color-pressed);
626
664
  }
627
- .Badge-module__hop-Badge--primary___VSZwW[data-selected] {
665
+ .Badge-module__hop-Badge--primary___6wcUV[data-selected] {
628
666
  --background-color: var(--hop-Badge-primary-background-color-selected);
629
667
  --text-color: var(--hop-Badge-primary-text-color-selected);
630
668
  }
631
- .Badge-module__hop-Badge--secondary___UO4LY {
669
+ .Badge-module__hop-Badge--secondary___hMM9K {
632
670
  --background-color: var(--hop-Badge-secondary-background-color);
633
671
  --text-color: var(--hop-Badge-secondary-text-color);
634
672
  }
635
- .Badge-module__hop-Badge--secondary___UO4LY[data-hovered] {
673
+ .Badge-module__hop-Badge--secondary___hMM9K[data-hovered] {
636
674
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
637
675
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
638
676
  }
639
- .Badge-module__hop-Badge--secondary___UO4LY[data-pressed] {
677
+ .Badge-module__hop-Badge--secondary___hMM9K[data-pressed] {
640
678
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
641
679
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
642
680
  }
643
- .Badge-module__hop-Badge--secondary___UO4LY[data-selected] {
681
+ .Badge-module__hop-Badge--secondary___hMM9K[data-selected] {
644
682
  --background-color: var(--hop-Badge-secondary-background-color-selected);
645
683
  --text-color: var(--hop-Badge-secondary-text-color-selected);
646
684
  }
647
- .Badge-module__hop-Badge--subdued___ba4Hb {
685
+ .Badge-module__hop-Badge--subdued___N1hXJ {
648
686
  --background-color: var(--hop-Badge-subdued-background-color);
649
687
  --text-color: var(--hop-Badge-subdued-text-color);
650
688
  }
651
- .Badge-module__hop-Badge--subdued___ba4Hb[data-hovered] {
689
+ .Badge-module__hop-Badge--subdued___N1hXJ[data-hovered] {
652
690
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
653
691
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
654
692
  }
655
- .Badge-module__hop-Badge--subdued___ba4Hb[data-pressed] {
693
+ .Badge-module__hop-Badge--subdued___N1hXJ[data-pressed] {
656
694
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
657
695
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
658
696
  }
659
- .Badge-module__hop-Badge--subdued___ba4Hb[data-selected] {
697
+ .Badge-module__hop-Badge--subdued___N1hXJ[data-selected] {
660
698
  --background-color: var(--hop-Badge-subdued-background-color-selected);
661
699
  --text-color: var(--hop-Badge-subdued-text-color-selected);
662
700
  }
663
- .Badge-module__hop-Badge___ssR3s[data-indeterminate] {
701
+ .Badge-module__hop-Badge___LTdoD[data-indeterminate] {
664
702
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
665
703
  --height: var(--hop-Badge-indeterminate-height);
666
704
  --width: var(--hop-Badge-indeterminate-width);
667
705
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
668
706
  }
669
- .Badge-module__hop-Badge___ssR3s[data-disabled] {
707
+ .Badge-module__hop-Badge___LTdoD[data-disabled] {
670
708
  --background-color: var(--hop-Badge-background-color-disabled);
671
709
  --text-color: var(--hop-Badge-text-color-disabled);
672
710
  }
673
711
 
674
712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
675
- .FloatingBadge-module__hop-FloatingBadge___uvtYh {
713
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq {
676
714
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
677
715
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
678
716
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -713,7 +751,7 @@
713
751
  box-sizing: border-box;
714
752
  inline-size: max-content;
715
753
  }
716
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="top right"] {
754
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top right"] {
717
755
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
718
756
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
719
757
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -721,11 +759,11 @@
721
759
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
722
760
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
723
761
  }
724
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="top right"][data-overlap=circular] {
762
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top right"][data-overlap=circular] {
725
763
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
726
764
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
727
765
  }
728
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="top left"] {
766
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top left"] {
729
767
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
730
768
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
731
769
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -733,11 +771,11 @@
733
771
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
734
772
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
735
773
  }
736
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="top left"][data-overlap=circular] {
774
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="top left"][data-overlap=circular] {
737
775
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
738
776
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
739
777
  }
740
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="bottom right"] {
778
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom right"] {
741
779
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
742
780
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
743
781
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -745,11 +783,11 @@
745
783
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
746
784
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
747
785
  }
748
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="bottom right"][data-overlap=circular] {
786
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom right"][data-overlap=circular] {
749
787
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
750
788
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
751
789
  }
752
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="bottom left"] {
790
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom left"] {
753
791
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
754
792
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
755
793
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -757,11 +795,11 @@
757
795
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
758
796
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
759
797
  }
760
- .FloatingBadge-module__hop-FloatingBadge___uvtYh[data-placement="bottom left"][data-overlap=circular] {
798
+ .FloatingBadge-module__hop-FloatingBadge___VmNQq[data-placement="bottom left"][data-overlap=circular] {
761
799
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
762
800
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
763
801
  }
764
- .FloatingBadge-module__hop-FloatingBadge__badge___malJo {
802
+ .FloatingBadge-module__hop-FloatingBadge__badge___2D5Dn {
765
803
  position: absolute;
766
804
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
767
805
  transform-origin: var(--badge-transform-origin);
@@ -769,7 +807,7 @@
769
807
  }
770
808
 
771
809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
772
- .IconList-module__hop-IconList___9DArN {
810
+ .IconList-module__hop-IconList___n74SL {
773
811
  --hop-IconList-gap: var(--hop-space-inline-xs);
774
812
  display: flex;
775
813
  flex-wrap: wrap;
@@ -778,7 +816,7 @@
778
816
  }
779
817
 
780
818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
781
- .Checkbox-module__hop-Checkbox___gMD5d {
819
+ .Checkbox-module__hop-Checkbox___DVbx- {
782
820
  --hop-Checkbox-box-border-size: 0.0625rem;
783
821
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
784
822
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -853,60 +891,60 @@
853
891
  inline-size: max-content;
854
892
  max-inline-size: 100%;
855
893
  }
856
- .Checkbox-module__hop-Checkbox___gMD5d[data-focus-visible] {
894
+ .Checkbox-module__hop-Checkbox___DVbx-[data-focus-visible] {
857
895
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
858
896
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
859
897
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
860
898
  --text-color: var(--hop-Checkbox-text-color-focused);
861
899
  --icon-color: var(--hop-Checkbox-icon-color-focused);
862
900
  }
863
- .Checkbox-module__hop-Checkbox___gMD5d[data-hovered] {
901
+ .Checkbox-module__hop-Checkbox___DVbx-[data-hovered] {
864
902
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
865
903
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
866
904
  --text-color: var(--hop-Checkbox-text-color-hovered);
867
905
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
868
906
  }
869
- .Checkbox-module__hop-Checkbox___gMD5d[data-pressed] {
907
+ .Checkbox-module__hop-Checkbox___DVbx-[data-pressed] {
870
908
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
871
909
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
872
910
  --text-color: var(--hop-Checkbox-text-color-pressed);
873
911
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
874
912
  }
875
- .Checkbox-module__hop-Checkbox___gMD5d[data-selected] {
913
+ .Checkbox-module__hop-Checkbox___DVbx-[data-selected] {
876
914
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
877
915
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
878
916
  --check-display: var(--hop-Checkbox-check-display-selected);
879
917
  --text-color: var(--hop-Checkbox-text-color-selected);
880
918
  --icon-color: var(--hop-Checkbox-icon-color-selected);
881
919
  }
882
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid] {
920
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid] {
883
921
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
884
922
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
885
923
  --check-color: var(--hop-Checkbox-check-color-invalid);
886
924
  --text-color: var(--hop-Checkbox-text-color-invalid);
887
925
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
888
926
  }
889
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid]:where([data-focus-visible]) {
927
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-focus-visible]) {
890
928
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
891
929
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
892
930
  }
893
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid]:where([data-hovered]) {
931
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-hovered]) {
894
932
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
895
933
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
896
934
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
897
935
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
898
936
  }
899
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid]:where([data-pressed]) {
937
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-pressed]) {
900
938
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
901
939
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
902
940
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
903
941
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
904
942
  }
905
- .Checkbox-module__hop-Checkbox___gMD5d:where([data-invalid])[data-selected] {
943
+ .Checkbox-module__hop-Checkbox___DVbx-:where([data-invalid])[data-selected] {
906
944
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
907
945
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
908
946
  }
909
- .Checkbox-module__hop-Checkbox___gMD5d[data-disabled] {
947
+ .Checkbox-module__hop-Checkbox___DVbx-[data-disabled] {
910
948
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
911
949
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
912
950
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -914,25 +952,25 @@
914
952
  --text-color: var(--hop-Checkbox-text-color-disabled);
915
953
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
916
954
  }
917
- .Checkbox-module__hop-Checkbox--sm___j18OC {
955
+ .Checkbox-module__hop-Checkbox--sm___Z6mbl {
918
956
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
919
957
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
920
958
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
921
959
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
922
960
  }
923
- .Checkbox-module__hop-Checkbox--md___Fh0Fw {
961
+ .Checkbox-module__hop-Checkbox--md___Kq3-s {
924
962
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
925
963
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
926
964
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
927
965
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
928
966
  }
929
- .Checkbox-module__hop-Checkbox__icon___F1lnd,
930
- .Checkbox-module__hop-Checkbox__icon-list___kypJY {
967
+ .Checkbox-module__hop-Checkbox__icon___2PU7h,
968
+ .Checkbox-module__hop-Checkbox__icon-list___lCMbT {
931
969
  flex: 0 0 auto;
932
970
  order: 3;
933
971
  color: var(--icon-color);
934
972
  }
935
- .Checkbox-module__hop-Checkbox__box___LQOzJ {
973
+ .Checkbox-module__hop-Checkbox__box___5UWz7 {
936
974
  display: flex;
937
975
  flex: 0 0 auto;
938
976
  align-items: center;
@@ -948,11 +986,11 @@
948
986
  outline-offset: 0.125rem;
949
987
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
950
988
  }
951
- .Checkbox-module__hop-Checkbox__check___kG8Rj {
989
+ .Checkbox-module__hop-Checkbox__check___FSOca {
952
990
  display: var(--check-display);
953
991
  color: var(--check-color);
954
992
  }
955
- .Checkbox-module__hop-Checkbox__text___DXis5 {
993
+ .Checkbox-module__hop-Checkbox__text___CIooa {
956
994
  flex: 0 1 auto;
957
995
  order: 2;
958
996
  min-inline-size: 0;
@@ -962,7 +1000,7 @@
962
1000
  }
963
1001
 
964
1002
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
965
- .CheckboxField-module__hop-CheckboxField___DDJQX {
1003
+ .CheckboxField-module__hop-CheckboxField___FcUfQ {
966
1004
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
967
1005
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
968
1006
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -981,28 +1019,28 @@
981
1019
  inline-size: max-content;
982
1020
  max-inline-size: 100%;
983
1021
  }
984
- .CheckboxField-module__hop-CheckboxField___DDJQX[data-disabled] {
1022
+ .CheckboxField-module__hop-CheckboxField___FcUfQ[data-disabled] {
985
1023
  --description-color: var(--hop-CheckboxField-description-color-disabled);
986
1024
  }
987
- .CheckboxField-module__hop-CheckboxField--sm___wLkTQ {
1025
+ .CheckboxField-module__hop-CheckboxField--sm___bG-73 {
988
1026
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
989
1027
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
990
1028
  }
991
- .CheckboxField-module__hop-CheckboxField--md___CaW6H {
1029
+ .CheckboxField-module__hop-CheckboxField--md___3mDzK {
992
1030
  --row-gap: var(--hop-CheckboxField-md-row-gap);
993
1031
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
994
1032
  }
995
- .CheckboxField-module__hop-CheckboxField__description___gmn-8 {
1033
+ .CheckboxField-module__hop-CheckboxField__description___gnCLG {
996
1034
  order: 2;
997
1035
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
998
1036
  color: var(--description-color);
999
1037
  }
1000
- .CheckboxField-module__hop-CheckboxField__checkbox___E2iqY {
1038
+ .CheckboxField-module__hop-CheckboxField__checkbox___1ggzZ {
1001
1039
  order: 1;
1002
1040
  }
1003
1041
 
1004
1042
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1005
- .ErrorMessage-module__hop-ErrorMessage___34QCD {
1043
+ .ErrorMessage-module__hop-ErrorMessage___LrJef {
1006
1044
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1007
1045
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1008
1046
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1019,13 +1057,13 @@
1019
1057
  line-height: var(--hop-ErrorMessage-line-height);
1020
1058
  color: var(--hop-ErrorMessage-color);
1021
1059
  }
1022
- .ErrorMessage-module__hop-ErrorMessage__icon___oK9wY {
1060
+ .ErrorMessage-module__hop-ErrorMessage__icon___onnlM {
1023
1061
  flex: 0 0 auto;
1024
1062
  align-self: flex-start;
1025
1063
  }
1026
1064
 
1027
1065
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1028
- .HelperMessage-module__hop-HelperMessage___haiv- {
1066
+ .HelperMessage-module__hop-HelperMessage___gHOEX {
1029
1067
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1030
1068
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1031
1069
  display: flex;
@@ -1034,13 +1072,13 @@
1034
1072
  box-sizing: border-box;
1035
1073
  color: var(--hop-HelperMessage-color);
1036
1074
  }
1037
- .HelperMessage-module__hop-HelperMessage__icon___XevrV {
1075
+ .HelperMessage-module__hop-HelperMessage__icon___KBS7i {
1038
1076
  flex: 0 0 auto;
1039
1077
  align-self: flex-start;
1040
1078
  }
1041
1079
 
1042
1080
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1043
- .CheckboxGroup-module__hop-CheckboxGroup___kWg6U {
1081
+ .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 {
1044
1082
  --hop-CheckboxGroup-align-items: flex-start;
1045
1083
  --hop-CheckboxGroup-justify-content: flex-start;
1046
1084
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1079,46 +1117,46 @@
1079
1117
  inline-size: max-content;
1080
1118
  max-inline-size: 100%;
1081
1119
  }
1082
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___uCHeb {
1120
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx {
1083
1121
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1084
1122
  --list-border-radius: var(--hop-shape-rounded-md);
1085
1123
  }
1086
- .CheckboxGroup-module__hop-CheckboxGroup--sm___WgSbO {
1124
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___bYs3r {
1087
1125
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1088
1126
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1089
1127
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1090
1128
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1091
1129
  }
1092
- .CheckboxGroup-module__hop-CheckboxGroup--md___8rd1d {
1130
+ .CheckboxGroup-module__hop-CheckboxGroup--md___aqZOw {
1093
1131
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1094
1132
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1095
1133
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1096
1134
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1097
1135
  }
1098
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___uCHeb.CheckboxGroup-module__hop-CheckboxGroup--sm___WgSbO {
1136
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx.CheckboxGroup-module__hop-CheckboxGroup--sm___bYs3r {
1099
1137
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1100
1138
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1101
1139
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1102
1140
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1103
1141
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1104
1142
  }
1105
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___uCHeb.CheckboxGroup-module__hop-CheckboxGroup--md___8rd1d {
1143
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx.CheckboxGroup-module__hop-CheckboxGroup--md___aqZOw {
1106
1144
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1107
1145
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1108
1146
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1109
1147
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1110
1148
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1111
1149
  }
1112
- .CheckboxGroup-module__hop-CheckboxGroup___kWg6U[data-orientation=horizontal] {
1150
+ .CheckboxGroup-module__hop-CheckboxGroup___4gEm4[data-orientation=horizontal] {
1113
1151
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1114
1152
  }
1115
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___uCHeb[data-orientation=horizontal] {
1153
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx[data-orientation=horizontal] {
1116
1154
  --flex-wrap: nowrap;
1117
1155
  }
1118
- .CheckboxGroup-module__hop-CheckboxGroup___kWg6U > .CheckboxGroup-module__hop-CheckboxGroup__label___0lAlI {
1156
+ .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 > .CheckboxGroup-module__hop-CheckboxGroup__label___nlTve {
1119
1157
  order: 1;
1120
1158
  }
1121
- .CheckboxGroup-module__hop-CheckboxGroup__list___e0tgA {
1159
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO {
1122
1160
  display: flex;
1123
1161
  flex-flow: var(--flex-direction) var(--flex-wrap);
1124
1162
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1129,7 +1167,7 @@
1129
1167
  border: var(--list-border, none);
1130
1168
  border-radius: var(--list-border-radius, 0);
1131
1169
  }
1132
- .CheckboxGroup-module__hop-CheckboxGroup__list___e0tgA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___CS3pz {
1170
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e {
1133
1171
  position: relative;
1134
1172
  flex: 0 1 auto;
1135
1173
  align-content: start;
@@ -1137,28 +1175,28 @@
1137
1175
  min-inline-size: 0;
1138
1176
  padding: var(--checkbox-padding, 0);
1139
1177
  }
1140
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___uCHeb .CheckboxGroup-module__hop-CheckboxGroup__list___e0tgA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___CS3pz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___CS3pz::before {
1178
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e::before {
1141
1179
  content: "";
1142
1180
  position: absolute;
1143
1181
  display: block;
1144
1182
  }
1145
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___uCHeb[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___e0tgA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___CS3pz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___CS3pz::before {
1183
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e::before {
1146
1184
  inset-block-start: 0;
1147
1185
  inset-inline: 0;
1148
1186
  border-block-start: var(--list-border, none);
1149
1187
  }
1150
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___uCHeb[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___e0tgA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___CS3pz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___CS3pz::before {
1188
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JAYPx[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ut5xO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___b1t0e::before {
1151
1189
  inset-block: 0;
1152
1190
  inset-inline-start: 0;
1153
1191
  border-inline-start: var(--list-border, none);
1154
1192
  }
1155
- .CheckboxGroup-module__hop-CheckboxGroup___kWg6U > .CheckboxGroup-module__hop-CheckboxGroup__error-message___7qRZW,
1156
- .CheckboxGroup-module__hop-CheckboxGroup___kWg6U > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___nj0xt {
1193
+ .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___g7bFp,
1194
+ .CheckboxGroup-module__hop-CheckboxGroup___4gEm4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___VkfvG {
1157
1195
  order: 3;
1158
1196
  }
1159
1197
 
1160
1198
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1161
- .Checkbox-module__hop-Checkbox___gMD5d {
1199
+ .Checkbox-module__hop-Checkbox___DVbx- {
1162
1200
  --hop-Checkbox-box-border-size: 0.0625rem;
1163
1201
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1164
1202
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1233,60 +1271,60 @@
1233
1271
  inline-size: max-content;
1234
1272
  max-inline-size: 100%;
1235
1273
  }
1236
- .Checkbox-module__hop-Checkbox___gMD5d[data-focus-visible] {
1274
+ .Checkbox-module__hop-Checkbox___DVbx-[data-focus-visible] {
1237
1275
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1238
1276
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1239
1277
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1240
1278
  --text-color: var(--hop-Checkbox-text-color-focused);
1241
1279
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1242
1280
  }
1243
- .Checkbox-module__hop-Checkbox___gMD5d[data-hovered] {
1281
+ .Checkbox-module__hop-Checkbox___DVbx-[data-hovered] {
1244
1282
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1245
1283
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1246
1284
  --text-color: var(--hop-Checkbox-text-color-hovered);
1247
1285
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1248
1286
  }
1249
- .Checkbox-module__hop-Checkbox___gMD5d[data-pressed] {
1287
+ .Checkbox-module__hop-Checkbox___DVbx-[data-pressed] {
1250
1288
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1251
1289
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1252
1290
  --text-color: var(--hop-Checkbox-text-color-pressed);
1253
1291
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1254
1292
  }
1255
- .Checkbox-module__hop-Checkbox___gMD5d[data-selected] {
1293
+ .Checkbox-module__hop-Checkbox___DVbx-[data-selected] {
1256
1294
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1257
1295
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1258
1296
  --check-display: var(--hop-Checkbox-check-display-selected);
1259
1297
  --text-color: var(--hop-Checkbox-text-color-selected);
1260
1298
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1261
1299
  }
1262
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid] {
1300
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid] {
1263
1301
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1264
1302
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1265
1303
  --check-color: var(--hop-Checkbox-check-color-invalid);
1266
1304
  --text-color: var(--hop-Checkbox-text-color-invalid);
1267
1305
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1268
1306
  }
1269
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid]:where([data-focus-visible]) {
1307
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-focus-visible]) {
1270
1308
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1271
1309
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1272
1310
  }
1273
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid]:where([data-hovered]) {
1311
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-hovered]) {
1274
1312
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1275
1313
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1276
1314
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1277
1315
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1278
1316
  }
1279
- .Checkbox-module__hop-Checkbox___gMD5d[data-invalid]:where([data-pressed]) {
1317
+ .Checkbox-module__hop-Checkbox___DVbx-[data-invalid]:where([data-pressed]) {
1280
1318
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1281
1319
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1282
1320
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1283
1321
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1284
1322
  }
1285
- .Checkbox-module__hop-Checkbox___gMD5d:where([data-invalid])[data-selected] {
1323
+ .Checkbox-module__hop-Checkbox___DVbx-:where([data-invalid])[data-selected] {
1286
1324
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1287
1325
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1288
1326
  }
1289
- .Checkbox-module__hop-Checkbox___gMD5d[data-disabled] {
1327
+ .Checkbox-module__hop-Checkbox___DVbx-[data-disabled] {
1290
1328
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1291
1329
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1292
1330
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1294,25 +1332,25 @@
1294
1332
  --text-color: var(--hop-Checkbox-text-color-disabled);
1295
1333
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1296
1334
  }
1297
- .Checkbox-module__hop-Checkbox--sm___j18OC {
1335
+ .Checkbox-module__hop-Checkbox--sm___Z6mbl {
1298
1336
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1299
1337
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1300
1338
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1301
1339
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1302
1340
  }
1303
- .Checkbox-module__hop-Checkbox--md___Fh0Fw {
1341
+ .Checkbox-module__hop-Checkbox--md___Kq3-s {
1304
1342
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1305
1343
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1306
1344
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1307
1345
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1308
1346
  }
1309
- .Checkbox-module__hop-Checkbox__icon___F1lnd,
1310
- .Checkbox-module__hop-Checkbox__icon-list___kypJY {
1347
+ .Checkbox-module__hop-Checkbox__icon___2PU7h,
1348
+ .Checkbox-module__hop-Checkbox__icon-list___lCMbT {
1311
1349
  flex: 0 0 auto;
1312
1350
  order: 3;
1313
1351
  color: var(--icon-color);
1314
1352
  }
1315
- .Checkbox-module__hop-Checkbox__box___LQOzJ {
1353
+ .Checkbox-module__hop-Checkbox__box___5UWz7 {
1316
1354
  display: flex;
1317
1355
  flex: 0 0 auto;
1318
1356
  align-items: center;
@@ -1328,11 +1366,11 @@
1328
1366
  outline-offset: 0.125rem;
1329
1367
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1330
1368
  }
1331
- .Checkbox-module__hop-Checkbox__check___kG8Rj {
1369
+ .Checkbox-module__hop-Checkbox__check___FSOca {
1332
1370
  display: var(--check-display);
1333
1371
  color: var(--check-color);
1334
1372
  }
1335
- .Checkbox-module__hop-Checkbox__text___DXis5 {
1373
+ .Checkbox-module__hop-Checkbox__text___CIooa {
1336
1374
  flex: 0 1 auto;
1337
1375
  order: 2;
1338
1376
  min-inline-size: 0;
@@ -1340,24 +1378,24 @@
1340
1378
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1341
1379
  color: var(--text-color);
1342
1380
  }
1343
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___dmGUe {
1381
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___C688n {
1344
1382
  }
1345
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ZR3H1 {
1383
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___bRSih {
1346
1384
  }
1347
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___z7WxM {
1385
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___xRpHc {
1348
1386
  }
1349
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___wgkjh,
1350
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___Th171 {
1387
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___PjfKw,
1388
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___G35Zm {
1351
1389
  }
1352
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___G0EGK {
1390
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___mt1Mi {
1353
1391
  }
1354
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___mrW-2 {
1392
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___f1AnY {
1355
1393
  }
1356
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ji-G7 {
1394
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___mKiU2 {
1357
1395
  }
1358
1396
 
1359
1397
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1360
- .Radio-module__hop-Radio___fT2YA {
1398
+ .Radio-module__hop-Radio___2h7gf {
1361
1399
  --hop-Radio-box-border-size: 0.0625rem;
1362
1400
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1363
1401
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1431,60 +1469,60 @@
1431
1469
  inline-size: max-content;
1432
1470
  max-inline-size: 100%;
1433
1471
  }
1434
- .Radio-module__hop-Radio___fT2YA[data-focus-visible] {
1472
+ .Radio-module__hop-Radio___2h7gf[data-focus-visible] {
1435
1473
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1436
1474
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1437
1475
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1438
1476
  --text-color: var(--hop-Radio-text-color-focused);
1439
1477
  --icon-color: var(--hop-Radio-icon-color-focused);
1440
1478
  }
1441
- .Radio-module__hop-Radio___fT2YA[data-hovered] {
1479
+ .Radio-module__hop-Radio___2h7gf[data-hovered] {
1442
1480
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1443
1481
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1444
1482
  --text-color: var(--hop-Radio-text-color-hovered);
1445
1483
  --icon-color: var(--hop-Radio-icon-color-hovered);
1446
1484
  }
1447
- .Radio-module__hop-Radio___fT2YA[data-pressed] {
1485
+ .Radio-module__hop-Radio___2h7gf[data-pressed] {
1448
1486
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1449
1487
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1450
1488
  --text-color: var(--hop-Radio-text-color-pressed);
1451
1489
  --icon-color: var(--hop-Radio-icon-color-pressed);
1452
1490
  }
1453
- .Radio-module__hop-Radio___fT2YA[data-selected] {
1491
+ .Radio-module__hop-Radio___2h7gf[data-selected] {
1454
1492
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1455
1493
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1456
1494
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1457
1495
  --text-color: var(--hop-Radio-text-color-selected);
1458
1496
  --icon-color: var(--hop-Radio-icon-color-selected);
1459
1497
  }
1460
- .Radio-module__hop-Radio___fT2YA[data-invalid] {
1498
+ .Radio-module__hop-Radio___2h7gf[data-invalid] {
1461
1499
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1462
1500
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1463
1501
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1464
1502
  --text-color: var(--hop-Radio-text-color-invalid);
1465
1503
  --icon-color: var(--hop-Radio-icon-color-invalid);
1466
1504
  }
1467
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-focus-visible] {
1505
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-focus-visible] {
1468
1506
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1469
1507
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1470
1508
  }
1471
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-hovered] {
1509
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-hovered] {
1472
1510
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1473
1511
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1474
1512
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1475
1513
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1476
1514
  }
1477
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-pressed] {
1515
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-pressed] {
1478
1516
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1479
1517
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1480
1518
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1481
1519
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1482
1520
  }
1483
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-selected] {
1521
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-selected] {
1484
1522
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1485
1523
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1486
1524
  }
1487
- .Radio-module__hop-Radio___fT2YA[data-disabled] {
1525
+ .Radio-module__hop-Radio___2h7gf[data-disabled] {
1488
1526
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1489
1527
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1490
1528
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1492,25 +1530,25 @@
1492
1530
  --text-color: var(--hop-Radio-text-color-disabled);
1493
1531
  --icon-color: var(--hop-Radio-icon-color-disabled);
1494
1532
  }
1495
- .Radio-module__hop-Radio--sm___H9INN {
1533
+ .Radio-module__hop-Radio--sm___JYOjC {
1496
1534
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1497
1535
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1498
1536
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1499
1537
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1500
1538
  }
1501
- .Radio-module__hop-Radio--md___fj0gt {
1539
+ .Radio-module__hop-Radio--md___Tlyci {
1502
1540
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1503
1541
  --box-block-size: var(--hop-Radio-box-md-block-size);
1504
1542
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1505
1543
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1506
1544
  }
1507
- .Radio-module__hop-Radio__icon___Jjf2W,
1508
- .Radio-module__hop-Radio__icon-list___--Z8O {
1545
+ .Radio-module__hop-Radio__icon___3yhVu,
1546
+ .Radio-module__hop-Radio__icon-list___-C6wV {
1509
1547
  flex: 0 0 auto;
1510
1548
  order: 3;
1511
1549
  color: var(--icon-color);
1512
1550
  }
1513
- .Radio-module__hop-Radio__box___3FKPP {
1551
+ .Radio-module__hop-Radio__box___1nHKF {
1514
1552
  display: flex;
1515
1553
  flex: 0 0 auto;
1516
1554
  align-items: center;
@@ -1526,11 +1564,11 @@
1526
1564
  outline-offset: 0.125rem;
1527
1565
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1528
1566
  }
1529
- .Radio-module__hop-Radio__bullet___RqbNn {
1567
+ .Radio-module__hop-Radio__bullet___zILTQ {
1530
1568
  display: var(--bullet-display);
1531
1569
  color: var(--bullet-color);
1532
1570
  }
1533
- .Radio-module__hop-Radio__text___Vlyfh {
1571
+ .Radio-module__hop-Radio__text___6p-ao {
1534
1572
  flex: 0 1 auto;
1535
1573
  order: 2;
1536
1574
  min-inline-size: 0;
@@ -1538,24 +1576,24 @@
1538
1576
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1539
1577
  color: var(--text-color);
1540
1578
  }
1541
- .DecorativeRadio-module__hop-DecorativeRadio___kpC9v {
1579
+ .DecorativeRadio-module__hop-DecorativeRadio___2-dLi {
1542
1580
  }
1543
- .DecorativeRadio-module__hop-DecorativeRadio--sm___651w5 {
1581
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___eAe7x {
1544
1582
  }
1545
- .DecorativeRadio-module__hop-DecorativeRadio--md___C1fkB {
1583
+ .DecorativeRadio-module__hop-DecorativeRadio--md___kpLmh {
1546
1584
  }
1547
- .DecorativeRadio-module__hop-DecorativeRadio__icon___kW-1x,
1548
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___D02e3 {
1585
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___4enig,
1586
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___nhmnX {
1549
1587
  }
1550
- .DecorativeRadio-module__hop-DecorativeRadio__box___5YLeW {
1588
+ .DecorativeRadio-module__hop-DecorativeRadio__box___eUAG6 {
1551
1589
  }
1552
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___M9Bfm {
1590
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___kGR1R {
1553
1591
  }
1554
- .DecorativeRadio-module__hop-DecorativeRadio__text___wwA-3 {
1592
+ .DecorativeRadio-module__hop-DecorativeRadio__text___YNbqI {
1555
1593
  }
1556
1594
 
1557
1595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1558
- .Radio-module__hop-Radio___fT2YA {
1596
+ .Radio-module__hop-Radio___2h7gf {
1559
1597
  --hop-Radio-box-border-size: 0.0625rem;
1560
1598
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1561
1599
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1629,60 +1667,60 @@
1629
1667
  inline-size: max-content;
1630
1668
  max-inline-size: 100%;
1631
1669
  }
1632
- .Radio-module__hop-Radio___fT2YA[data-focus-visible] {
1670
+ .Radio-module__hop-Radio___2h7gf[data-focus-visible] {
1633
1671
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1634
1672
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1635
1673
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1636
1674
  --text-color: var(--hop-Radio-text-color-focused);
1637
1675
  --icon-color: var(--hop-Radio-icon-color-focused);
1638
1676
  }
1639
- .Radio-module__hop-Radio___fT2YA[data-hovered] {
1677
+ .Radio-module__hop-Radio___2h7gf[data-hovered] {
1640
1678
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1641
1679
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1642
1680
  --text-color: var(--hop-Radio-text-color-hovered);
1643
1681
  --icon-color: var(--hop-Radio-icon-color-hovered);
1644
1682
  }
1645
- .Radio-module__hop-Radio___fT2YA[data-pressed] {
1683
+ .Radio-module__hop-Radio___2h7gf[data-pressed] {
1646
1684
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1647
1685
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1648
1686
  --text-color: var(--hop-Radio-text-color-pressed);
1649
1687
  --icon-color: var(--hop-Radio-icon-color-pressed);
1650
1688
  }
1651
- .Radio-module__hop-Radio___fT2YA[data-selected] {
1689
+ .Radio-module__hop-Radio___2h7gf[data-selected] {
1652
1690
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1653
1691
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1654
1692
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1655
1693
  --text-color: var(--hop-Radio-text-color-selected);
1656
1694
  --icon-color: var(--hop-Radio-icon-color-selected);
1657
1695
  }
1658
- .Radio-module__hop-Radio___fT2YA[data-invalid] {
1696
+ .Radio-module__hop-Radio___2h7gf[data-invalid] {
1659
1697
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1660
1698
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1661
1699
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1662
1700
  --text-color: var(--hop-Radio-text-color-invalid);
1663
1701
  --icon-color: var(--hop-Radio-icon-color-invalid);
1664
1702
  }
1665
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-focus-visible] {
1703
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-focus-visible] {
1666
1704
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1667
1705
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1668
1706
  }
1669
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-hovered] {
1707
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-hovered] {
1670
1708
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1671
1709
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1672
1710
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1673
1711
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1674
1712
  }
1675
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-pressed] {
1713
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-pressed] {
1676
1714
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1677
1715
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1678
1716
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1679
1717
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1680
1718
  }
1681
- .Radio-module__hop-Radio___fT2YA:where([data-invalid])[data-selected] {
1719
+ .Radio-module__hop-Radio___2h7gf:where([data-invalid])[data-selected] {
1682
1720
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1683
1721
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1684
1722
  }
1685
- .Radio-module__hop-Radio___fT2YA[data-disabled] {
1723
+ .Radio-module__hop-Radio___2h7gf[data-disabled] {
1686
1724
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1687
1725
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1688
1726
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1690,25 +1728,25 @@
1690
1728
  --text-color: var(--hop-Radio-text-color-disabled);
1691
1729
  --icon-color: var(--hop-Radio-icon-color-disabled);
1692
1730
  }
1693
- .Radio-module__hop-Radio--sm___H9INN {
1731
+ .Radio-module__hop-Radio--sm___JYOjC {
1694
1732
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1695
1733
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1696
1734
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1697
1735
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1698
1736
  }
1699
- .Radio-module__hop-Radio--md___fj0gt {
1737
+ .Radio-module__hop-Radio--md___Tlyci {
1700
1738
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1701
1739
  --box-block-size: var(--hop-Radio-box-md-block-size);
1702
1740
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1703
1741
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1704
1742
  }
1705
- .Radio-module__hop-Radio__icon___Jjf2W,
1706
- .Radio-module__hop-Radio__icon-list___--Z8O {
1743
+ .Radio-module__hop-Radio__icon___3yhVu,
1744
+ .Radio-module__hop-Radio__icon-list___-C6wV {
1707
1745
  flex: 0 0 auto;
1708
1746
  order: 3;
1709
1747
  color: var(--icon-color);
1710
1748
  }
1711
- .Radio-module__hop-Radio__box___3FKPP {
1749
+ .Radio-module__hop-Radio__box___1nHKF {
1712
1750
  display: flex;
1713
1751
  flex: 0 0 auto;
1714
1752
  align-items: center;
@@ -1724,11 +1762,11 @@
1724
1762
  outline-offset: 0.125rem;
1725
1763
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1726
1764
  }
1727
- .Radio-module__hop-Radio__bullet___RqbNn {
1765
+ .Radio-module__hop-Radio__bullet___zILTQ {
1728
1766
  display: var(--bullet-display);
1729
1767
  color: var(--bullet-color);
1730
1768
  }
1731
- .Radio-module__hop-Radio__text___Vlyfh {
1769
+ .Radio-module__hop-Radio__text___6p-ao {
1732
1770
  flex: 0 1 auto;
1733
1771
  order: 2;
1734
1772
  min-inline-size: 0;
@@ -1738,7 +1776,7 @@
1738
1776
  }
1739
1777
 
1740
1778
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1741
- .RadioField-module__hop-RadioField___tLu2N {
1779
+ .RadioField-module__hop-RadioField___8mUh3 {
1742
1780
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1743
1781
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1744
1782
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1757,28 +1795,28 @@
1757
1795
  inline-size: max-content;
1758
1796
  max-inline-size: 100%;
1759
1797
  }
1760
- .RadioField-module__hop-RadioField___tLu2N[data-disabled] {
1798
+ .RadioField-module__hop-RadioField___8mUh3[data-disabled] {
1761
1799
  --description-color: var(--hop-RadioField-description-color-disabled);
1762
1800
  }
1763
- .RadioField-module__hop-RadioField--sm___SYIEv {
1801
+ .RadioField-module__hop-RadioField--sm___QSEqd {
1764
1802
  --row-gap: var(--hop-RadioField-sm-row-gap);
1765
1803
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1766
1804
  }
1767
- .RadioField-module__hop-RadioField--md___mT4U1 {
1805
+ .RadioField-module__hop-RadioField--md___kNQlA {
1768
1806
  --row-gap: var(--hop-RadioField-md-row-gap);
1769
1807
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1770
1808
  }
1771
- .RadioField-module__hop-RadioField__description___mLIAZ {
1809
+ .RadioField-module__hop-RadioField__description___kWXuR {
1772
1810
  order: 2;
1773
1811
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1774
1812
  color: var(--description-color);
1775
1813
  }
1776
- .RadioField-module__hop-RadioField__radio___zQBCf {
1814
+ .RadioField-module__hop-RadioField__radio___WwWHp {
1777
1815
  order: 1;
1778
1816
  }
1779
1817
 
1780
1818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1781
- .RadioGroup-module__hop-RadioGroup___-jAyJ {
1819
+ .RadioGroup-module__hop-RadioGroup___pGZY3 {
1782
1820
  --hop-RadioGroup-align-items: flex-start;
1783
1821
  --hop-RadioGroup-justify-content: flex-start;
1784
1822
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1818,46 +1856,46 @@
1818
1856
  inline-size: var(--inline-size);
1819
1857
  max-inline-size: 100%;
1820
1858
  }
1821
- .RadioGroup-module__hop-RadioGroup--bordered___sdsn0 {
1859
+ .RadioGroup-module__hop-RadioGroup--bordered___yd7uV {
1822
1860
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1823
1861
  --list-border-radius: var(--hop-shape-rounded-md);
1824
1862
  }
1825
- .RadioGroup-module__hop-RadioGroup--sm___fazqe {
1863
+ .RadioGroup-module__hop-RadioGroup--sm___kSb99 {
1826
1864
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1827
1865
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1828
1866
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1829
1867
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1830
1868
  }
1831
- .RadioGroup-module__hop-RadioGroup--md___gJStU {
1869
+ .RadioGroup-module__hop-RadioGroup--md___XhtTT {
1832
1870
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1833
1871
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1834
1872
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1835
1873
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1836
1874
  }
1837
- .RadioGroup-module__hop-RadioGroup--bordered___sdsn0.RadioGroup-module__hop-RadioGroup--sm___fazqe {
1875
+ .RadioGroup-module__hop-RadioGroup--bordered___yd7uV.RadioGroup-module__hop-RadioGroup--sm___kSb99 {
1838
1876
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1839
1877
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1840
1878
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1841
1879
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1842
1880
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1843
1881
  }
1844
- .RadioGroup-module__hop-RadioGroup--bordered___sdsn0.RadioGroup-module__hop-RadioGroup--md___gJStU {
1882
+ .RadioGroup-module__hop-RadioGroup--bordered___yd7uV.RadioGroup-module__hop-RadioGroup--md___XhtTT {
1845
1883
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1846
1884
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1847
1885
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1848
1886
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1849
1887
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1850
1888
  }
1851
- .RadioGroup-module__hop-RadioGroup___-jAyJ[data-orientation=horizontal] {
1889
+ .RadioGroup-module__hop-RadioGroup___pGZY3[data-orientation=horizontal] {
1852
1890
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1853
1891
  }
1854
- .RadioGroup-module__hop-RadioGroup--bordered___sdsn0[data-orientation=horizontal] {
1892
+ .RadioGroup-module__hop-RadioGroup--bordered___yd7uV[data-orientation=horizontal] {
1855
1893
  --flex-wrap: nowrap;
1856
1894
  }
1857
- .RadioGroup-module__hop-RadioGroup___-jAyJ > .RadioGroup-module__hop-RadioGroup__label___cxDrB {
1895
+ .RadioGroup-module__hop-RadioGroup___pGZY3 > .RadioGroup-module__hop-RadioGroup__label___hsT8C {
1858
1896
  order: 1;
1859
1897
  }
1860
- .RadioGroup-module__hop-RadioGroup__list___usVGU {
1898
+ .RadioGroup-module__hop-RadioGroup__list___9JikH {
1861
1899
  display: flex;
1862
1900
  flex-flow: var(--flex-direction) var(--flex-wrap);
1863
1901
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1868,7 +1906,7 @@
1868
1906
  border: var(--list-border, none);
1869
1907
  border-radius: var(--list-border-radius, 0);
1870
1908
  }
1871
- .RadioGroup-module__hop-RadioGroup__list___usVGU > .RadioGroup-module__hop-RadioGroup__radio___DaiWn {
1909
+ .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- {
1872
1910
  position: relative;
1873
1911
  flex: 0 1 auto;
1874
1912
  align-content: start;
@@ -1876,28 +1914,28 @@
1876
1914
  min-inline-size: 0;
1877
1915
  padding: var(--radio-padding, 0);
1878
1916
  }
1879
- .RadioGroup-module__hop-RadioGroup--bordered___sdsn0 .RadioGroup-module__hop-RadioGroup__list___usVGU > .RadioGroup-module__hop-RadioGroup__radio___DaiWn ~ .RadioGroup-module__hop-RadioGroup__radio___DaiWn::before {
1917
+ .RadioGroup-module__hop-RadioGroup--bordered___yd7uV .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- ~ .RadioGroup-module__hop-RadioGroup__radio___EUcr-::before {
1880
1918
  content: "";
1881
1919
  position: absolute;
1882
1920
  display: block;
1883
1921
  }
1884
- .RadioGroup-module__hop-RadioGroup--bordered___sdsn0[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___usVGU > .RadioGroup-module__hop-RadioGroup__radio___DaiWn ~ .RadioGroup-module__hop-RadioGroup__radio___DaiWn::before {
1922
+ .RadioGroup-module__hop-RadioGroup--bordered___yd7uV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- ~ .RadioGroup-module__hop-RadioGroup__radio___EUcr-::before {
1885
1923
  inset-block-start: 0;
1886
1924
  inset-inline: 0;
1887
1925
  border-block-start: var(--list-border, none);
1888
1926
  }
1889
- .RadioGroup-module__hop-RadioGroup--bordered___sdsn0[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___usVGU > .RadioGroup-module__hop-RadioGroup__radio___DaiWn ~ .RadioGroup-module__hop-RadioGroup__radio___DaiWn::before {
1927
+ .RadioGroup-module__hop-RadioGroup--bordered___yd7uV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___9JikH > .RadioGroup-module__hop-RadioGroup__radio___EUcr- ~ .RadioGroup-module__hop-RadioGroup__radio___EUcr-::before {
1890
1928
  inset-block: 0;
1891
1929
  inset-inline-start: 0;
1892
1930
  border-inline-start: var(--list-border, none);
1893
1931
  }
1894
- .RadioGroup-module__hop-RadioGroup___-jAyJ > .RadioGroup-module__hop-RadioGroup__error-message___EiZK0,
1895
- .RadioGroup-module__hop-RadioGroup___-jAyJ > .RadioGroup-module__hop-RadioGroup__helper-message___bNKtO {
1932
+ .RadioGroup-module__hop-RadioGroup___pGZY3 > .RadioGroup-module__hop-RadioGroup__error-message___Lxyd3,
1933
+ .RadioGroup-module__hop-RadioGroup___pGZY3 > .RadioGroup-module__hop-RadioGroup__helper-message___OeSkN {
1896
1934
  order: 3;
1897
1935
  }
1898
1936
 
1899
1937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1900
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___3tNNw {
1938
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___tWfb8 {
1901
1939
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1902
1940
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1903
1941
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1923,7 +1961,7 @@
1923
1961
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1924
1962
  background-size: 400% 100%;
1925
1963
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1926
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___ux8ef;
1964
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___Y73Ci;
1927
1965
  animation-duration: var(--animation-duration);
1928
1966
  animation-timing-function: ease-in-out;
1929
1967
  animation-fill-mode: forwards;
@@ -1932,19 +1970,19 @@
1932
1970
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1933
1971
  }
1934
1972
  }
1935
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___dHyQI {
1973
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___GJRj3 {
1936
1974
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1937
1975
  }
1938
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___IQD-o {
1976
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___o6ACH {
1939
1977
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1940
1978
  }
1941
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-WuMS {
1979
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___sT9ea {
1942
1980
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1943
1981
  }
1944
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___NwSLj {
1982
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___grBaK {
1945
1983
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1946
1984
  }
1947
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___ux8ef {
1985
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___Y73Ci {
1948
1986
  0% {
1949
1987
  background-position: 125% 50%;
1950
1988
  }
@@ -1954,7 +1992,7 @@
1954
1992
  }
1955
1993
 
1956
1994
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
1957
- .ListBoxItem-module__hop-ListBoxItem___DmfXo {
1995
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4 {
1958
1996
  --hop-ListBoxItem-background-color: transparent;
1959
1997
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1960
1998
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2051,129 +2089,129 @@
2051
2089
  outline: var(--outline);
2052
2090
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2053
2091
  }
2054
- .ListBoxItem-module__hop-ListBoxItem--xs___vthO8 {
2092
+ .ListBoxItem-module__hop-ListBoxItem--xs___p4dKN {
2055
2093
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2056
2094
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2057
2095
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2058
2096
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2059
2097
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2060
2098
  }
2061
- .ListBoxItem-module__hop-ListBoxItem--sm___4nCew {
2099
+ .ListBoxItem-module__hop-ListBoxItem--sm___m16-v {
2062
2100
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2063
2101
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2064
2102
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2065
2103
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2066
2104
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2067
2105
  }
2068
- .ListBoxItem-module__hop-ListBoxItem--md___hOlio {
2106
+ .ListBoxItem-module__hop-ListBoxItem--md___JhsQv {
2069
2107
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2070
2108
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2071
2109
  --min-height: var(--hop-ListBoxItem-md-min-height);
2072
2110
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2073
2111
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2074
2112
  }
2075
- .ListBoxItem-module__hop-ListBoxItem--lg___8XezA {
2113
+ .ListBoxItem-module__hop-ListBoxItem--lg___7HnuX {
2076
2114
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2077
2115
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2078
2116
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2079
2117
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2080
2118
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2081
2119
  }
2082
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-selection-mode] {
2120
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-selection-mode] {
2083
2121
  --cursor: pointer;
2084
2122
  }
2085
- .ListBoxItem-module__hop-ListBoxItem___DmfXo:not([data-selection-mode]) {
2123
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4:not([data-selection-mode]) {
2086
2124
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2087
2125
  }
2088
- .ListBoxItem-module__hop-ListBoxItem__inner___48GyB:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___qlQ16) {
2126
+ .ListBoxItem-module__hop-ListBoxItem__inner___ve0V0:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ys-4N) {
2089
2127
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2090
2128
  }
2091
- .ListBoxItem-module__hop-ListBoxItem__inner___48GyB[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___qlQ16) {
2129
+ .ListBoxItem-module__hop-ListBoxItem__inner___ve0V0[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ys-4N) {
2092
2130
  --checkmark-transition: none;
2093
2131
  }
2094
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-selected] {
2132
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-selected] {
2095
2133
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2096
2134
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2097
2135
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2098
2136
  --checkmark-opacity: 1;
2099
2137
  }
2100
- .ListBoxItem-module__hop-ListBoxItem--xs___vthO8[data-selected] {
2138
+ .ListBoxItem-module__hop-ListBoxItem--xs___p4dKN[data-selected] {
2101
2139
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2102
2140
  }
2103
- .ListBoxItem-module__hop-ListBoxItem--sm___4nCew[data-selected] {
2141
+ .ListBoxItem-module__hop-ListBoxItem--sm___m16-v[data-selected] {
2104
2142
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2105
2143
  }
2106
- .ListBoxItem-module__hop-ListBoxItem--md___hOlio[data-selected] {
2144
+ .ListBoxItem-module__hop-ListBoxItem--md___JhsQv[data-selected] {
2107
2145
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2108
2146
  }
2109
- .ListBoxItem-module__hop-ListBoxItem--lg___8XezA[data-selected] {
2147
+ .ListBoxItem-module__hop-ListBoxItem--lg___7HnuX[data-selected] {
2110
2148
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2111
2149
  }
2112
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-focus-visible] {
2150
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-focus-visible] {
2113
2151
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2114
2152
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2115
2153
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2116
2154
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2117
2155
  }
2118
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-hovered] {
2156
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-hovered] {
2119
2157
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2120
2158
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2121
2159
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2122
2160
  }
2123
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-pressed] {
2161
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-pressed] {
2124
2162
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2125
2163
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2126
2164
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2127
2165
  }
2128
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-disabled] {
2166
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-disabled] {
2129
2167
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2130
2168
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2131
2169
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2132
2170
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2133
2171
  --cursor: not-allowed;
2134
2172
  }
2135
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-invalid] {
2173
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid] {
2136
2174
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2137
2175
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2138
2176
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2139
2177
  }
2140
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-invalid][data-selected] {
2178
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-selected] {
2141
2179
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2142
2180
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2143
2181
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2144
2182
  }
2145
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-invalid][data-focus-visible] {
2183
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-focus-visible] {
2146
2184
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2147
2185
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2148
2186
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2149
2187
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2150
2188
  }
2151
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-invalid][data-hovered] {
2189
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-hovered] {
2152
2190
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2153
2191
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2154
2192
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2155
2193
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2156
2194
  }
2157
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-invalid][data-pressed] {
2195
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-pressed] {
2158
2196
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2159
2197
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2160
2198
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2161
2199
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2162
2200
  }
2163
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-invalid][data-disabled] {
2201
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-invalid][data-disabled] {
2164
2202
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2165
2203
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2166
2204
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2167
2205
  }
2168
- .ListBoxItem-module__hop-ListBoxItem___DmfXo:has(.ListBoxItem-module__hop-ListBoxItem__description___GT-7U) {
2206
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4:has(.ListBoxItem-module__hop-ListBoxItem__description___hrD8n) {
2169
2207
  --row-gap: var(--hop-ListBoxItem-row-gap);
2170
2208
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2171
2209
  }
2172
- .ListBoxItem-module__hop-ListBoxItem___DmfXo[data-loading] {
2210
+ .ListBoxItem-module__hop-ListBoxItem___oNVH4[data-loading] {
2173
2211
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2174
2212
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2175
2213
  }
2176
- .ListBoxItem-module__hop-ListBoxItem__inner___48GyB {
2214
+ .ListBoxItem-module__hop-ListBoxItem__inner___ve0V0 {
2177
2215
  display: grid;
2178
2216
  grid-template-areas: var(--grid-template-areas);
2179
2217
  grid-template-columns: var(--grid-template-columns);
@@ -2185,33 +2223,33 @@
2185
2223
  padding-inline: var(--padding-inline);
2186
2224
  transition: grid-template-columns .3s ease-in-out;
2187
2225
  }
2188
- .ListBoxItem-module__hop-ListBoxItem__checkmark___qlQ16 {
2226
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___ys-4N {
2189
2227
  grid-area: indicator;
2190
2228
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2191
2229
  color: var(--icon-color);
2192
2230
  opacity: var(--checkmark-opacity);
2193
2231
  transition: var(--checkmark-transition);
2194
2232
  }
2195
- .ListBoxItem-module__hop-ListBoxItem__radio___6prl-,
2196
- .ListBoxItem-module__hop-ListBoxItem__checkbox___wz476 {
2233
+ .ListBoxItem-module__hop-ListBoxItem__radio___ED9ma,
2234
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___-Yo7x {
2197
2235
  pointer-events: none;
2198
2236
  user-select: none;
2199
2237
  grid-area: indicator;
2200
2238
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2201
2239
  }
2202
- .ListBoxItem-module__hop-ListBoxItem__avatar___unov5 {
2240
+ .ListBoxItem-module__hop-ListBoxItem__avatar___Y-LXM {
2203
2241
  grid-area: avatar;
2204
2242
  margin-block: var(--avatar-margin-block, 0);
2205
2243
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2206
2244
  }
2207
- .ListBoxItem-module__hop-ListBoxItem__icon-list___SLwww,
2208
- .ListBoxItem-module__hop-ListBoxItem__icon___P7DRA {
2245
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___YCf3n,
2246
+ .ListBoxItem-module__hop-ListBoxItem__icon___kCQr5 {
2209
2247
  grid-area: icon;
2210
2248
  flex: 0 0 auto;
2211
2249
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2212
2250
  color: var(--icon-color);
2213
2251
  }
2214
- .ListBoxItem-module__hop-ListBoxItem__label___My1Z2 {
2252
+ .ListBoxItem-module__hop-ListBoxItem__label___WlwGX {
2215
2253
  overflow: hidden;
2216
2254
  grid-area: label;
2217
2255
  min-inline-size: 0;
@@ -2219,18 +2257,18 @@
2219
2257
  text-overflow: ellipsis;
2220
2258
  white-space: nowrap;
2221
2259
  }
2222
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___GFKtO,
2223
- .ListBoxItem-module__hop-ListBoxItem__end-icon___ptlvq {
2260
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___ZuSih,
2261
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___B5vYK {
2224
2262
  grid-area: end-icon;
2225
2263
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2226
2264
  color: var(--icon-color);
2227
2265
  }
2228
- .ListBoxItem-module__hop-ListBoxItem__badge___w7KLS {
2266
+ .ListBoxItem-module__hop-ListBoxItem__badge___POZMd {
2229
2267
  grid-area: badge;
2230
2268
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2231
2269
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2232
2270
  }
2233
- .ListBoxItem-module__hop-ListBoxItem__description___GT-7U {
2271
+ .ListBoxItem-module__hop-ListBoxItem__description___hrD8n {
2234
2272
  overflow: hidden;
2235
2273
  display: -webkit-box;
2236
2274
  grid-area: description;