@koine/react 2.0.0-beta.12 → 2.0.0-beta.121

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 (643) hide show
  1. package/FaviconTags.cjs.d.ts +2 -0
  2. package/FaviconTags.cjs.default.js +1 -0
  3. package/FaviconTags.cjs.js +19 -0
  4. package/FaviconTags.cjs.mjs +2 -0
  5. package/FaviconTags.d.ts +1 -11
  6. package/FaviconTags.esm.d.ts +2 -0
  7. package/FaviconTags.esm.js +14 -0
  8. package/Meta.cjs.d.ts +2 -0
  9. package/Meta.cjs.default.js +1 -0
  10. package/Meta.cjs.js +19 -0
  11. package/Meta.cjs.mjs +2 -0
  12. package/Meta.d.ts +5 -0
  13. package/Meta.esm.d.ts +2 -0
  14. package/Meta.esm.js +14 -0
  15. package/NoJs.cjs.d.ts +2 -0
  16. package/NoJs.cjs.default.js +1 -0
  17. package/NoJs.cjs.js +10 -0
  18. package/NoJs.cjs.mjs +2 -0
  19. package/NoJs.d.ts +3 -0
  20. package/NoJs.esm.d.ts +2 -0
  21. package/NoJs.esm.js +5 -0
  22. package/Polymorphic.cjs.d.ts +1 -0
  23. package/Polymorphic.cjs.default.js +1 -0
  24. package/Polymorphic.cjs.js +2 -0
  25. package/Polymorphic.cjs.mjs +2 -0
  26. package/Polymorphic.d.ts +26 -0
  27. package/Polymorphic.esm.d.ts +1 -0
  28. package/Polymorphic.esm.js +1 -0
  29. package/{Calendar → calendar}/CalendarDaygridCell.d.ts +2 -3
  30. package/{Calendar → calendar}/CalendarDaygridNav.d.ts +1 -1
  31. package/{Calendar → calendar}/CalendarDaygridTable.d.ts +2 -2
  32. package/{Calendar → calendar}/CalendarLegend.d.ts +1 -2
  33. package/calendar/calendar-api-google.d.ts +10 -0
  34. package/{Calendar → calendar}/types.d.ts +0 -19
  35. package/{Calendar → calendar}/useCalendar.d.ts +1 -16
  36. package/calendar/useDateLocale.d.ts +2 -0
  37. package/calendar/utils.d.ts +11 -0
  38. package/calendar.cjs.d.ts +1 -0
  39. package/calendar.cjs.default.js +1 -0
  40. package/calendar.cjs.js +131 -0
  41. package/calendar.cjs.mjs +2 -0
  42. package/calendar.d.ts +7 -0
  43. package/calendar.esm.d.ts +1 -0
  44. package/calendar.esm.js +124 -0
  45. package/classed.cjs.d.ts +2 -0
  46. package/classed.cjs.default.js +1 -0
  47. package/classed.cjs.js +51 -0
  48. package/classed.cjs.mjs +2 -0
  49. package/classed.d.ts +8 -0
  50. package/classed.esm.d.ts +2 -0
  51. package/classed.esm.js +46 -0
  52. package/createUseMediaQueryWidth.cjs.d.ts +2 -0
  53. package/createUseMediaQueryWidth.cjs.default.js +1 -0
  54. package/createUseMediaQueryWidth.cjs.js +26 -0
  55. package/createUseMediaQueryWidth.cjs.mjs +2 -0
  56. package/createUseMediaQueryWidth.d.ts +6 -0
  57. package/createUseMediaQueryWidth.esm.d.ts +2 -0
  58. package/createUseMediaQueryWidth.esm.js +21 -0
  59. package/extendComponent.cjs.d.ts +2 -0
  60. package/extendComponent.cjs.default.js +1 -0
  61. package/extendComponent.cjs.js +14 -0
  62. package/extendComponent.cjs.mjs +2 -0
  63. package/{helpers/extend-component.d.ts → extendComponent.d.ts} +1 -13
  64. package/extendComponent.esm.d.ts +2 -0
  65. package/extendComponent.esm.js +9 -0
  66. package/forms/antispam.d.ts +27 -0
  67. package/forms.cjs.d.ts +1 -0
  68. package/forms.cjs.default.js +1 -0
  69. package/forms.cjs.js +35 -0
  70. package/forms.cjs.mjs +2 -0
  71. package/forms.d.ts +1 -0
  72. package/forms.esm.d.ts +1 -0
  73. package/forms.esm.js +32 -0
  74. package/index.cjs.d.ts +1 -0
  75. package/index.cjs.default.js +1 -0
  76. package/index.cjs.js +61 -0
  77. package/index.cjs.mjs +2 -0
  78. package/index.d.ts +28 -1
  79. package/index.esm.d.ts +1 -0
  80. package/index.esm.js +30 -0
  81. package/mergeRefs.cjs.d.ts +2 -0
  82. package/mergeRefs.cjs.default.js +1 -0
  83. package/mergeRefs.cjs.js +8 -0
  84. package/mergeRefs.cjs.mjs +2 -0
  85. package/mergeRefs.d.ts +2 -0
  86. package/mergeRefs.esm.d.ts +2 -0
  87. package/mergeRefs.esm.js +3 -0
  88. package/package.json +169 -47
  89. package/{Img/index.d.ts → types.cjs.d.ts} +0 -0
  90. package/types.cjs.default.js +1 -0
  91. package/types.cjs.js +2 -0
  92. package/types.cjs.mjs +2 -0
  93. package/types.d.ts +0 -8
  94. package/{Img/index.mjs → types.esm.d.ts} +0 -0
  95. package/types.esm.js +1 -0
  96. package/useAsyncFn.cjs.d.ts +2 -0
  97. package/useAsyncFn.cjs.default.js +1 -0
  98. package/useAsyncFn.cjs.js +14 -0
  99. package/useAsyncFn.cjs.mjs +2 -0
  100. package/{hooks/useAsyncFn.d.ts → useAsyncFn.d.ts} +3 -5
  101. package/useAsyncFn.esm.d.ts +2 -0
  102. package/useAsyncFn.esm.js +9 -0
  103. package/useFirstMountState.cjs.d.ts +2 -0
  104. package/useFirstMountState.cjs.default.js +1 -0
  105. package/useFirstMountState.cjs.js +12 -0
  106. package/useFirstMountState.cjs.mjs +2 -0
  107. package/useFirstMountState.d.ts +2 -0
  108. package/useFirstMountState.esm.d.ts +2 -0
  109. package/useFirstMountState.esm.js +7 -0
  110. package/useFixedOffset.cjs.d.ts +2 -0
  111. package/useFixedOffset.cjs.default.js +1 -0
  112. package/useFixedOffset.cjs.js +24 -0
  113. package/useFixedOffset.cjs.mjs +2 -0
  114. package/useFixedOffset.d.ts +2 -0
  115. package/useFixedOffset.esm.d.ts +2 -0
  116. package/useFixedOffset.esm.js +19 -0
  117. package/useFocus.cjs.d.ts +2 -0
  118. package/useFocus.cjs.default.js +1 -0
  119. package/useFocus.cjs.js +12 -0
  120. package/useFocus.cjs.mjs +2 -0
  121. package/useFocus.d.ts +2 -0
  122. package/useFocus.esm.d.ts +2 -0
  123. package/useFocus.esm.js +7 -0
  124. package/useInterval.cjs.d.ts +2 -0
  125. package/useInterval.cjs.default.js +1 -0
  126. package/useInterval.cjs.js +16 -0
  127. package/useInterval.cjs.mjs +2 -0
  128. package/useInterval.d.ts +2 -0
  129. package/useInterval.esm.d.ts +2 -0
  130. package/useInterval.esm.js +11 -0
  131. package/useIsomorphicLayoutEffect.cjs.d.ts +2 -0
  132. package/useIsomorphicLayoutEffect.cjs.default.js +1 -0
  133. package/useIsomorphicLayoutEffect.cjs.js +13 -0
  134. package/useIsomorphicLayoutEffect.cjs.mjs +2 -0
  135. package/useIsomorphicLayoutEffect.d.ts +3 -0
  136. package/useIsomorphicLayoutEffect.esm.d.ts +2 -0
  137. package/useIsomorphicLayoutEffect.esm.js +8 -0
  138. package/useKeyUp.cjs.d.ts +2 -0
  139. package/useKeyUp.cjs.default.js +1 -0
  140. package/useKeyUp.cjs.js +16 -0
  141. package/useKeyUp.cjs.mjs +2 -0
  142. package/useKeyUp.d.ts +2 -0
  143. package/useKeyUp.esm.d.ts +2 -0
  144. package/useKeyUp.esm.js +11 -0
  145. package/useMeasure.cjs.d.ts +2 -0
  146. package/useMeasure.cjs.default.js +1 -0
  147. package/useMeasure.cjs.js +44 -0
  148. package/useMeasure.cjs.mjs +2 -0
  149. package/{hooks/useMeasure.d.ts → useMeasure.d.ts} +1 -6
  150. package/useMeasure.esm.d.ts +2 -0
  151. package/useMeasure.esm.js +39 -0
  152. package/useMountedState.cjs.d.ts +2 -0
  153. package/useMountedState.cjs.default.js +1 -0
  154. package/useMountedState.cjs.js +12 -0
  155. package/useMountedState.cjs.mjs +2 -0
  156. package/useMountedState.d.ts +2 -0
  157. package/useMountedState.esm.d.ts +2 -0
  158. package/useMountedState.esm.js +7 -0
  159. package/useNavigateAway.cjs.d.ts +2 -0
  160. package/useNavigateAway.cjs.default.js +1 -0
  161. package/useNavigateAway.cjs.js +57 -0
  162. package/useNavigateAway.cjs.mjs +2 -0
  163. package/useNavigateAway.d.ts +3 -0
  164. package/useNavigateAway.esm.d.ts +2 -0
  165. package/useNavigateAway.esm.js +52 -0
  166. package/usePrevious.cjs.d.ts +2 -0
  167. package/usePrevious.cjs.default.js +1 -0
  168. package/usePrevious.cjs.js +10 -0
  169. package/usePrevious.cjs.mjs +2 -0
  170. package/usePrevious.d.ts +2 -0
  171. package/usePrevious.esm.d.ts +2 -0
  172. package/usePrevious.esm.js +5 -0
  173. package/usePreviousRef.cjs.d.ts +2 -0
  174. package/usePreviousRef.cjs.default.js +1 -0
  175. package/usePreviousRef.cjs.js +10 -0
  176. package/usePreviousRef.cjs.mjs +2 -0
  177. package/usePreviousRef.d.ts +2 -0
  178. package/usePreviousRef.esm.d.ts +2 -0
  179. package/usePreviousRef.esm.js +5 -0
  180. package/useReveal.d.ts +13 -0
  181. package/useScrollPosition.cjs.d.ts +2 -0
  182. package/useScrollPosition.cjs.default.js +1 -0
  183. package/useScrollPosition.cjs.js +19 -0
  184. package/useScrollPosition.cjs.mjs +2 -0
  185. package/useScrollPosition.d.ts +7 -0
  186. package/useScrollPosition.esm.d.ts +2 -0
  187. package/useScrollPosition.esm.js +14 -0
  188. package/useScrollThreshold.cjs.d.ts +2 -0
  189. package/useScrollThreshold.cjs.default.js +1 -0
  190. package/useScrollThreshold.cjs.js +15 -0
  191. package/useScrollThreshold.cjs.mjs +2 -0
  192. package/useScrollThreshold.d.ts +2 -0
  193. package/useScrollThreshold.esm.d.ts +2 -0
  194. package/useScrollThreshold.esm.js +10 -0
  195. package/useScrollTo.cjs.d.ts +2 -0
  196. package/useScrollTo.cjs.default.js +1 -0
  197. package/useScrollTo.cjs.js +12 -0
  198. package/useScrollTo.cjs.mjs +2 -0
  199. package/useScrollTo.d.ts +2 -0
  200. package/useScrollTo.esm.d.ts +2 -0
  201. package/useScrollTo.esm.js +7 -0
  202. package/useSmoothScroll.cjs.d.ts +2 -0
  203. package/useSmoothScroll.cjs.default.js +1 -0
  204. package/useSmoothScroll.cjs.js +19 -0
  205. package/useSmoothScroll.cjs.mjs +2 -0
  206. package/useSmoothScroll.d.ts +2 -0
  207. package/useSmoothScroll.esm.d.ts +2 -0
  208. package/useSmoothScroll.esm.js +14 -0
  209. package/useSpinDelay.cjs.d.ts +2 -0
  210. package/useSpinDelay.cjs.default.js +1 -0
  211. package/useSpinDelay.cjs.js +21 -0
  212. package/useSpinDelay.cjs.mjs +2 -0
  213. package/useSpinDelay.d.ts +2 -0
  214. package/useSpinDelay.esm.d.ts +2 -0
  215. package/useSpinDelay.esm.js +16 -0
  216. package/useTraceUpdate.cjs.d.ts +2 -0
  217. package/useTraceUpdate.cjs.default.js +1 -0
  218. package/useTraceUpdate.cjs.js +13 -0
  219. package/useTraceUpdate.cjs.mjs +2 -0
  220. package/useTraceUpdate.d.ts +2 -0
  221. package/useTraceUpdate.esm.d.ts +2 -0
  222. package/useTraceUpdate.esm.js +8 -0
  223. package/useUpdateEffect.cjs.d.ts +2 -0
  224. package/useUpdateEffect.cjs.default.js +1 -0
  225. package/useUpdateEffect.cjs.js +14 -0
  226. package/useUpdateEffect.cjs.mjs +2 -0
  227. package/useUpdateEffect.d.ts +3 -0
  228. package/useUpdateEffect.esm.d.ts +2 -0
  229. package/useUpdateEffect.esm.js +9 -0
  230. package/useWindowSize.cjs.d.ts +2 -0
  231. package/useWindowSize.cjs.default.js +1 -0
  232. package/useWindowSize.cjs.js +19 -0
  233. package/useWindowSize.cjs.mjs +2 -0
  234. package/useWindowSize.d.ts +3 -0
  235. package/useWindowSize.esm.d.ts +2 -0
  236. package/useWindowSize.esm.js +14 -0
  237. package/Alert/Alert.d.ts +0 -5
  238. package/Alert/Alert.mjs +0 -22
  239. package/Alert/Alert.stories.mjs +0 -18
  240. package/Alert/index.d.ts +0 -1
  241. package/Alert/index.mjs +0 -1
  242. package/Animations/Reveal.d.ts +0 -4
  243. package/Animations/Reveal.mjs +0 -43
  244. package/Animations/Underline.d.ts +0 -1
  245. package/Animations/Underline.mjs +0 -15
  246. package/Animations/index.d.ts +0 -3
  247. package/Animations/index.mjs +0 -3
  248. package/Animations/useReveal.d.ts +0 -34
  249. package/Animations/useReveal.mjs +0 -73
  250. package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
  251. package/Autocomplete/AutocompleteDownshift.mjs +0 -157
  252. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
  253. package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +0 -352
  254. package/Autocomplete/AutocompleteMui.d.ts +0 -47
  255. package/Autocomplete/AutocompleteMui.mjs +0 -219
  256. package/Autocomplete/AutocompleteReach.d.ts +0 -1
  257. package/Autocomplete/AutocompleteReach.mjs +0 -111
  258. package/Autocomplete/components.d.ts +0 -17
  259. package/Autocomplete/components.mjs +0 -87
  260. package/Autocomplete/helpers.d.ts +0 -3
  261. package/Autocomplete/helpers.mjs +0 -35
  262. package/Autocomplete/index.d.ts +0 -2
  263. package/Autocomplete/index.mjs +0 -4
  264. package/Bg/BgColor.d.ts +0 -31
  265. package/Bg/BgColor.mjs +0 -42
  266. package/Bg/BgPhoto.d.ts +0 -13
  267. package/Bg/BgPhoto.mjs +0 -71
  268. package/Bg/BgSvg.d.ts +0 -7
  269. package/Bg/BgSvg.mjs +0 -22
  270. package/Bg/index.d.ts +0 -3
  271. package/Bg/index.mjs +0 -3
  272. package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
  273. package/Breadcrumbs/Breadcrumbs.mjs +0 -91
  274. package/Breadcrumbs/index.d.ts +0 -1
  275. package/Breadcrumbs/index.mjs +0 -1
  276. package/Buttons/Button.d.ts +0 -18
  277. package/Buttons/Button.mjs +0 -78
  278. package/Buttons/ButtonComposite.d.ts +0 -23
  279. package/Buttons/ButtonComposite.mjs +0 -105
  280. package/Buttons/ButtonFab.d.ts +0 -5
  281. package/Buttons/ButtonFab.mjs +0 -8
  282. package/Buttons/ButtonLink.d.ts +0 -8
  283. package/Buttons/ButtonLink.mjs +0 -18
  284. package/Buttons/IconButton.d.ts +0 -9
  285. package/Buttons/IconButton.mjs +0 -19
  286. package/Buttons/index.d.ts +0 -5
  287. package/Buttons/index.mjs +0 -5
  288. package/Calendar/CalendarDaygridCell.mjs +0 -95
  289. package/Calendar/CalendarDaygridNav.mjs +0 -52
  290. package/Calendar/CalendarDaygridTable.mjs +0 -115
  291. package/Calendar/CalendarLegend.mjs +0 -29
  292. package/Calendar/calendar-api-google.d.ts +0 -18
  293. package/Calendar/calendar-api-google.mjs +0 -99
  294. package/Calendar/index.d.ts +0 -6
  295. package/Calendar/index.mjs +0 -6
  296. package/Calendar/types.mjs +0 -1
  297. package/Calendar/useCalendar.mjs +0 -225
  298. package/Calendar/utils.d.ts +0 -11
  299. package/Calendar/utils.mjs +0 -209
  300. package/Carousel/Carousel.d.ts +0 -1
  301. package/Carousel/Carousel.mjs +0 -377
  302. package/Carousel/CarouselCss.d.ts +0 -35
  303. package/Carousel/CarouselCss.mjs +0 -44
  304. package/Carousel/index.d.ts +0 -1
  305. package/Carousel/index.mjs +0 -1
  306. package/Collapsable/Collapsable.d.ts +0 -1
  307. package/Collapsable/Collapsable.mjs +0 -1
  308. package/Collapsable/CollapsableReach.d.ts +0 -6
  309. package/Collapsable/CollapsableReach.mjs +0 -250
  310. package/Collapsable/index.d.ts +0 -1
  311. package/Collapsable/index.mjs +0 -1
  312. package/Debug/Debug.d.ts +0 -4
  313. package/Debug/Debug.mjs +0 -23
  314. package/Debug/index.d.ts +0 -1
  315. package/Debug/index.mjs +0 -1
  316. package/Details/Details.d.ts +0 -404
  317. package/Details/Details.mjs +0 -90
  318. package/Details/Details.stories.mjs +0 -21
  319. package/Details/index.d.ts +0 -1
  320. package/Details/index.mjs +0 -1
  321. package/Dialog/DialogMui.d.ts +0 -167
  322. package/Dialog/DialogMui.mjs +0 -105
  323. package/Dialog/DialogMui.stories.mjs +0 -20
  324. package/Dialog/css/bare.d.ts +0 -172
  325. package/Dialog/css/bare.mjs +0 -19
  326. package/Dialog/css/index.stories.mjs +0 -75
  327. package/Dialog/index.d.ts +0 -2
  328. package/Dialog/index.mjs +0 -1
  329. package/Dialog/m/bare.d.ts +0 -4
  330. package/Dialog/m/bare.mjs +0 -115
  331. package/Dialog/m/basic.d.ts +0 -4
  332. package/Dialog/m/basic.mjs +0 -31
  333. package/Dialog/m/index.d.ts +0 -3
  334. package/Dialog/m/index.mjs +0 -4
  335. package/Dialog/sc/bare.d.ts +0 -71
  336. package/Dialog/sc/bare.mjs +0 -54
  337. package/Dialog/sc/framer.d.ts +0 -25
  338. package/Dialog/sc/framer.mjs +0 -16
  339. package/Dialog/sc/framerMaterial.d.ts +0 -24
  340. package/Dialog/sc/framerMaterial.mjs +0 -16
  341. package/Dialog/sc/index.stories.mjs +0 -48
  342. package/Dialog/sc/material.d.ts +0 -61
  343. package/Dialog/sc/material.mjs +0 -41
  344. package/Dialog/tw/bare.d.ts +0 -223
  345. package/Dialog/tw/bare.mjs +0 -29
  346. package/Dialog/tw/elegant.d.ts +0 -271
  347. package/Dialog/tw/elegant.mjs +0 -18
  348. package/Dialog/tw/framer.d.ts +0 -109
  349. package/Dialog/tw/framer.mjs +0 -16
  350. package/Dialog/tw/framerMaterial.d.ts +0 -164
  351. package/Dialog/tw/framerMaterial.mjs +0 -16
  352. package/Dialog/tw/index.stories.mjs +0 -83
  353. package/Dialog/tw/material.d.ts +0 -271
  354. package/Dialog/tw/material.mjs +0 -18
  355. package/Editor/Editor--tiptap.d.ts +0 -9
  356. package/Editor/Editor--tiptap.mjs +0 -53
  357. package/Editor/components.d.ts +0 -5
  358. package/Editor/components.mjs +0 -28
  359. package/Editor/index.d.ts +0 -1
  360. package/Editor/index.mjs +0 -1
  361. package/FaviconTags.mjs +0 -64
  362. package/Form/Form.d.ts +0 -138
  363. package/Form/Form.mjs +0 -95
  364. package/Form/index.d.ts +0 -1
  365. package/Form/index.mjs +0 -1
  366. package/Form/sc/bare.d.ts +0 -58
  367. package/Form/sc/bare.mjs +0 -29
  368. package/Forms/Checkbox/Checkbox.d.ts +0 -11
  369. package/Forms/Checkbox/Checkbox.mjs +0 -36
  370. package/Forms/Checkbox/index.d.ts +0 -1
  371. package/Forms/Checkbox/index.mjs +0 -1
  372. package/Forms/Feedback/Feedback.d.ts +0 -5
  373. package/Forms/Feedback/Feedback.mjs +0 -14
  374. package/Forms/Feedback/index.d.ts +0 -1
  375. package/Forms/Feedback/index.mjs +0 -1
  376. package/Forms/Field/Field.d.ts +0 -36
  377. package/Forms/Field/Field.mjs +0 -50
  378. package/Forms/Field/FieldControl.d.ts +0 -26
  379. package/Forms/Field/FieldControl.mjs +0 -67
  380. package/Forms/Field/FieldHint.d.ts +0 -1
  381. package/Forms/Field/FieldHint.mjs +0 -6
  382. package/Forms/Field/index.d.ts +0 -2
  383. package/Forms/Field/index.mjs +0 -2
  384. package/Forms/Input/Input.d.ts +0 -9
  385. package/Forms/Input/Input.mjs +0 -36
  386. package/Forms/Input/index.d.ts +0 -1
  387. package/Forms/Input/index.mjs +0 -1
  388. package/Forms/InputGroup/InputGroup.d.ts +0 -13
  389. package/Forms/InputGroup/InputGroup.mjs +0 -57
  390. package/Forms/InputGroup/index.d.ts +0 -1
  391. package/Forms/InputGroup/index.mjs +0 -1
  392. package/Forms/Label/Label.d.ts +0 -3
  393. package/Forms/Label/Label.mjs +0 -24
  394. package/Forms/Label/index.d.ts +0 -1
  395. package/Forms/Label/index.mjs +0 -1
  396. package/Forms/Password/Password.d.ts +0 -5
  397. package/Forms/Password/Password.mjs +0 -53
  398. package/Forms/Password/index.d.ts +0 -1
  399. package/Forms/Password/index.mjs +0 -1
  400. package/Forms/Radio/Radio.d.ts +0 -12
  401. package/Forms/Radio/Radio.mjs +0 -57
  402. package/Forms/Radio/index.d.ts +0 -1
  403. package/Forms/Radio/index.mjs +0 -1
  404. package/Forms/Switch/Switch.d.ts +0 -9
  405. package/Forms/Switch/Switch.mjs +0 -60
  406. package/Forms/Switch/index.d.ts +0 -1
  407. package/Forms/Switch/index.mjs +0 -1
  408. package/Forms/Textarea/Textarea.d.ts +0 -5
  409. package/Forms/Textarea/Textarea.mjs +0 -26
  410. package/Forms/Textarea/TextareaRich.d.ts +0 -6
  411. package/Forms/Textarea/TextareaRich.mjs +0 -48
  412. package/Forms/Textarea/index.d.ts +0 -2
  413. package/Forms/Textarea/index.mjs +0 -2
  414. package/Forms/Toggle/Toggle-tailwind.d.ts +0 -0
  415. package/Forms/Toggle/Toggle-tailwind.mjs +0 -98
  416. package/Forms/Toggle/Toggle.d.ts +0 -19
  417. package/Forms/Toggle/Toggle.mjs +0 -123
  418. package/Forms/Toggle/index.d.ts +0 -1
  419. package/Forms/Toggle/index.mjs +0 -1
  420. package/Forms/Toggle/useToggle-tailwind.d.ts +0 -0
  421. package/Forms/Toggle/useToggle-tailwind.mjs +0 -201
  422. package/Forms/Toggle/useToggle.d.ts +0 -46
  423. package/Forms/Toggle/useToggle.mjs +0 -163
  424. package/Forms/antispam.d.ts +0 -47
  425. package/Forms/antispam.mjs +0 -58
  426. package/Forms/helpers.d.ts +0 -26
  427. package/Forms/helpers.mjs +0 -52
  428. package/Forms/index.d.ts +0 -15
  429. package/Forms/index.mjs +0 -16
  430. package/Forms/styles.d.ts +0 -15
  431. package/Forms/styles.mjs +0 -61
  432. package/Gauge/Gauge.d.ts +0 -5
  433. package/Gauge/Gauge.mjs +0 -101
  434. package/Grid/Grid.d.ts +0 -41
  435. package/Grid/Grid.mjs +0 -75
  436. package/Grid/index.d.ts +0 -1
  437. package/Grid/index.mjs +0 -1
  438. package/Hamburger/Hamburger.d.ts +0 -6
  439. package/Hamburger/Hamburger.mjs +0 -79
  440. package/Hamburger/index.d.ts +0 -1
  441. package/Hamburger/index.mjs +0 -1
  442. package/Header/index.d.ts +0 -1
  443. package/Header/index.mjs +0 -1
  444. package/Header/useHeader.d.ts +0 -24
  445. package/Header/useHeader.mjs +0 -36
  446. package/Hidden/Hidden.d.ts +0 -6
  447. package/Hidden/Hidden.mjs +0 -10
  448. package/Hidden/index.d.ts +0 -1
  449. package/Hidden/index.mjs +0 -1
  450. package/Img/sc/bare.d.ts +0 -2
  451. package/Img/sc/bare.mjs +0 -36
  452. package/Img/types.d.ts +0 -9
  453. package/Img/types.mjs +0 -1
  454. package/Link/Link.d.ts +0 -3
  455. package/Link/Link.mjs +0 -2
  456. package/Link/LinkBlank.d.ts +0 -5
  457. package/Link/LinkBlank.mjs +0 -32
  458. package/Link/index.d.ts +0 -2
  459. package/Link/index.mjs +0 -2
  460. package/Menu/Menu.d.ts +0 -1
  461. package/Menu/Menu.mjs +0 -11
  462. package/Menu/MenuMui.d.ts +0 -0
  463. package/Menu/MenuMui.mjs +0 -164
  464. package/Menu/index.d.ts +0 -1
  465. package/Menu/index.mjs +0 -1
  466. package/MenuItem/MenuItem.d.ts +0 -1
  467. package/MenuItem/MenuItem.mjs +0 -20
  468. package/MenuItem/MenuItemMui.d.ts +0 -0
  469. package/MenuItem/MenuItemMui.mjs +0 -31
  470. package/MenuItem/index.d.ts +0 -1
  471. package/MenuItem/index.mjs +0 -1
  472. package/MenuItem/useMenuItem.d.ts +0 -9
  473. package/MenuItem/useMenuItem.mjs +0 -78
  474. package/Meta/Meta.d.ts +0 -15
  475. package/Meta/Meta.mjs +0 -8
  476. package/Meta/index.d.ts +0 -2
  477. package/Meta/index.mjs +0 -2
  478. package/NoJs/NoJs.d.ts +0 -3
  479. package/NoJs/NoJs.mjs +0 -10
  480. package/NoJs/index.d.ts +0 -2
  481. package/NoJs/index.mjs +0 -2
  482. package/Pagination/PaginationNav.d.ts +0 -22
  483. package/Pagination/PaginationNav.mjs +0 -122
  484. package/Pagination/PaginationResults.d.ts +0 -3
  485. package/Pagination/PaginationResults.mjs +0 -34
  486. package/Pagination/index.d.ts +0 -2
  487. package/Pagination/index.mjs +0 -2
  488. package/Pill/Pill.d.ts +0 -5
  489. package/Pill/Pill.mjs +0 -37
  490. package/Pill/index.d.ts +0 -1
  491. package/Pill/index.mjs +0 -1
  492. package/Progress/ProgressCircular.d.ts +0 -19
  493. package/Progress/ProgressCircular.mjs +0 -53
  494. package/Progress/ProgressLinear.d.ts +0 -22
  495. package/Progress/ProgressLinear.mjs +0 -44
  496. package/Progress/ProgressOverlay.d.ts +0 -4
  497. package/Progress/ProgressOverlay.mjs +0 -64
  498. package/Progress/index.d.ts +0 -3
  499. package/Progress/index.mjs +0 -3
  500. package/Rating/Rating.d.ts +0 -35
  501. package/Rating/Rating.mjs +0 -154
  502. package/Rating/index.d.ts +0 -11
  503. package/Rating/index.mjs +0 -62
  504. package/Select/SelectDownshift.d.ts +0 -5
  505. package/Select/SelectDownshift.mjs +0 -37
  506. package/Select/components.d.ts +0 -6
  507. package/Select/components.mjs +0 -25
  508. package/Select/index.d.ts +0 -2
  509. package/Select/index.mjs +0 -2
  510. package/Sidebar/Sidebar.d.ts +0 -3
  511. package/Sidebar/Sidebar.mjs +0 -63
  512. package/Sidebar/index.d.ts +0 -1
  513. package/Sidebar/index.mjs +0 -1
  514. package/Spacing/Spacing.d.ts +0 -30
  515. package/Spacing/Spacing.mjs +0 -55
  516. package/Spacing/index.d.ts +0 -1
  517. package/Spacing/index.mjs +0 -1
  518. package/Sticky/Sticky.d.ts +0 -2
  519. package/Sticky/Sticky.mjs +0 -218
  520. package/Sticky/StickyCss.d.ts +0 -5
  521. package/Sticky/StickyCss.mjs +0 -10
  522. package/Sticky/index.d.ts +0 -1
  523. package/Sticky/index.mjs +0 -1
  524. package/Tabs/TabsMui.d.ts +0 -85
  525. package/Tabs/TabsMui.mjs +0 -61
  526. package/Tabs/TabsMui.stories.mjs +0 -20
  527. package/Tabs/index.d.ts +0 -1
  528. package/Tabs/index.mjs +0 -1
  529. package/Tabs/sc/bare.d.ts +0 -5
  530. package/Tabs/sc/bare.mjs +0 -85
  531. package/Tabs/sc/index.stories.mjs +0 -0
  532. package/Tabs/tw/bare.d.ts +0 -86
  533. package/Tabs/tw/bare.mjs +0 -15
  534. package/Tabs/tw/index.stories.mjs +0 -25
  535. package/Tabs/tw/material.d.ts +0 -119
  536. package/Tabs/tw/material.mjs +0 -14
  537. package/Tabs/useTabs.d.ts +0 -43
  538. package/Tabs/useTabs.mjs +0 -46
  539. package/Typography/CopyPasteVisible.d.ts +0 -1
  540. package/Typography/CopyPasteVisible.mjs +0 -6
  541. package/Typography/Native.d.ts +0 -10
  542. package/Typography/Native.mjs +0 -47
  543. package/Typography/ReadMore.d.ts +0 -12
  544. package/Typography/ReadMore.mjs +0 -114
  545. package/Typography/TextLoop.d.ts +0 -16
  546. package/Typography/TextLoop.mjs +0 -90
  547. package/Typography/TypeStairs.d.ts +0 -6
  548. package/Typography/TypeStairs.mjs +0 -61
  549. package/Typography/index.d.ts +0 -5
  550. package/Typography/index.mjs +0 -5
  551. package/css/index.d.ts +0 -2
  552. package/css/index.mjs +0 -30
  553. package/helpers/classed.d.ts +0 -27
  554. package/helpers/classed.mjs +0 -65
  555. package/helpers/classed.stories.mjs +0 -121
  556. package/helpers/createUseMediaQueryWidth.d.ts +0 -12
  557. package/helpers/createUseMediaQueryWidth.mjs +0 -178
  558. package/helpers/extend-component.mjs +0 -13
  559. package/helpers/index.d.ts +0 -4
  560. package/helpers/index.mjs +0 -4
  561. package/helpers/mergeRefs.d.ts +0 -3
  562. package/helpers/mergeRefs.mjs +0 -12
  563. package/hooks/index.d.ts +0 -20
  564. package/hooks/index.mjs +0 -21
  565. package/hooks/types.d.ts +0 -8
  566. package/hooks/types.mjs +0 -3
  567. package/hooks/useAsyncFn.mjs +0 -39
  568. package/hooks/useDateLocale.d.ts +0 -8
  569. package/hooks/useDateLocale.mjs +0 -37
  570. package/hooks/useFirstMountState.d.ts +0 -5
  571. package/hooks/useFirstMountState.mjs +0 -12
  572. package/hooks/useFixedOffset.d.ts +0 -12
  573. package/hooks/useFixedOffset.mjs +0 -56
  574. package/hooks/useFocus.d.ts +0 -6
  575. package/hooks/useFocus.mjs +0 -14
  576. package/hooks/useInterval.d.ts +0 -7
  577. package/hooks/useInterval.mjs +0 -29
  578. package/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  579. package/hooks/useIsomorphicLayoutEffect.mjs +0 -6
  580. package/hooks/useKeyUp.d.ts +0 -2
  581. package/hooks/useKeyUp.mjs +0 -21
  582. package/hooks/useMeasure.mjs +0 -174
  583. package/hooks/useMountedState.d.ts +0 -5
  584. package/hooks/useMountedState.mjs +0 -15
  585. package/hooks/useNavigateAway.d.ts +0 -32
  586. package/hooks/useNavigateAway.mjs +0 -69
  587. package/hooks/usePrevious.d.ts +0 -5
  588. package/hooks/usePrevious.mjs +0 -17
  589. package/hooks/usePreviousRef.d.ts +0 -2
  590. package/hooks/usePreviousRef.mjs +0 -9
  591. package/hooks/useScrollPosition.d.ts +0 -15
  592. package/hooks/useScrollPosition.mjs +0 -70
  593. package/hooks/useScrollThreshold.d.ts +0 -2
  594. package/hooks/useScrollThreshold.mjs +0 -33
  595. package/hooks/useScrollTo.d.ts +0 -2
  596. package/hooks/useScrollTo.mjs +0 -20
  597. package/hooks/useSmoothScroll.d.ts +0 -8
  598. package/hooks/useSmoothScroll.mjs +0 -35
  599. package/hooks/useSpinDelay.d.ts +0 -14
  600. package/hooks/useSpinDelay.mjs +0 -52
  601. package/hooks/useTraceUpdate.d.ts +0 -5
  602. package/hooks/useTraceUpdate.mjs +0 -23
  603. package/hooks/useUpdateEffect.d.ts +0 -6
  604. package/hooks/useUpdateEffect.mjs +0 -14
  605. package/hooks/useWindowSize.d.ts +0 -12
  606. package/hooks/useWindowSize.mjs +0 -32
  607. package/index.mjs +0 -4
  608. package/m/MotionProvider.d.ts +0 -38
  609. package/m/MotionProvider.mjs +0 -40
  610. package/m/index.d.ts +0 -6
  611. package/m/index.mjs +0 -5
  612. package/m/lite.d.ts +0 -2
  613. package/m/lite.mjs +0 -2
  614. package/m/max.d.ts +0 -2
  615. package/m/max.mjs +0 -2
  616. package/sc/index.d.ts +0 -30
  617. package/sc/index.mjs +0 -31
  618. package/scm/index.d.ts +0 -29
  619. package/scm/index.mjs +0 -31
  620. package/shared/index.d.ts +0 -8
  621. package/shared/index.mjs +0 -43
  622. package/styles/Body.d.ts +0 -10
  623. package/styles/Body.mjs +0 -16
  624. package/styles/Global.d.ts +0 -15
  625. package/styles/Global.mjs +0 -49
  626. package/styles/index.d.ts +0 -7
  627. package/styles/index.mjs +0 -7
  628. package/styles/media.d.ts +0 -67
  629. package/styles/media.mjs +0 -151
  630. package/styles/spacing.d.ts +0 -13
  631. package/styles/spacing.mjs +0 -46
  632. package/styles/styled.d.ts +0 -12
  633. package/styles/styled.mjs +0 -26
  634. package/styles/theme--vanilla.d.ts +0 -17
  635. package/styles/theme--vanilla.mjs +0 -65
  636. package/styles/theme.d.ts +0 -82
  637. package/styles/theme.mjs +0 -38
  638. package/tw/index.d.ts +0 -2
  639. package/tw/index.mjs +0 -30
  640. package/twm/index.d.ts +0 -2
  641. package/twm/index.mjs +0 -30
  642. package/types.mjs +0 -1
  643. package/typings.d.ts +0 -99
package/FaviconTags.cjs.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./FaviconTags";
2
+ export { default } from "./FaviconTags";
package/FaviconTags.cjs.default.js ADDED
@@ -0,0 +1 @@
1
+ exports._default = require('./FaviconTags.cjs.js').default;
package/FaviconTags.cjs.js ADDED
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+
7
+ /**
8
+ * Favicon tags.
9
+ *
10
+ * This component is meant to be wrapped in a `<head>` manager component.
11
+ *
12
+ * These tags have been produced by [realfavicongenerator.net](https://realfavicongenerator.net/)
13
+ * on _**16 Feb 2022**_.
14
+ *
15
+ * @see https://realfavicongenerator.net/
16
+ */let FaviconTags=({name:a,color:t,safariTabColor:o,tileColor:c,themeColor:l})=>/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx("link",{rel:"shortcut icon",href:"/favicon.ico",type:"image/x-icon"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/apple-touch-icon.png"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicon-32x32.png"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicon-16x16.png"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"manifest",href:"/site.webmanifest"}),/*#__PURE__*/jsxRuntime.jsx("link",{rel:"mask-icon",href:"/safari-pinned-tab.svg",color:o||t}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"apple-mobile-web-app-title",content:a}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"application-name",content:a}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"msapplication-TileColor",content:c||t}),/*#__PURE__*/jsxRuntime.jsx("meta",{name:"theme-color",content:l||t})]});
17
+
18
+ exports.FaviconTags = FaviconTags;
19
+ exports.default = FaviconTags;
package/FaviconTags.cjs.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './FaviconTags.cjs.js';
2
+ export { _default as default } from './FaviconTags.cjs.default.js';
package/FaviconTags.d.ts CHANGED
@@ -5,15 +5,5 @@ export type FaviconTagsProps = {
5
5
  tileColor?: string;
6
6
  themeColor?: string;
7
7
  };
8
- /**
9
- * Favicon tags.
10
- *
11
- * This component is meant to be wrapped in a `<head>` manager component.
12
- *
13
- * These tags have been produced by [realfavicongenerator.net](https://realfavicongenerator.net/)
14
- * on _**16 Feb 2022**_.
15
- *
16
- * @see https://realfavicongenerator.net/
17
- */
18
- export declare const FaviconTags: ({ name, color, safariTabColor, tileColor, themeColor, }: FaviconTagsProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare let FaviconTags: ({ name, color, safariTabColor, tileColor, themeColor, }: FaviconTagsProps) => import("react/jsx-runtime").JSX.Element;
19
9
  export default FaviconTags;
package/FaviconTags.esm.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./FaviconTags";
2
+ export { default } from "./FaviconTags";
package/FaviconTags.esm.js ADDED
@@ -0,0 +1,14 @@
1
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
+
3
+ /**
4
+ * Favicon tags.
5
+ *
6
+ * This component is meant to be wrapped in a `<head>` manager component.
7
+ *
8
+ * These tags have been produced by [realfavicongenerator.net](https://realfavicongenerator.net/)
9
+ * on _**16 Feb 2022**_.
10
+ *
11
+ * @see https://realfavicongenerator.net/
12
+ */let FaviconTags=({name:a,color:t,safariTabColor:o,tileColor:c,themeColor:l})=>/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx("link",{rel:"shortcut icon",href:"/favicon.ico",type:"image/x-icon"}),/*#__PURE__*/jsx("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/apple-touch-icon.png"}),/*#__PURE__*/jsx("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicon-32x32.png"}),/*#__PURE__*/jsx("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicon-16x16.png"}),/*#__PURE__*/jsx("link",{rel:"manifest",href:"/site.webmanifest"}),/*#__PURE__*/jsx("link",{rel:"mask-icon",href:"/safari-pinned-tab.svg",color:o||t}),/*#__PURE__*/jsx("meta",{name:"apple-mobile-web-app-title",content:a}),/*#__PURE__*/jsx("meta",{name:"application-name",content:a}),/*#__PURE__*/jsx("meta",{name:"msapplication-TileColor",content:c||t}),/*#__PURE__*/jsx("meta",{name:"theme-color",content:l||t})]});
13
+
14
+ export { FaviconTags, FaviconTags as default };
package/Meta.cjs.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./Meta";
2
+ export { default } from "./Meta";
package/Meta.cjs.default.js ADDED
@@ -0,0 +1 @@
1
+ exports._default = require('./Meta.cjs.js').default;
package/Meta.cjs.js ADDED
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+
7
+ /**
8
+ * Determines whether `user-scalable=0` is add to the `meta->viewport` content
9
+ *
10
+ * This is an opt in instead of the default browser behaviour as it helps prevent
11
+ * weird zooming on input fields on iPhone iOS devices.
12
+ * @see https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/
13
+ * @see https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
14
+ *
15
+ * @default false
16
+ */let Meta=({zoom:t})=>/*#__PURE__*/jsxRuntime.jsx("meta",{name:"viewport",content:`width=device-width, initial-scale=1, maximum-scale=1${t?"":", user-scalable=0"}`});
17
+
18
+ exports.Meta = Meta;
19
+ exports.default = Meta;
package/Meta.cjs.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './Meta.cjs.js';
2
+ export { _default as default } from './Meta.cjs.default.js';
package/Meta.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export type MetaProps = {
2
+ zoom?: boolean;
3
+ };
4
+ export declare let Meta: ({ zoom }: MetaProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default Meta;
package/Meta.esm.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./Meta";
2
+ export { default } from "./Meta";
package/Meta.esm.js ADDED
@@ -0,0 +1,14 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+
3
+ /**
4
+ * Determines whether `user-scalable=0` is add to the `meta->viewport` content
5
+ *
6
+ * This is an opt in instead of the default browser behaviour as it helps prevent
7
+ * weird zooming on input fields on iPhone iOS devices.
8
+ * @see https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/
9
+ * @see https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
10
+ *
11
+ * @default false
12
+ */let Meta=({zoom:t})=>/*#__PURE__*/jsx("meta",{name:"viewport",content:`width=device-width, initial-scale=1, maximum-scale=1${t?"":", user-scalable=0"}`});
13
+
14
+ export { Meta, Meta as default };
package/NoJs.cjs.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./NoJs";
2
+ export { default } from "./NoJs";
package/NoJs.cjs.default.js ADDED
@@ -0,0 +1 @@
1
+ exports._default = require('./NoJs.cjs.js').default;
package/NoJs.cjs.js ADDED
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+
7
+ let NoJs=t=>/*#__PURE__*/jsxRuntime.jsx("script",{id:"no-js",dangerouslySetInnerHTML:{__html:'document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";'}});
8
+
9
+ exports.NoJs = NoJs;
10
+ exports.default = NoJs;
package/NoJs.cjs.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './NoJs.cjs.js';
2
+ export { _default as default } from './NoJs.cjs.default.js';
package/NoJs.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export type NoJsProps = Record<string, never>;
2
+ export declare let NoJs: (_props: NoJsProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default NoJs;
package/NoJs.esm.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./NoJs";
2
+ export { default } from "./NoJs";
package/NoJs.esm.js ADDED
@@ -0,0 +1,5 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+
3
+ let NoJs=t=>/*#__PURE__*/jsx("script",{id:"no-js",dangerouslySetInnerHTML:{__html:'document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";'}});
4
+
5
+ export { NoJs, NoJs as default };
package/Polymorphic.cjs.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./Polymorphic";
package/Polymorphic.cjs.default.js ADDED
@@ -0,0 +1 @@
1
+ exports._default = require('./Polymorphic.cjs.js').default;
package/Polymorphic.cjs.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
package/Polymorphic.cjs.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './Polymorphic.cjs.js';
2
+ export { _default as default } from './Polymorphic.cjs.default.js';
package/Polymorphic.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ export declare namespace Polymorphic {
2
+ type Merge<P1 = Record<string, never>, P2 = Record<string, never>> = Omit<P1, keyof P2> & P2;
3
+ type ComponentTypes = React.ComponentClass<any> | React.FunctionComponent<any> | keyof JSX.IntrinsicElements;
4
+ type InferProps<TComponent extends ComponentTypes> = TComponent extends React.ComponentClass<infer Props> ? Props : TComponent extends React.FunctionComponent<infer Props> ? Props : TComponent extends React.ForwardRefExoticComponent<infer Props> ? Props : TComponent extends keyof JSX.IntrinsicElements ? React.ComponentPropsWithoutRef<TComponent> : never;
5
+ type AsProp<TComponent extends React.ElementType> = {
6
+ as?: TComponent;
7
+ };
8
+ export type Ref<TComponent extends React.ElementType> = React.ComponentPropsWithRef<TComponent>["ref"];
9
+ export type Props<TComponent extends React.ElementType, Props = Record<string, never>> = Omit<InferProps<TComponent>, keyof Props> & AsProp<TComponent> & Props;
10
+ export type PropsWithRef<TComponent extends React.ElementType, TProps = Record<string, never>> = Props<TComponent, TProps> & {
11
+ ref?: Ref<TComponent>;
12
+ };
13
+ type ForwardRefExoticComponent<TComponent, OwnProps> = React.ForwardRefExoticComponent<Merge<TComponent extends React.ElementType ? React.ComponentPropsWithRef<TComponent> : never, OwnProps & {
14
+ as?: TComponent;
15
+ }>>;
16
+ export type ComponentForwarded<TComponent, TProps = Record<string, never>> = ForwardRefExoticComponent<TComponent, TProps> & {
17
+ <As = TComponent>(props: As extends "" ? {
18
+ as: keyof JSX.IntrinsicElements;
19
+ } : As extends React.ComponentType<infer P> ? Merge<P, TProps & {
20
+ as: As;
21
+ }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], TProps & {
22
+ as: As;
23
+ }> : never): React.ReactElement | null;
24
+ };
25
+ export {};
26
+ }
package/Polymorphic.esm.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./Polymorphic";
package/Polymorphic.esm.js ADDED
@@ -0,0 +1 @@
1
+
package/{Calendar → calendar}/CalendarDaygridCell.d.ts RENAMED
@@ -1,7 +1,6 @@
1
- /// <reference types="react" />
2
1
  import type { KoineComponent, KoineComponentProps } from "../types";
3
2
  import type { CalendarView, CalendarViewDayProps, CalendarViewEvent, CalendarsMap } from "./types";
4
- import { UseCalendarReturn } from "./useCalendar";
3
+ import type { UseCalendarReturn } from "./useCalendar";
5
4
  export type KoineCalendarDaygridCellProps = {
6
5
  eventClicked?: UseCalendarReturn["eventClicked"];
7
6
  setEventClicked: UseCalendarReturn["setEventClicked"];
@@ -33,4 +32,4 @@ export type CalendarDaygridCellComponents = {
33
32
  CellEventStart?: KoineComponent;
34
33
  };
35
34
  export type CalendarDaygridCellProps = KoineComponentProps<KoineCalendarDaygridCellProps, CalendarDaygridCellComponents>;
36
- export declare const CalendarDaygridCell: ({ eventClicked, setEventClicked, setEventHovered, view, maxEvents, events, calendarsMap, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridCellProps) => import("react/jsx-runtime").JSX.Element;
35
+ export declare let CalendarDaygridCell: ({ eventClicked, setEventClicked, setEventHovered, view, maxEvents, events, calendarsMap, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridCellProps) => import("react/jsx-runtime").JSX.Element;
package/{Calendar → calendar}/CalendarDaygridNav.d.ts RENAMED
@@ -24,4 +24,4 @@ export type CalendarDaygridNavProps = KoineComponentProps<KoineCalendarDaygridNa
24
24
  NavBtnViewMonth?: KoineComponent;
25
25
  NavBtnViewWeek?: KoineComponent;
26
26
  }>;
27
- export declare const KoineCalendarDaygridNav: ({ range, view, todayInView, handlePrev, handleNext, handleToday, handleView, locale: localeCode, NavRoot, NavTitle, NavBtns, NavBtnPrev, NavBtnNext, NavBtnToday, NavBtnViewMonth, NavBtnViewWeek, }: CalendarDaygridNavProps) => import("react/jsx-runtime").JSX.Element;
27
+ export declare let KoineCalendarDaygridNav: ({ range, view, todayInView, handlePrev, handleNext, handleToday, handleView, locale: localeCode, NavRoot, NavTitle, NavBtns, NavBtnPrev, NavBtnNext, NavBtnToday, NavBtnViewMonth, NavBtnViewWeek, }: CalendarDaygridNavProps) => import("react/jsx-runtime").JSX.Element;
package/{Calendar → calendar}/CalendarDaygridTable.d.ts RENAMED
@@ -1,5 +1,5 @@
1
1
  import type { KoineComponent, KoineComponentProps } from "../types";
2
- import { CalendarDaygridCellComponents, CalendarDaygridCellProps } from "./CalendarDaygridCell";
2
+ import { type CalendarDaygridCellComponents, type CalendarDaygridCellProps } from "./CalendarDaygridCell";
3
3
  import type { CalendarEventsMap, CalendarRange, CalendarView, CalendarViewDayProps } from "./types";
4
4
  export type CalendarDaygridTableBodyCellProps = CalendarViewDayProps;
5
5
  export type CalendarDaygridTableBodyCellDateProps = CalendarViewDayProps;
@@ -22,4 +22,4 @@ export type CalendarDaygridTableProps = KoineComponentProps<KoineCalendarDaygrid
22
22
  TableBodyCellDate?: KoineComponent<CalendarDaygridTableBodyCellDateProps>;
23
23
  TableBodyRow?: KoineComponent;
24
24
  } & CalendarDaygridCellComponents>;
25
- export declare const KoineCalendarDaygridTable: ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap, maxEvents, Table, TableHead, TableHeadCell, TableBody, TableBodyRow, TableBodyCell, TableBodyCellDate, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridTableProps) => import("react/jsx-runtime").JSX.Element;
25
+ export declare let KoineCalendarDaygridTable: ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap, maxEvents, Table, TableHead, TableHeadCell, TableBody, TableBodyRow, TableBodyCell, TableBodyCellDate, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridTableProps) => import("react/jsx-runtime").JSX.Element;
package/{Calendar → calendar}/CalendarLegend.d.ts RENAMED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { KoineComponent, KoineComponentProps } from "../types";
3
2
  import type { CalendarsMap } from "./types";
4
3
  export type KoineCalendarLegendProps = {
@@ -16,4 +15,4 @@ export type CalendarLegendProps = KoineComponentProps<KoineCalendarLegendProps,
16
15
  LegendItemLabel?: KoineComponent;
17
16
  LegendItemEvents?: KoineComponent;
18
17
  }>;
19
- export declare const KoineCalendarLegend: ({ calendarsMap, toggleCalendarVisibility, LegendItem, LegendItemStatus, LegendItemLabel, LegendItemEvents, }: CalendarLegendProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare let KoineCalendarLegend: ({ calendarsMap, toggleCalendarVisibility, LegendItem, LegendItemStatus, LegendItemLabel, LegendItemEvents, }: CalendarLegendProps) => import("react/jsx-runtime").JSX.Element;
package/calendar/calendar-api-google.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import type { CalendarEventsMap, Calendars } from "./types";
2
+ type GetCalendarsEventsFromGoogleOptions = {
3
+ apiKey?: string;
4
+ start: Date;
5
+ end: Date;
6
+ timeZone?: string;
7
+ calendars: Calendars;
8
+ };
9
+ export declare let getCalendarsEventsFromGoogle: ({ calendars, ...options }: GetCalendarsEventsFromGoogleOptions) => Promise<CalendarEventsMap>;
10
+ export {};
package/{Calendar → calendar}/types.d.ts RENAMED
@@ -1,10 +1,6 @@
1
1
  export type Calendar = {
2
2
  id: string;
3
3
  color: string;
4
- /**
5
- * If not defined the name is gathered from the remote calendar response,
6
- * for google calendars that comes from the `summary` value.
7
- */
8
4
  name?: string;
9
5
  };
10
6
  export type Calendars = Calendar[];
@@ -16,17 +12,8 @@ export type CalendarRange = [Date, Date];
16
12
  export type CalendarView = "month" | "week";
17
13
  export type CalendarEvent = {
18
14
  calendar: Calendar;
19
- /**
20
- * List of day timestamps across which the event spans
21
- */
22
15
  days: number[];
23
- /**
24
- * Lookup object for day timestamps across which the event spans
25
- */
26
16
  daysMap: Record<number, 1>;
27
- /**
28
- * Flag for events that spans across multiple days
29
- */
30
17
  multi: boolean;
31
18
  allDay: boolean;
32
19
  link: string;
@@ -40,13 +27,7 @@ export type CalendarEvent = {
40
27
  description: string;
41
28
  uid: string;
42
29
  };
43
- /**
44
- * Calendar events mapped by day `timestamp` number
45
- */
46
30
  export type CalendarEventsByTimestamp = Record<number, CalendarEventsMap>;
47
- /**
48
- * Calendar events map by `uid`
49
- */
50
31
  export type CalendarEventsMap = Record<CalendarEvent["uid"], CalendarEvent>;
51
32
  export type CalendarViewWeeks = CalendarViewWeek[];
52
33
  export type CalendarViewWeek = {
package/{Calendar → calendar}/useCalendar.d.ts RENAMED
@@ -1,30 +1,15 @@
1
- /// <reference types="react" />
2
1
  import type { KoineCalendarDaygridNavProps } from "./CalendarDaygridNav";
3
2
  import type { KoineCalendarDaygridTableProps } from "./CalendarDaygridTable";
4
3
  import type { KoineCalendarLegendProps } from "./CalendarLegend";
5
4
  import type { CalendarEvent, CalendarEventsMap, CalendarView, Calendars } from "./types";
6
5
  export type UseCalendarProps = {
7
- /** The locale to format with `date-fns` */
8
6
  locale: string;
9
- /** Calendars infos to use */
10
7
  calendars: Calendars;
11
- /** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY */
12
8
  apiKey?: string;
13
- /** The key is the event `uid` */
14
9
  events?: CalendarEventsMap;
15
- /** It defaults to the first of the current month */
16
10
  start?: Date;
17
- /** It defaults to the last day of the current month */
18
11
  end?: Date;
19
- /**
20
- * The calendar view
21
- * @default "month"
22
- */
23
12
  view?: CalendarView;
24
- /**
25
- * The default is the time zone of the calendar
26
- * @see https://developers.google.com/calendar/api/v3/reference/events/list
27
- */
28
13
  timeZone?: string;
29
14
  onError?: (e: any) => void;
30
15
  };
@@ -38,7 +23,7 @@ export type CalendarsUpdateActionVisibility = {
38
23
  payload: string | string[];
39
24
  };
40
25
  export type CalendarsUpdateAction = CalendarsUpdateActionEvents | CalendarsUpdateActionVisibility;
41
- export declare function useCalendar({ locale, apiKey, calendars, events: initialEvents, start: initialStart, end: initialEnd, view: initialView, timeZone, onError, }: UseCalendarProps): {
26
+ export declare let useCalendar: ({ locale, apiKey, calendars, events: initialEvents, start: initialStart, end: initialEnd, view: initialView, timeZone, onError, }: UseCalendarProps) => {
42
27
  view: "month" | "week";
43
28
  eventClicked: CalendarEvent | null;
44
29
  setEventClicked: import("react").Dispatch<import("react").SetStateAction<CalendarEvent | null>>;
package/calendar/useDateLocale.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { Locale } from "date-fns";
2
+ export declare let useDateLocale: (locale?: string, defaultLocale?: string) => Locale | undefined;
package/calendar/utils.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { CalendarEventsMap, CalendarView, CalendarViewWeeks } from "./types";
2
+ export declare let getEventTimestamp: (dateLike: number | Date | string) => number;
3
+ export declare let getDisplayTime: (date: Date) => string;
4
+ export declare let getStartDate: (date: Date, view: CalendarView) => Date;
5
+ export declare let getEndDate: (start: Date, view: CalendarView) => Date;
6
+ export declare let getPrevDate: (date: Date, view: CalendarView) => Date;
7
+ export declare let getNextDate: (date: Date, view: CalendarView) => Date;
8
+ export declare let isTodayInView: (start: Date, end: Date) => boolean;
9
+ export declare let mergeCalendarEvents: (first: CalendarEventsMap, second: CalendarEventsMap) => CalendarEventsMap;
10
+ export declare let addCalendarEvents: (toAdd: CalendarEventsMap, toExtend: CalendarEventsMap) => CalendarEventsMap;
11
+ export declare let processEventsInView: (eventsMap: CalendarEventsMap, calendarView: CalendarView, month: number, weeks: Date[]) => CalendarViewWeeks;
package/calendar.cjs.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./calendar";
package/calendar.cjs.default.js ADDED
@@ -0,0 +1 @@
1
+ exports._default = require('./calendar.cjs.js').default;
package/calendar.cjs.js ADDED
@@ -0,0 +1,131 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var react = require('react');
5
+ var addDays = require('date-fns/addDays');
6
+ var addMonths = require('date-fns/addMonths');
7
+ var addWeeks = require('date-fns/addWeeks');
8
+ var endOfMonth = require('date-fns/endOfMonth');
9
+ var endOfWeek = require('date-fns/endOfWeek');
10
+ var isWithinInterval = require('date-fns/isWithinInterval');
11
+ var startOfWeek = require('date-fns/startOfWeek');
12
+ var subMonths = require('date-fns/subMonths');
13
+ var subWeeks = require('date-fns/subWeeks');
14
+ var format = require('date-fns/format');
15
+ var eachWeekOfInterval = require('date-fns/eachWeekOfInterval');
16
+ var reactSwipeable = require('react-swipeable');
17
+ var differenceInDays = require('date-fns/differenceInDays');
18
+ var subDays = require('date-fns/subDays');
19
+ var utils = require('@koine/utils');
20
+
21
+ let getEventTimestamp=e=>{let t=new Date(e);return t.setHours(0,0,0,0),t.valueOf()/1e3};let getDisplayTime=e=>e.getHours()+":"+"0".repeat(2-e.getMinutes().toString().length)+e.getMinutes();let getStartDate=(e,t)=>(e.setHours(0,0,0),"month"===t?e.setDate(1):"week"===t&&(e=startOfWeek.startOfWeek(e,{weekStartsOn:1})),e);let getEndDate=(e,t)=>{let r=e;return "month"===t?r=endOfMonth.endOfMonth(e):"week"===t&&(r=endOfWeek.endOfWeek(e,{weekStartsOn:1})),r.setHours(23,59,59),r};let getPrevDate=(e,t)=>"month"===t?subMonths.subMonths(e,1):subWeeks.subWeeks(e,1);let getNextDate=(e,a)=>"month"===a?addMonths.addMonths(e,1):addWeeks.addWeeks(e,1);let isTodayInView=(e,t)=>isWithinInterval.isWithinInterval(new Date,{start:e,end:t});let addCalendarEvents=(e,t)=>{for(let r in e){let a=e[r];t[r]=a;}return t};let i=e=>{let t={};for(let r in e){let a=e[r];a.days.forEach(e=>{t[e]=t[e]||{},t[e][r]=a;});}return t},d$1=e=>{let t=[];for(let r in e)t.push(e[r]);return(// sort events first multi, then all day then by start then by created date
22
+ t.sort((e,t)=>{let r=Number(t.multi)-Number(e.multi),a=Number(t.allDay)-Number(e.allDay),n=e.start.getTime()-t.start.getTime(),s=e.created.getTime()-t.created.getTime();return r||a||n||s}),t)};let processEventsInView=(t,r,a,n)=>{let s=i(t),o=d$1(t),l=new Date,m=getEventTimestamp(l),p={},f=[];for(let t=0;t<n.length;t++){let i={props:{key:`week.${t}`},days:[]},d=n[t],u=d.getDate(),g=getEventTimestamp(new Date(d)),h=getEventTimestamp(addDays.addDays(new Date(d),6));for(let e=0;e<7;e++){let t=new Date(new Date(d).setDate(u+e)),n=getEventTimestamp(t),f={$isToday:m===n,$isOutOfRange:"month"===r&&t.getMonth()!==a},v={props:{key:`day.${n}`,...f},timestamp:n+"",label:t.getDate()+"",events:[]};// check that we have events in this day
23
+ if(s?.[n]){let t=Object.keys(s[n]).map(()=>0);for(let r=0;r<o.length;r++){let a;let s=o[r],m=1,i=0;if(s.daysMap[n]){// if we already have the information on when the event has been
24
+ // vertically positioned use that index
25
+ if(// only for multi days events:
26
+ s.multi&&(// filter out the days outside of the current week view to avoid
27
+ // making a multi-days event chip wider than the week row or shorter
28
+ // than it should be (when event spans across weeks)
29
+ m=s.days.filter(e=>e>=g&&e<=h).length,// flag the first day of multi-days events, consider that an event
30
+ // might start in a day earlier (hence outside) of the current
31
+ // week/month view, so we always check for Mondays (dayNumber === 0)
32
+ (0===s.days.indexOf(n)||0===e)&&(a=!0)),p[s.uid])i=p[s.uid];else // now look for a free slot and use its index as `top`
33
+ for(let e=0;e<t.length;e++)if(1!==t[e]){i=e;break}// now mark the slot as busy
34
+ t[i]=1,// store the slot vertical position consistently for multi-days events
35
+ a&&(p[s.uid]=i),// push the event, they will be sorted later
36
+ v.events.push({key:`event.${n}-${i}`,...f,...s,isPast:l>s.end,firstOfMulti:a,top:i,width:m});}}// fill the empty slots with events' placeholders
37
+ for(let e=0;e<t.length;e++)1!==t[e]&&v.events.push({key:`event.${n}-${e}}`,placeholder:!0,top:e});// sort events and events placeholders by top position
38
+ v.events.sort((e,t)=>e.top-t.top);}i.days.push(v);}f.push(i);}return f};
39
+
40
+ /**
41
+ * TODO: include in this lib utilities like in https://github.com/react-icons/react-icons/blob/master/packages/react-icons/src/iconBase.tsx
42
+ *
43
+ * this is the `MdAdd` icon from `react-icons`
44
+ */let d=l=>/*#__PURE__*/jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"none",...l,children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M0 0h24v24H0z"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})]}),/**
45
+ * Style for button within a event cell
46
+ *
47
+ * Here we might differentiate week/month view where the first does not get
48
+ * ellipsed btn texts, with `Start` as block element and underneath the `Title`
49
+ * on multiple lines, but that would mean that we loose the ability to interweave
50
+ * single-day events among the spaces left by wider multi-days events.
51
+ */o$1={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"};let CalendarDaygridCell=({eventClicked:a,setEventClicked:s,// eventHovered,
52
+ setEventHovered:h,view:c,maxEvents:u,events:p,calendarsMap:v,Cell:f="div",CellOverflow:y="div",CellEvent:$="div",CellEventBtn:m="div",CellEventTitle:w="span",CellEventStart:g="span"})=>{let[x,M]=react.useState(!1),O=p.filter(e=>!e.placeholder);return /*#__PURE__*/jsxRuntime.jsx(f,{children:p.map((t,p)=>{if(p===u&&!x)return /*#__PURE__*/jsxRuntime.jsxs(y,{onClick:()=>M(!0),children:[/*#__PURE__*/jsxRuntime.jsx(d,{}),O.length-u]},"overflowMessage"+p);if(p>u&&!x)return null;if(t.placeholder)return /*#__PURE__*/jsxRuntime.jsx(react.Fragment,{children:/*#__PURE__*/jsxRuntime.jsx($,{$placeholder:!0,children:/*#__PURE__*/jsxRuntime.jsx(m,{"aria-hidden":"true",style:{visibility:"hidden"},$placeholder:!0,children:/*#__PURE__*/jsxRuntime.jsx(w,{children:" "})})})},t.key);let f={zIndex:t.firstOfMulti?1:0,// to cover the following event days
53
+ position:"relative",width:t.firstOfMulti?`${100*t.width}%`:"100%"};v[t.calendar.id].on||// @ts-expect-error nevermind
54
+ (o$1.display="none");let k={$view:c,$selected:a?.uid===t.uid,$past:t.isPast,$color:t.color,$isOutOfRange:t.$isOutOfRange,$isToday:t.$isToday};return /*#__PURE__*/jsxRuntime.jsx(react.Fragment,{children:/*#__PURE__*/jsxRuntime.jsx($,{style:f,...k,children:/*#__PURE__*/jsxRuntime.jsx(m,{role:"button",style:o$1,...k,onClick:()=>s(e=>e?.uid===t.uid?null:t),onMouseEnter:()=>h(t),onMouseLeave:()=>h(null),children:t.allDay?/*#__PURE__*/jsxRuntime.jsx(w,{children:t.title}):/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(g,{children:getDisplayTime(t.start)}),/*#__PURE__*/jsxRuntime.jsx(w,{children:t.title})]})})})},t.key)})})};/* {i === events.length - 1 && isExpanded ? (
55
+ <CellOverflow onClick={() => expand(false)}>
56
+ <IconCollapse />
57
+ Show less
58
+ </CellOverflow>
59
+ ) : null} */
60
+
61
+ /**
62
+ * Dynamically import the date-fns correct locale
63
+ *
64
+ * Inspired by:
65
+ * @see https://robertmarshall.dev/blog/dynamically-import-datefns-locale-mui-datepicker-localization/
66
+ */let useDateLocale=(a,l="en")=>{let[r,n]=react.useState(),[o,c]=react.useState(l);return(// const [ready, setReady] = useState(false);
67
+ // If the user changes the locale listen to the change and import the locale that is now required.
68
+ react.useEffect(()=>{let e=async()=>{// This webpack option stops all of the date-fns files being imported and chunked.
69
+ // NB: this makes unnecessary numerous webpack chunks in applications
70
+ // that do not even use this hook, so we comment out the webpack dynamic
71
+ // import and its magic comment
72
+ // const localeToSet = await import(
73
+ // /FIXME: * webpackMode: "lazy", webpackChunkName: "df-[index]", webpackExclude: /_lib/ */
74
+ // `date-fns/locale/${locale}/index.js`,
75
+ // );
76
+ let e=await import('date-fns/locale/en-US');c(a||o),n(e.enUS);};// setReady(true);
77
+ // If the locale has not yet been loaded.
78
+ a!==o&&e();},[a,o]),r)};
79
+
80
+ let KoineCalendarDaygridNav=({range:a,view:l,todayInView:r,handlePrev:i,handleNext:M,handleToday:d,handleView:y,locale:c,NavRoot:m="nav",NavTitle:s="div",NavBtns:b="div",NavBtnPrev:k="button",NavBtnNext:u="button",NavBtnToday:h="button",NavBtnViewMonth:f="button",NavBtnViewWeek:g="button"})=>{let[C,p]=a,v={locale:useDateLocale(c)},x="";return "month"===l&&(x=format.format(C,"MMMM yyyy",v)),"week"===l&&(x=C.getMonth()===p.getMonth()?format.format(C,"# MMMM yyyy",v).replace("#",`${C.getDate()}-${p.getDate()}`):`${format.format(C,"d MMMM",v)} - ${format.format(p,"d MMMM yyyy",v)}`),/*#__PURE__*/jsxRuntime.jsxs(m,{children:[/*#__PURE__*/jsxRuntime.jsxs(b,{children:[/*#__PURE__*/jsxRuntime.jsx(k,{onClick:i}),/*#__PURE__*/jsxRuntime.jsx(u,{onClick:M}),/*#__PURE__*/jsxRuntime.jsx(h,{onClick:d,disabled:r}),/*#__PURE__*/jsxRuntime.jsx(f,{onClick:()=>y("month"),disabled:"month"===l}),/*#__PURE__*/jsxRuntime.jsx(g,{onClick:()=>y("week"),disabled:"week"===l})]}),/*#__PURE__*/jsxRuntime.jsx(s,{range:a,formatted:x})]})};
81
+
82
+ let KoineCalendarDaygridTable=({locale:d,handlePrev:s,handleNext:c,events:h,dayLabels:f,view:b,range:u,eventClicked:v,setEventClicked:g,eventHovered:w,setEventHovered:y,calendarsMap:x={},maxEvents:j=5,Table:C="table",TableHead:D="thead",TableHeadCell:S="th",TableBody:k="tbody",TableBodyRow:z="tr",TableBodyCell:L="td",TableBodyCellDate:O="div",Cell:I,CellOverflow:K,CellEvent:M,CellEventBtn:R,CellEventTitle:T,CellEventStart:W})=>// ...props
83
+ {let q={Cell:I,CellOverflow:K,CellEvent:M,CellEventBtn:R,CellEventTitle:T,CellEventStart:W},[A,B]=react.useState(f||[0,1,2,3,4,5,6]),[E,F]=react.useState([]),// const [days, setDays] = useState(dayLabels || [...Array(7).keys()]);
84
+ G=useDateLocale(d),{month:H,weeks:J}=react.useMemo(()=>(function(e){let[t,a]=e,i=eachWeekOfInterval.eachWeekOfInterval({start:t,end:a},{weekStartsOn:1});return {month:t.getMonth(),weeks:i}})(u),[u]),N=reactSwipeable.useSwipeable({onSwipedLeft:c,onSwipedRight:s});return react.useEffect(()=>{F(processEventsInView(h,b,H,J));},[h,b,H,J]),react.useEffect(()=>{G&&G.localize&&!f&&B([1,2,3,4,5,6,0].map(// @ts-expect-error nevermind
85
+ e=>G.localize.day(e,{width:"abbreviated"})));},[G,f]),/*#__PURE__*/jsxRuntime.jsxs(C,{...N,children:[/*#__PURE__*/jsxRuntime.jsx(D,{children:/*#__PURE__*/jsxRuntime.jsx("tr",{children:A.map(t=>/*#__PURE__*/jsxRuntime.jsx(S,{scope:"column",children:t},t))})}),/*#__PURE__*/jsxRuntime.jsx(k,{children:E.map((r,a)=>/*#__PURE__*/jsxRuntime.jsx(z,{...r.props,children:r.days.map(r=>/*#__PURE__*/jsxRuntime.jsxs(L,{...r.props,children:[/*#__PURE__*/jsxRuntime.jsx(O,{...r.props,children:r.label}),r.events.length>0&&/*#__PURE__*/jsxRuntime.jsx(CalendarDaygridCell,{eventClicked:v,setEventClicked:g,eventHovered:w,setEventHovered:y,view:b,maxEvents:j,events:r.events,timestamp:r.timestamp,calendarsMap:x,...q})]}))}))})]})};
86
+
87
+ let KoineCalendarLegend=({calendarsMap:a={},toggleCalendarVisibility:s,LegendItem:d="div",LegendItemStatus:i="span",LegendItemLabel:l="span",LegendItemEvents:t="span"})=>// const sorted = Object.entries(calendarsMap).sort((a, b) => {
88
+ // const { name: nameA } = a[1];
89
+ // const { name: nameB } = b[1];
90
+ // if (nameA < nameB) return -1;
91
+ // else if (nameA > nameB) return 1;
92
+ // else return 0;
93
+ // });
94
+ /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.entries(a).map(([r,a])=>/*#__PURE__*/jsxRuntime.jsxs(d,{onClick:()=>s(r),$color:a.color,$empty:0===a.events,disabled:0===a.events,children:[/*#__PURE__*/jsxRuntime.jsx(i,{children:a.on?"⬤":"⭘"}),/*#__PURE__*/jsxRuntime.jsx(l,{children:a.name}),/*#__PURE__*/jsxRuntime.jsx(t,{children:a.events})]},"CalendarLegend."+r))});
95
+
96
+ /** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY *//** Start gethering events from date *//** End gethering events at date *//**
97
+ * The default is the time zone of the calendar
98
+ * @see https://developers.google.com/calendar/api/v3/reference/events/list
99
+ *//** The calendars settings */let getCalendarsEventsFromGoogle=async({calendars:e,...t})=>{let a={};return await Promise.all(e.map(async e=>{addCalendarEvents(await o({calendar:e,...t}),a);})),a};/** The calendar settings */async function o({apiKey:i,calendar:o,timeZone:m="",start:d,end:l}){let c={},u=new URLSearchParams({calendarId:o.id,timeZone:m,singleEvents:"true",maxAttendees:"1",maxResults:"9999",sanitizeHtml:"true",timeMin:d.toISOString(),timeMax:l.toISOString(),key:i||process.env.GOOGLE_CALENDAR_API_KEY||""}).toString(),f=/**
100
+ * Google event as it comes from Google's API
101
+ *//**
102
+ * Google calendar as it comes from Google's API
103
+ *//**
104
+ * Google event's date as it comes from Google's API
105
+ *//** When the event is "all day" we have `date` instead of `dateTime` */"https://www.googleapis.com/calendar/v3/calendars/"+o.id+"/events?"+u;try{let i=await fetch(f,{method:"GET"}),m=await i.json();o.name=o.name||m.summary,m.items.forEach(i=>{let m=function(i,o){let m=new Date(i.created),d=i.htmlLink,l=i.summary,c=i.status,u=new Date(i.start.date||i.start.dateTime),f=new Date(i.end.date||i.end.dateTime),w=o.color,g=utils.isUndefined(i.end.dateTime)&&utils.isString(i.end.date),p=i.location||"",D=i.description||"",// FIXME: he.decode(event.description || '');
106
+ h=m.getTime()+""+u.getTime();// multi-days all day events has as end date the date after to what we actually
107
+ // mean, hence we subtract one day. @see https://support.google.com/calendar/thread/10074544/google-calendar-all-day-events-are-showing-up-as-a-24-hr-event-across-time-zones?hl=en
108
+ g&&f>u&&(f=subDays.subDays(f,1)).setHours(23,59,59);let y=function(){let t=new Date(u),a=new Date(f),n=[getEventTimestamp(t)];for(;differenceInDays.differenceInDays(a,t);)// console.log(title, differenceInDays(to, from))
109
+ t.setDate(t.getDate()+1),n.push(getEventTimestamp(t));return n}(),E=utils.arrayToLookup(y),S=y.length>1;return {calendar:o,created:m,link:d,title:l,status:c,start:u,end:f,days:y,daysMap:E,multi:S,color:w,allDay:g,location:p,description:D,uid:h}}(i,o);c[m.uid]=m;});}catch(e){}// if (onError) onError(e);
110
+ return c}
111
+
112
+ /** The locale to format with `date-fns` *//** Calendars infos to use *//** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY *//** The key is the event `uid` *//** It defaults to the first of the current month *//** It defaults to the last day of the current month *//**
113
+ * The calendar view
114
+ * @default "month"
115
+ *//**
116
+ * The default is the time zone of the calendar
117
+ * @see https://developers.google.com/calendar/api/v3/reference/events/list
118
+ */let useCalendar=({locale:d,apiKey:c,calendars:p,events:g,start:m,end:y,view:v="month",timeZone:f="",onError:b})=>{let[w,T]=react.useState(v),D=m||getStartDate(new Date,w),h=y||getEndDate(D,w),[O,P]=react.useState([D,h]),[j,x]=react.useState(isTodayInView(D,h)),[C,L]=react.useState(g||{}),[N,k]=react.useState(null),[q,z]=react.useState(null),[A,B]=react.useReducer((e,t)=>{let{type:l}=t;switch(l){case"events":{let l=t.payload;return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,events:l[t]||0},e),{})}case"visibility":{let l=t.payload;if("string"==typeof l)return {...e,[l]:{...e[l],on:!e[l].on}};return Object.entries(e).reduce((e,[t,n])=>(e[t]={...n,on:l.indexOf(t)>-1},e),{})}default:return e}},// initial state
119
+ p.reduce((e,t)=>(e[t.id]={...t,name:t.name||"",on:!0,events:0},e),{})),E=react.useCallback(e=>{B({type:"visibility",payload:e});},[B]),F=react.useCallback(e=>{let t={};for(let l in e){let{id:n}=e[l].calendar;t[n]=t[n]||0,t[n]++;}B({type:"events",payload:t});},[]),G=react.useCallback(async(e,t,l)=>{try{let n=await getCalendarsEventsFromGoogle({apiKey:c,calendars:e,timeZone:f,start:t,end:l});// setEvents(mergeCalendarEvents(events, newEvents));
120
+ L(n);}catch(e){b&&b(e);}},[L,c,f,b]),H=react.useCallback(()=>{let[e,t]=O,l=getStartDate(new Date,w),n=getEndDate(l,w);P([l,n]),// reset event only if we are not on the current view already
121
+ (e.getTime()!==l.getTime()||t.getTime()!==n.getTime())&&(z(null),k(null));},[w,O]),I=react.useCallback(()=>{P(([e])=>{let t=getPrevDate(e,w),l=getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),J=react.useCallback(()=>{P(([e])=>{let t=getNextDate(e,w),l=getEndDate(t,w);return [t,l]}),z(null),k(null);},[w]),K=react.useCallback(e=>{let t=getStartDate(D,e),l=getEndDate(t,e);P([t,l]),T(e),z(null),k(null);},[D]);return react.useEffect(()=>{let[e,t]=O;G(p,e,t),x(isTodayInView(e,t));},// eslint-disable-next-line react-hooks/exhaustive-deps
122
+ [O]),react.useEffect(()=>{C&&F(C);},[C,F]),// when toggling a calendar we also remove the clicked event if that belongs
123
+ // to a now hidden calendar
124
+ react.useEffect(()=>{q&&!A[q.calendar.id].on&&z(null);},[A,q,z]),{view:w,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,getDaygridNavProps:()=>({locale:d,handlePrev:I,handleNext:J,handleToday:H,handleView:K,todayInView:j,range:O,view:w}),getDaygridTableProps:()=>({locale:d,events:C,eventClicked:q,setEventClicked:z,eventHovered:N,setEventHovered:k,handlePrev:I,handleNext:J,calendarsMap:A,range:O,view:w}),getLegendProps:()=>({calendarsMap:A,toggleCalendarVisibility:E})}};
125
+
126
+ exports.CalendarDaygridCell = CalendarDaygridCell;
127
+ exports.KoineCalendarDaygridNav = KoineCalendarDaygridNav;
128
+ exports.KoineCalendarDaygridTable = KoineCalendarDaygridTable;
129
+ exports.KoineCalendarLegend = KoineCalendarLegend;
130
+ exports.useCalendar = useCalendar;
131
+ exports.useDateLocale = useDateLocale;
package/calendar.cjs.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './calendar.cjs.js';
2
+ export { _default as default } from './calendar.cjs.default.js';
package/calendar.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export * from "./calendar/CalendarDaygridCell";
2
+ export * from "./calendar/CalendarDaygridNav";
3
+ export * from "./calendar/CalendarDaygridTable";
4
+ export * from "./calendar/CalendarLegend";
5
+ export * from "./calendar/useCalendar";
6
+ export * from "./calendar/useDateLocale";
7
+ export * from "./calendar/types";
package/calendar.esm.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./calendar";