@hopper-ui/components 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (384) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/src/Accordion.css +84 -77
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +84 -77
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +344 -325
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +344 -325
  9. package/dist/alert/src/index.js +11 -11
  10. package/dist/avatar/src/AnonymousAvatar.css +54 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -65
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +71 -64
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +54 -47
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +54 -47
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +54 -47
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -92
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +59 -52
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +54 -47
  27. package/dist/badge/src/FloatingBadge.js +2 -2
  28. package/dist/badge/src/index.css +69 -62
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +110 -103
  31. package/dist/buttons/src/Button.js +7 -7
  32. package/dist/buttons/src/ButtonContext.d.ts +13 -3
  33. package/dist/buttons/src/ButtonGroup.css +55 -48
  34. package/dist/buttons/src/ButtonGroup.js +3 -1
  35. package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
  36. package/dist/buttons/src/ClearButton.css +115 -108
  37. package/dist/buttons/src/ClearButton.js +3 -3
  38. package/dist/buttons/src/CloseButton.css +111 -104
  39. package/dist/buttons/src/CloseButton.js +8 -8
  40. package/dist/buttons/src/EmbeddedButton.css +115 -108
  41. package/dist/buttons/src/EmbeddedButton.js +1 -1
  42. package/dist/buttons/src/LinkButton.css +119 -112
  43. package/dist/buttons/src/LinkButton.js +5 -5
  44. package/dist/buttons/src/index.css +267 -260
  45. package/dist/buttons/src/index.d.ts +2 -2
  46. package/dist/buttons/src/index.js +12 -12
  47. package/dist/callout/src/Callout.css +279 -272
  48. package/dist/callout/src/Callout.js +9 -9
  49. package/dist/callout/src/CompactCallout.css +316 -309
  50. package/dist/callout/src/CompactCallout.js +9 -9
  51. package/dist/callout/src/index.css +328 -321
  52. package/dist/callout/src/index.js +10 -10
  53. package/dist/card/src/Card.css +47 -40
  54. package/dist/card/src/Card.js +1 -1
  55. package/dist/card/src/index.css +47 -40
  56. package/dist/card/src/index.js +1 -1
  57. package/dist/checkbox/src/Checkbox.css +63 -56
  58. package/dist/checkbox/src/Checkbox.js +5 -5
  59. package/dist/checkbox/src/CheckboxField.css +50 -43
  60. package/dist/checkbox/src/CheckboxField.js +4 -4
  61. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  62. package/dist/checkbox/src/CheckboxGroup.js +9 -8
  63. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  64. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  65. package/dist/checkbox/src/index.css +115 -108
  66. package/dist/checkbox/src/index.js +13 -12
  67. package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js} +2 -2
  68. package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js} +2 -2
  69. package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js} +20 -10
  70. package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js} +3 -3
  71. package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js} +1 -1
  72. package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js} +3 -3
  73. package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js} +2 -2
  74. package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js} +3 -3
  75. package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js} +26 -20
  76. package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js} +2 -2
  77. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  78. package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js} +17 -15
  79. package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js} +3 -3
  80. package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js} +20 -10
  81. package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js} +10 -8
  82. package/dist/chunk-6T7TUF6N.js +178 -0
  83. package/dist/{chunk-ONCR64LB.js → chunk-AC5FLJJL.js} +2 -2
  84. package/dist/{chunk-H6CZ6DKP.js → chunk-ACG3BFJQ.js} +1 -1
  85. package/dist/{chunk-XKREPRGK.js → chunk-AV7XDPXN.js} +1 -1
  86. package/dist/{chunk-LAN2LJO2.js → chunk-AX3SYX3G.js} +1 -1
  87. package/dist/{chunk-H637L477.js → chunk-CC5SXS5R.js} +1 -1
  88. package/dist/{chunk-KUGVMCIB.js → chunk-CIQZIY5N.js} +1 -1
  89. package/dist/{chunk-AYAKR4MK.js → chunk-CNG2EXC7.js} +3 -3
  90. package/dist/{chunk-REXPSB5P.js → chunk-CT3S2ZJP.js} +2 -2
  91. package/dist/{chunk-B2PCJYJW.js → chunk-DE74UTDH.js} +2 -2
  92. package/dist/{chunk-W53AAAUA.js → chunk-DEFXMEBJ.js} +2 -2
  93. package/dist/{chunk-HGSA2Y3P.js → chunk-DP4FHVJR.js} +25 -13
  94. package/dist/{chunk-62EZGVKH.js → chunk-EBXH6HHZ.js} +21 -11
  95. package/dist/{chunk-R5CEXZPL.js → chunk-EDDYY4KO.js} +1 -1
  96. package/dist/{chunk-SINPHU2Z.js → chunk-FIY4TUYL.js} +4 -28
  97. package/dist/{chunk-V2AGZ5A5.js → chunk-G2IQWVGX.js} +1 -1
  98. package/dist/{chunk-K73FGFB2.js → chunk-G5GYOSK7.js} +8 -8
  99. package/dist/{chunk-TZZQP76M.js → chunk-GR5QWFCA.js} +4 -4
  100. package/dist/{chunk-BI3MQKBI.js → chunk-HERQEWF5.js} +3 -3
  101. package/dist/{chunk-R4ICRVDS.js → chunk-HQJZSCV7.js} +1 -1
  102. package/dist/{chunk-DLYK3JRB.js → chunk-I25B6DME.js} +2 -2
  103. package/dist/{chunk-W2C47VCH.js → chunk-IIBLQ2CB.js} +1 -1
  104. package/dist/{chunk-SLFA36JO.js → chunk-J5FY5YAZ.js} +1 -1
  105. package/dist/{chunk-V7HFSPRY.js → chunk-J6FKM7WM.js} +1 -1
  106. package/dist/{chunk-R3PAHNRL.js → chunk-JBTFYM4B.js} +3 -3
  107. package/dist/{chunk-L4D32IWU.js → chunk-JNJFX2LE.js} +2 -2
  108. package/dist/{chunk-A2BFPCVC.js → chunk-JVLK5INM.js} +3 -3
  109. package/dist/{chunk-5WUSHVW7.js → chunk-KKUSWUZC.js} +1 -1
  110. package/dist/{chunk-CQHB3HRC.js → chunk-L7DSMPLQ.js} +2 -2
  111. package/dist/{chunk-RMAIQQFV.js → chunk-LACYHXY5.js} +2 -2
  112. package/dist/{chunk-EELIGZUD.js → chunk-LBXB3JFD.js} +5 -5
  113. package/dist/{chunk-6LKFNPEM.js → chunk-LMH2XI5J.js} +10 -4
  114. package/dist/{chunk-J62I6GH3.js → chunk-LOFWD2GD.js} +2 -2
  115. package/dist/{chunk-JNFQC65H.js → chunk-LUCUQMMD.js} +3 -3
  116. package/dist/chunk-MR5BPD6R.js +7 -0
  117. package/dist/{chunk-NVOQLDA5.js → chunk-N7A4SDQA.js} +18 -16
  118. package/dist/{chunk-GKN3BY36.js → chunk-NAK42XEC.js} +3 -3
  119. package/dist/{chunk-M3L2VYKL.js → chunk-NC7G3EHF.js} +2 -2
  120. package/dist/{chunk-GKUY4QWP.js → chunk-NFETZ57D.js} +2 -2
  121. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  122. package/dist/{chunk-YWNBO3UY.js → chunk-OABMTS4J.js} +1 -1
  123. package/dist/{chunk-KWXJDQ4M.js → chunk-OCK54JWW.js} +2 -2
  124. package/dist/{chunk-MYZE5GJA.js → chunk-OINTMN5W.js} +2 -2
  125. package/dist/{chunk-D7IJXSDN.js → chunk-OS6JDQKO.js} +2 -2
  126. package/dist/{chunk-K7PQOHUQ.js → chunk-OYPIU6JL.js} +2 -2
  127. package/dist/chunk-PDWWX5JI.js +70 -0
  128. package/dist/{chunk-XUO7HGRK.js → chunk-PJ2RHMZ3.js} +2 -2
  129. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  130. package/dist/{chunk-ARCWWXRR.js → chunk-PQVBUEXC.js} +3 -3
  131. package/dist/{chunk-SEQN7G35.js → chunk-QARGGDML.js} +4 -4
  132. package/dist/{chunk-IJZK5LYV.js → chunk-QDN24QKG.js} +1 -1
  133. package/dist/{chunk-QVHMDEWO.js → chunk-QSCBTSIF.js} +9 -3
  134. package/dist/{chunk-RNVPPIZQ.js → chunk-RIFW5PYW.js} +3 -3
  135. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  136. package/dist/{chunk-U35DID2L.js → chunk-S5AHDRSE.js} +1 -1
  137. package/dist/chunk-TQQMWXRK.js +190 -0
  138. package/dist/{chunk-PPV6OKAK.js → chunk-UBBZ4LV5.js} +19 -9
  139. package/dist/{chunk-MYPNAEEC.js → chunk-UBILZ2MS.js} +1 -1
  140. package/dist/{chunk-VLGOJ5DY.js → chunk-UFR36PXP.js} +4 -4
  141. package/dist/{chunk-KEDXRQG2.js → chunk-ULY62A7P.js} +6 -6
  142. package/dist/{chunk-FOD6Q7UN.js → chunk-V5PLUMR5.js} +3 -3
  143. package/dist/{chunk-UIOWILYW.js → chunk-V7OAPBQT.js} +1 -1
  144. package/dist/{chunk-ZSOUOAD4.js → chunk-V7VDYDIQ.js} +3 -4
  145. package/dist/{chunk-MP4UER4S.js → chunk-VBJVG2YA.js} +15 -6
  146. package/dist/{chunk-RKZRG2QV.js → chunk-VSCRFXJ2.js} +5 -5
  147. package/dist/{chunk-WDZO4L7Z.js → chunk-W2EX7F7K.js} +1 -1
  148. package/dist/{chunk-TLAJAVGL.js → chunk-WJE3JIRZ.js} +3 -3
  149. package/dist/{chunk-LERLQFPC.js → chunk-X4IV4VLD.js} +4 -4
  150. package/dist/{chunk-FJJG6PMV.js → chunk-XEMYAR47.js} +1 -1
  151. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  152. package/dist/{chunk-TN5C3AE3.js → chunk-YDNBMCQD.js} +8 -4
  153. package/dist/{chunk-2EAZ5H42.js → chunk-YFQIN27E.js} +1 -1
  154. package/dist/{chunk-FJ6AAK5Z.js → chunk-YZBOR2D4.js} +9 -7
  155. package/dist/{chunk-VMGVHR42.js → chunk-Z5WDAIAE.js} +2 -2
  156. package/dist/{chunk-CICKS5HQ.js → chunk-ZLL3VV5V.js} +3 -3
  157. package/dist/{chunk-WY3JOP43.js → chunk-ZRYHXQDJ.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +687 -684
  159. package/dist/combobox/src/ComboBox.js +24 -23
  160. package/dist/combobox/src/index.css +687 -684
  161. package/dist/combobox/src/index.js +24 -23
  162. package/dist/contextual-help/src/ContextualHelp.css +4165 -0
  163. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  164. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  165. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  166. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  167. package/dist/contextual-help/src/index.css +4165 -0
  168. package/dist/contextual-help/src/index.d.ts +10 -0
  169. package/dist/contextual-help/src/index.js +14 -0
  170. package/dist/disclosure/src/Disclosure.css +54 -47
  171. package/dist/disclosure/src/Disclosure.js +2 -2
  172. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  173. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  174. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  175. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  176. package/dist/disclosure/src/index.css +79 -72
  177. package/dist/disclosure/src/index.js +9 -9
  178. package/dist/divider/src/Divider.css +46 -39
  179. package/dist/divider/src/Divider.js +1 -1
  180. package/dist/divider/src/index.css +46 -39
  181. package/dist/divider/src/index.js +1 -1
  182. package/dist/error-message/src/ErrorMessage.css +46 -39
  183. package/dist/error-message/src/ErrorMessage.js +3 -3
  184. package/dist/error-message/src/index.css +46 -39
  185. package/dist/error-message/src/index.js +3 -3
  186. package/dist/form/src/Form.css +44 -37
  187. package/dist/form/src/Form.js +1 -1
  188. package/dist/form/src/index.css +44 -37
  189. package/dist/form/src/index.js +1 -1
  190. package/dist/header/src/Header.css +279 -0
  191. package/dist/header/src/Header.js +3 -1
  192. package/dist/header/src/HeaderContext.d.ts +13 -3
  193. package/dist/header/src/index.css +279 -0
  194. package/dist/header/src/index.d.ts +1 -1
  195. package/dist/header/src/index.js +3 -1
  196. package/dist/helper-message/src/HelperMessage.css +46 -39
  197. package/dist/helper-message/src/HelperMessage.js +3 -3
  198. package/dist/helper-message/src/index.css +46 -39
  199. package/dist/helper-message/src/index.js +3 -3
  200. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  201. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  202. package/dist/hopper-provider/src/index.css +45 -38
  203. package/dist/hopper-provider/src/index.js +1 -1
  204. package/dist/i18n/src/index.js +1 -1
  205. package/dist/i18n/src/useLocalizedString.js +1 -1
  206. package/dist/icon-list/src/IconList.css +45 -38
  207. package/dist/icon-list/src/IconList.js +1 -1
  208. package/dist/icon-list/src/index.css +45 -38
  209. package/dist/icon-list/src/index.js +1 -1
  210. package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
  211. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  212. package/dist/illustrated-message/src/index.css +286 -279
  213. package/dist/illustrated-message/src/index.js +2 -2
  214. package/dist/image/src/Image.css +47 -40
  215. package/dist/image/src/Image.js +3 -1
  216. package/dist/image/src/ImageContext.d.ts +13 -3
  217. package/dist/image/src/SvgImage.css +45 -38
  218. package/dist/image/src/SvgImage.js +1 -1
  219. package/dist/image/src/index.css +48 -41
  220. package/dist/image/src/index.d.ts +1 -1
  221. package/dist/image/src/index.js +4 -2
  222. package/dist/index.css +1135 -1064
  223. package/dist/index.d.ts +10 -7
  224. package/dist/index.js +116 -113
  225. package/dist/inputs/src/Input.css +48 -41
  226. package/dist/inputs/src/Input.js +1 -1
  227. package/dist/inputs/src/InputGroup.css +50 -43
  228. package/dist/inputs/src/InputGroup.js +1 -1
  229. package/dist/inputs/src/NumberField.css +74 -67
  230. package/dist/inputs/src/NumberField.js +12 -11
  231. package/dist/inputs/src/PasswordField.css +287 -280
  232. package/dist/inputs/src/PasswordField.js +12 -11
  233. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  234. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  235. package/dist/inputs/src/SearchField.css +293 -286
  236. package/dist/inputs/src/SearchField.js +13 -12
  237. package/dist/inputs/src/TextArea.css +71 -64
  238. package/dist/inputs/src/TextArea.js +11 -10
  239. package/dist/inputs/src/TextField.css +291 -284
  240. package/dist/inputs/src/TextField.js +16 -15
  241. package/dist/inputs/src/index.css +339 -332
  242. package/dist/inputs/src/index.js +22 -21
  243. package/dist/layout/src/Content.css +279 -0
  244. package/dist/layout/src/Content.js +3 -1
  245. package/dist/layout/src/ContentContext.d.ts +13 -3
  246. package/dist/layout/src/Footer.css +279 -0
  247. package/dist/layout/src/Footer.js +3 -1
  248. package/dist/layout/src/FooterContext.d.ts +13 -3
  249. package/dist/link/src/Link.css +83 -76
  250. package/dist/link/src/Link.js +4 -4
  251. package/dist/link/src/index.css +83 -76
  252. package/dist/link/src/index.js +4 -4
  253. package/dist/list-box/src/ListBox.css +318 -311
  254. package/dist/list-box/src/ListBox.js +10 -10
  255. package/dist/list-box/src/ListBoxItem.css +306 -299
  256. package/dist/list-box/src/ListBoxItem.js +7 -7
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +318 -311
  260. package/dist/list-box/src/index.js +11 -11
  261. package/dist/menu/src/Menu.css +621 -627
  262. package/dist/menu/src/Menu.js +4 -4
  263. package/dist/menu/src/MenuItem.css +125 -118
  264. package/dist/menu/src/MenuItem.js +3 -3
  265. package/dist/menu/src/MenuSection.css +46 -39
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +648 -654
  268. package/dist/menu/src/index.js +9 -9
  269. package/dist/modal/src/BaseModal.css +59 -52
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +60 -53
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +334 -315
  274. package/dist/modal/src/Modal.js +10 -10
  275. package/dist/modal/src/index.css +335 -316
  276. package/dist/modal/src/index.js +12 -12
  277. package/dist/overlays/popover/src/Popover.css +604 -597
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +607 -604
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +71 -64
  284. package/dist/radio/src/DecorativeRadio.js +4 -4
  285. package/dist/radio/src/Radio.css +63 -56
  286. package/dist/radio/src/Radio.js +4 -4
  287. package/dist/radio/src/RadioField.css +50 -43
  288. package/dist/radio/src/RadioField.js +3 -3
  289. package/dist/radio/src/RadioGroup.css +115 -108
  290. package/dist/radio/src/RadioGroup.js +10 -9
  291. package/dist/radio/src/index.css +115 -108
  292. package/dist/radio/src/index.js +14 -13
  293. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  294. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  295. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  296. package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
  297. package/dist/segmented-control/src/index.css +60 -53
  298. package/dist/segmented-control/src/index.js +5 -5
  299. package/dist/select/src/Select.css +631 -628
  300. package/dist/select/src/Select.js +23 -22
  301. package/dist/select/src/SelectValue.css +105 -98
  302. package/dist/select/src/SelectValue.js +4 -4
  303. package/dist/select/src/index.css +631 -628
  304. package/dist/select/src/index.js +23 -22
  305. package/dist/spinner/src/Spinner.css +54 -47
  306. package/dist/spinner/src/Spinner.js +3 -3
  307. package/dist/spinner/src/index.css +54 -47
  308. package/dist/spinner/src/index.js +3 -3
  309. package/dist/switch/src/Switch.css +60 -53
  310. package/dist/switch/src/Switch.js +4 -4
  311. package/dist/switch/src/SwitchField.css +50 -43
  312. package/dist/switch/src/SwitchField.js +4 -4
  313. package/dist/switch/src/index.css +66 -59
  314. package/dist/switch/src/index.js +6 -6
  315. package/dist/tabs/src/Tab.css +457 -450
  316. package/dist/tabs/src/Tab.js +4 -4
  317. package/dist/tabs/src/TabLine.css +46 -39
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +53 -46
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +46 -39
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +468 -461
  324. package/dist/tabs/src/index.js +7 -7
  325. package/dist/tag/src/Tag.css +435 -428
  326. package/dist/tag/src/Tag.js +9 -9
  327. package/dist/tag/src/TagGroup.css +54 -47
  328. package/dist/tag/src/TagGroup.js +9 -8
  329. package/dist/tag/src/index.css +445 -438
  330. package/dist/tag/src/index.js +14 -13
  331. package/dist/tile/src/Tile.css +53 -46
  332. package/dist/tile/src/Tile.js +3 -3
  333. package/dist/tile/src/TileGroup.css +45 -38
  334. package/dist/tile/src/TileGroup.js +2 -2
  335. package/dist/tile/src/index.css +54 -47
  336. package/dist/tile/src/index.js +5 -5
  337. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +46 -39
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +54 -47
  342. package/dist/tooltip/src/Tooltip.js +4 -4
  343. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  344. package/dist/tooltip/src/index.css +54 -47
  345. package/dist/tooltip/src/index.js +5 -5
  346. package/dist/typography/heading/src/Heading.css +44 -37
  347. package/dist/typography/heading/src/Heading.js +3 -1
  348. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  349. package/dist/typography/heading/src/index.css +44 -37
  350. package/dist/typography/heading/src/index.d.ts +1 -1
  351. package/dist/typography/heading/src/index.js +3 -1
  352. package/dist/typography/label/src/FieldLabel.css +279 -0
  353. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  354. package/dist/typography/label/src/FieldLabel.js +8 -0
  355. package/dist/typography/label/src/Label.css +52 -45
  356. package/dist/typography/label/src/Label.d.ts +0 -10
  357. package/dist/typography/label/src/Label.js +1 -4
  358. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  359. package/dist/typography/label/src/index.css +44 -37
  360. package/dist/typography/label/src/index.d.ts +4 -2
  361. package/dist/typography/label/src/index.js +4 -3
  362. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  363. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  364. package/dist/typography/overline-text/src/index.css +44 -37
  365. package/dist/typography/overline-text/src/index.js +1 -1
  366. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  367. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  368. package/dist/typography/paragraph/src/index.css +44 -37
  369. package/dist/typography/paragraph/src/index.js +3 -3
  370. package/dist/typography/text/src/Text.css +44 -37
  371. package/dist/typography/text/src/Text.js +2 -2
  372. package/dist/typography/text/src/index.css +44 -37
  373. package/dist/typography/text/src/index.js +2 -2
  374. package/dist/utils/src/ClearSlots.css +44 -37
  375. package/dist/utils/src/ClearSlots.d.ts +1 -2
  376. package/dist/utils/src/ClearSlots.js +1 -1
  377. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  378. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  379. package/dist/utils/src/index.css +44 -37
  380. package/dist/utils/src/index.d.ts +1 -1
  381. package/dist/utils/src/index.js +3 -3
  382. package/dist/utils/src/types.d.ts +4 -0
  383. package/package.json +1 -1
  384. package/dist/chunk-67EKVQAF.js +0 -121
@@ -1,6 +1,6 @@
1
1
  import { LinkContext } from './chunk-MTULE7GI.js';
2
2
  import { IconListContext } from './chunk-GBWXEK6N.js';
3
- import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
3
+ import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
4
4
  import { TextContext } from './chunk-ZNOU2CGM.js';
5
5
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
6
6
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, Link as Link$1, DEFAULT_SLOT } fro
12
12
  import { jsx } from 'react/jsx-runtime';
13
13
 
14
14
  // css-module:./Link.module.css#css-module
15
- var Link_module_default = { "hop-Link": "Link-module__hop-Link___vMa0U", "hop-Link--xs": "Link-module__hop-Link--xs___tWfT4", "hop-Link--sm": "Link-module__hop-Link--sm___9P0qn", "hop-Link--md": "Link-module__hop-Link--md___RvavS", "hop-Link--lg": "Link-module__hop-Link--lg___yAcjg", "hop-Link--xl": "Link-module__hop-Link--xl___oEcme", "hop-Link--2xl": "Link-module__hop-Link--2xl___By5aM", "hop-Link--inherit": "Link-module__hop-Link--inherit___GIxcj", "hop-Link--standalone": "Link-module__hop-Link--standalone___XnZFB", "hop-Link__text": "Link-module__hop-Link__text___cdZA7", "hop-Link--quiet": "Link-module__hop-Link--quiet___tJvB-", "hop-Link--primary": "Link-module__hop-Link--primary___18lFj", "hop-Link--secondary": "Link-module__hop-Link--secondary___FCsEt", "hop-Link__icon": "Link-module__hop-Link__icon___cT8Oh", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___u49kV", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___j4Lnk", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___ZygP1" };
15
+ var Link_module_default = { "hop-Link": "Link-module__hop-Link___n4WL9", "hop-Link--xs": "Link-module__hop-Link--xs___kEypx", "hop-Link--sm": "Link-module__hop-Link--sm___oCoo0", "hop-Link--md": "Link-module__hop-Link--md___4u0Jm", "hop-Link--lg": "Link-module__hop-Link--lg___nFVvq", "hop-Link--xl": "Link-module__hop-Link--xl___yqMaS", "hop-Link--2xl": "Link-module__hop-Link--2xl___EgZxg", "hop-Link--inherit": "Link-module__hop-Link--inherit___Xpj78", "hop-Link--standalone": "Link-module__hop-Link--standalone___wSlf4", "hop-Link__text": "Link-module__hop-Link__text___1mmQh", "hop-Link--quiet": "Link-module__hop-Link--quiet___9GBMr", "hop-Link--primary": "Link-module__hop-Link--primary___YeNRh", "hop-Link--secondary": "Link-module__hop-Link--secondary___0pBbc", "hop-Link__icon": "Link-module__hop-Link__icon___QFMUA", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___eQlWg", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Tury5", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___lkoEc" };
16
16
  var GlobalLinkCssSelector = "hop-Link";
17
17
  var LinkToIconSizeAdapter = {
18
18
  inherit: void 0,
@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  // css-module:./Divider.module.css#css-module
10
- var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___hUMpf", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___Ni6YU" };
10
+ var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___o7B0I", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___RsiXZ" };
11
11
  var GlobalDividerCssSelector = "hop-Divider";
12
12
  function Divider(props, ref) {
13
13
  [props, ref] = useContextProps(props, ref, DividerContext);
@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  // css-module:./OverlineText.module.css#css-module
10
- var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___lDKuo", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___JrGdf" };
10
+ var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___LSVJ2", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___-Cgyx" };
11
11
  var GlobalOverlineTextCssSelector = "hop-OverlineText";
12
12
  function OverlineText(props, ref) {
13
13
  [props, ref] = useContextProps(props, ref, OverlineTextContext);
@@ -1,5 +1,5 @@
1
1
  import { AvatarContext } from './chunk-FA26RZSE.js';
2
- import { _RichIconAvatarImage } from './chunk-XKREPRGK.js';
2
+ import { _RichIconAvatarImage } from './chunk-AV7XDPXN.js';
3
3
  import { useRenderProps } from './chunk-2NSUMKNH.js';
4
4
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
5
5
  import { AnonymousRichIcon } from '@hopper-ui/icons';
@@ -1,7 +1,7 @@
1
1
  import { RadioContext } from './chunk-FU5CCPLP.js';
2
2
  import { IconListContext } from './chunk-GBWXEK6N.js';
3
- import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
4
- import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
3
+ import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
4
+ import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
5
5
  import { TextContext } from './chunk-ZNOU2CGM.js';
6
6
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
7
7
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
13
13
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./Radio.module.css#css-module
16
- var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___eBueo", "hop-Radio--sm": "Radio-module__hop-Radio--sm___GQdC5", "hop-Radio--md": "Radio-module__hop-Radio--md___63v-N", "hop-Radio__icon": "Radio-module__hop-Radio__icon___dVuoR", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___LeQK7", "hop-Radio__box": "Radio-module__hop-Radio__box___6R1dw", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___gVfg-", "hop-Radio__text": "Radio-module__hop-Radio__text___3WXI3" };
16
+ var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___oBKRQ", "hop-Radio--sm": "Radio-module__hop-Radio--sm___C-Q1U", "hop-Radio--md": "Radio-module__hop-Radio--md___8cI7H", "hop-Radio__icon": "Radio-module__hop-Radio__icon___Ai4EA", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Ml4fa", "hop-Radio__box": "Radio-module__hop-Radio__box___gF3Ys", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___DLVyb", "hop-Radio__text": "Radio-module__hop-Radio__text___md8fJ" };
17
17
  var GlobalRadioCssSelector = "hop-Radio";
18
18
  function Radio(props, ref) {
19
19
  var _a;
@@ -1,6 +1,6 @@
1
- import { _EmbeddedButton } from './chunk-5WUSHVW7.js';
1
+ import { _EmbeddedButton } from './chunk-KKUSWUZC.js';
2
2
  import { ClearButtonContext } from './chunk-DXVKHP4V.js';
3
- import { useLocalizedString } from './chunk-75DHKNW2.js';
3
+ import { useLocalizedString } from './chunk-NNLLQWDS.js';
4
4
  import { DismissIcon } from '@hopper-ui/icons';
5
5
  import { forwardRef } from 'react';
6
6
  import { useContextProps } from 'react-aria-components';
@@ -1,8 +1,8 @@
1
1
  import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
2
2
  import { IconListContext } from './chunk-GBWXEK6N.js';
3
- import { useFormProps } from './chunk-R4ICRVDS.js';
3
+ import { useFormProps } from './chunk-HQJZSCV7.js';
4
4
  import { useSlot } from './chunk-H5YTU3U7.js';
5
- import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
5
+ import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
6
6
  import { TextContext } from './chunk-ZNOU2CGM.js';
7
7
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
8
8
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Link, DEFAULT_SLOT } from 'react-a
14
14
  import { jsx } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./LinkButton.module.css#css-module
17
- var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___H8H5- Button-module__hop-Button___M1srN", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___BxWfs Button-module__hop-Button--fluid___GCROP", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___PaGWC Button-module__hop-Button--sm___0F6Zs", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___Erzzh Button-module__hop-Button--icon-only___22irB", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___2G641 Button-module__hop-Button--primary___hqlO9", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___OxMQu Button-module__hop-Button--secondary___eeNTL", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___fl-AY Button-module__hop-Button--upsell___ab5Uf", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___Scoar Button-module__hop-Button--danger___vGqCj", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___qMDz- Button-module__hop-Button--ghost-primary___K1fli", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___6LD8Q Button-module__hop-Button--ghost-secondary___5MtDQ", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___ouoq5 Button-module__hop-Button--ghost-danger___F83U0", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___e2ijE Button-module__hop-Button__Spinner___oJ124", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___sZuxo Button-module__hop-Button__icon___3qLql", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___kQDmx Button-module__hop-Button__icon___3qLql", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___jrGDA Button-module__hop-Button__text___LAcjY", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___sYwVy Button-module__hop-Button__end-icon___-fm8M", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___3Z71y Button-module__hop-Button__end-icon___-fm8M" };
17
+ var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___hlYkA Button-module__hop-Button___drz4z", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___iCMfM Button-module__hop-Button--fluid___jF2LE", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___yzSw4 Button-module__hop-Button--sm___yWI1w", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___DGxSD Button-module__hop-Button--icon-only___ZVI03", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___l-P07 Button-module__hop-Button--primary___gQcR4", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___37NV- Button-module__hop-Button--secondary___iPATA", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___cIPT- Button-module__hop-Button--upsell___1odMt", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___6bQIM Button-module__hop-Button--danger___nvNVv", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___yKI9C Button-module__hop-Button--ghost-primary___XUMG1", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ Button-module__hop-Button--ghost-secondary___YirRd", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___mT1c- Button-module__hop-Button--ghost-danger___J37kT", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___wDyVO Button-module__hop-Button__Spinner___qFcTX", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___CjXqw Button-module__hop-Button__icon___i0bX0", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___fJZQG Button-module__hop-Button__icon___i0bX0", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___PNN59 Button-module__hop-Button__text___gW1zi", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___bC5qj Button-module__hop-Button__end-icon___H4Qu5", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 Button-module__hop-Button__end-icon___H4Qu5" };
18
18
  var GlobalLinkButtonCssSelector = "hop-LinkButton";
19
19
  function LinkButton(props, ref) {
20
20
  var _a, _b;
@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
20
20
  }
21
21
 
22
22
  // css-module:./EmbeddedButton.module.css#css-module
23
- var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___woFlm", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___7jSBR" };
23
+ var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___SrrcP", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK" };
24
24
  var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
25
25
  function EmbeddedButton(props, ref) {
26
26
  var _a;
@@ -1,4 +1,4 @@
1
- import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
1
+ import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
2
2
  import { TextContext } from './chunk-ZNOU2CGM.js';
3
3
  import { SlotProvider } from './chunk-M36KANKC.js';
4
4
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
9
9
  import { jsx } from 'react/jsx-runtime';
10
10
 
11
11
  // css-module:./Text.module.css#css-module
12
- var Text_module_default = { "hop-Text": "Text-module__hop-Text___TSNAC", "hop-Text--xs": "Text-module__hop-Text--xs___yuFT0", "hop-Text--sm": "Text-module__hop-Text--sm___qelbx", "hop-Text--md": "Text-module__hop-Text--md___PcK3y", "hop-Text--lg": "Text-module__hop-Text--lg___iRaZl", "hop-Text--xl": "Text-module__hop-Text--xl___kO3Qt", "hop-Text--2xl": "Text-module__hop-Text--2xl___rAN5U", "hop-Text--inherit": "Text-module__hop-Text--inherit___hn3le" };
12
+ var Text_module_default = { "hop-Text": "Text-module__hop-Text___NFTCi", "hop-Text--xs": "Text-module__hop-Text--xs___I0d0v", "hop-Text--sm": "Text-module__hop-Text--sm___33NDY", "hop-Text--md": "Text-module__hop-Text--md___12lqb", "hop-Text--lg": "Text-module__hop-Text--lg___EIx-l", "hop-Text--xl": "Text-module__hop-Text--xl___Hgsci", "hop-Text--2xl": "Text-module__hop-Text--2xl___bZva7", "hop-Text--inherit": "Text-module__hop-Text--inherit___D42Q3" };
13
13
  var GlobalTextCssSelector = "hop-Text";
14
14
  function Text(props, ref) {
15
15
  [props, ref] = useContextProps(props, ref, TextContext);
@@ -1,4 +1,4 @@
1
- import { _Text } from './chunk-CQHB3HRC.js';
1
+ import { _Text } from './chunk-L7DSMPLQ.js';
2
2
  import { cssModule } from './chunk-KVDXQMWI.js';
3
3
  import { useResponsiveValue } from '@hopper-ui/styled-system';
4
4
  import clsx from 'clsx';
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
6
6
  import { jsx } from 'react/jsx-runtime';
7
7
 
8
8
  // css-module:./Paragraph.module.css#css-module
9
- var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___VOZwC", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___crXVt", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___nxfnz", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___YgyE0", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___G36sQ", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___dWzV5", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___wJ2Wu", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___Z3RKC" };
9
+ var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___pDtiI", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___yzl-N", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___mssXe", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___Ujb4e", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___fzVC0", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___bF-Yd", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___UuYkH", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___jW721" };
10
10
  var GlobalParagraphCssSelector = "hop-Paragraph";
11
11
  function Paragraph(props, ref) {
12
12
  const { size: sizeProp, className, children, ...otherProps } = props;
@@ -1,9 +1,9 @@
1
- import { _BaseModal } from './chunk-HEHMZWBC.js';
1
+ import { _BaseModal } from './chunk-3FHJOMUC.js';
2
2
  import { HeadingContext } from './chunk-WJRMD4JP.js';
3
3
  import { ContentContext } from './chunk-IXB2WK56.js';
4
- import { _ButtonGroup } from './chunk-QVHMDEWO.js';
5
- import { _CloseButton } from './chunk-AYAKR4MK.js';
6
- import { _Button } from './chunk-SW4UF2MM.js';
4
+ import { _ButtonGroup } from './chunk-QSCBTSIF.js';
5
+ import { _CloseButton } from './chunk-CNG2EXC7.js';
6
+ import { _Button } from './chunk-5FXGGEA5.js';
7
7
  import { cssModule } from './chunk-KVDXQMWI.js';
8
8
  import { AlertContext } from './chunk-5DT3S5YY.js';
9
9
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
14
14
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./Alert.module.css#css-module
17
- var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___Vin4E", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___KZ47T", "hop-Alert__heading": "Alert-module__hop-Alert__heading___uIt5S", "hop-Alert__close": "Alert-module__hop-Alert__close___KRXqw", "hop-Alert__content": "Alert-module__hop-Alert__content___LSJnJ" };
17
+ var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___3oFDr", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___vOXLt", "hop-Alert__heading": "Alert-module__hop-Alert__heading___Sdnnh", "hop-Alert__close": "Alert-module__hop-Alert__close___h77zN", "hop-Alert__content": "Alert-module__hop-Alert__content___8pula" };
18
18
  var GlobalAlertCssSelector = "hop-Alert";
19
19
  function Alert(props, ref) {
20
20
  var _a;
@@ -1,4 +1,5 @@
1
1
  import { ImageContext } from './chunk-JAR7CXVS.js';
2
+ import { ClearProviders } from './chunk-PQSMCDAM.js';
2
3
  import { cssModule } from './chunk-KVDXQMWI.js';
3
4
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
4
5
  import clsx from 'clsx';
@@ -7,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
7
8
  import { jsx } from 'react/jsx-runtime';
8
9
 
9
10
  // css-module:./Image.module.css#css-module
10
- var Image_module_default = { "hop-Image": "Image-module__hop-Image___DpJNf", "hop-Image--rounded": "Image-module__hop-Image--rounded___ATvJx", "hop-Image--circular": "Image-module__hop-Image--circular___03usM" };
11
+ var Image_module_default = { "hop-Image": "Image-module__hop-Image___X5QV3", "hop-Image--rounded": "Image-module__hop-Image--rounded___TCBGO", "hop-Image--circular": "Image-module__hop-Image--circular___s6514" };
11
12
  var GlobalImageCssSelector = "hop-Image";
12
13
  function Image(props, ref) {
13
14
  [props, ref] = useContextProps(props, ref, ImageContext);
@@ -19,8 +20,14 @@ function Image(props, ref) {
19
20
  src,
20
21
  slot,
21
22
  alt,
23
+ isHidden,
24
+ clearContexts,
22
25
  ...otherProps
23
26
  } = ownProps;
27
+ const srcValue = useResponsiveValue(src);
28
+ if (isHidden) {
29
+ return null;
30
+ }
24
31
  if (alt === void 0) {
25
32
  console.warn(
26
33
  'The `alt` prop was not provided to an image. Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image is decorative or redundant with displayed text and should not be announced by screen readers.'
@@ -40,8 +47,7 @@ function Image(props, ref) {
40
47
  ...stylingProps.style,
41
48
  ...style
42
49
  };
43
- const srcValue = useResponsiveValue(src);
44
- return /* @__PURE__ */ jsx(
50
+ return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
45
51
  "img",
46
52
  {
47
53
  ...otherProps,
@@ -52,7 +58,7 @@ function Image(props, ref) {
52
58
  ref,
53
59
  src: srcValue
54
60
  }
55
- );
61
+ ) });
56
62
  }
57
63
  var _Image = forwardRef(Image);
58
64
  _Image.displayName = "Image";
@@ -1,7 +1,7 @@
1
1
  import { MenuItemContext } from './chunk-OGC6BUEX.js';
2
2
  import { AvatarContext } from './chunk-FA26RZSE.js';
3
3
  import { IconListContext } from './chunk-GBWXEK6N.js';
4
- import { _Text } from './chunk-CQHB3HRC.js';
4
+ import { _Text } from './chunk-L7DSMPLQ.js';
5
5
  import { TextContext } from './chunk-ZNOU2CGM.js';
6
6
  import { SlotProvider } from './chunk-M36KANKC.js';
7
7
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, MenuItem as MenuItem$1, DEFAULT_SLOT } from 'react-ari
13
13
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./MenuItem.module.css#css-module
16
- var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___ifZ9c", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___8ly92", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___rsFxz", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___p92Tr", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___nRat1", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___M67GI", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___AINdg", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___s8saT", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___3QwhX", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___iHdpg", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___bcLrC", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___NlYsa", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___OFufQ" };
16
+ var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___RwFEH", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___YxJ0O", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___7z1vm", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___IKJAx", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___kR-aF", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___FQvO-", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___roOkP", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___6NFVf", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___gGIbr", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___Xpxyp", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___LZXeC", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___dUjLR", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___sXyp6" };
17
17
  var GlobalMenuItemCssSelector = "hop-MenuItem";
18
18
  var MenuItem = (props, ref) => {
19
19
  [props, ref] = useContextProps(props, ref, MenuItemContext);
@@ -1,7 +1,7 @@
1
- import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
2
1
  import { SwitchContext } from './chunk-YHBJAXUY.js';
2
+ import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
3
3
  import { useRenderProps } from './chunk-2NSUMKNH.js';
4
- import { _Text } from './chunk-CQHB3HRC.js';
4
+ import { _Text } from './chunk-L7DSMPLQ.js';
5
5
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
6
6
  import { SlotProvider } from './chunk-M36KANKC.js';
7
7
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
13
13
  import { jsx, jsxs } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./SwitchField.module.css#css-module
16
- var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___pL4sI", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___DPr4q", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___F6GBI", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___8AnHM", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___YmxId" };
16
+ var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___VD5M8", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___g3j6Z", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___qX7jK", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___yD2Mr", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___nRoEA" };
17
17
  var GlobalSwitchFieldCssSelector = "hop-SwitchField";
18
18
  var SwitchToDescriptionSizeAdapter = {
19
19
  sm: "xs",
@@ -0,0 +1,7 @@
1
+ import { createContext } from 'react';
2
+
3
+ // src/contextual-help/src/ContextualHelpContext.ts
4
+ var ContextualHelpContext = createContext({});
5
+ ContextualHelpContext.displayName = "ContextualHelpContext";
6
+
7
+ export { ContextualHelpContext };
@@ -1,19 +1,19 @@
1
- import { _Popover } from './chunk-D7IJXSDN.js';
2
- import { _ListBox } from './chunk-KEDXRQG2.js';
3
- import { _ListBoxItem } from './chunk-RKZRG2QV.js';
1
+ import { _Popover } from './chunk-OS6JDQKO.js';
4
2
  import { _ListBoxSection } from './chunk-PN5BRTOO.js';
5
- import { _Footer } from './chunk-VOZN65OL.js';
6
- import { InputContext, Input } from './chunk-U35DID2L.js';
7
- import { _InputGroup } from './chunk-MYPNAEEC.js';
8
- import { _ToggleArrow } from './chunk-UIOWILYW.js';
9
- import { _Label } from './chunk-SINPHU2Z.js';
10
- import { _HelperMessage } from './chunk-W53AAAUA.js';
11
- import { _ErrorMessage } from './chunk-HCFKAC4T.js';
3
+ import { _ListBox } from './chunk-ULY62A7P.js';
4
+ import { _ListBoxItem } from './chunk-VSCRFXJ2.js';
5
+ import { _Footer } from './chunk-RN3FLBX4.js';
6
+ import { InputContext, Input } from './chunk-S5AHDRSE.js';
7
+ import { _InputGroup } from './chunk-UBILZ2MS.js';
8
+ import { _ToggleArrow } from './chunk-V7OAPBQT.js';
9
+ import { FieldLabel } from './chunk-PDWWX5JI.js';
10
+ import { _HelperMessage } from './chunk-DEFXMEBJ.js';
11
+ import { _ErrorMessage } from './chunk-23WYVBUK.js';
12
12
  import { ComboBoxContext } from './chunk-RFZC5CHX.js';
13
13
  import { BadgeContext } from './chunk-ZSFJVMJN.js';
14
- import { useFormProps } from './chunk-R4ICRVDS.js';
15
- import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
16
- import { ClearProviders, ClearContainerSlots } from './chunk-WJ55ZV54.js';
14
+ import { useFormProps } from './chunk-HQJZSCV7.js';
15
+ import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
16
+ import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
17
17
  import { TextContext as TextContext$1 } from './chunk-ZNOU2CGM.js';
18
18
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
19
19
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
26
26
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
27
27
 
28
28
  // css-module:./ComboBox.module.css#css-module
29
- var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___dLhJu", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___RuZ6W", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___Fn25X", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___WC-3p", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___m0SPU", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___CL8pC", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___BFU71", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___oum2w" };
29
+ var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___Lb1mQ", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___Ptot1", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___0Pla6", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___9TwXq", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___e5o3k", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___fFHWF", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___OGSw0", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___3pCHC" };
30
30
  var GlobalComboBoxCssSelector = "hop-ComboBox";
31
31
  function ComboBox(props, ref) {
32
32
  var _a, _b, _c, _d, _e;
@@ -41,6 +41,7 @@ function ComboBox(props, ref) {
41
41
  align: alignProp,
42
42
  className,
43
43
  children,
44
+ contextualHelp,
44
45
  description,
45
46
  direction: directionProp,
46
47
  errorMessage,
@@ -169,10 +170,11 @@ function ComboBox(props, ref) {
169
170
  ...otherProps,
170
171
  children: ({ isOpen }) => {
171
172
  return /* @__PURE__ */ jsxs(Fragment, { children: [
172
- label && /* @__PURE__ */ jsx(
173
- _Label,
173
+ /* @__PURE__ */ jsx(
174
+ FieldLabel,
174
175
  {
175
176
  className: ComboBox_module_default["hop-ComboBox__label"],
177
+ contextualHelp,
176
178
  isRequired,
177
179
  necessityIndicator,
178
180
  children: label
@@ -1,8 +1,8 @@
1
+ import { _Tooltip } from './chunk-OYPIU6JL.js';
1
2
  import { TooltipTrigger } from './chunk-DCO4XGBI.js';
2
- import { _Tooltip } from './chunk-K7PQOHUQ.js';
3
3
  import { AvatarGroupContext } from './chunk-G7F2YUBR.js';
4
4
  import { AvatarContext } from './chunk-FA26RZSE.js';
5
- import { _Text } from './chunk-CQHB3HRC.js';
5
+ import { _Text } from './chunk-L7DSMPLQ.js';
6
6
  import { cssModule } from './chunk-KVDXQMWI.js';
7
7
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
8
8
  import clsx from 'clsx';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
11
11
  import { jsxs, jsx } from 'react/jsx-runtime';
12
12
 
13
13
  // css-module:./AvatarGroup.module.css#css-module
14
- var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___CIlO9", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___q7k0p", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___qr6X-", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___tIyLd", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___mBTX-", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___37l6b", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___YLh7o", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___AOi7-", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___mS1n3", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___5Iubf", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___GHZ4U", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___mFxWk" };
14
+ var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___2Ak-A", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___zbilM", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___9fEko", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___kEMKx", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___jXOOK", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___FxILA", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___f4h8d", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___zDpr-", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___mNOnu", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___jDYuI" };
15
15
  var GlobalAvatarGroupCssSelector = "hop-AvatarGroup";
16
16
  function AvatarGroup(props, ref) {
17
17
  var _a, _b, _c, _d;
@@ -1,5 +1,5 @@
1
1
  import { TileContext } from './chunk-S7KMOXY2.js';
2
- import { _Text } from './chunk-CQHB3HRC.js';
2
+ import { _Text } from './chunk-L7DSMPLQ.js';
3
3
  import { TextContext } from './chunk-ZNOU2CGM.js';
4
4
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
5
5
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
10
10
  import { jsx, jsxs } from 'react/jsx-runtime';
11
11
 
12
12
  // css-module:./Tile.module.css#css-module
13
- var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___-5eZs", "hop-Tile__icon": "Tile-module__hop-Tile__icon___NLCit" };
13
+ var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___2ApGk", "hop-Tile__icon": "Tile-module__hop-Tile__icon___xtLLW" };
14
14
  var GlobalTileCssSelector = "hop-Tile";
15
15
  var Tile = (props, ref) => {
16
16
  [props, ref] = useContextProps(props, ref, TileContext);
@@ -1,5 +1,5 @@
1
- import { TileGroupContext } from './chunk-RZFNJMEH.js';
2
1
  import { InternalTileContext } from './chunk-S7KMOXY2.js';
2
+ import { TileGroupContext } from './chunk-RZFNJMEH.js';
3
3
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
4
4
  import { cssModule } from './chunk-KVDXQMWI.js';
5
5
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
8
8
  import { jsx } from 'react/jsx-runtime';
9
9
 
10
10
  // css-module:./TileGroup.module.css#css-module
11
- var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___kN-uQ" };
11
+ var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___JeFdq" };
12
12
  var GlobalTileGroupCssSelector = "hop-TileGroup";
13
13
  var TileGroup = (props, ref) => {
14
14
  [props, ref] = useContextProps(props, ref, TileGroupContext);
@@ -14,8 +14,8 @@ var require_en_US = __commonJS({
14
14
  "Tag.removeAriaLabel": `Remove`,
15
15
  "ListBoxItem.loadingTextValue": `Loading Item`,
16
16
  "ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`,
17
- "Label.necessityLabel.required": `Required`,
18
- "Label.necessityLabel.optional": `Optional`,
17
+ "FieldLabel.necessityLabel.required": `Required`,
18
+ "FieldLabel.necessityLabel.optional": `Optional`,
19
19
  "Select.placeholder": `Select an item`
20
20
  };
21
21
  }
@@ -34,8 +34,8 @@ var require_fr_CA = __commonJS({
34
34
  "Tag.removeAriaLabel": `Supprimer`,
35
35
  "ListBoxItem.loadingTextValue": `\xC9l\xE9ment en cours de chargement`,
36
36
  "ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`,
37
- "Label.necessityLabel.required": `Obligatoire`,
38
- "Label.necessityLabel.optional": `Facultatif`,
37
+ "FieldLabel.necessityLabel.required": `Obligatoire`,
38
+ "FieldLabel.necessityLabel.optional": `Facultatif`,
39
39
  "Select.placeholder": `S\xE9lectionner un \xE9l\xE9ment`
40
40
  };
41
41
  }
@@ -1,5 +1,5 @@
1
1
  import { AvatarContext } from './chunk-FA26RZSE.js';
2
- import { _RichIconAvatarImage } from './chunk-XKREPRGK.js';
2
+ import { _RichIconAvatarImage } from './chunk-AV7XDPXN.js';
3
3
  import { useRenderProps } from './chunk-2NSUMKNH.js';
4
4
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
5
5
  import { BrokenImageRichIcon } from '@hopper-ui/icons';
@@ -2,7 +2,7 @@ import { CalloutContext } from './chunk-5CURYPE7.js';
2
2
  import { HeadingContext } from './chunk-WJRMD4JP.js';
3
3
  import { ContentContext } from './chunk-IXB2WK56.js';
4
4
  import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
5
- import { _CloseButton } from './chunk-AYAKR4MK.js';
5
+ import { _CloseButton } from './chunk-CNG2EXC7.js';
6
6
  import { ButtonContext } from './chunk-WMTWFKKP.js';
7
7
  import { useSlot } from './chunk-H5YTU3U7.js';
8
8
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
15
15
  import { jsx, jsxs } from 'react/jsx-runtime';
16
16
 
17
17
  // css-module:./Callout.module.css#css-module
18
- var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___qDqpv", "hop-Callout__icon": "Callout-module__hop-Callout__icon___VcwbI", "hop-Callout__heading": "Callout-module__hop-Callout__heading___X1jiK", "hop-Callout__content": "Callout-module__hop-Callout__content___7e4Gg", "hop-Callout__button": "Callout-module__hop-Callout__button___NLBTr", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___AsKQt", "hop-Callout--information": "Callout-module__hop-Callout--information___BTqK2", "hop-Callout--success": "Callout-module__hop-Callout--success___eJ5Ob", "hop-Callout--warning": "Callout-module__hop-Callout--warning___DrSWD", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___6kKY-", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___k9MPe" };
18
+ var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___0mYM3", "hop-Callout__icon": "Callout-module__hop-Callout__icon___h4-Nj", "hop-Callout__heading": "Callout-module__hop-Callout__heading___nSfqI", "hop-Callout__content": "Callout-module__hop-Callout__content___03-1Z", "hop-Callout__button": "Callout-module__hop-Callout__button___tUBzq", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___k2J4u", "hop-Callout--information": "Callout-module__hop-Callout--information___P1sm9", "hop-Callout--success": "Callout-module__hop-Callout--success___yVnay", "hop-Callout--warning": "Callout-module__hop-Callout--warning___7TQo-", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___6djQK", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___qbeLV" };
19
19
  var GlobalCalloutCssSelector = "hop-Callout";
20
20
  var Callout = (props, ref) => {
21
21
  [props, ref] = useContextProps(props, ref, CalloutContext);
@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-MTULE7GI.js';
2
2
  import { CompactCalloutContext } from './chunk-NX7YNFUX.js';
3
3
  import { ContentContext } from './chunk-IXB2WK56.js';
4
4
  import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
5
- import { _CloseButton } from './chunk-AYAKR4MK.js';
5
+ import { _CloseButton } from './chunk-CNG2EXC7.js';
6
6
  import { ButtonContext } from './chunk-WMTWFKKP.js';
7
7
  import { SlotProvider } from './chunk-M36KANKC.js';
8
8
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
13
13
  import { jsx, jsxs } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./CompactCallout.module.css#css-module
16
- var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___RF2Js", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___1w4wy", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___brZcL", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___1-RzZ", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___n-tcG", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___6jSR3", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___gi-et", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___VTbtS", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___6cV2h", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___nAuTR", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___azEiU" };
16
+ var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___Wcojn", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___FgshT", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___KT-ye", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___ADdHQ", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___snOSa", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___FPkmH", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___ndpxW", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___a-6IX", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___t2RVq", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___-HGXR", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___i0gZU" };
17
17
  var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
18
18
  var CompactCallout = (props, ref) => {
19
19
  [props, ref] = useContextProps(props, ref, CompactCalloutContext);
@@ -2,7 +2,7 @@ import { PopoverContext } from './chunk-RNGNPV6Q.js';
2
2
  import { isFunction, isNil } from './chunk-TIPN4VYD.js';
3
3
  import { ListBoxContext } from './chunk-4HEOTMP7.js';
4
4
  import { FooterContext } from './chunk-I67NHYK4.js';
5
- import { useForwardedHopperContext, _HopperProvider } from './chunk-2EAZ5H42.js';
5
+ import { useForwardedHopperContext, _HopperProvider } from './chunk-YFQIN27E.js';
6
6
  import { LinkContext } from './chunk-MTULE7GI.js';
7
7
  import { HeadingContext } from './chunk-WJRMD4JP.js';
8
8
  import { ContentContext } from './chunk-IXB2WK56.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
19
19
  import { jsx } from 'react/jsx-runtime';
20
20
 
21
21
  // css-module:./Popover.module.css#css-module
22
- var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___yH974", "fade": "Popover-module__fade___MZenc", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___5ESmX", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___FOOKs", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___-jsy8", "hop-Popover__title": "Popover-module__hop-Popover__title___GNuz4", "hop-Popover__content": "Popover-module__hop-Popover__content___9OiFQ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___ZBhEH", "hop-Popover__footer": "Popover-module__hop-Popover__footer___0wYlz", "hop-Popover__actions": "Popover-module__hop-Popover__actions___u03PF", "hop-Popover__action": "Popover-module__hop-Popover__action___qVBfg" };
22
+ var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___26umq", "fade": "Popover-module__fade___Rb7-0", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___uZgAA", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___GGJWK", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___jeauL", "hop-Popover__title": "Popover-module__hop-Popover__title___Rlj3j", "hop-Popover__content": "Popover-module__hop-Popover__content___xnLU-", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___zuSW3", "hop-Popover__footer": "Popover-module__hop-Popover__footer___0FFAg", "hop-Popover__actions": "Popover-module__hop-Popover__actions___22QyU", "hop-Popover__action": "Popover-module__hop-Popover__action___1YRad" };
23
23
  var GlobalPopoverCssSelector = "hop-Popover";
24
24
  function Popover(props, ref) {
25
25
  var _a;
@@ -1,6 +1,6 @@
1
1
  import { TooltipContext } from './chunk-77PD5K3M.js';
2
2
  import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
3
- import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
3
+ import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
4
4
  import { TextContext } from './chunk-ZNOU2CGM.js';
5
5
  import { cssModule } from './chunk-KVDXQMWI.js';
6
6
  import { useStyledSystem, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-comp
10
10
  import { jsx } from 'react/jsx-runtime';
11
11
 
12
12
  // css-module:./Tooltip.module.css#css-module
13
- var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___YCOYX", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___Ke-AO", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___cksoK", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___qFAV6", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___wwLMY", "slide": "Tooltip-module__slide___t6GRt" };
13
+ var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___RIZp2", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___LYimQ", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___U7MIG", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___dawQ8", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___qVC3o", "slide": "Tooltip-module__slide___-wv3b" };
14
14
  var GlobalTooltipCssSelector = "hop-Tooltip";
15
15
  function Tooltip(props, ref) {
16
16
  [props, ref] = useContextProps(props, ref, TooltipContext);
@@ -0,0 +1,70 @@
1
+ import { _Label } from './chunk-FIY4TUYL.js';
2
+ import { useFormProps } from './chunk-HQJZSCV7.js';
3
+ import { useLocalizedString } from './chunk-NNLLQWDS.js';
4
+ import { cssModule } from './chunk-KVDXQMWI.js';
5
+ import { useStyledSystem, Div } from '@hopper-ui/styled-system';
6
+ import clsx from 'clsx';
7
+ import { jsx, jsxs } from 'react/jsx-runtime';
8
+
9
+ // css-module:./FieldLabel.module.css#css-module
10
+ var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___HNiwu", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___X3yqm" };
11
+ var GlobalFieldLabelCssSelector = "hop-FieldLabel";
12
+ function FieldLabel(props) {
13
+ props = useFormProps(props);
14
+ const { stylingProps, ...ownProps } = useStyledSystem(props);
15
+ const stringFormatter = useLocalizedString();
16
+ const {
17
+ className,
18
+ children,
19
+ style,
20
+ contextualHelp,
21
+ isRequired,
22
+ necessityIndicator,
23
+ wrapperProps,
24
+ ...otherProps
25
+ } = ownProps;
26
+ const classNames = clsx(
27
+ className,
28
+ GlobalFieldLabelCssSelector,
29
+ cssModule(
30
+ FieldLabel_module_default,
31
+ GlobalFieldLabelCssSelector
32
+ ),
33
+ stylingProps.className
34
+ );
35
+ const mergedStyles = {
36
+ ...stylingProps.style,
37
+ ...style
38
+ };
39
+ if (!children) {
40
+ return null;
41
+ }
42
+ const necessityLabel = isRequired ? stringFormatter.format("FieldLabel.necessityLabel.required") : stringFormatter.format("FieldLabel.necessityLabel.optional");
43
+ const requiredIndicator = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "aria-label": necessityLabel, className: FieldLabel_module_default["hop-FieldLabel__indicator"], children: "*" });
44
+ const label = /* @__PURE__ */ jsxs(
45
+ _Label,
46
+ {
47
+ ...otherProps,
48
+ className: classNames,
49
+ style: mergedStyles,
50
+ children: [
51
+ children,
52
+ necessityIndicator === "label" && !isRequired && /* @__PURE__ */ jsxs("span", { children: [
53
+ " (",
54
+ necessityLabel,
55
+ ")"
56
+ ] }),
57
+ necessityIndicator === "asterisk" && isRequired && requiredIndicator
58
+ ]
59
+ }
60
+ );
61
+ if (!contextualHelp) {
62
+ return label;
63
+ }
64
+ return /* @__PURE__ */ jsxs(Div, { className: clsx(wrapperProps == null ? void 0 : wrapperProps.className, FieldLabel_module_default["hop-FieldLabel__wrapper"]), children: [
65
+ label,
66
+ contextualHelp
67
+ ] });
68
+ }
69
+
70
+ export { FieldLabel, GlobalFieldLabelCssSelector };