@hopper-ui/components 1.0.5 → 1.0.6

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 (240) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +3 -0
  3. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  4. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  5. package/dist/Avatar/src/Avatar.css +37 -37
  6. package/dist/Avatar/src/Avatar.js +5 -5
  7. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  8. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  9. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  10. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  11. package/dist/Avatar/src/index.css +37 -37
  12. package/dist/Avatar/src/index.js +7 -7
  13. package/dist/{badge → Badge}/src/Badge.css +11 -11
  14. package/dist/{badge → Badge}/src/Badge.d.ts +1 -1
  15. package/dist/{badge → Badge}/src/Badge.js +4 -3
  16. package/dist/Badge/src/BadgeContext.js +2 -0
  17. package/dist/{badge → Badge}/src/index.css +11 -11
  18. package/dist/{badge → Badge}/src/index.js +4 -3
  19. package/dist/{chip → Chip}/src/Chip.css +34 -34
  20. package/dist/{chip → Chip}/src/Chip.js +5 -5
  21. package/dist/Chip/src/ChipContext.js +2 -0
  22. package/dist/{chip → Chip}/src/index.css +34 -34
  23. package/dist/{chip → Chip}/src/index.js +5 -5
  24. package/dist/Divider/src/Divider.css +32 -0
  25. package/dist/Divider/src/Divider.d.ts +15 -0
  26. package/dist/Divider/src/Divider.js +4 -0
  27. package/dist/Divider/src/DividerContext.d.ts +8 -0
  28. package/dist/Divider/src/DividerContext.js +2 -0
  29. package/dist/Divider/src/index.css +32 -0
  30. package/dist/Divider/src/index.d.ts +5 -0
  31. package/dist/Divider/src/index.js +4 -0
  32. package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.css +12 -12
  33. package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.js +5 -5
  34. package/dist/ErrorMessage/src/ErrorMessageContext.js +2 -0
  35. package/dist/{errorMessage → ErrorMessage}/src/index.css +12 -12
  36. package/dist/{errorMessage → ErrorMessage}/src/index.js +5 -5
  37. package/dist/Header/src/Header.d.ts +17 -0
  38. package/dist/Header/src/Header.js +3 -0
  39. package/dist/Header/src/HeaderContext.d.ts +10 -0
  40. package/dist/Header/src/HeaderContext.js +2 -0
  41. package/dist/Header/src/index.d.ts +7 -0
  42. package/dist/Header/src/index.js +3 -0
  43. package/dist/{helperMessage → HelperMessage}/src/HelperMessage.css +12 -12
  44. package/dist/{helperMessage → HelperMessage}/src/HelperMessage.js +5 -5
  45. package/dist/HelperMessage/src/HelperMessageContext.js +2 -0
  46. package/dist/{helperMessage → HelperMessage}/src/index.css +12 -12
  47. package/dist/{helperMessage → HelperMessage}/src/index.js +5 -5
  48. package/dist/HopperProvider/src/HopperProvider.d.ts +1 -1
  49. package/dist/HopperProvider/src/HopperProvider.js +1 -1
  50. package/dist/HopperProvider/src/index.js +1 -1
  51. package/dist/IconList/src/IconList.css +1 -1
  52. package/dist/IconList/src/IconList.js +1 -1
  53. package/dist/IconList/src/index.css +1 -1
  54. package/dist/IconList/src/index.js +1 -1
  55. package/dist/Link/src/Link.css +31 -31
  56. package/dist/Link/src/Link.js +6 -6
  57. package/dist/Link/src/index.css +31 -31
  58. package/dist/Link/src/index.js +6 -6
  59. package/dist/ListBox/src/ListBox.css +1434 -0
  60. package/dist/ListBox/src/ListBox.d.ts +48 -0
  61. package/dist/ListBox/src/ListBox.js +34 -0
  62. package/dist/ListBox/src/ListBoxContext.d.ts +10 -0
  63. package/dist/ListBox/src/ListBoxContext.js +2 -0
  64. package/dist/ListBox/src/ListBoxItem.css +1297 -0
  65. package/dist/ListBox/src/ListBoxItem.d.ts +39 -0
  66. package/dist/ListBox/src/ListBoxItem.js +27 -0
  67. package/dist/ListBox/src/ListBoxItemContext.d.ts +9 -0
  68. package/dist/ListBox/src/ListBoxItemContext.js +2 -0
  69. package/dist/ListBox/src/ListBoxItemSkeleton.css +56 -0
  70. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +23 -0
  71. package/dist/ListBox/src/ListBoxItemSkeleton.js +4 -0
  72. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +10 -0
  73. package/dist/ListBox/src/ListBoxItemSkeletonContext.js +2 -0
  74. package/dist/ListBox/src/index.css +1434 -0
  75. package/dist/ListBox/src/index.d.ts +8 -0
  76. package/dist/ListBox/src/index.js +34 -0
  77. package/dist/ListBox/src/useLoadOnScroll.d.ts +16 -0
  78. package/dist/ListBox/src/useLoadOnScroll.js +2 -0
  79. package/dist/Section/src/Section.d.ts +19 -0
  80. package/dist/Section/src/Section.js +3 -0
  81. package/dist/Section/src/SectionContext.d.ts +9 -0
  82. package/dist/Section/src/SectionContext.js +2 -0
  83. package/dist/Section/src/index.d.ts +6 -0
  84. package/dist/Section/src/index.js +3 -0
  85. package/dist/Spinner/src/Spinner.css +19 -19
  86. package/dist/Spinner/src/Spinner.js +3 -3
  87. package/dist/Spinner/src/index.css +19 -19
  88. package/dist/Spinner/src/index.js +3 -3
  89. package/dist/buttons/src/Button.css +103 -103
  90. package/dist/buttons/src/Button.js +11 -11
  91. package/dist/buttons/src/ButtonGroup.css +11 -11
  92. package/dist/buttons/src/ButtonGroup.js +3 -3
  93. package/dist/buttons/src/ClearButton.css +12 -12
  94. package/dist/buttons/src/ClearButton.js +4 -4
  95. package/dist/buttons/src/EmbeddedButton.css +12 -12
  96. package/dist/buttons/src/EmbeddedButton.js +2 -2
  97. package/dist/buttons/src/index.css +126 -126
  98. package/dist/buttons/src/index.js +15 -15
  99. package/dist/checkbox/src/Checkbox.css +79 -94
  100. package/dist/checkbox/src/Checkbox.d.ts +3 -1
  101. package/dist/checkbox/src/Checkbox.js +5 -5
  102. package/dist/checkbox/src/CheckboxContext.d.ts +2 -0
  103. package/dist/checkbox/src/CheckboxField.css +15 -15
  104. package/dist/checkbox/src/CheckboxField.js +2 -2
  105. package/dist/checkbox/src/CheckboxGroup.css +116 -131
  106. package/dist/checkbox/src/CheckboxGroup.js +4 -4
  107. package/dist/checkbox/src/index.css +116 -131
  108. package/dist/checkbox/src/index.js +9 -9
  109. package/dist/{chunk-BD53A2LL.js → chunk-2XUHTPCX.js} +12 -6
  110. package/dist/{chunk-6WWYES56.js → chunk-37NW34QM.js} +5 -5
  111. package/dist/{chunk-3OWQHIJ6.js → chunk-3A6TTZAA.js} +1 -1
  112. package/dist/{chunk-KQPY2D3P.js → chunk-3LH2JHUO.js} +4 -4
  113. package/dist/{chunk-T6VFQSII.js → chunk-4JAV3FIH.js} +5 -5
  114. package/dist/chunk-4TXFHYHL.js +52 -0
  115. package/dist/{chunk-GELM73MQ.js → chunk-53FHDOG7.js} +12 -6
  116. package/dist/chunk-5H5AZJPQ.js +7 -0
  117. package/dist/{chunk-WTKIUAHI.js → chunk-632B5YBQ.js} +1 -1
  118. package/dist/{chunk-WFPCHFJI.js → chunk-6QMIRVLY.js} +2 -2
  119. package/dist/chunk-7JOGKC3W.js +7 -0
  120. package/dist/chunk-BC5A7RHI.js +1260 -0
  121. package/dist/{chunk-TM6742MU.js → chunk-BKC74M6Y.js} +3 -3
  122. package/dist/{chunk-ZSFJVMJN.js → chunk-CQDLZ42T.js} +1 -1
  123. package/dist/chunk-E4ALW4MZ.js +250 -0
  124. package/dist/{chunk-OPFRM3JC.js → chunk-E4WFKXW4.js} +3 -3
  125. package/dist/{chunk-KOJGCQ3F.js → chunk-F2URSFJA.js} +4 -4
  126. package/dist/{chunk-ACVMW6YD.js → chunk-FAE27DLF.js} +1 -1
  127. package/dist/chunk-FYIHMKHI.js +7 -0
  128. package/dist/{chunk-BVGKXCQH.js → chunk-G242LPQE.js} +2 -2
  129. package/dist/{chunk-5F5CWOM4.js → chunk-HR25MLRP.js} +1 -1
  130. package/dist/{chunk-ESVVLTEN.js → chunk-HZKFQ33E.js} +1 -1
  131. package/dist/chunk-I4VPBQI7.js +7 -0
  132. package/dist/{chunk-CP4AWOFU.js → chunk-ITQK6JTD.js} +2 -2
  133. package/dist/{chunk-Z33QZKRG.js → chunk-J33IFG4U.js} +1 -1
  134. package/dist/chunk-J53HGLCT.js +49 -0
  135. package/dist/{chunk-W2SKBBWE.js → chunk-JRDN364E.js} +5 -5
  136. package/dist/chunk-JTNMFPM4.js +41 -0
  137. package/dist/{chunk-FYDLV5BM.js → chunk-JUMJ6A3K.js} +1 -1
  138. package/dist/{chunk-3IEED7AY.js → chunk-K4ZGI7DJ.js} +1 -1
  139. package/dist/chunk-L5A2UTQV.js +43 -0
  140. package/dist/{chunk-F7S2I43Y.js → chunk-MED2BIDV.js} +2 -2
  141. package/dist/{chunk-22YUFCHD.js → chunk-MVRI6GLQ.js} +3 -3
  142. package/dist/{chunk-ANVMQBBG.js → chunk-NMKBUGSO.js} +12 -1
  143. package/dist/chunk-O5PTD6IN.js +41 -0
  144. package/dist/{chunk-P7JRKXBD.js → chunk-OHB5QR5P.js} +2 -2
  145. package/dist/chunk-OKZYR4RF.js +7 -0
  146. package/dist/{chunk-IIZECZAH.js → chunk-P5CWOV3L.js} +3 -3
  147. package/dist/{chunk-KOA2CREJ.js → chunk-QBCCF2C2.js} +5 -5
  148. package/dist/chunk-RA7PM75O.js +142 -0
  149. package/dist/{chunk-UYVKDU2W.js → chunk-RCX5B3S3.js} +3 -3
  150. package/dist/{chunk-7Q7VIED2.js → chunk-RG4JKE4N.js} +3 -3
  151. package/dist/{chunk-WNVTTHBK.js → chunk-SOSHKMNI.js} +6 -5
  152. package/dist/chunk-UIEP5BA5.js +7 -0
  153. package/dist/{chunk-GWEUWPLT.js → chunk-V5GOY6TV.js} +2 -2
  154. package/dist/{chunk-LUAIMTPE.js → chunk-XGKPMLYD.js} +7 -7
  155. package/dist/{chunk-THCG3QCD.js → chunk-XRC7XE6B.js} +2 -2
  156. package/dist/chunk-Y2POLIXK.js +7 -0
  157. package/dist/{chunk-H6CDFWVR.js → chunk-ZOTVZM6F.js} +6 -2
  158. package/dist/i18n/src/index.js +1 -1
  159. package/dist/i18n/src/useLocalizedString.js +1 -1
  160. package/dist/inputs/src/InputGroup.css +12 -12
  161. package/dist/inputs/src/InputGroup.js +2 -2
  162. package/dist/inputs/src/PasswordField.css +1176 -591
  163. package/dist/inputs/src/PasswordField.js +73 -165
  164. package/dist/inputs/src/SearchField.css +1161 -597
  165. package/dist/inputs/src/SearchField.js +73 -165
  166. package/dist/inputs/src/TextField.css +1173 -592
  167. package/dist/inputs/src/TextField.js +72 -57
  168. package/dist/inputs/src/index.css +1073 -492
  169. package/dist/inputs/src/index.d.ts +4 -0
  170. package/dist/inputs/src/index.js +72 -57
  171. package/dist/overlays/Popover/src/Popover.css +1211 -555
  172. package/dist/overlays/Popover/src/Popover.d.ts +5 -6
  173. package/dist/overlays/Popover/src/Popover.js +73 -55
  174. package/dist/overlays/Popover/src/PopoverContext.d.ts +1 -2
  175. package/dist/overlays/Popover/src/PopoverTrigger.d.ts +8 -0
  176. package/dist/overlays/Popover/src/PopoverTrigger.js +2 -0
  177. package/dist/overlays/Popover/src/index.css +1211 -555
  178. package/dist/overlays/Popover/src/index.d.ts +3 -2
  179. package/dist/overlays/Popover/src/index.js +73 -55
  180. package/dist/radio/src/Radio.css +67 -79
  181. package/dist/radio/src/Radio.d.ts +3 -1
  182. package/dist/radio/src/Radio.js +5 -5
  183. package/dist/radio/src/RadioContext.d.ts +2 -0
  184. package/dist/radio/src/RadioField.css +15 -15
  185. package/dist/radio/src/RadioField.js +3 -3
  186. package/dist/radio/src/RadioGroup.css +104 -116
  187. package/dist/radio/src/RadioGroup.js +5 -5
  188. package/dist/radio/src/index.css +104 -116
  189. package/dist/radio/src/index.js +10 -10
  190. package/dist/switch/src/Switch.css +25 -25
  191. package/dist/switch/src/Switch.js +5 -5
  192. package/dist/switch/src/SwitchField.css +15 -15
  193. package/dist/switch/src/SwitchField.js +2 -2
  194. package/dist/switch/src/index.css +31 -31
  195. package/dist/switch/src/index.js +6 -6
  196. package/dist/tag/src/Tag.css +1280 -548
  197. package/dist/tag/src/Tag.js +73 -53
  198. package/dist/tag/src/TagGroup.css +30 -30
  199. package/dist/tag/src/TagGroup.js +5 -5
  200. package/dist/tag/src/index.css +1280 -548
  201. package/dist/tag/src/index.js +73 -53
  202. package/dist/typography/Heading/src/Heading.css +1204 -472
  203. package/dist/typography/Heading/src/Heading.js +73 -53
  204. package/dist/typography/Heading/src/index.css +1204 -472
  205. package/dist/typography/Heading/src/index.js +73 -53
  206. package/dist/typography/Label/src/Label.css +9 -9
  207. package/dist/typography/Label/src/Label.js +1 -1
  208. package/dist/typography/Label/src/index.css +9 -9
  209. package/dist/typography/Label/src/index.js +1 -1
  210. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  211. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  212. package/dist/typography/OverlineText/src/index.css +6 -6
  213. package/dist/typography/OverlineText/src/index.js +1 -1
  214. package/dist/typography/Text/src/Text.css +9 -9
  215. package/dist/typography/Text/src/Text.js +3 -3
  216. package/dist/typography/Text/src/index.css +9 -9
  217. package/dist/typography/Text/src/index.js +3 -3
  218. package/dist/utils/src/index.d.ts +1 -1
  219. package/dist/utils/src/index.js +3 -3
  220. package/dist/utils/src/types.d.ts +16 -1
  221. package/package.json +2 -2
  222. package/dist/badge/src/BadgeContext.js +0 -2
  223. package/dist/chip/src/ChipContext.js +0 -2
  224. package/dist/chunk-LJXTJRSB.js +0 -1
  225. package/dist/chunk-NXNV5JDN.js +0 -392
  226. package/dist/chunk-UOBWYTW7.js +0 -156
  227. package/dist/chunk-ZCEVY7LM.js +0 -96
  228. package/dist/errorMessage/src/ErrorMessageContext.js +0 -2
  229. package/dist/helperMessage/src/HelperMessageContext.js +0 -2
  230. /package/dist/{badge → Badge}/src/BadgeContext.d.ts +0 -0
  231. /package/dist/{badge → Badge}/src/index.d.ts +0 -0
  232. /package/dist/{chip → Chip}/src/Chip.d.ts +0 -0
  233. /package/dist/{chip → Chip}/src/ChipContext.d.ts +0 -0
  234. /package/dist/{chip → Chip}/src/index.d.ts +0 -0
  235. /package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.d.ts +0 -0
  236. /package/dist/{errorMessage → ErrorMessage}/src/ErrorMessageContext.d.ts +0 -0
  237. /package/dist/{errorMessage → ErrorMessage}/src/index.d.ts +0 -0
  238. /package/dist/{helperMessage → HelperMessage}/src/HelperMessage.d.ts +0 -0
  239. /package/dist/{helperMessage → HelperMessage}/src/HelperMessageContext.d.ts +0 -0
  240. /package/dist/{helperMessage → HelperMessage}/src/index.d.ts +0 -0
@@ -1,392 +0,0 @@
1
- import { HeadingContext } from './chunk-TXZ6BMFR.js';
2
- import { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from './chunk-TIPN4VYD.js';
3
- import { GlobalSwitchFieldCssSelector, _SwitchField } from './chunk-THCG3QCD.js';
4
- import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
5
- import { GlobalTagGroupCssSelector, _TagGroup } from './chunk-6WWYES56.js';
6
- import { TagContext } from './chunk-EWMWQ2MC.js';
7
- import { TagGroupContext } from './chunk-LCAS3YQV.js';
8
- import { GlobalTagListCssSelector, _TagList } from './chunk-WWRB4K4M.js';
9
- import { TagListContext } from './chunk-XLKYXKWE.js';
10
- import { GlobalRadioGroupCssSelector, _RadioGroup } from './chunk-W2SKBBWE.js';
11
- import { RadioGroupContext } from './chunk-5MBJWRZD.js';
12
- import { GlobalRadioListCssSelector, _RadioList } from './chunk-NKHMUPAP.js';
13
- import { RadioListContext } from './chunk-A7TZHALP.js';
14
- import { GlobalSwitchCssSelector, _Switch } from './chunk-T6VFQSII.js';
15
- import { SwitchContext } from './chunk-YHBJAXUY.js';
16
- import { _Grid } from './chunk-N77LTZ4U.js';
17
- import { _Inline } from './chunk-Y7HUXUHX.js';
18
- import { _Stack } from './chunk-D6UTDI2K.js';
19
- import { fitContent, minmax, repeat } from './chunk-GFHBDUJD.js';
20
- import { GlobalRadioCssSelector, _Radio } from './chunk-BD53A2LL.js';
21
- import { GlobalRadioFieldCssSelector, _RadioField } from './chunk-UYVKDU2W.js';
22
- import { RadioFieldContext } from './chunk-DGLAGYBD.js';
23
- import { RadioContext } from './chunk-FU5CCPLP.js';
24
- import { _Content, GlobalContentCssSelector } from './chunk-GXBVNCVP.js';
25
- import { ContentContext } from './chunk-IXB2WK56.js';
26
- import { _Flex } from './chunk-TVFC2MJ4.js';
27
- import { _Footer, GlobalFooterCssSelector } from './chunk-AQITZWYM.js';
28
- import { FooterContext } from './chunk-I67NHYK4.js';
29
- import { _Chip, GlobalChipCssSelector } from './chunk-KOJGCQ3F.js';
30
- import { ChipContext } from './chunk-WTKIUAHI.js';
31
- import { _ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-22YUFCHD.js';
32
- import { GlobalHelperMessageCssSelector, _HelperMessage } from './chunk-IIZECZAH.js';
33
- import { _CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-WFPCHFJI.js';
34
- import { _CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-KQPY2D3P.js';
35
- import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
36
- import { HelperMessageContext } from './chunk-ESVVLTEN.js';
37
- import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
38
- import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
39
- import { _CheckboxList, GlobalCheckboxListCssSelector } from './chunk-3LRBUQC2.js';
40
- import { CheckboxListContext } from './chunk-WDUQUPTE.js';
41
- import { _ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-TM6742MU.js';
42
- import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
43
- import { _ClearButton, GlobalClearButtonCssSelector } from './chunk-P7JRKXBD.js';
44
- import { ClearButtonContext } from './chunk-DXVKHP4V.js';
45
- import { _EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-F7S2I43Y.js';
46
- import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
47
- import { _Checkbox, GlobalCheckboxCssSelector } from './chunk-GELM73MQ.js';
48
- import { CheckboxContext } from './chunk-2EAZPH3M.js';
49
- import { _Badge, GlobalBadgeCssSelector } from './chunk-WNVTTHBK.js';
50
- import { GlobalOverlineTextCssSelector, _OverlineText } from './chunk-3IEED7AY.js';
51
- import { OverlineTextContext } from './chunk-WPNVVGFW.js';
52
- import { BadgeContext } from './chunk-ZSFJVMJN.js';
53
- import { _Button, GlobalButtonCssSelector } from './chunk-LUAIMTPE.js';
54
- import { useSlot } from './chunk-H5YTU3U7.js';
55
- import { useRenderProps } from './chunk-NH3IVMXB.js';
56
- import { useLocalizedString } from './chunk-H6CDFWVR.js';
57
- import { GlobalSpinnerCssSelector, _Spinner } from './chunk-BVGKXCQH.js';
58
- import { GlobalLabelCssSelector, _Label } from './chunk-5F5CWOM4.js';
59
- import { LabelContext } from './chunk-QCA3ZR56.js';
60
- import { SpinnerContext } from './chunk-4ZYV2XLW.js';
61
- import { ButtonContext } from './chunk-WMTWFKKP.js';
62
- import { GlobalHopperProviderCssSelector, _HopperProvider } from './chunk-ANVMQBBG.js';
63
- import { GlobalIconListCssSelector, _IconList } from './chunk-3OWQHIJ6.js';
64
- import { GlobalLinkCssSelector, _Link } from './chunk-KOA2CREJ.js';
65
- import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
66
- import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
67
- import { IconListContext } from './chunk-DHVVYSLB.js';
68
- import { LinkContext } from './chunk-4VVNSXIB.js';
69
- import { _AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from './chunk-FYDLV5BM.js';
70
- import { _Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './chunk-OPFRM3JC.js';
71
- import { GlobalTextCssSelector, _Text } from './chunk-7Q7VIED2.js';
72
- import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
73
- import { TextContext } from './chunk-X6SER3TZ.js';
74
- import { _DeletedAvatar, GlobalDeletedAvatarCssSelector } from './chunk-Z33QZKRG.js';
75
- import { AvatarContext } from './chunk-AES7QBQE.js';
76
- import { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage } from './chunk-CP4AWOFU.js';
77
- import { cssModule } from './chunk-KVDXQMWI.js';
78
- import { SlotProvider } from './chunk-M36KANKC.js';
79
- import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
80
- import { __export, __reExport } from './chunk-2P3A4VVY.js';
81
- import * as styled_system_star from '@hopper-ui/styled-system';
82
- import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
83
- import clsx from 'clsx';
84
- import { forwardRef } from 'react';
85
- import { useContextProps, Heading as Heading$1, composeRenderProps, Tag as Tag$1 } from 'react-aria-components';
86
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
87
- import { IconContext } from '@hopper-ui/icons';
88
-
89
- // src/index.ts
90
- var src_exports = {};
91
- __export(src_exports, {
92
- AnonymousAvatar: () => _AnonymousAvatar,
93
- Avatar: () => _Avatar,
94
- AvatarContext: () => AvatarContext,
95
- AvatarToIconSizeAdapter: () => AvatarToIconSizeAdapter,
96
- AvatarToTextSizeAdapter: () => AvatarToTextSizeAdapter,
97
- Badge: () => _Badge,
98
- BadgeContext: () => BadgeContext,
99
- Button: () => _Button,
100
- ButtonContext: () => ButtonContext,
101
- ButtonGroup: () => _ButtonGroup,
102
- ButtonGroupContext: () => ButtonGroupContext,
103
- Checkbox: () => _Checkbox,
104
- CheckboxContext: () => CheckboxContext,
105
- CheckboxField: () => _CheckboxField,
106
- CheckboxFieldContext: () => CheckboxFieldContext,
107
- CheckboxGroup: () => _CheckboxGroup,
108
- CheckboxGroupContext: () => CheckboxGroupContext,
109
- CheckboxList: () => _CheckboxList,
110
- CheckboxListContext: () => CheckboxListContext,
111
- Chip: () => _Chip,
112
- ChipContext: () => ChipContext,
113
- ClearButton: () => _ClearButton,
114
- ClearButtonContext: () => ClearButtonContext,
115
- ClearContainerSlots: () => ClearContainerSlots,
116
- ClearProviders: () => ClearProviders,
117
- Content: () => _Content,
118
- ContentContext: () => ContentContext,
119
- DeletedAvatar: () => _DeletedAvatar,
120
- EmbeddedButton: () => _EmbeddedButton,
121
- EmbeddedButtonContext: () => EmbeddedButtonContext,
122
- ErrorMessage: () => _ErrorMessage,
123
- ErrorMessageContext: () => ErrorMessageContext,
124
- Flex: () => _Flex,
125
- Footer: () => _Footer,
126
- FooterContext: () => FooterContext,
127
- GlobalAnonymousAvatarCssSelector: () => GlobalAnonymousAvatarCssSelector,
128
- GlobalAvatarCssSelector: () => GlobalAvatarCssSelector,
129
- GlobalBadgeCssSelector: () => GlobalBadgeCssSelector,
130
- GlobalButtonCssSelector: () => GlobalButtonCssSelector,
131
- GlobalButtonGroupCssSelector: () => GlobalButtonGroupCssSelector,
132
- GlobalCheckboxCssSelector: () => GlobalCheckboxCssSelector,
133
- GlobalCheckboxFieldCssSelector: () => GlobalCheckboxFieldCssSelector,
134
- GlobalCheckboxGroupCssSelector: () => GlobalCheckboxGroupCssSelector,
135
- GlobalCheckboxListCssSelector: () => GlobalCheckboxListCssSelector,
136
- GlobalChipCssSelector: () => GlobalChipCssSelector,
137
- GlobalClearButtonCssSelector: () => GlobalClearButtonCssSelector,
138
- GlobalContentCssSelector: () => GlobalContentCssSelector,
139
- GlobalDeletedAvatarCssSelector: () => GlobalDeletedAvatarCssSelector,
140
- GlobalEmbeddedButtonCssSelector: () => GlobalEmbeddedButtonCssSelector,
141
- GlobalErrorMessageCssSelector: () => GlobalErrorMessageCssSelector,
142
- GlobalFooterCssSelector: () => GlobalFooterCssSelector,
143
- GlobalHeadingCssSelector: () => GlobalHeadingCssSelector,
144
- GlobalHelperMessageCssSelector: () => GlobalHelperMessageCssSelector,
145
- GlobalHopperProviderCssSelector: () => GlobalHopperProviderCssSelector,
146
- GlobalIconListCssSelector: () => GlobalIconListCssSelector,
147
- GlobalLabelCssSelector: () => GlobalLabelCssSelector,
148
- GlobalLinkCssSelector: () => GlobalLinkCssSelector,
149
- GlobalOverlineTextCssSelector: () => GlobalOverlineTextCssSelector,
150
- GlobalRadioCssSelector: () => GlobalRadioCssSelector,
151
- GlobalRadioFieldCssSelector: () => GlobalRadioFieldCssSelector,
152
- GlobalRadioGroupCssSelector: () => GlobalRadioGroupCssSelector,
153
- GlobalRadioListCssSelector: () => GlobalRadioListCssSelector,
154
- GlobalRichIconAvatarImageCssSelector: () => GlobalRichIconAvatarImageCssSelector,
155
- GlobalSpinnerCssSelector: () => GlobalSpinnerCssSelector,
156
- GlobalSwitchCssSelector: () => GlobalSwitchCssSelector,
157
- GlobalSwitchFieldCssSelector: () => GlobalSwitchFieldCssSelector,
158
- GlobalTagCssSelector: () => GlobalTagCssSelector,
159
- GlobalTagGroupCssSelector: () => GlobalTagGroupCssSelector,
160
- GlobalTagListCssSelector: () => GlobalTagListCssSelector,
161
- GlobalTextCssSelector: () => GlobalTextCssSelector,
162
- Grid: () => _Grid,
163
- H1: () => H1,
164
- H2: () => H2,
165
- H3: () => H3,
166
- H4: () => H4,
167
- H5: () => H5,
168
- H6: () => H6,
169
- Heading: () => _Heading,
170
- HeadingContext: () => HeadingContext,
171
- HelperMessage: () => _HelperMessage,
172
- HelperMessageContext: () => HelperMessageContext,
173
- HopperProvider: () => _HopperProvider,
174
- IconList: () => _IconList,
175
- IconListContext: () => IconListContext,
176
- Inline: () => _Inline,
177
- Label: () => _Label,
178
- LabelContext: () => LabelContext,
179
- Link: () => _Link,
180
- LinkContext: () => LinkContext,
181
- OverlineText: () => _OverlineText,
182
- OverlineTextContext: () => OverlineTextContext,
183
- Radio: () => _Radio,
184
- RadioContext: () => RadioContext,
185
- RadioField: () => _RadioField,
186
- RadioFieldContext: () => RadioFieldContext,
187
- RadioGroup: () => _RadioGroup,
188
- RadioGroupContext: () => RadioGroupContext,
189
- RadioList: () => _RadioList,
190
- RadioListContext: () => RadioListContext,
191
- RichIconAvatarImage: () => _RichIconAvatarImage,
192
- RichIconAvatarImageContext: () => RichIconAvatarImageContext,
193
- SlotProvider: () => SlotProvider,
194
- Spinner: () => _Spinner,
195
- SpinnerContext: () => SpinnerContext,
196
- Stack: () => _Stack,
197
- Switch: () => _Switch,
198
- SwitchContext: () => SwitchContext,
199
- SwitchField: () => _SwitchField,
200
- SwitchFieldContext: () => SwitchFieldContext,
201
- Tag: () => _Tag,
202
- TagContext: () => TagContext,
203
- TagGroup: () => _TagGroup,
204
- TagGroupContext: () => TagGroupContext,
205
- TagList: () => _TagList,
206
- TagListContext: () => TagListContext,
207
- Text: () => _Text,
208
- TextContext: () => TextContext,
209
- composeClassnameRenderProps: () => composeClassnameRenderProps,
210
- cssModule: () => cssModule,
211
- fitContent: () => fitContent,
212
- isArray: () => isArray,
213
- isDefined: () => isDefined,
214
- isEmptyArray: () => isEmptyArray,
215
- isFunction: () => isFunction,
216
- isNil: () => isNil,
217
- isNilOrEmpty: () => isNilOrEmpty,
218
- isNull: () => isNull,
219
- isNumber: () => isNumber,
220
- isObject: () => isObject,
221
- isPlainObject: () => isPlainObject,
222
- isPromise: () => isPromise,
223
- isString: () => isString,
224
- isTextOnlyChildren: () => isTextOnlyChildren,
225
- isUndefined: () => isUndefined,
226
- minmax: () => minmax,
227
- repeat: () => repeat,
228
- useRenderProps: () => useRenderProps,
229
- useSlot: () => useSlot
230
- });
231
-
232
- // css-module:./Heading.module.css#css-module
233
- var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___N6RDM", "hop-Heading--xs": "Heading-module__hop-Heading--xs___PspSb", "hop-Heading--sm": "Heading-module__hop-Heading--sm___I-Ypn", "hop-Heading--md": "Heading-module__hop-Heading--md___bJB6G", "hop-Heading--lg": "Heading-module__hop-Heading--lg___NYsEb", "hop-Heading--xl": "Heading-module__hop-Heading--xl___K-lV8", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___Uxjjw", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___YLUEv" };
234
- var GlobalHeadingCssSelector = "hop-Heading";
235
- function Heading(props, ref) {
236
- [props, ref] = useContextProps(props, ref, HeadingContext);
237
- const { stylingProps, ...ownProps } = useStyledSystem(props);
238
- const { className, size: sizeProp, children, style, ...otherProps } = ownProps;
239
- const size = (0, src_exports.useResponsiveValue)(sizeProp != null ? sizeProp : "md");
240
- const classNames = clsx(
241
- GlobalHeadingCssSelector,
242
- cssModule(
243
- Heading_module_default,
244
- "hop-Heading",
245
- size
246
- ),
247
- stylingProps.className,
248
- className
249
- );
250
- const mergedStyles = {
251
- ...stylingProps.style,
252
- ...style
253
- };
254
- return /* @__PURE__ */ jsx(
255
- Heading$1,
256
- {
257
- ...otherProps,
258
- ref,
259
- className: classNames,
260
- style: mergedStyles,
261
- children
262
- }
263
- );
264
- }
265
- var _Heading = forwardRef(Heading);
266
- _Heading.displayName = "Heading";
267
- function createHeading(as) {
268
- const level = parseInt(as[1]);
269
- return forwardRef((props, ref) => {
270
- return /* @__PURE__ */ jsx(_Heading, { ...props, ref, level });
271
- });
272
- }
273
- var H1 = createHeading("h1");
274
- var H2 = createHeading("h2");
275
- var H3 = createHeading("h3");
276
- var H4 = createHeading("h4");
277
- var H5 = createHeading("h5");
278
- var H6 = createHeading("h6");
279
-
280
- // src/index.ts
281
- __reExport(src_exports, styled_system_star);
282
-
283
- // css-module:./Tag.module.css#css-module
284
- var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___qFqyh", "hop-Tag--md": "Tag-module__hop-Tag--md___yD2R0", "hop-Tag__icon": "Tag-module__hop-Tag__icon___BuZdB", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___XpdrM", "hop-Tag__badge": "Tag-module__hop-Tag__badge___KsNAZ", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___1-nqJ", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___4ylYp", "hop-Tag--lg": "Tag-module__hop-Tag--lg___QYYXG", "hop-Tag__text": "Tag-module__hop-Tag__text___JF8Qt", "hop-Badge--secondary": "Tag-module__hop-Badge--secondary___Hb-el" };
285
- var GlobalTagCssSelector = "hop-Tag";
286
- var TagToTextSizeAdapter = {
287
- md: "xs",
288
- lg: "sm"
289
- };
290
- function Tag(props, ref) {
291
- var _a;
292
- [props, ref] = useContextProps(props, ref, TagContext);
293
- const { stylingProps, ...ownProps } = useStyledSystem(props);
294
- const {
295
- className,
296
- children: childrenProp,
297
- isInvalid,
298
- isLoading,
299
- size: sizeProp = "md",
300
- style: styleProp,
301
- textValue: textValueProp,
302
- ...otherProps
303
- } = ownProps;
304
- const stringFormatter = useLocalizedString();
305
- const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
306
- const textValue = textValueProp != null ? textValueProp : typeof childrenProp === "string" ? childrenProp : void 0;
307
- const classNames = composeClassnameRenderProps(
308
- className,
309
- GlobalTagCssSelector,
310
- cssModule(
311
- Tag_module_default,
312
- "hop-Tag",
313
- size
314
- ),
315
- stylingProps.className
316
- );
317
- const style = composeRenderProps(styleProp, (prev) => {
318
- return {
319
- ...stylingProps.style,
320
- ...prev
321
- };
322
- });
323
- const children = composeRenderProps(childrenProp, (prev) => {
324
- if (prev && isTextOnlyChildren(prev)) {
325
- return /* @__PURE__ */ jsx(_Text, { children: prev });
326
- }
327
- return prev;
328
- });
329
- return /* @__PURE__ */ jsx(
330
- Tag$1,
331
- {
332
- ...otherProps,
333
- ref,
334
- className: classNames,
335
- style,
336
- textValue,
337
- "data-invalid": isInvalid || void 0,
338
- "data-loading": isLoading || void 0,
339
- children: (tagProps) => {
340
- const { allowsRemoving, isDisabled } = tagProps;
341
- return /* @__PURE__ */ jsxs(Fragment, { children: [
342
- /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
343
- SlotProvider,
344
- {
345
- values: [
346
- [TextContext, {
347
- className: Tag_module_default["hop-Tag__text"],
348
- size: TagToTextSizeAdapter[size]
349
- }],
350
- [IconListContext, {
351
- className: Tag_module_default["hop-Tag__icon-list"],
352
- size: "sm"
353
- }],
354
- [IconContext, {
355
- className: Tag_module_default["hop-Tag__icon"],
356
- size: "sm"
357
- }],
358
- [BadgeContext, {
359
- className: Tag_module_default["hop-Tag__badge"],
360
- isDisabled
361
- }]
362
- ],
363
- children: children(tagProps)
364
- }
365
- ) }),
366
- allowsRemoving && !isLoading && /* @__PURE__ */ jsx(
367
- _ClearButton,
368
- {
369
- slot: "remove",
370
- isDisabled,
371
- className: Tag_module_default["hop-Tag__remove-btn"],
372
- "aria-label": stringFormatter.format("Tag.removeAriaLabel"),
373
- size
374
- }
375
- ),
376
- isLoading && /* @__PURE__ */ jsx(
377
- _Spinner,
378
- {
379
- "aria-label": stringFormatter.format("Tag.spinnerAriaLabel"),
380
- size: "sm",
381
- className: Tag_module_default["hop-Tag__Spinner"]
382
- }
383
- )
384
- ] });
385
- }
386
- }
387
- );
388
- }
389
- var _Tag = forwardRef(Tag);
390
- _Tag.displayName = "Tag";
391
-
392
- export { GlobalHeadingCssSelector, GlobalTagCssSelector, H1, H2, H3, H4, H5, H6, _Heading, _Tag, src_exports };
@@ -1,156 +0,0 @@
1
- import { TextFieldContext } from './chunk-O4XPUINW.js';
2
- import { _InputGroup } from './chunk-GWEUWPLT.js';
3
- import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
4
- import { HelperMessageContext } from './chunk-ESVVLTEN.js';
5
- import { _ClearButton } from './chunk-P7JRKXBD.js';
6
- import { useLocalizedString } from './chunk-H6CDFWVR.js';
7
- import { LabelContext } from './chunk-QCA3ZR56.js';
8
- import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
9
- import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
10
- import { _Text } from './chunk-7Q7VIED2.js';
11
- import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
12
- import { TextContext } from './chunk-X6SER3TZ.js';
13
- import { cssModule } from './chunk-KVDXQMWI.js';
14
- import { SlotProvider } from './chunk-M36KANKC.js';
15
- import { IconContext } from '@hopper-ui/icons';
16
- import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
17
- import { mergeRefs } from '@react-aria/utils';
18
- import { useControlledState } from '@react-stately/utils';
19
- import { forwardRef, useState, useCallback } from 'react';
20
- import { useObjectRef } from 'react-aria';
21
- import { useContextProps, composeRenderProps, Input, TextField as TextField$1 } from 'react-aria-components';
22
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
23
-
24
- // css-module:./TextField.module.css#css-module
25
- var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___kinvO", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___9n2wP", "hop-TextField__Label": "TextField-module__hop-TextField__Label___C1veN", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Hw8Cr", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___or9FG", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___zXsFu", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___yHZ0J" };
26
- var GlobalTextFieldCssSelector = "hop-TextField";
27
- function TextField(props, ref) {
28
- var _a;
29
- const {
30
- inputRef: userProvidedInputRef = null,
31
- ...propsWithoutRef
32
- } = props;
33
- [props, ref] = useContextProps(propsWithoutRef, ref, TextFieldContext);
34
- const { stylingProps, ...ownProps } = useStyledSystem(props);
35
- const [characterCount, setCharacterCount] = useState(() => {
36
- var _a2, _b, _c, _d;
37
- return (_d = (_c = (_a2 = props.value) == null ? void 0 : _a2.length) != null ? _c : (_b = props.defaultValue) == null ? void 0 : _b.length) != null ? _d : 0;
38
- });
39
- const {
40
- className,
41
- style: styleProp,
42
- size,
43
- prefix,
44
- showCharacterCount,
45
- maxLength,
46
- placeholder,
47
- isClearable,
48
- onChange: onChangeProp,
49
- children,
50
- onClear,
51
- defaultValue,
52
- value: valueProp,
53
- isFluid: isFluidProp,
54
- isDisabled,
55
- isInvalid,
56
- ...otherProps
57
- } = ownProps;
58
- const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
59
- const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
60
- const classNames = composeClassnameRenderProps(
61
- className,
62
- GlobalTextFieldCssSelector,
63
- cssModule(
64
- TextField_module_default,
65
- "hop-TextField",
66
- isClearable && "clearable",
67
- isFluid && "fluid"
68
- ),
69
- stylingProps.className
70
- );
71
- const style = composeRenderProps(styleProp, (prev) => {
72
- return {
73
- ...stylingProps.style,
74
- ...prev
75
- };
76
- });
77
- const handleTextChanged = useCallback((value2) => {
78
- setCharacterCount(value2.length);
79
- onChangeProp == null ? void 0 : onChangeProp(value2);
80
- }, [onChangeProp]);
81
- const [value, onChange] = useControlledState(valueProp, defaultValue || "", handleTextChanged);
82
- const handleClear = useCallback(() => {
83
- onChange("");
84
- onClear == null ? void 0 : onClear();
85
- }, [onChange, onClear]);
86
- const showClearButton = isClearable && characterCount !== 0;
87
- if (showCharacterCount && !maxLength) {
88
- console.warn("If showCharacterCount is true, maxLength must be set to the maximum number of characters allowed in the TextField.");
89
- }
90
- const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
91
- SlotProvider,
92
- {
93
- values: [
94
- [TextContext, { size, className: TextField_module_default["hop-TextField__prefix"] }],
95
- [IconContext, { size, className: TextField_module_default["hop-TextField__prefix"] }]
96
- ],
97
- children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix
98
- }
99
- ) : null;
100
- const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
101
- _InputGroup,
102
- {
103
- isFluid,
104
- size,
105
- className: TextField_module_default["hop-TextField__InputGroup"],
106
- isDisabled,
107
- isInvalid,
108
- children: [
109
- prefixMarkup,
110
- /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
111
- showCharacterCount && maxLength && /* @__PURE__ */ jsx(CharacterCount, { characterLeft: maxLength - characterCount }),
112
- showClearButton && /* @__PURE__ */ jsx(_ClearButton, { isDisabled, size: "lg", onPress: handleClear })
113
- ]
114
- }
115
- ) });
116
- const childrenMarkup = composeRenderProps(children, (prev) => {
117
- return /* @__PURE__ */ jsxs(Fragment, { children: [
118
- /* @__PURE__ */ jsx(
119
- SlotProvider,
120
- {
121
- values: [
122
- [LabelContext, { className: TextField_module_default["hop-TextField__Label"] }],
123
- [HelperMessageContext, { className: TextField_module_default["hop-TextField__HelperMessage"] }],
124
- [ErrorMessageContext, { className: TextField_module_default["hop-TextField__ErrorMessage"] }]
125
- ],
126
- children: prev
127
- }
128
- ),
129
- inputMarkup
130
- ] });
131
- });
132
- return /* @__PURE__ */ jsx(
133
- TextField$1,
134
- {
135
- ref,
136
- value,
137
- style,
138
- className: classNames,
139
- maxLength,
140
- onChange,
141
- isDisabled,
142
- isInvalid,
143
- ...otherProps,
144
- children: childrenMarkup
145
- }
146
- );
147
- }
148
- function CharacterCount({ characterLeft }) {
149
- const stringFormatter = useLocalizedString();
150
- const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: characterLeft });
151
- return /* @__PURE__ */ jsx(_Text, { "aria-label": accessibilityString, color: "neutral-weakest", size: "xs", children: characterLeft });
152
- }
153
- var _TextField = forwardRef(TextField);
154
- _TextField.displayName = "TextField";
155
-
156
- export { GlobalTextFieldCssSelector, _TextField };
@@ -1,96 +0,0 @@
1
- import { PopoverContext } from './chunk-SC6ZK5ON.js';
2
- import { src_exports } from './chunk-NXNV5JDN.js';
3
- import { HeadingContext } from './chunk-TXZ6BMFR.js';
4
- import { isFunction, isNil } from './chunk-TIPN4VYD.js';
5
- import { ContentContext } from './chunk-IXB2WK56.js';
6
- import { FooterContext } from './chunk-I67NHYK4.js';
7
- import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
8
- import { ButtonContext } from './chunk-WMTWFKKP.js';
9
- import { _HopperProvider } from './chunk-ANVMQBBG.js';
10
- import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
11
- import { LinkContext } from './chunk-4VVNSXIB.js';
12
- import { cssModule } from './chunk-KVDXQMWI.js';
13
- import { SlotProvider } from './chunk-M36KANKC.js';
14
- import { useStyledSystem } from '@hopper-ui/styled-system';
15
- import clsx from 'clsx';
16
- import { forwardRef } from 'react';
17
- import { DialogTrigger, useContextProps, Popover as Popover$1, Dialog } from 'react-aria-components';
18
- import { jsx } from 'react/jsx-runtime';
19
-
20
- // css-module:./Popover.module.css#css-module
21
- var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___c-Ekg", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___oxAHL", "hop-Popover__title": "Popover-module__hop-Popover__title___R9VLN", "hop-Popover__actions": "Popover-module__hop-Popover__actions___gTQ99", "hop-Popover__action": "Popover-module__hop-Popover__action___gI-Mg", "hop-Popover__content": "Popover-module__hop-Popover__content___t34xa", "hop-Popover__footer": "Popover-module__hop-Popover__footer___9yOCm" };
22
- var GlobalPopoverCssSelector = "hop-Popover";
23
- var PopoverTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger, { ...props, children: props.children });
24
- function Popover(props, ref) {
25
- [props, ref] = useContextProps(props, ref, PopoverContext);
26
- const { stylingProps, ...ownProps } = useStyledSystem(props);
27
- const {
28
- children,
29
- className,
30
- offset = 4,
31
- boundaryOffset,
32
- ...otherProps
33
- } = ownProps;
34
- const { colorScheme } = (0, src_exports.useColorSchemeContext)();
35
- const popoverClassNames = composeClassnameRenderProps(
36
- className,
37
- GlobalPopoverCssSelector,
38
- cssModule(
39
- Popover_module_default,
40
- "hop-Popover"
41
- )
42
- );
43
- return /* @__PURE__ */ jsx(
44
- Popover$1,
45
- {
46
- ...otherProps,
47
- offset,
48
- ref,
49
- className: popoverClassNames,
50
- arrowBoundaryOffset: boundaryOffset,
51
- children: (state) => /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, children: /* @__PURE__ */ jsx(
52
- Dialog,
53
- {
54
- className: clsx(stylingProps.className, Popover_module_default["hop-Popover__dialog"]),
55
- style: stylingProps.style,
56
- children: /* @__PURE__ */ jsx(
57
- SlotProvider,
58
- {
59
- values: [
60
- [HeadingContext, {
61
- className: Popover_module_default["hop-Popover__title"],
62
- size: "xs"
63
- }],
64
- [ButtonContext, {
65
- size: "sm",
66
- className: Popover_module_default["hop-Popover__action"]
67
- }],
68
- [ButtonGroupContext, {
69
- size: "sm",
70
- align: "end",
71
- className: Popover_module_default["hop-Popover__actions"]
72
- }],
73
- [ContentContext, {
74
- className: Popover_module_default["hop-Popover__content"]
75
- }],
76
- [FooterContext, {
77
- className: Popover_module_default["hop-Popover__footer"]
78
- }],
79
- [LinkContext, {
80
- size: "sm",
81
- variant: "primary",
82
- isQuiet: true
83
- }]
84
- ],
85
- children: isFunction(children) && !isNil(children) ? children(state) : children
86
- }
87
- )
88
- }
89
- ) })
90
- }
91
- );
92
- }
93
- var _Popover = forwardRef(Popover);
94
- _Popover.displayName = "Popover";
95
-
96
- export { GlobalPopoverCssSelector, PopoverTrigger, _Popover };
@@ -1,2 +0,0 @@
1
- export { ErrorMessageContext } from '../../chunk-ACVMW6YD.js';
2
- import '../../chunk-2P3A4VVY.js';
@@ -1,2 +0,0 @@
1
- export { HelperMessageContext } from '../../chunk-ESVVLTEN.js';
2
- import '../../chunk-2P3A4VVY.js';
File without changes
File without changes
File without changes
File without changes
File without changes