@artsy/palette 41.8.1 → 42.0.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 (471) hide show
  1. package/dist/Theme.d.ts +2 -70
  2. package/dist/Theme.js +3 -6
  3. package/dist/Theme.js.map +1 -1
  4. package/dist/elements/AutocompleteInput/AutocompleteInput.js +3 -4
  5. package/dist/elements/AutocompleteInput/AutocompleteInput.js.map +1 -1
  6. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +8 -14
  7. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
  8. package/dist/elements/AutocompleteInput/AutocompleteInputOption.js +1 -2
  9. package/dist/elements/AutocompleteInput/AutocompleteInputOption.js.map +1 -1
  10. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js +1 -2
  11. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js.map +1 -1
  12. package/dist/elements/Avatar/Avatar.js +3 -4
  13. package/dist/elements/Avatar/Avatar.js.map +1 -1
  14. package/dist/elements/Avatar/Avatar.story.js +5 -10
  15. package/dist/elements/Avatar/Avatar.story.js.map +1 -1
  16. package/dist/elements/Banner/Banner.d.ts +1 -1
  17. package/dist/elements/Banner/Banner.js +4 -6
  18. package/dist/elements/Banner/Banner.js.map +1 -1
  19. package/dist/elements/Banner/Banner.story.js +2 -4
  20. package/dist/elements/Banner/Banner.story.js.map +1 -1
  21. package/dist/elements/BaseTabs/BaseTab.d.ts +9 -9
  22. package/dist/elements/BaseTabs/BaseTab.js +1 -2
  23. package/dist/elements/BaseTabs/BaseTab.js.map +1 -1
  24. package/dist/elements/BaseTabs/BaseTabs.d.ts +1 -1
  25. package/dist/elements/BaseTabs/BaseTabs.js +1 -2
  26. package/dist/elements/BaseTabs/BaseTabs.js.map +1 -1
  27. package/dist/elements/BaseTabs/BaseTabs.story.js +10 -20
  28. package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
  29. package/dist/elements/BaseTabs/tokens.js +1 -2
  30. package/dist/elements/BaseTabs/tokens.js.map +1 -1
  31. package/dist/elements/BorderBox/BorderBox.d.ts +2 -3
  32. package/dist/elements/BorderBox/BorderBox.js +1 -2
  33. package/dist/elements/BorderBox/BorderBox.js.map +1 -1
  34. package/dist/elements/BorderBox/BorderBoxBase.d.ts +1 -2
  35. package/dist/elements/BorderBox/BorderBoxBase.js +1 -2
  36. package/dist/elements/BorderBox/BorderBoxBase.js.map +1 -1
  37. package/dist/elements/BorderedRadio/BorderedRadio.d.ts +1 -2
  38. package/dist/elements/BorderedRadio/BorderedRadio.js +1 -2
  39. package/dist/elements/BorderedRadio/BorderedRadio.js.map +1 -1
  40. package/dist/elements/BorderedRadio/BorderedRadio.story.js +2 -4
  41. package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
  42. package/dist/elements/Box/Box.d.ts +1 -2
  43. package/dist/elements/Box/Box.js +5 -8
  44. package/dist/elements/Box/Box.js.map +1 -1
  45. package/dist/elements/Box/Box.story.js +2 -4
  46. package/dist/elements/Box/Box.story.js.map +1 -1
  47. package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  48. package/dist/elements/Breadcrumbs/Breadcrumbs.js +1 -2
  49. package/dist/elements/Breadcrumbs/Breadcrumbs.js.map +1 -1
  50. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js +2 -4
  51. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js.map +1 -1
  52. package/dist/elements/Button/Button.js +2 -4
  53. package/dist/elements/Button/Button.js.map +1 -1
  54. package/dist/elements/Button/Button.story.js +12 -22
  55. package/dist/elements/Button/Button.story.js.map +1 -1
  56. package/dist/elements/Button/tokens.d.ts +1 -1
  57. package/dist/elements/Button/tokens.js +4 -8
  58. package/dist/elements/Button/tokens.js.map +1 -1
  59. package/dist/elements/Button/types.d.ts +3 -3
  60. package/dist/elements/Button/types.js +5 -6
  61. package/dist/elements/Button/types.js.map +1 -1
  62. package/dist/elements/CSSGrid/CSSGrid.d.ts +1 -2
  63. package/dist/elements/CSSGrid/CSSGrid.js +1 -2
  64. package/dist/elements/CSSGrid/CSSGrid.js.map +1 -1
  65. package/dist/elements/CSSGrid/CSSGrid.story.js +2 -4
  66. package/dist/elements/CSSGrid/CSSGrid.story.js.map +1 -1
  67. package/dist/elements/Cards/Card.js +1 -2
  68. package/dist/elements/Cards/Card.js.map +1 -1
  69. package/dist/elements/Cards/Cards.story.js +3 -6
  70. package/dist/elements/Cards/Cards.story.js.map +1 -1
  71. package/dist/elements/Cards/TriptychCard.d.ts +1 -1
  72. package/dist/elements/Cards/TriptychCard.js +4 -5
  73. package/dist/elements/Cards/TriptychCard.js.map +1 -1
  74. package/dist/elements/Carousel/Carousel.d.ts +4 -4
  75. package/dist/elements/Carousel/Carousel.js +6 -10
  76. package/dist/elements/Carousel/Carousel.js.map +1 -1
  77. package/dist/elements/Carousel/Carousel.story.js +21 -40
  78. package/dist/elements/Carousel/Carousel.story.js.map +1 -1
  79. package/dist/elements/Carousel/CarouselNavigation.d.ts +7 -8
  80. package/dist/elements/Carousel/CarouselNavigation.js +2 -4
  81. package/dist/elements/Carousel/CarouselNavigation.js.map +1 -1
  82. package/dist/elements/Carousel/paginate.d.ts +2 -2
  83. package/dist/elements/Carousel/paginate.js +5 -7
  84. package/dist/elements/Carousel/paginate.js.map +1 -1
  85. package/dist/elements/CarouselBar/CarouselBar.d.ts +1 -1
  86. package/dist/elements/CarouselBar/CarouselBar.js +1 -2
  87. package/dist/elements/CarouselBar/CarouselBar.js.map +1 -1
  88. package/dist/elements/CarouselBar/CarouselBar.story.js +2 -4
  89. package/dist/elements/CarouselBar/CarouselBar.story.js.map +1 -1
  90. package/dist/elements/Checkbox/Check.js +1 -2
  91. package/dist/elements/Checkbox/Check.js.map +1 -1
  92. package/dist/elements/Checkbox/Check.story.js +2 -4
  93. package/dist/elements/Checkbox/Check.story.js.map +1 -1
  94. package/dist/elements/Checkbox/Checkbox.js +1 -2
  95. package/dist/elements/Checkbox/Checkbox.js.map +1 -1
  96. package/dist/elements/Checkbox/Checkbox.story.js +6 -10
  97. package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
  98. package/dist/elements/Checkbox/tokens.js +2 -4
  99. package/dist/elements/Checkbox/tokens.js.map +1 -1
  100. package/dist/elements/CleanTag/CleanTag.d.ts +1 -1
  101. package/dist/elements/CleanTag/CleanTag.js +4 -7
  102. package/dist/elements/CleanTag/CleanTag.js.map +1 -1
  103. package/dist/elements/Clickable/Clickable.d.ts +2 -2
  104. package/dist/elements/Clickable/Clickable.js +2 -4
  105. package/dist/elements/Clickable/Clickable.js.map +1 -1
  106. package/dist/elements/Clickable/Clickable.story.js +5 -8
  107. package/dist/elements/Clickable/Clickable.story.js.map +1 -1
  108. package/dist/elements/Collapse/Collapse.js +38 -29
  109. package/dist/elements/Collapse/Collapse.js.map +1 -1
  110. package/dist/elements/Drawer/Drawer.js +1 -2
  111. package/dist/elements/Drawer/Drawer.js.map +1 -1
  112. package/dist/elements/Drawer/Drawer.story.js +5 -8
  113. package/dist/elements/Drawer/Drawer.story.js.map +1 -1
  114. package/dist/elements/Dropdown/Dropdown.d.ts +1 -1
  115. package/dist/elements/Dropdown/Dropdown.js +3 -4
  116. package/dist/elements/Dropdown/Dropdown.js.map +1 -1
  117. package/dist/elements/Dropdown/Dropdown.story.js +11 -20
  118. package/dist/elements/Dropdown/Dropdown.story.js.map +1 -1
  119. package/dist/elements/EntityHeader/EntityHeader.js +1 -2
  120. package/dist/elements/EntityHeader/EntityHeader.js.map +1 -1
  121. package/dist/elements/EntityHeader/EntityHeader.story.js +2 -4
  122. package/dist/elements/EntityHeader/EntityHeader.story.js.map +1 -1
  123. package/dist/elements/Expandable/Expandable.d.ts +1 -1
  124. package/dist/elements/Expandable/Expandable.js +3 -4
  125. package/dist/elements/Expandable/Expandable.js.map +1 -1
  126. package/dist/elements/Expandable/Expandable.story.js +3 -6
  127. package/dist/elements/Expandable/Expandable.story.js.map +1 -1
  128. package/dist/elements/FilterSelect/Components/FilterInput.d.ts +1 -1
  129. package/dist/elements/FilterSelect/Components/FilterInput.js +4 -4
  130. package/dist/elements/FilterSelect/Components/FilterInput.js.map +1 -1
  131. package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts +2 -2
  132. package/dist/elements/FilterSelect/Components/FilterSelectContext.js +4 -6
  133. package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map +1 -1
  134. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js +1 -2
  135. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js.map +1 -1
  136. package/dist/elements/FilterSelect/FilterSelect.d.ts +1 -1
  137. package/dist/elements/FilterSelect/FilterSelect.js +3 -5
  138. package/dist/elements/FilterSelect/FilterSelect.js.map +1 -1
  139. package/dist/elements/FilterSelect/FilterSelect.story.js +2 -4
  140. package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
  141. package/dist/elements/Flex/Flex.d.ts +2 -3
  142. package/dist/elements/Flex/Flex.js +1 -2
  143. package/dist/elements/Flex/Flex.js.map +1 -1
  144. package/dist/elements/FullBleed/FullBleed.d.ts +2 -3
  145. package/dist/elements/FullBleed/FullBleed.js +1 -2
  146. package/dist/elements/FullBleed/FullBleed.js.map +1 -1
  147. package/dist/elements/FullBleed/FullBleed.story.js +2 -4
  148. package/dist/elements/FullBleed/FullBleed.story.js.map +1 -1
  149. package/dist/elements/GridColumns/GridColumns.d.ts +4 -4
  150. package/dist/elements/GridColumns/GridColumns.js +2 -4
  151. package/dist/elements/GridColumns/GridColumns.js.map +1 -1
  152. package/dist/elements/GridColumns/GridColumns.story.js +4 -8
  153. package/dist/elements/GridColumns/GridColumns.story.js.map +1 -1
  154. package/dist/elements/GridColumns/calculateGridColumn.d.ts +2 -2
  155. package/dist/elements/GridColumns/calculateGridColumn.js +5 -10
  156. package/dist/elements/GridColumns/calculateGridColumn.js.map +1 -1
  157. package/dist/elements/HTML/HTML.d.ts +1 -1
  158. package/dist/elements/HTML/HTML.js +2 -4
  159. package/dist/elements/HTML/HTML.js.map +1 -1
  160. package/dist/elements/HTML/HTML.story.js +3 -6
  161. package/dist/elements/HTML/HTML.story.js.map +1 -1
  162. package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts +1 -1
  163. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js +3 -4
  164. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js.map +1 -1
  165. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js +3 -6
  166. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js.map +1 -1
  167. package/dist/elements/Image/Image.js +3 -4
  168. package/dist/elements/Image/Image.js.map +1 -1
  169. package/dist/elements/Image/Image.story.js +8 -16
  170. package/dist/elements/Image/Image.story.js.map +1 -1
  171. package/dist/elements/Input/Input.js +3 -4
  172. package/dist/elements/Input/Input.js.map +1 -1
  173. package/dist/elements/Input/Input.story.js +8 -14
  174. package/dist/elements/Input/Input.story.js.map +1 -1
  175. package/dist/elements/Input/tokens.js +1 -2
  176. package/dist/elements/Input/tokens.js.map +1 -1
  177. package/dist/elements/Input/types.d.ts +1 -1
  178. package/dist/elements/Join/Join.js +1 -2
  179. package/dist/elements/Join/Join.js.map +1 -1
  180. package/dist/elements/Join/Join.story.js +27 -24
  181. package/dist/elements/Join/Join.story.js.map +1 -1
  182. package/dist/elements/Label/Label.d.ts +1 -1
  183. package/dist/elements/Label/Label.js +2 -4
  184. package/dist/elements/Label/Label.js.map +1 -1
  185. package/dist/elements/Label/Label.story.js +3 -6
  186. package/dist/elements/Label/Label.story.js.map +1 -1
  187. package/dist/elements/LabeledInput/LabeledInput.js +3 -4
  188. package/dist/elements/LabeledInput/LabeledInput.js.map +1 -1
  189. package/dist/elements/LabeledInput/LabeledInput.story.js +6 -10
  190. package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
  191. package/dist/elements/Link/Link.d.ts +0 -1
  192. package/dist/elements/Link/Link.js +1 -2
  193. package/dist/elements/Link/Link.js.map +1 -1
  194. package/dist/elements/Marquee/Marquee.js +3 -4
  195. package/dist/elements/Marquee/Marquee.js.map +1 -1
  196. package/dist/elements/Marquee/Marquee.story.js +2 -4
  197. package/dist/elements/Marquee/Marquee.story.js.map +1 -1
  198. package/dist/elements/Message/Message.d.ts +1 -1
  199. package/dist/elements/Message/Message.js +2 -4
  200. package/dist/elements/Message/Message.js.map +1 -1
  201. package/dist/elements/Message/Message.story.js +3 -5
  202. package/dist/elements/Message/Message.story.js.map +1 -1
  203. package/dist/elements/Modal/ModalBase.d.ts +1 -1
  204. package/dist/elements/Modal/ModalBase.js +5 -8
  205. package/dist/elements/Modal/ModalBase.js.map +1 -1
  206. package/dist/elements/Modal/ModalBase.story.js +7 -12
  207. package/dist/elements/Modal/ModalBase.story.js.map +1 -1
  208. package/dist/elements/ModalDialog/ModalDialog.d.ts +1 -1
  209. package/dist/elements/ModalDialog/ModalDialog.js +3 -4
  210. package/dist/elements/ModalDialog/ModalDialog.js.map +1 -1
  211. package/dist/elements/ModalDialog/ModalDialog.story.js +4 -6
  212. package/dist/elements/ModalDialog/ModalDialog.story.js.map +1 -1
  213. package/dist/elements/ModalDialog/ModalDialogContent.d.ts +1 -1
  214. package/dist/elements/ModalDialog/ModalDialogContent.js +2 -4
  215. package/dist/elements/ModalDialog/ModalDialogContent.js.map +1 -1
  216. package/dist/elements/ModalDialog/ModalDialogContent.story.js +2 -4
  217. package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
  218. package/dist/elements/MultiSelect/MultiSelect.js +3 -4
  219. package/dist/elements/MultiSelect/MultiSelect.js.map +1 -1
  220. package/dist/elements/MultiSelect/MultiSelect.story.js +5 -8
  221. package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
  222. package/dist/elements/MultiSelect/tokens.js +1 -2
  223. package/dist/elements/MultiSelect/tokens.js.map +1 -1
  224. package/dist/elements/Pagination/Pagination.js +3 -6
  225. package/dist/elements/Pagination/Pagination.js.map +1 -1
  226. package/dist/elements/Pagination/Pagination.story.js +3 -6
  227. package/dist/elements/Pagination/Pagination.story.js.map +1 -1
  228. package/dist/elements/PasswordInput/PasswordInput.js +3 -4
  229. package/dist/elements/PasswordInput/PasswordInput.js.map +1 -1
  230. package/dist/elements/PasswordInput/PasswordInput.story.js +2 -4
  231. package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
  232. package/dist/elements/PhoneInput/PhoneInput.js +3 -4
  233. package/dist/elements/PhoneInput/PhoneInput.js.map +1 -1
  234. package/dist/elements/PhoneInput/PhoneInput.story.js +2 -4
  235. package/dist/elements/PhoneInput/PhoneInput.story.js.map +1 -1
  236. package/dist/elements/PhoneInput/tokens.js +1 -2
  237. package/dist/elements/PhoneInput/tokens.js.map +1 -1
  238. package/dist/elements/Pill/Pill.d.ts +3 -3
  239. package/dist/elements/Pill/Pill.js +3 -4
  240. package/dist/elements/Pill/Pill.js.map +1 -1
  241. package/dist/elements/Pill/Pill.story.js +12 -22
  242. package/dist/elements/Pill/Pill.story.js.map +1 -1
  243. package/dist/elements/Pill/tokens.js +1 -2
  244. package/dist/elements/Pill/tokens.js.map +1 -1
  245. package/dist/elements/Pointer/Pointer.d.ts +1 -1
  246. package/dist/elements/Pointer/Pointer.js +3 -4
  247. package/dist/elements/Pointer/Pointer.js.map +1 -1
  248. package/dist/elements/Popover/Popover.d.ts +1 -1
  249. package/dist/elements/Popover/Popover.js +4 -6
  250. package/dist/elements/Popover/Popover.js.map +1 -1
  251. package/dist/elements/Popover/Popover.story.js +6 -12
  252. package/dist/elements/Popover/Popover.story.js.map +1 -1
  253. package/dist/elements/ProgressBar/ProgressBar.js +1 -2
  254. package/dist/elements/ProgressBar/ProgressBar.js.map +1 -1
  255. package/dist/elements/ProgressBar/ProgressBar.story.js +5 -8
  256. package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
  257. package/dist/elements/ProgressDots/ProgressDots.d.ts +1 -1
  258. package/dist/elements/ProgressDots/ProgressDots.js +1 -2
  259. package/dist/elements/ProgressDots/ProgressDots.js.map +1 -1
  260. package/dist/elements/ProgressDots/ProgressDots.story.js +5 -8
  261. package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
  262. package/dist/elements/Radio/Radio.js +1 -2
  263. package/dist/elements/Radio/Radio.js.map +1 -1
  264. package/dist/elements/Radio/Radio.story.js +3 -6
  265. package/dist/elements/Radio/Radio.story.js.map +1 -1
  266. package/dist/elements/Radio/RadioDot.d.ts +1 -2
  267. package/dist/elements/Radio/RadioDot.js +1 -2
  268. package/dist/elements/Radio/RadioDot.js.map +1 -1
  269. package/dist/elements/Radio/tokens.js +3 -6
  270. package/dist/elements/Radio/tokens.js.map +1 -1
  271. package/dist/elements/RadioGroup/RadioGroup.js +37 -28
  272. package/dist/elements/RadioGroup/RadioGroup.js.map +1 -1
  273. package/dist/elements/RadioGroup/RadioGroup.story.js +6 -10
  274. package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
  275. package/dist/elements/Range/Range.js +11 -12
  276. package/dist/elements/Range/Range.js.map +1 -1
  277. package/dist/elements/Range/Range.story.js +7 -12
  278. package/dist/elements/Range/Range.story.js.map +1 -1
  279. package/dist/elements/ReadMore/ReadMore.js +3 -4
  280. package/dist/elements/ReadMore/ReadMore.js.map +1 -1
  281. package/dist/elements/ReadMore/ReadMore.story.js +9 -18
  282. package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
  283. package/dist/elements/ResponsiveBox/ResponsiveBox.d.ts +2 -2
  284. package/dist/elements/ResponsiveBox/ResponsiveBox.js +1 -2
  285. package/dist/elements/ResponsiveBox/ResponsiveBox.js.map +1 -1
  286. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +6 -10
  287. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
  288. package/dist/elements/Select/Select.js +4 -6
  289. package/dist/elements/Select/Select.js.map +1 -1
  290. package/dist/elements/Select/Select.story.js +2 -4
  291. package/dist/elements/Select/Select.story.js.map +1 -1
  292. package/dist/elements/Select/tokens.js +1 -2
  293. package/dist/elements/Select/tokens.js.map +1 -1
  294. package/dist/elements/Select/types.d.ts +1 -1
  295. package/dist/elements/Separator/Separator.d.ts +0 -1
  296. package/dist/elements/Separator/Separator.js +1 -2
  297. package/dist/elements/Separator/Separator.js.map +1 -1
  298. package/dist/elements/Separator/Separator.story.js +2 -4
  299. package/dist/elements/Separator/Separator.story.js.map +1 -1
  300. package/dist/elements/Shelf/Shelf.d.ts +1 -1
  301. package/dist/elements/Shelf/Shelf.js +3 -4
  302. package/dist/elements/Shelf/Shelf.js.map +1 -1
  303. package/dist/elements/Shelf/Shelf.story.js +7 -12
  304. package/dist/elements/Shelf/Shelf.story.js.map +1 -1
  305. package/dist/elements/Shelf/ShelfNavigation.js +2 -4
  306. package/dist/elements/Shelf/ShelfNavigation.js.map +1 -1
  307. package/dist/elements/Shelf/ShelfScrollBar.js +4 -6
  308. package/dist/elements/Shelf/ShelfScrollBar.js.map +1 -1
  309. package/dist/elements/Shelf/useClickScroll.d.ts +0 -1
  310. package/dist/elements/Shelf/useClickScroll.js +1 -2
  311. package/dist/elements/Shelf/useClickScroll.js.map +1 -1
  312. package/dist/elements/Shelf/useDragScroll.d.ts +0 -1
  313. package/dist/elements/Shelf/useDragScroll.js +1 -2
  314. package/dist/elements/Shelf/useDragScroll.js.map +1 -1
  315. package/dist/elements/ShowMore/ShowMore.js +4 -6
  316. package/dist/elements/ShowMore/ShowMore.js.map +1 -1
  317. package/dist/elements/ShowMore/ShowMore.story.js +3 -6
  318. package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
  319. package/dist/elements/Skeleton/Skeleton.d.ts +4 -4
  320. package/dist/elements/Skeleton/Skeleton.js +5 -8
  321. package/dist/elements/Skeleton/Skeleton.js.map +1 -1
  322. package/dist/elements/Skeleton/Skeleton.story.js +5 -10
  323. package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
  324. package/dist/elements/Skip/Skip.d.ts +1 -1
  325. package/dist/elements/Skip/Skip.js +1 -2
  326. package/dist/elements/Skip/Skip.js.map +1 -1
  327. package/dist/elements/Skip/Skip.story.js +4 -8
  328. package/dist/elements/Skip/Skip.story.js.map +1 -1
  329. package/dist/elements/Spacer/Spacer.d.ts +1 -1
  330. package/dist/elements/Spacer/Spacer.js +1 -2
  331. package/dist/elements/Spacer/Spacer.js.map +1 -1
  332. package/dist/elements/Spacer/Spacer.story.js +3 -5
  333. package/dist/elements/Spacer/Spacer.story.js.map +1 -1
  334. package/dist/elements/Spinner/Spinner.d.ts +1 -1
  335. package/dist/elements/Spinner/Spinner.js +3 -4
  336. package/dist/elements/Spinner/Spinner.js.map +1 -1
  337. package/dist/elements/Spinner/Spinner.story.js +4 -8
  338. package/dist/elements/Spinner/Spinner.story.js.map +1 -1
  339. package/dist/elements/Stack/Stack.d.ts +2 -3
  340. package/dist/elements/Stack/Stack.js +1 -2
  341. package/dist/elements/Stack/Stack.js.map +1 -1
  342. package/dist/elements/Stack/Stack.story.js +2 -4
  343. package/dist/elements/Stack/Stack.story.js.map +1 -1
  344. package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts +2 -3
  345. package/dist/elements/StackableBorderBox/StackableBorderBox.js +1 -2
  346. package/dist/elements/StackableBorderBox/StackableBorderBox.js.map +1 -1
  347. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +2 -4
  348. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
  349. package/dist/elements/Stepper/Stepper.d.ts +1 -1
  350. package/dist/elements/Stepper/Stepper.js +3 -4
  351. package/dist/elements/Stepper/Stepper.js.map +1 -1
  352. package/dist/elements/Stepper/Stepper.story.js +5 -8
  353. package/dist/elements/Stepper/Stepper.story.js.map +1 -1
  354. package/dist/elements/Sup/Sup.d.ts +9 -10
  355. package/dist/elements/Sup/Sup.js +1 -2
  356. package/dist/elements/Sup/Sup.js.map +1 -1
  357. package/dist/elements/Sup/Sup.story.js +2 -4
  358. package/dist/elements/Sup/Sup.story.js.map +1 -1
  359. package/dist/elements/Swiper/Swiper.d.ts +8 -8
  360. package/dist/elements/Swiper/Swiper.js +4 -6
  361. package/dist/elements/Swiper/Swiper.js.map +1 -1
  362. package/dist/elements/Swiper/Swiper.story.js +15 -28
  363. package/dist/elements/Swiper/Swiper.story.js.map +1 -1
  364. package/dist/elements/Swiper/activeIndex.js +1 -2
  365. package/dist/elements/Swiper/activeIndex.js.map +1 -1
  366. package/dist/elements/Swiper/percentage.js +1 -2
  367. package/dist/elements/Swiper/percentage.js.map +1 -1
  368. package/dist/elements/Tabs/Tabs.js +5 -8
  369. package/dist/elements/Tabs/Tabs.js.map +1 -1
  370. package/dist/elements/Tabs/Tabs.story.js +11 -20
  371. package/dist/elements/Tabs/Tabs.story.js.map +1 -1
  372. package/dist/elements/Text/Text.d.ts +4 -5
  373. package/dist/elements/Text/Text.js +5 -8
  374. package/dist/elements/Text/Text.js.map +1 -1
  375. package/dist/elements/Text/Text.story.js +7 -12
  376. package/dist/elements/Text/Text.story.js.map +1 -1
  377. package/dist/elements/TextArea/TextArea.js +3 -4
  378. package/dist/elements/TextArea/TextArea.js.map +1 -1
  379. package/dist/elements/TextArea/TextArea.story.js +3 -6
  380. package/dist/elements/TextArea/TextArea.story.js.map +1 -1
  381. package/dist/elements/TextArea/tokens.js +1 -2
  382. package/dist/elements/TextArea/tokens.js.map +1 -1
  383. package/dist/elements/TextArea/types.d.ts +1 -1
  384. package/dist/elements/Toasts/Toast.d.ts +1 -1
  385. package/dist/elements/Toasts/Toast.js +2 -4
  386. package/dist/elements/Toasts/Toast.js.map +1 -1
  387. package/dist/elements/Toasts/Toast.story.js +2 -4
  388. package/dist/elements/Toasts/Toast.story.js.map +1 -1
  389. package/dist/elements/Toasts/Toasts.js +1 -2
  390. package/dist/elements/Toasts/Toasts.js.map +1 -1
  391. package/dist/elements/Toasts/Toasts.story.js +4 -6
  392. package/dist/elements/Toasts/Toasts.story.js.map +1 -1
  393. package/dist/elements/Toasts/useToasts.d.ts +2 -2
  394. package/dist/elements/Toasts/useToasts.js +5 -8
  395. package/dist/elements/Toasts/useToasts.js.map +1 -1
  396. package/dist/elements/Toggle/Toggle.js +1 -2
  397. package/dist/elements/Toggle/Toggle.js.map +1 -1
  398. package/dist/elements/Toggle/Toggle.story.js +5 -8
  399. package/dist/elements/Toggle/Toggle.story.js.map +1 -1
  400. package/dist/elements/Toggle/tokens.js +2 -4
  401. package/dist/elements/Toggle/tokens.js.map +1 -1
  402. package/dist/elements/Tooltip/Tooltip.d.ts +1 -1
  403. package/dist/elements/Tooltip/Tooltip.js +4 -6
  404. package/dist/elements/Tooltip/Tooltip.js.map +1 -1
  405. package/dist/elements/Tooltip/Tooltip.story.js +11 -20
  406. package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
  407. package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts +1 -2
  408. package/dist/elements/VisuallyHidden/VisuallyHidden.js +3 -6
  409. package/dist/elements/VisuallyHidden/VisuallyHidden.js.map +1 -1
  410. package/dist/helpers/color.js +1 -2
  411. package/dist/helpers/color.js.map +1 -1
  412. package/dist/helpers/flattenChildren.d.ts +1 -1
  413. package/dist/helpers/flattenChildren.js +3 -4
  414. package/dist/helpers/flattenChildren.js.map +1 -1
  415. package/dist/helpers/injectGlobalStyles.d.ts +0 -1
  416. package/dist/helpers/isText.js +3 -4
  417. package/dist/helpers/isText.js.map +1 -1
  418. package/dist/helpers/media.d.ts +1 -1
  419. package/dist/helpers/media.js +3 -4
  420. package/dist/helpers/media.js.map +1 -1
  421. package/dist/helpers/space.js +1 -2
  422. package/dist/helpers/space.js.map +1 -1
  423. package/dist/helpers/transition.js +1 -2
  424. package/dist/helpers/transition.js.map +1 -1
  425. package/dist/helpers/visuallyDisableScrollbar.js +1 -2
  426. package/dist/helpers/visuallyDisableScrollbar.js.map +1 -1
  427. package/dist/shared/RequiredField.js +1 -2
  428. package/dist/shared/RequiredField.js.map +1 -1
  429. package/dist/themes/Themes.story.js +12 -22
  430. package/dist/themes/Themes.story.js.map +1 -1
  431. package/dist/utils/FocusLocking.story.js +6 -10
  432. package/dist/utils/FocusLocking.story.js.map +1 -1
  433. package/dist/utils/remapValue.d.ts +1 -1
  434. package/dist/utils/remapValue.js +1 -2
  435. package/dist/utils/remapValue.js.map +1 -1
  436. package/dist/utils/splitProps.d.ts +1 -1
  437. package/dist/utils/splitProps.js +6 -6
  438. package/dist/utils/splitProps.js.map +1 -1
  439. package/dist/utils/useClickOutside.d.ts +0 -1
  440. package/dist/utils/useClickOutside.js +1 -2
  441. package/dist/utils/useClickOutside.js.map +1 -1
  442. package/dist/utils/useContainsFocus.d.ts +0 -1
  443. package/dist/utils/useContainsFocus.js +1 -2
  444. package/dist/utils/useContainsFocus.js.map +1 -1
  445. package/dist/utils/useDidMount.d.ts +2 -2
  446. package/dist/utils/useDidMount.js +3 -4
  447. package/dist/utils/useDidMount.js.map +1 -1
  448. package/dist/utils/useIsomorphicLayoutEffect.js +1 -2
  449. package/dist/utils/useIsomorphicLayoutEffect.js.map +1 -1
  450. package/dist/utils/useLatest.d.ts +1 -2
  451. package/dist/utils/useLatest.js +1 -2
  452. package/dist/utils/useLatest.js.map +1 -1
  453. package/dist/utils/useMutationObserver.d.ts +1 -1
  454. package/dist/utils/useMutationObserver.js +1 -2
  455. package/dist/utils/useMutationObserver.js.map +1 -1
  456. package/dist/utils/usePortal.js +1 -2
  457. package/dist/utils/usePortal.js.map +1 -1
  458. package/dist/utils/usePosition.d.ts +8 -9
  459. package/dist/utils/usePosition.js +10 -18
  460. package/dist/utils/usePosition.js.map +1 -1
  461. package/dist/utils/useResizeObserver.d.ts +2 -3
  462. package/dist/utils/useResizeObserver.js +3 -5
  463. package/dist/utils/useResizeObserver.js.map +1 -1
  464. package/dist/utils/useSentinelVisibility.js +3 -4
  465. package/dist/utils/useSentinelVisibility.js.map +1 -1
  466. package/dist/utils/useUpdateEffect.js +1 -2
  467. package/dist/utils/useUpdateEffect.js.map +1 -1
  468. package/dist/utils/useWidthOf.d.ts +0 -1
  469. package/dist/utils/useWidthOf.js +3 -4
  470. package/dist/utils/useWidthOf.js.map +1 -1
  471. package/package.json +26 -18
@@ -1,4 +1,4 @@
1
- declare type Range = {
1
+ type Range = {
2
2
  min: number;
3
3
  max: number;
4
4
  };
@@ -13,8 +13,7 @@ exports.remapValue = void 0;
13
13
  * @param to Range you wish to remap the value onto
14
14
  * @returns The remapped numeric value
15
15
  */
16
- var remapValue = function remapValue(n, from, to) {
16
+ var remapValue = exports.remapValue = function remapValue(n, from, to) {
17
17
  return (n - from.min) * (to.max - to.min) / (from.max - from.min) + to.min;
18
18
  };
19
- exports.remapValue = remapValue;
20
19
  //# sourceMappingURL=remapValue.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"remapValue.js","names":["remapValue","n","from","to","min","max","exports"],"sources":["../../src/utils/remapValue.ts"],"sourcesContent":["type Range = { min: number; max: number }\n\n/**\n * Remaps a value from within one range to its corresponding value in another range.\n * E.g. convert between units or proportionally scale a value.\n *\n * @param n A numeric value\n * @param from Range the value comes from\n * @param to Range you wish to remap the value onto\n * @returns The remapped numeric value\n */\nexport const remapValue = (n: number, from: Range, to: Range) => {\n return ((n - from.min) * (to.max - to.min)) / (from.max - from.min) + to.min\n}\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAS,EAAEC,IAAW,EAAEC,EAAS,EAAK;EAC/D,OAAQ,CAACF,CAAC,GAAGC,IAAI,CAACE,GAAG,KAAKD,EAAE,CAACE,GAAG,GAAGF,EAAE,CAACC,GAAG,CAAC,IAAKF,IAAI,CAACG,GAAG,GAAGH,IAAI,CAACE,GAAG,CAAC,GAAGD,EAAE,CAACC,GAAG;AAC9E,CAAC;AAAAE,OAAA,CAAAN,UAAA,GAAAA,UAAA"}
1
+ {"version":3,"file":"remapValue.js","names":["remapValue","exports","n","from","to","min","max"],"sources":["../../src/utils/remapValue.ts"],"sourcesContent":["type Range = { min: number; max: number }\n\n/**\n * Remaps a value from within one range to its corresponding value in another range.\n * E.g. convert between units or proportionally scale a value.\n *\n * @param n A numeric value\n * @param from Range the value comes from\n * @param to Range you wish to remap the value onto\n * @returns The remapped numeric value\n */\nexport const remapValue = (n: number, from: Range, to: Range) => {\n return ((n - from.min) * (to.max - to.min)) / (from.max - from.min) + to.min\n}\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,CAAS,EAAEC,IAAW,EAAEC,EAAS,EAAK;EAC/D,OAAQ,CAACF,CAAC,GAAGC,IAAI,CAACE,GAAG,KAAKD,EAAE,CAACE,GAAG,GAAGF,EAAE,CAACC,GAAG,CAAC,IAAKF,IAAI,CAACG,GAAG,GAAGH,IAAI,CAACE,GAAG,CAAC,GAAGD,EAAE,CAACC,GAAG;AAC9E,CAAC"}
@@ -4,4 +4,4 @@ import { styleFn } from "styled-system";
4
4
  * in a typesafe manner, the props that match and do not match
5
5
  * the styled function.
6
6
  */
7
- export declare const splitProps: <T>(mixin: styleFn) => <U>(props: U) => [T, Omit<U, keyof T>];
7
+ export declare const splitProps: <T>(mixin: styleFn) => <U extends Record<string, unknown>>(props: U) => [T, Omit<U, keyof T>];
@@ -9,21 +9,21 @@ exports.splitProps = void 0;
9
9
  * in a typesafe manner, the props that match and do not match
10
10
  * the styled function.
11
11
  */
12
- var splitProps = function splitProps(mixin) {
13
- var re = new RegExp("^(".concat(mixin.propNames.join("|"), ")$"));
12
+ var splitProps = exports.splitProps = function splitProps(mixin) {
13
+ var propNames = mixin.propNames || [];
14
+ var re = new RegExp("^(".concat(propNames.join("|"), ")$"));
14
15
  return function (props) {
15
16
  var leftProps = {};
16
17
  var rightProps = {};
17
18
  for (var _i = 0, _Object$keys = Object.keys(props); _i < _Object$keys.length; _i++) {
18
19
  var key = _Object$keys[_i];
19
- if (re.test(key)) {
20
+ if (propNames.length === 0 || re.test(key)) {
20
21
  leftProps[key] = props[key];
21
- continue;
22
+ } else {
23
+ rightProps[key] = props[key];
22
24
  }
23
- rightProps[key] = props[key];
24
25
  }
25
26
  return [leftProps, rightProps];
26
27
  };
27
28
  };
28
- exports.splitProps = splitProps;
29
29
  //# sourceMappingURL=splitProps.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"splitProps.js","names":["splitProps","mixin","re","RegExp","concat","propNames","join","props","leftProps","rightProps","_i","_Object$keys","Object","keys","length","key","test","exports"],"sources":["../../src/utils/splitProps.ts"],"sourcesContent":["import { styleFn } from \"styled-system\"\n\n/**\n * Allows you to pass in a styled-system function and split out\n * in a typesafe manner, the props that match and do not match\n * the styled function.\n */\nexport const splitProps = <T>(mixin: styleFn) => {\n const re = new RegExp(`^(${mixin.propNames!.join(\"|\")})$`)\n\n return <U>(props: U): [T, Omit<U, keyof T>] => {\n const leftProps = {} as T\n const rightProps = {} as Omit<U, keyof T>\n\n for (const key of Object.keys(props)) {\n if (re.test(key)) {\n leftProps[key] = props[key]\n continue\n }\n\n rightProps[key] = props[key]\n }\n\n return [leftProps, rightProps]\n }\n}\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAOC,KAAc,EAAK;EAC/C,IAAMC,EAAE,GAAG,IAAIC,MAAM,MAAAC,MAAA,CAAMH,KAAK,CAACI,SAAS,CAAEC,IAAI,CAAC,GAAG,CAAC,QAAK;EAE1D,OAAO,UAAIC,KAAQ,EAA4B;IAC7C,IAAMC,SAAS,GAAG,CAAC,CAAM;IACzB,IAAMC,UAAU,GAAG,CAAC,CAAqB;IAEzC,SAAAC,EAAA,MAAAC,YAAA,GAAkBC,MAAM,CAACC,IAAI,CAACN,KAAK,CAAC,EAAAG,EAAA,GAAAC,YAAA,CAAAG,MAAA,EAAAJ,EAAA,IAAE;MAAjC,IAAMK,GAAG,GAAAJ,YAAA,CAAAD,EAAA;MACZ,IAAIR,EAAE,CAACc,IAAI,CAACD,GAAG,CAAC,EAAE;QAChBP,SAAS,CAACO,GAAG,CAAC,GAAGR,KAAK,CAACQ,GAAG,CAAC;QAC3B;MACF;MAEAN,UAAU,CAACM,GAAG,CAAC,GAAGR,KAAK,CAACQ,GAAG,CAAC;IAC9B;IAEA,OAAO,CAACP,SAAS,EAAEC,UAAU,CAAC;EAChC,CAAC;AACH,CAAC;AAAAQ,OAAA,CAAAjB,UAAA,GAAAA,UAAA"}
1
+ {"version":3,"file":"splitProps.js","names":["splitProps","exports","mixin","propNames","re","RegExp","concat","join","props","leftProps","rightProps","_i","_Object$keys","Object","keys","length","key","test"],"sources":["../../src/utils/splitProps.ts"],"sourcesContent":["import { styleFn } from \"styled-system\"\n/**\n * Allows you to pass in a styled-system function and split out\n * in a typesafe manner, the props that match and do not match\n * the styled function.\n */\nexport const splitProps = <T>(mixin: styleFn) => {\n const propNames = mixin.propNames || []\n const re = new RegExp(`^(${propNames.join(\"|\")})$`)\n\n return <U extends Record<string, unknown>>(\n props: U\n ): [T, Omit<U, keyof T>] => {\n const leftProps = {} as T\n const rightProps = {} as Omit<U, keyof T>\n\n for (const key of Object.keys(props)) {\n if (propNames.length === 0 || re.test(key)) {\n leftProps[key] = props[key]\n } else {\n rightProps[key] = props[key]\n }\n }\n\n return [leftProps, rightProps]\n }\n}\n"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAOE,KAAc,EAAK;EAC/C,IAAMC,SAAS,GAAGD,KAAK,CAACC,SAAS,IAAI,EAAE;EACvC,IAAMC,EAAE,GAAG,IAAIC,MAAM,MAAAC,MAAA,CAAMH,SAAS,CAACI,IAAI,CAAC,GAAG,CAAC,QAAK;EAEnD,OAAO,UACLC,KAAQ,EACkB;IAC1B,IAAMC,SAAS,GAAG,CAAC,CAAM;IACzB,IAAMC,UAAU,GAAG,CAAC,CAAqB;IAEzC,SAAAC,EAAA,MAAAC,YAAA,GAAkBC,MAAM,CAACC,IAAI,CAACN,KAAK,CAAC,EAAAG,EAAA,GAAAC,YAAA,CAAAG,MAAA,EAAAJ,EAAA,IAAE;MAAjC,IAAMK,GAAG,GAAAJ,YAAA,CAAAD,EAAA;MACZ,IAAIR,SAAS,CAACY,MAAM,KAAK,CAAC,IAAIX,EAAE,CAACa,IAAI,CAACD,GAAG,CAAC,EAAE;QAC1CP,SAAS,CAACO,GAAG,CAAC,GAAGR,KAAK,CAACQ,GAAG,CAAC;MAC7B,CAAC,MAAM;QACLN,UAAU,CAACM,GAAG,CAAC,GAAGR,KAAK,CAACQ,GAAG,CAAC;MAC9B;IACF;IAEA,OAAO,CAACP,SAAS,EAAEC,UAAU,CAAC;EAChC,CAAC;AACH,CAAC"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface UseClickOutside {
3
2
  ref: React.RefObject<HTMLElement>;
4
3
  when: boolean;
@@ -9,7 +9,7 @@ var _react = require("react");
9
9
  * Use click outside is a hook that will listen for clicks outside of a ref,
10
10
  * and when true, execute a callback.
11
11
  */
12
- var useClickOutside = function useClickOutside(_ref) {
12
+ var useClickOutside = exports.useClickOutside = function useClickOutside(_ref) {
13
13
  var ref = _ref.ref,
14
14
  _ref$type = _ref.type,
15
15
  type = _ref$type === void 0 ? "click" : _ref$type,
@@ -36,5 +36,4 @@ var useClickOutside = function useClickOutside(_ref) {
36
36
  }
37
37
  }, [ref, type, when]);
38
38
  };
39
- exports.useClickOutside = useClickOutside;
40
39
  //# sourceMappingURL=useClickOutside.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useClickOutside.js","names":["_react","require","useClickOutside","_ref","ref","_ref$type","type","_ref$when","when","onClickOutside","savedHandler","useRef","useEffect","current","handleClick","event","contains","target","setTimeout","document","addEventListener","removeEventListener","exports"],"sources":["../../src/utils/useClickOutside.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport interface UseClickOutside {\n ref: React.RefObject<HTMLElement>\n when: boolean\n type?: keyof DocumentEventMap\n onClickOutside: (event: Event) => void\n}\n\n/**\n * Use click outside is a hook that will listen for clicks outside of a ref,\n * and when true, execute a callback.\n */\nexport const useClickOutside = ({\n ref,\n type = \"click\",\n when = true,\n onClickOutside,\n}: UseClickOutside) => {\n const savedHandler = useRef(onClickOutside)\n\n useEffect(() => {\n savedHandler.current = onClickOutside\n }, [onClickOutside])\n\n useEffect(() => {\n const handleClick = (event: Event) => {\n if (ref.current && !ref.current.contains(event.target as Element)) {\n savedHandler.current(event)\n }\n }\n\n if (when) {\n setTimeout(() => {\n document.addEventListener(type, handleClick)\n }, 0)\n\n return () => {\n document.removeEventListener(type, handleClick)\n }\n }\n }, [ref, type, when])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAKL;EAAA,IAJrBC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAAC,SAAA,GAAAF,IAAA,CACHG,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA;IAAAE,SAAA,GAAAJ,IAAA,CACdK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IACXE,cAAc,GAAAN,IAAA,CAAdM,cAAc;EAEd,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAACF,cAAc,CAAC;EAE3C,IAAAG,gBAAS,EAAC,YAAM;IACdF,YAAY,CAACG,OAAO,GAAGJ,cAAc;EACvC,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,IAAAG,gBAAS,EAAC,YAAM;IACd,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAY,EAAK;MACpC,IAAIX,GAAG,CAACS,OAAO,IAAI,CAACT,GAAG,CAACS,OAAO,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAY,EAAE;QACjEP,YAAY,CAACG,OAAO,CAACE,KAAK,CAAC;MAC7B;IACF,CAAC;IAED,IAAIP,IAAI,EAAE;MACRU,UAAU,CAAC,YAAM;QACfC,QAAQ,CAACC,gBAAgB,CAACd,IAAI,EAAEQ,WAAW,CAAC;MAC9C,CAAC,EAAE,CAAC,CAAC;MAEL,OAAO,YAAM;QACXK,QAAQ,CAACE,mBAAmB,CAACf,IAAI,EAAEQ,WAAW,CAAC;MACjD,CAAC;IACH;EACF,CAAC,EAAE,CAACV,GAAG,EAAEE,IAAI,EAAEE,IAAI,CAAC,CAAC;AACvB,CAAC;AAAAc,OAAA,CAAApB,eAAA,GAAAA,eAAA"}
1
+ {"version":3,"file":"useClickOutside.js","names":["_react","require","useClickOutside","exports","_ref","ref","_ref$type","type","_ref$when","when","onClickOutside","savedHandler","useRef","useEffect","current","handleClick","event","contains","target","setTimeout","document","addEventListener","removeEventListener"],"sources":["../../src/utils/useClickOutside.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport interface UseClickOutside {\n ref: React.RefObject<HTMLElement>\n when: boolean\n type?: keyof DocumentEventMap\n onClickOutside: (event: Event) => void\n}\n\n/**\n * Use click outside is a hook that will listen for clicks outside of a ref,\n * and when true, execute a callback.\n */\nexport const useClickOutside = ({\n ref,\n type = \"click\",\n when = true,\n onClickOutside,\n}: UseClickOutside) => {\n const savedHandler = useRef(onClickOutside)\n\n useEffect(() => {\n savedHandler.current = onClickOutside\n }, [onClickOutside])\n\n useEffect(() => {\n const handleClick = (event: Event) => {\n if (ref.current && !ref.current.contains(event.target as Element)) {\n savedHandler.current(event)\n }\n }\n\n if (when) {\n setTimeout(() => {\n document.addEventListener(type, handleClick)\n }, 0)\n\n return () => {\n document.removeEventListener(type, handleClick)\n }\n }\n }, [ref, type, when])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAKL;EAAA,IAJrBC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAAC,SAAA,GAAAF,IAAA,CACHG,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA;IAAAE,SAAA,GAAAJ,IAAA,CACdK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IACXE,cAAc,GAAAN,IAAA,CAAdM,cAAc;EAEd,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAACF,cAAc,CAAC;EAE3C,IAAAG,gBAAS,EAAC,YAAM;IACdF,YAAY,CAACG,OAAO,GAAGJ,cAAc;EACvC,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,IAAAG,gBAAS,EAAC,YAAM;IACd,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAY,EAAK;MACpC,IAAIX,GAAG,CAACS,OAAO,IAAI,CAACT,GAAG,CAACS,OAAO,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAY,EAAE;QACjEP,YAAY,CAACG,OAAO,CAACE,KAAK,CAAC;MAC7B;IACF,CAAC;IAED,IAAIP,IAAI,EAAE;MACRU,UAAU,CAAC,YAAM;QACfC,QAAQ,CAACC,gBAAgB,CAACd,IAAI,EAAEQ,WAAW,CAAC;MAC9C,CAAC,EAAE,CAAC,CAAC;MAEL,OAAO,YAAM;QACXK,QAAQ,CAACE,mBAAmB,CAACf,IAAI,EAAEQ,WAAW,CAAC;MACjD,CAAC;IACH;EACF,CAAC,EAAE,CAACV,GAAG,EAAEE,IAAI,EAAEE,IAAI,CAAC,CAAC;AACvB,CAAC"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const useContainsFocus: ({ onChange, }: {
3
2
  onChange(focused: boolean): void;
4
3
  }) => {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useContainsFocus = void 0;
7
7
  var _react = require("react");
8
- var useContainsFocus = function useContainsFocus(_ref) {
8
+ var useContainsFocus = exports.useContainsFocus = function useContainsFocus(_ref) {
9
9
  var onChange = _ref.onChange;
10
10
  var ref = (0, _react.useRef)(null);
11
11
  (0, _react.useEffect)(function () {
@@ -31,7 +31,6 @@ var useContainsFocus = function useContainsFocus(_ref) {
31
31
  * will happen concurrently: the last function (the focus) will be executed.
32
32
  * If travelling from two elements within the same focus group, `focused` will remain `true`.
33
33
  */
34
- exports.useContainsFocus = useContainsFocus;
35
34
  var debounce = function debounce(callback) {
36
35
  var timer;
37
36
  return function () {
@@ -1 +1 @@
1
- {"version":3,"file":"useContainsFocus.js","names":["_react","require","useContainsFocus","_ref","onChange","ref","useRef","useEffect","handleFocus","debounce","current","document","activeElement","contains","addEventListener","removeEventListener","exports","callback","timer","clearTimeout","setTimeout"],"sources":["../../src/utils/useContainsFocus.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport const useContainsFocus = ({\n onChange,\n}: {\n onChange(focused: boolean): void\n}) => {\n const ref = useRef<HTMLElement>(null)\n\n useEffect(() => {\n const handleFocus = debounce(() => {\n if (!ref.current) return\n\n onChange(\n ref.current === document.activeElement ||\n ref.current.contains(document.activeElement)\n )\n })\n\n document.addEventListener(\"focus\", handleFocus, true)\n document.addEventListener(\"blur\", handleFocus, true)\n\n return () => {\n document.removeEventListener(\"focus\", handleFocus, true)\n document.removeEventListener(\"blur\", handleFocus, true)\n }\n }, [onChange])\n\n return { ref }\n}\n\n/**\n * A simplified debounce that just executes the last function if multiple\n * functions are called within the same tick. Since frequently a blur and a focus\n * will happen concurrently: the last function (the focus) will be executed.\n * If travelling from two elements within the same focus group, `focused` will remain `true`.\n */\nconst debounce = (callback: () => void) => {\n let timer: ReturnType<typeof setTimeout>\n\n return () => {\n clearTimeout(timer)\n\n timer = setTimeout(() => {\n callback()\n }, 0)\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAIvB;EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAIR,IAAMC,GAAG,GAAG,IAAAC,aAAM,EAAc,IAAI,CAAC;EAErC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAGC,QAAQ,CAAC,YAAM;MACjC,IAAI,CAACJ,GAAG,CAACK,OAAO,EAAE;MAElBN,QAAQ,CACNC,GAAG,CAACK,OAAO,KAAKC,QAAQ,CAACC,aAAa,IACpCP,GAAG,CAACK,OAAO,CAACG,QAAQ,CAACF,QAAQ,CAACC,aAAa,CAAC,CAC/C;IACH,CAAC,CAAC;IAEFD,QAAQ,CAACG,gBAAgB,CAAC,OAAO,EAAEN,WAAW,EAAE,IAAI,CAAC;IACrDG,QAAQ,CAACG,gBAAgB,CAAC,MAAM,EAAEN,WAAW,EAAE,IAAI,CAAC;IAEpD,OAAO,YAAM;MACXG,QAAQ,CAACI,mBAAmB,CAAC,OAAO,EAAEP,WAAW,EAAE,IAAI,CAAC;MACxDG,QAAQ,CAACI,mBAAmB,CAAC,MAAM,EAAEP,WAAW,EAAE,IAAI,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEC,GAAG,EAAHA;EAAI,CAAC;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALAW,OAAA,CAAAd,gBAAA,GAAAA,gBAAA;AAMA,IAAMO,QAAQ,GAAG,SAAXA,QAAQA,CAAIQ,QAAoB,EAAK;EACzC,IAAIC,KAAoC;EAExC,OAAO,YAAM;IACXC,YAAY,CAACD,KAAK,CAAC;IAEnBA,KAAK,GAAGE,UAAU,CAAC,YAAM;MACvBH,QAAQ,EAAE;IACZ,CAAC,EAAE,CAAC,CAAC;EACP,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"useContainsFocus.js","names":["_react","require","useContainsFocus","exports","_ref","onChange","ref","useRef","useEffect","handleFocus","debounce","current","document","activeElement","contains","addEventListener","removeEventListener","callback","timer","clearTimeout","setTimeout"],"sources":["../../src/utils/useContainsFocus.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport const useContainsFocus = ({\n onChange,\n}: {\n onChange(focused: boolean): void\n}) => {\n const ref = useRef<HTMLElement>(null)\n\n useEffect(() => {\n const handleFocus = debounce(() => {\n if (!ref.current) return\n\n onChange(\n ref.current === document.activeElement ||\n ref.current.contains(document.activeElement)\n )\n })\n\n document.addEventListener(\"focus\", handleFocus, true)\n document.addEventListener(\"blur\", handleFocus, true)\n\n return () => {\n document.removeEventListener(\"focus\", handleFocus, true)\n document.removeEventListener(\"blur\", handleFocus, true)\n }\n }, [onChange])\n\n return { ref }\n}\n\n/**\n * A simplified debounce that just executes the last function if multiple\n * functions are called within the same tick. Since frequently a blur and a focus\n * will happen concurrently: the last function (the focus) will be executed.\n * If travelling from two elements within the same focus group, `focused` will remain `true`.\n */\nconst debounce = (callback: () => void) => {\n let timer: ReturnType<typeof setTimeout>\n\n return () => {\n clearTimeout(timer)\n\n timer = setTimeout(() => {\n callback()\n }, 0)\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EAIvB;EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAIR,IAAMC,GAAG,GAAG,IAAAC,aAAM,EAAc,IAAI,CAAC;EAErC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAGC,QAAQ,CAAC,YAAM;MACjC,IAAI,CAACJ,GAAG,CAACK,OAAO,EAAE;MAElBN,QAAQ,CACNC,GAAG,CAACK,OAAO,KAAKC,QAAQ,CAACC,aAAa,IACpCP,GAAG,CAACK,OAAO,CAACG,QAAQ,CAACF,QAAQ,CAACC,aAAa,CAAC,CAC/C;IACH,CAAC,CAAC;IAEFD,QAAQ,CAACG,gBAAgB,CAAC,OAAO,EAAEN,WAAW,EAAE,IAAI,CAAC;IACrDG,QAAQ,CAACG,gBAAgB,CAAC,MAAM,EAAEN,WAAW,EAAE,IAAI,CAAC;IAEpD,OAAO,YAAM;MACXG,QAAQ,CAACI,mBAAmB,CAAC,OAAO,EAAEP,WAAW,EAAE,IAAI,CAAC;MACxDG,QAAQ,CAACI,mBAAmB,CAAC,MAAM,EAAEP,WAAW,EAAE,IAAI,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEC,GAAG,EAAHA;EAAI,CAAC;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMI,QAAQ,GAAG,SAAXA,QAAQA,CAAIO,QAAoB,EAAK;EACzC,IAAIC,KAAoC;EAExC,OAAO,YAAM;IACXC,YAAY,CAACD,KAAK,CAAC;IAEnBA,KAAK,GAAGE,UAAU,CAAC,YAAM;MACvBH,QAAQ,EAAE;IACZ,CAAC,EAAE,CAAC,CAAC;EACP,CAAC;AACH,CAAC"}
@@ -1,4 +1,4 @@
1
1
  export declare const useDidMount: ({ defaultMounted, clearCallStack, }?: {
2
- defaultMounted?: boolean | undefined;
3
- clearCallStack?: boolean | undefined;
2
+ defaultMounted?: boolean;
3
+ clearCallStack?: boolean;
4
4
  }) => boolean | undefined;
@@ -8,10 +8,10 @@ var _react = require("react");
8
8
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
9
9
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
10
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
11
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
12
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
12
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
13
13
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
- var useDidMount = function useDidMount() {
14
+ var useDidMount = exports.useDidMount = function useDidMount() {
15
15
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
16
16
  defaultMounted: false,
17
17
  clearCallStack: false
@@ -36,5 +36,4 @@ var useDidMount = function useDidMount() {
36
36
  }, [clearCallStack]);
37
37
  return isMounted;
38
38
  };
39
- exports.useDidMount = useDidMount;
40
39
  //# sourceMappingURL=useDidMount.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDidMount.js","names":["_react","require","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useDidMount","_ref","arguments","undefined","defaultMounted","clearCallStack","_useState","useState","_useState2","isMounted","toggleMounted","useEffect","timeout","setTimeout","clearTimeout","exports"],"sources":["../../src/utils/useDidMount.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\n\nexport const useDidMount = (\n {\n defaultMounted,\n clearCallStack,\n }: {\n defaultMounted?: boolean\n clearCallStack?: boolean\n } = {\n defaultMounted: false,\n clearCallStack: false,\n }\n) => {\n const [isMounted, toggleMounted] = useState(defaultMounted)\n\n useEffect(() => {\n if (!clearCallStack) {\n toggleMounted(true)\n return\n }\n\n const timeout = setTimeout(() => {\n toggleMounted(true)\n }, 0)\n\n return () => {\n clearTimeout(timeout)\n }\n }, [clearCallStack])\n\n return isMounted\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"useDidMount.js","names":["_react","require","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useDidMount","exports","_ref","arguments","undefined","defaultMounted","clearCallStack","_useState","useState","_useState2","isMounted","toggleMounted","useEffect","timeout","setTimeout","clearTimeout"],"sources":["../../src/utils/useDidMount.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\n\nexport const useDidMount = (\n {\n defaultMounted,\n clearCallStack,\n }: {\n defaultMounted?: boolean\n clearCallStack?: boolean\n } = {\n defaultMounted: false,\n clearCallStack: false,\n }\n) => {\n const [isMounted, toggleMounted] = useState(defaultMounted)\n\n useEffect(() => {\n if (!clearCallStack) {\n toggleMounted(true)\n return\n }\n\n const timeout = setTimeout(() => {\n toggleMounted(true)\n }, 0)\n\n return () => {\n clearTimeout(timeout)\n }\n }, [clearCallStack])\n\n return isMounted\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAA2C,SAAAC,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAC,MAAA,CAAAC,SAAA,CAAAC,QAAA,CAAAC,IAAA,CAAAP,CAAA,EAAAQ,KAAA,aAAAL,CAAA,iBAAAH,CAAA,CAAAS,WAAA,EAAAN,CAAA,GAAAH,CAAA,CAAAS,WAAA,CAAAC,IAAA,MAAAP,CAAA,cAAAA,CAAA,mBAAAQ,KAAA,CAAAC,IAAA,CAAAZ,CAAA,OAAAG,CAAA,+DAAAU,IAAA,CAAAV,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAqB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAArB,GAAA,CAAAsB,MAAA,EAAAD,GAAA,GAAArB,GAAA,CAAAsB,MAAA,WAAArB,CAAA,MAAAsB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAApB,CAAA,GAAAoB,GAAA,EAAApB,CAAA,IAAAsB,IAAA,CAAAtB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAsB,IAAA;AAAA,SAAApB,sBAAAH,GAAA,EAAAC,CAAA,QAAAuB,EAAA,WAAAxB,GAAA,gCAAAyB,MAAA,IAAAzB,GAAA,CAAAyB,MAAA,CAAAC,QAAA,KAAA1B,GAAA,4BAAAwB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAV,IAAA,CAAAd,GAAA,GAAAkC,IAAA,QAAAjC,CAAA,QAAAU,MAAA,CAAAa,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAAf,IAAA,CAAAU,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAArB,CAAA,GAAA+B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA5B,MAAA,CAAAmB,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA7B,gBAAAF,GAAA,QAAAkB,KAAA,CAAAsB,OAAA,CAAAxC,GAAA,UAAAA,GAAA;AAEpC,IAAMyC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAWnB;EAAA,IAAAE,IAAA,GAAAC,SAAA,CAAAtB,MAAA,QAAAsB,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAJC;MACFE,cAAc,EAAE,KAAK;MACrBC,cAAc,EAAE;IAClB,CAAC;IARCD,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;EAShB,IAAAC,SAAA,GAAmC,IAAAC,eAAQ,EAACH,cAAc,CAAC;IAAAI,UAAA,GAAAnD,cAAA,CAAAiD,SAAA;IAApDG,SAAS,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAE/B,IAAAG,gBAAS,EAAC,YAAM;IACd,IAAI,CAACN,cAAc,EAAE;MACnBK,aAAa,CAAC,IAAI,CAAC;MACnB;IACF;IAEA,IAAME,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BH,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,CAAC,CAAC;IAEL,OAAO,YAAM;MACXI,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,cAAc,CAAC,CAAC;EAEpB,OAAOI,SAAS;AAClB,CAAC"}
@@ -8,6 +8,5 @@ var _react = require("react");
8
8
  /**
9
9
  * Silences the "useLayoutEffect does nothing on the server" warning
10
10
  */
11
- var useIsomorphicLayoutEffect = typeof window !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
12
- exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
11
+ var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof window !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
13
12
  //# sourceMappingURL=useIsomorphicLayoutEffect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useIsomorphicLayoutEffect.js","names":["_react","require","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","exports"],"sources":["../../src/utils/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\"\n\n/**\n * Silences the \"useLayoutEffect does nothing on the server\" warning\n */\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,yBAAyB,GACpC,OAAOC,MAAM,KAAK,WAAW,GAAGC,sBAAe,GAAGC,gBAAS;AAAAC,OAAA,CAAAJ,yBAAA,GAAAA,yBAAA"}
1
+ {"version":3,"file":"useIsomorphicLayoutEffect.js","names":["_react","require","useIsomorphicLayoutEffect","exports","window","useLayoutEffect","useEffect"],"sources":["../../src/utils/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\"\n\n/**\n * Silences the \"useLayoutEffect does nothing on the server\" warning\n */\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GACpC,OAAOE,MAAM,KAAK,WAAW,GAAGC,sBAAe,GAAGC,gBAAS"}
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const useLatest: <T extends unknown>(current: T) => import("react").MutableRefObject<T>;
1
+ export declare const useLatest: <T extends any>(current: T) => import("react").MutableRefObject<T>;
@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useLatest = void 0;
7
7
  var _react = require("react");
8
- var useLatest = function useLatest(current) {
8
+ var useLatest = exports.useLatest = function useLatest(current) {
9
9
  var latest = (0, _react.useRef)(current);
10
10
  (0, _react.useEffect)(function () {
11
11
  latest.current = current;
12
12
  });
13
13
  return latest;
14
14
  };
15
- exports.useLatest = useLatest;
16
15
  //# sourceMappingURL=useLatest.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useLatest.js","names":["_react","require","useLatest","current","latest","useRef","useEffect","exports"],"sources":["../../src/utils/useLatest.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport const useLatest = <T extends any>(current: T) => {\n const latest = useRef(current)\n\n useEffect(() => {\n latest.current = current\n })\n\n return latest\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAmBC,OAAU,EAAK;EACtD,IAAMC,MAAM,GAAG,IAAAC,aAAM,EAACF,OAAO,CAAC;EAE9B,IAAAG,gBAAS,EAAC,YAAM;IACdF,MAAM,CAACD,OAAO,GAAGA,OAAO;EAC1B,CAAC,CAAC;EAEF,OAAOC,MAAM;AACf,CAAC;AAAAG,OAAA,CAAAL,SAAA,GAAAA,SAAA"}
1
+ {"version":3,"file":"useLatest.js","names":["_react","require","useLatest","exports","current","latest","useRef","useEffect"],"sources":["../../src/utils/useLatest.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport const useLatest = <T extends any>(current: T) => {\n const latest = useRef(current)\n\n useEffect(() => {\n latest.current = current\n })\n\n return latest\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAmBE,OAAU,EAAK;EACtD,IAAMC,MAAM,GAAG,IAAAC,aAAM,EAACF,OAAO,CAAC;EAE9B,IAAAG,gBAAS,EAAC,YAAM;IACdF,MAAM,CAACD,OAAO,GAAGA,OAAO;EAC1B,CAAC,CAAC;EAEF,OAAOC,MAAM;AACf,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type { MutableRefObject } from "react";
2
- declare type UseMutationObserver = {
2
+ type UseMutationObserver = {
3
3
  active?: boolean;
4
4
  onMutate: MutationCallback;
5
5
  options?: MutationObserverInit;
@@ -11,7 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
11
11
  /**
12
12
  * Accepts a ref and calls the `onMutate` callback when mutations are observed.
13
13
  */
14
- var useMutationObserver = function useMutationObserver(_ref) {
14
+ var useMutationObserver = exports.useMutationObserver = function useMutationObserver(_ref) {
15
15
  var _ref$active = _ref.active,
16
16
  active = _ref$active === void 0 ? true : _ref$active,
17
17
  onMutate = _ref.onMutate,
@@ -40,5 +40,4 @@ var useMutationObserver = function useMutationObserver(_ref) {
40
40
  // eslint-disable-next-line react-hooks/exhaustive-deps
41
41
  }, [onMutate, options, active]);
42
42
  };
43
- exports.useMutationObserver = useMutationObserver;
44
43
  //# sourceMappingURL=useMutationObserver.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useMutationObserver.js","names":["_react","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","useMutationObserver","_ref","_ref$active","active","onMutate","_ref$options","options","attributes","characterData","childList","subtree","rest","useEffect","MutationObserver","el","ref","current","element","observer","observe","disconnect","exports"],"sources":["../../src/utils/useMutationObserver.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\"\nimport { useEffect } from \"react\"\n\ntype UseMutationObserver = {\n active?: boolean\n onMutate: MutationCallback\n options?: MutationObserverInit\n} & (\n | { ref: MutableRefObject<HTMLElement | null> }\n | { element?: HTMLElement | null }\n)\n\n/**\n * Accepts a ref and calls the `onMutate` callback when mutations are observed.\n */\nexport const useMutationObserver = ({\n active = true,\n onMutate,\n options = {\n attributes: true,\n characterData: true,\n childList: true,\n subtree: true,\n },\n ...rest\n}: UseMutationObserver) => {\n useEffect(() => {\n if (!active || typeof MutationObserver === \"undefined\") {\n return\n }\n\n const el = \"ref\" in rest ? rest.ref.current : rest.element\n\n if (el) {\n const observer = new MutationObserver(onMutate)\n\n // Start observing the target node for configured mutations\n observer.observe(el, options)\n\n return () => {\n observer.disconnect()\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [onMutate, options, active])\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAiC,IAAAC,SAAA;AAAA,SAAAC,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAWjC;AACA;AACA;AACO,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAUL;EAAA,IAAAC,WAAA,GAAAD,IAAA,CATzBE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACbE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,YAAA,GAAAJ,IAAA,CACRK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MACRE,UAAU,EAAE,IAAI;MAChBC,aAAa,EAAE,IAAI;MACnBC,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,GAAAL,YAAA;IACEM,IAAI,GAAA5B,wBAAA,CAAAkB,IAAA,EAAAnB,SAAA;EAEP,IAAA8B,gBAAS,EAAC,YAAM;IACd,IAAI,CAACT,MAAM,IAAI,OAAOU,gBAAgB,KAAK,WAAW,EAAE;MACtD;IACF;IAEA,IAAMC,EAAE,GAAG,KAAK,IAAIH,IAAI,GAAGA,IAAI,CAACI,GAAG,CAACC,OAAO,GAAGL,IAAI,CAACM,OAAO;IAE1D,IAAIH,EAAE,EAAE;MACN,IAAMI,QAAQ,GAAG,IAAIL,gBAAgB,CAACT,QAAQ,CAAC;;MAE/C;MACAc,QAAQ,CAACC,OAAO,CAACL,EAAE,EAAER,OAAO,CAAC;MAE7B,OAAO,YAAM;QACXY,QAAQ,CAACE,UAAU,EAAE;MACvB,CAAC;IACH;IACA;EACF,CAAC,EAAE,CAAChB,QAAQ,EAAEE,OAAO,EAAEH,MAAM,CAAC,CAAC;AACjC,CAAC;AAAAkB,OAAA,CAAArB,mBAAA,GAAAA,mBAAA"}
1
+ {"version":3,"file":"useMutationObserver.js","names":["_react","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","useMutationObserver","exports","_ref","_ref$active","active","onMutate","_ref$options","options","attributes","characterData","childList","subtree","rest","useEffect","MutationObserver","el","ref","current","element","observer","observe","disconnect"],"sources":["../../src/utils/useMutationObserver.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\"\nimport { useEffect } from \"react\"\n\ntype UseMutationObserver = {\n active?: boolean\n onMutate: MutationCallback\n options?: MutationObserverInit\n} & (\n | { ref: MutableRefObject<HTMLElement | null> }\n | { element?: HTMLElement | null }\n)\n\n/**\n * Accepts a ref and calls the `onMutate` callback when mutations are observed.\n */\nexport const useMutationObserver = ({\n active = true,\n onMutate,\n options = {\n attributes: true,\n characterData: true,\n childList: true,\n subtree: true,\n },\n ...rest\n}: UseMutationObserver) => {\n useEffect(() => {\n if (!active || typeof MutationObserver === \"undefined\") {\n return\n }\n\n const el = \"ref\" in rest ? rest.ref.current : rest.element\n\n if (el) {\n const observer = new MutationObserver(onMutate)\n\n // Start observing the target node for configured mutations\n observer.observe(el, options)\n\n return () => {\n observer.disconnect()\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [onMutate, options, active])\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAiC,IAAAC,SAAA;AAAA,SAAAC,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAWjC;AACA;AACA;AACO,IAAMc,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAUL;EAAA,IAAAC,WAAA,GAAAD,IAAA,CATzBE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACbE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,YAAA,GAAAJ,IAAA,CACRK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MACRE,UAAU,EAAE,IAAI;MAChBC,aAAa,EAAE,IAAI;MACnBC,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,GAAAL,YAAA;IACEM,IAAI,GAAA7B,wBAAA,CAAAmB,IAAA,EAAApB,SAAA;EAEP,IAAA+B,gBAAS,EAAC,YAAM;IACd,IAAI,CAACT,MAAM,IAAI,OAAOU,gBAAgB,KAAK,WAAW,EAAE;MACtD;IACF;IAEA,IAAMC,EAAE,GAAG,KAAK,IAAIH,IAAI,GAAGA,IAAI,CAACI,GAAG,CAACC,OAAO,GAAGL,IAAI,CAACM,OAAO;IAE1D,IAAIH,EAAE,EAAE;MACN,IAAMI,QAAQ,GAAG,IAAIL,gBAAgB,CAACT,QAAQ,CAAC;;MAE/C;MACAc,QAAQ,CAACC,OAAO,CAACL,EAAE,EAAER,OAAO,CAAC;MAE7B,OAAO,YAAM;QACXY,QAAQ,CAACE,UAAU,EAAE;MACvB,CAAC;IACH;IACA;EACF,CAAC,EAAE,CAAChB,QAAQ,EAAEE,OAAO,EAAEH,MAAM,CAAC,CAAC;AACjC,CAAC"}
@@ -7,7 +7,7 @@ exports.usePortal = void 0;
7
7
  var _react = require("react");
8
8
  var _reactDom = require("react-dom");
9
9
  var _useDidMount = require("./useDidMount");
10
- var usePortal = function usePortal() {
10
+ var usePortal = exports.usePortal = function usePortal() {
11
11
  var isClient = (0, _useDidMount.useDidMount)();
12
12
  var appendEl = (0, _react.useRef)(null);
13
13
  (0, _react.useEffect)(function () {
@@ -36,5 +36,4 @@ var usePortal = function usePortal() {
36
36
  createPortal: createPortal
37
37
  };
38
38
  };
39
- exports.usePortal = usePortal;
40
39
  //# sourceMappingURL=usePortal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"usePortal.js","names":["_react","require","_reactDom","_useDidMount","usePortal","isClient","useDidMount","appendEl","useRef","useEffect","_appendEl$current","el","current","document","createElement","body","appendChild","removeChild","e","createPortal","useCallback","children","_appendEl$current2","__createPortal__","exports"],"sources":["../../src/utils/usePortal.ts"],"sourcesContent":["import React, { useEffect, useRef, useCallback } from \"react\"\nimport { createPortal as __createPortal__ } from \"react-dom\"\nimport { useDidMount } from \"./useDidMount\"\n\nexport const usePortal = () => {\n const isClient = useDidMount()\n\n const appendEl = useRef<HTMLDivElement | null>(null)\n\n useEffect(() => {\n const el = appendEl.current ?? document.createElement(\"div\")\n appendEl.current = el\n\n document.body.appendChild(el)\n\n return () => {\n try {\n document.body.removeChild(el)\n } catch (e) {\n // Ignore\n }\n }\n }, [])\n\n const createPortal = useCallback(\n (children: React.ReactNode): React.ReactPortal | null => {\n if (!isClient) return null\n\n // May execute before effect runs and appendEl is set\n const el = appendEl.current ?? document.createElement(\"div\")\n appendEl.current = el\n\n return __createPortal__(children, el)\n },\n [isClient]\n )\n\n return { createPortal }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEpD,IAAAC,gBAAS,EAAC,YAAM;IAAA,IAAAC,iBAAA;IACd,IAAMC,EAAE,IAAAD,iBAAA,GAAGH,QAAQ,CAACK,OAAO,cAAAF,iBAAA,cAAAA,iBAAA,GAAIG,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DP,QAAQ,CAACK,OAAO,GAAGD,EAAE;IAErBE,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,EAAE,CAAC;IAE7B,OAAO,YAAM;MACX,IAAI;QACFE,QAAQ,CAACE,IAAI,CAACE,WAAW,CAACN,EAAE,CAAC;MAC/B,CAAC,CAAC,OAAOO,CAAC,EAAE;QACV;MAAA;IAEJ,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC9B,UAACC,QAAyB,EAA+B;IAAA,IAAAC,kBAAA;IACvD,IAAI,CAACjB,QAAQ,EAAE,OAAO,IAAI;;IAE1B;IACA,IAAMM,EAAE,IAAAW,kBAAA,GAAGf,QAAQ,CAACK,OAAO,cAAAU,kBAAA,cAAAA,kBAAA,GAAIT,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DP,QAAQ,CAACK,OAAO,GAAGD,EAAE;IAErB,oBAAO,IAAAY,sBAAgB,EAACF,QAAQ,EAAEV,EAAE,CAAC;EACvC,CAAC,EACD,CAACN,QAAQ,CAAC,CACX;EAED,OAAO;IAAEc,YAAY,EAAZA;EAAa,CAAC;AACzB,CAAC;AAAAK,OAAA,CAAApB,SAAA,GAAAA,SAAA"}
1
+ {"version":3,"file":"usePortal.js","names":["_react","require","_reactDom","_useDidMount","usePortal","exports","isClient","useDidMount","appendEl","useRef","useEffect","_appendEl$current","el","current","document","createElement","body","appendChild","removeChild","e","createPortal","useCallback","children","_appendEl$current2","__createPortal__"],"sources":["../../src/utils/usePortal.ts"],"sourcesContent":["import React, { useEffect, useRef, useCallback } from \"react\"\nimport { createPortal as __createPortal__ } from \"react-dom\"\nimport { useDidMount } from \"./useDidMount\"\n\nexport const usePortal = () => {\n const isClient = useDidMount()\n\n const appendEl = useRef<HTMLDivElement | null>(null)\n\n useEffect(() => {\n const el = appendEl.current ?? document.createElement(\"div\")\n appendEl.current = el\n\n document.body.appendChild(el)\n\n return () => {\n try {\n document.body.removeChild(el)\n } catch (e) {\n // Ignore\n }\n }\n }, [])\n\n const createPortal = useCallback(\n (children: React.ReactNode): React.ReactPortal | null => {\n if (!isClient) return null\n\n // May execute before effect runs and appendEl is set\n const el = appendEl.current ?? document.createElement(\"div\")\n appendEl.current = el\n\n return __createPortal__(children, el)\n },\n [isClient]\n )\n\n return { createPortal }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAME,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEpD,IAAAC,gBAAS,EAAC,YAAM;IAAA,IAAAC,iBAAA;IACd,IAAMC,EAAE,IAAAD,iBAAA,GAAGH,QAAQ,CAACK,OAAO,cAAAF,iBAAA,cAAAA,iBAAA,GAAIG,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DP,QAAQ,CAACK,OAAO,GAAGD,EAAE;IAErBE,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,EAAE,CAAC;IAE7B,OAAO,YAAM;MACX,IAAI;QACFE,QAAQ,CAACE,IAAI,CAACE,WAAW,CAACN,EAAE,CAAC;MAC/B,CAAC,CAAC,OAAOO,CAAC,EAAE;QACV;MAAA;IAEJ,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC9B,UAACC,QAAyB,EAA+B;IAAA,IAAAC,kBAAA;IACvD,IAAI,CAACjB,QAAQ,EAAE,OAAO,IAAI;;IAE1B;IACA,IAAMM,EAAE,IAAAW,kBAAA,GAAGf,QAAQ,CAACK,OAAO,cAAAU,kBAAA,cAAAA,kBAAA,GAAIT,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DP,QAAQ,CAACK,OAAO,GAAGD,EAAE;IAErB,oBAAO,IAAAY,sBAAgB,EAACF,QAAQ,EAAEV,EAAE,CAAC;EACvC,CAAC,EACD,CAACN,QAAQ,CAAC,CACX;EAED,OAAO;IAAEc,YAAY,EAAZA;EAAa,CAAC;AACzB,CAAC"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const POSITION: {
3
2
  readonly "top-start": "top-start";
4
3
  readonly top: "top";
@@ -13,7 +12,7 @@ export declare const POSITION: {
13
12
  readonly right: "right";
14
13
  readonly "right-end": "right-end";
15
14
  };
16
- export declare type Position = keyof typeof POSITION;
15
+ export type Position = keyof typeof POSITION;
17
16
  interface TargetPosition {
18
17
  x: number;
19
18
  y: number;
@@ -25,19 +24,19 @@ interface TargetPosition {
25
24
  */
26
25
  export declare const usePosition: ({ key, position, offset, active, flip, clamp, padding, }: {
27
26
  /** Listen to changes on this value */
28
- key?: string | number | boolean | undefined;
27
+ key?: string | number | boolean;
29
28
  /** Placement relative to anchor */
30
29
  position: Position;
31
30
  /** Distance from anchor (default: `0`) */
32
- offset?: number | undefined;
31
+ offset?: number;
33
32
  /** Optionally disable for performance (default: `true`) */
34
- active?: boolean | undefined;
33
+ active?: boolean;
35
34
  /** Optionally disable flipping (default: `true`) */
36
- flip?: boolean | undefined;
35
+ flip?: boolean;
37
36
  /** Optionally disable clamping (default: `true`) */
38
- clamp?: boolean | undefined;
37
+ clamp?: boolean;
39
38
  /** Add boundary padding (default: `0`) used when clamping */
40
- padding?: number | undefined;
39
+ padding?: number;
41
40
  }) => {
42
41
  tooltipRef: import("react").MutableRefObject<HTMLElement | null>;
43
42
  anchorRef: import("react").MutableRefObject<HTMLElement | null>;
@@ -78,6 +77,6 @@ export declare const shouldFlip: ({ targetPosition, position, boundaryRect, tool
78
77
  export declare const calculateMaxHeight: ({ anchorRect, position, offset, }: {
79
78
  anchorRect: DOMRect;
80
79
  position: Position;
81
- offset?: number | undefined;
80
+ offset?: number;
82
81
  }) => number;
83
82
  export {};
@@ -11,12 +11,12 @@ var _useResizeObserver = require("./useResizeObserver");
11
11
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
12
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
13
13
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
14
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
15
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
14
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
15
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
16
16
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
17
17
  * Adapted from https://codesandbox.io/s/positioning-tooltip-rhplo
18
18
  */
19
- var POSITION = {
19
+ var POSITION = exports.POSITION = {
20
20
  "top-start": "top-start",
21
21
  top: "top",
22
22
  "top-end": "top-end",
@@ -30,13 +30,12 @@ var POSITION = {
30
30
  right: "right",
31
31
  "right-end": "right-end"
32
32
  };
33
- exports.POSITION = POSITION;
34
33
  /**
35
34
  * Will position the floating element (tooltip) relative to the anchor element,
36
35
  * using `position: fixed` and in such a way that it shouldn't ever appear
37
36
  * partially offscreen and will move correctly when the parent is scrolled.
38
37
  */
39
- var usePosition = function usePosition(_ref) {
38
+ var usePosition = exports.usePosition = function usePosition(_ref) {
40
39
  var key = _ref.key,
41
40
  position = _ref.position,
42
41
  _ref$offset = _ref.offset,
@@ -153,8 +152,7 @@ var usePosition = function usePosition(_ref) {
153
152
  state: state
154
153
  };
155
154
  };
156
- exports.usePosition = usePosition;
157
- var placeTooltip = function placeTooltip(_ref2) {
155
+ var placeTooltip = exports.placeTooltip = function placeTooltip(_ref2) {
158
156
  var anchor = _ref2.anchor,
159
157
  tooltip = _ref2.tooltip,
160
158
  position = _ref2.position,
@@ -228,8 +226,7 @@ var placeTooltip = function placeTooltip(_ref2) {
228
226
  isFlipped: isFlipped
229
227
  };
230
228
  };
231
- exports.placeTooltip = placeTooltip;
232
- var getPosition = function getPosition(_ref3) {
229
+ var getPosition = exports.getPosition = function getPosition(_ref3) {
233
230
  var elementRect = _ref3.elementRect,
234
231
  tooltipRect = _ref3.tooltipRect,
235
232
  position = _ref3.position;
@@ -298,8 +295,7 @@ var getPosition = function getPosition(_ref3) {
298
295
  y: y
299
296
  };
300
297
  };
301
- exports.getPosition = getPosition;
302
- var translateWithOffset = function translateWithOffset(targetPosition, position, offset) {
298
+ var translateWithOffset = exports.translateWithOffset = function translateWithOffset(targetPosition, position, offset) {
303
299
  var _ref4 = function () {
304
300
  switch (position) {
305
301
  case "top-start":
@@ -333,7 +329,6 @@ var translateWithOffset = function translateWithOffset(targetPosition, position,
333
329
  y = _ref5[1];
334
330
  return "translate(".concat(x, "px, ").concat(y, "px)");
335
331
  };
336
- exports.translateWithOffset = translateWithOffset;
337
332
  var getOppositePosition = function getOppositePosition(position) {
338
333
  switch (position) {
339
334
  case "top-start":
@@ -362,7 +357,7 @@ var getOppositePosition = function getOppositePosition(position) {
362
357
  return "left-end";
363
358
  }
364
359
  };
365
- var getDocumentBoundingRect = function getDocumentBoundingRect() {
360
+ var getDocumentBoundingRect = exports.getDocumentBoundingRect = function getDocumentBoundingRect() {
366
361
  var width = document.body.clientWidth;
367
362
  var height = document.body.clientHeight;
368
363
  return {
@@ -374,8 +369,7 @@ var getDocumentBoundingRect = function getDocumentBoundingRect() {
374
369
  height: height
375
370
  };
376
371
  };
377
- exports.getDocumentBoundingRect = getDocumentBoundingRect;
378
- var shouldFlip = function shouldFlip(_ref6) {
372
+ var shouldFlip = exports.shouldFlip = function shouldFlip(_ref6) {
379
373
  var targetPosition = _ref6.targetPosition,
380
374
  position = _ref6.position,
381
375
  boundaryRect = _ref6.boundaryRect,
@@ -399,7 +393,6 @@ var shouldFlip = function shouldFlip(_ref6) {
399
393
  return targetPosition.x + tooltipRect.width > boundaryRect.right;
400
394
  }
401
395
  };
402
- exports.shouldFlip = shouldFlip;
403
396
  var isWithin = function isWithin(elementRect, boundaryRect) {
404
397
  return boundaryRect.top < elementRect.bottom && boundaryRect.left < elementRect.right && boundaryRect.bottom > elementRect.top && boundaryRect.right > elementRect.left;
405
398
  };
@@ -407,7 +400,7 @@ var isWithin = function isWithin(elementRect, boundaryRect) {
407
400
  /**
408
401
  * Calculate the maximum height available for a tooltip based on its placement and viewport constraints.
409
402
  */
410
- var calculateMaxHeight = function calculateMaxHeight(_ref7) {
403
+ var calculateMaxHeight = exports.calculateMaxHeight = function calculateMaxHeight(_ref7) {
411
404
  var anchorRect = _ref7.anchorRect,
412
405
  position = _ref7.position,
413
406
  _ref7$offset = _ref7.offset,
@@ -436,5 +429,4 @@ var calculateMaxHeight = function calculateMaxHeight(_ref7) {
436
429
  return viewportHeight;
437
430
  }
438
431
  };
439
- exports.calculateMaxHeight = calculateMaxHeight;
440
432
  //# sourceMappingURL=usePosition.js.map