@koine/react 2.0.0-beta.7 → 2.0.0-beta.71

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 (667) hide show
  1. package/{Calendar → calendar}/CalendarDaygridCell.d.ts +2 -3
  2. package/{Calendar → calendar}/CalendarDaygridNav.d.ts +1 -1
  3. package/{Calendar → calendar}/CalendarDaygridTable.d.ts +2 -2
  4. package/{Calendar → calendar}/CalendarLegend.d.ts +1 -2
  5. package/calendar/calendar-api-google.d.ts +10 -0
  6. package/{Calendar → calendar}/types.d.ts +0 -19
  7. package/{Calendar → calendar}/useCalendar.d.ts +1 -16
  8. package/calendar/useDateLocale.d.ts +2 -0
  9. package/calendar/utils.d.ts +11 -0
  10. package/calendar.cjs.d.ts +1 -0
  11. package/calendar.cjs.default.js +1 -0
  12. package/calendar.cjs.js +62 -0
  13. package/calendar.cjs.mjs +2 -0
  14. package/calendar.d.ts +7 -0
  15. package/calendar.esm.js +35 -0
  16. package/components/FaviconTags.d.ts +8 -0
  17. package/components/Meta.d.ts +4 -0
  18. package/components/NoJs.d.ts +2 -0
  19. package/forms/antispam.d.ts +27 -0
  20. package/forms.cjs.d.ts +1 -0
  21. package/forms.cjs.default.js +1 -0
  22. package/forms.cjs.js +11 -0
  23. package/forms.cjs.mjs +2 -0
  24. package/forms.d.ts +1 -0
  25. package/forms.esm.js +6 -0
  26. package/hooks/index.d.ts +0 -1
  27. package/hooks/useAsyncFn.d.ts +4 -6
  28. package/hooks/useFirstMountState.d.ts +1 -5
  29. package/hooks/useFixedOffset.d.ts +1 -12
  30. package/hooks/useFocus.d.ts +1 -6
  31. package/hooks/useInterval.d.ts +1 -7
  32. package/hooks/useIsomorphicLayoutEffect.d.ts +2 -6
  33. package/hooks/useKeyUp.d.ts +1 -2
  34. package/hooks/useMeasure.d.ts +2 -7
  35. package/hooks/useMountedState.d.ts +1 -5
  36. package/hooks/useNavigateAway.d.ts +1 -31
  37. package/hooks/usePrevious.d.ts +1 -5
  38. package/hooks/usePreviousRef.d.ts +1 -2
  39. package/hooks/useReveal.d.ts +12 -0
  40. package/hooks/useScrollPosition.d.ts +2 -10
  41. package/hooks/useScrollThreshold.d.ts +1 -2
  42. package/hooks/useScrollTo.d.ts +1 -2
  43. package/hooks/useSmoothScroll.d.ts +1 -8
  44. package/hooks/useSpinDelay.d.ts +1 -14
  45. package/hooks/useTraceUpdate.d.ts +1 -5
  46. package/hooks/useUpdateEffect.d.ts +1 -5
  47. package/hooks/useWindowSize.d.ts +2 -12
  48. package/index.cjs.d.ts +1 -0
  49. package/index.cjs.default.js +1 -0
  50. package/index.cjs.js +77 -0
  51. package/index.cjs.mjs +2 -0
  52. package/index.d.ts +3 -1
  53. package/index.esm.js +51 -0
  54. package/package.json +30 -38
  55. package/types.d.ts +0 -8
  56. package/utils/Polymorphic.d.ts +26 -0
  57. package/utils/classed.d.ts +8 -0
  58. package/utils/createUseMediaQueryWidth.d.ts +6 -0
  59. package/{helpers/extend-component.d.ts → utils/extendComponent.d.ts} +2 -14
  60. package/utils/index.d.ts +5 -0
  61. package/utils/mergeRefs.d.ts +1 -0
  62. package/Alert/Alert.d.ts +0 -5
  63. package/Alert/Alert.js +0 -33
  64. package/Alert/Alert.mjs +0 -22
  65. package/Alert/Alert.stories.js +0 -39
  66. package/Alert/Alert.stories.mjs +0 -18
  67. package/Alert/index.d.ts +0 -1
  68. package/Alert/index.js +0 -6
  69. package/Alert/index.mjs +0 -1
  70. package/Animations/Reveal.d.ts +0 -4
  71. package/Animations/Reveal.js +0 -53
  72. package/Animations/Reveal.mjs +0 -43
  73. package/Animations/Underline.d.ts +0 -1
  74. package/Animations/Underline.js +0 -26
  75. package/Animations/Underline.mjs +0 -15
  76. package/Animations/index.d.ts +0 -3
  77. package/Animations/index.js +0 -8
  78. package/Animations/index.mjs +0 -3
  79. package/Animations/useReveal.d.ts +0 -34
  80. package/Animations/useReveal.js +0 -83
  81. package/Animations/useReveal.mjs +0 -73
  82. package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
  83. package/Autocomplete/AutocompleteDownshift.js +0 -167
  84. package/Autocomplete/AutocompleteDownshift.mjs +0 -157
  85. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
  86. package/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -362
  87. package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +0 -352
  88. package/Autocomplete/AutocompleteMui.d.ts +0 -47
  89. package/Autocomplete/AutocompleteMui.js +0 -183
  90. package/Autocomplete/AutocompleteMui.mjs +0 -219
  91. package/Autocomplete/AutocompleteReach.d.ts +0 -1
  92. package/Autocomplete/AutocompleteReach.js +0 -121
  93. package/Autocomplete/AutocompleteReach.mjs +0 -111
  94. package/Autocomplete/components.d.ts +0 -17
  95. package/Autocomplete/components.js +0 -132
  96. package/Autocomplete/components.mjs +0 -87
  97. package/Autocomplete/helpers.d.ts +0 -3
  98. package/Autocomplete/helpers.js +0 -34
  99. package/Autocomplete/helpers.mjs +0 -35
  100. package/Autocomplete/index.d.ts +0 -2
  101. package/Autocomplete/index.js +0 -15
  102. package/Autocomplete/index.mjs +0 -4
  103. package/Bg/BgColor.d.ts +0 -31
  104. package/Bg/BgColor.js +0 -64
  105. package/Bg/BgColor.mjs +0 -42
  106. package/Bg/BgPhoto.d.ts +0 -13
  107. package/Bg/BgPhoto.js +0 -82
  108. package/Bg/BgPhoto.mjs +0 -71
  109. package/Bg/BgSvg.d.ts +0 -7
  110. package/Bg/BgSvg.js +0 -31
  111. package/Bg/BgSvg.mjs +0 -22
  112. package/Bg/index.d.ts +0 -3
  113. package/Bg/index.js +0 -8
  114. package/Bg/index.mjs +0 -3
  115. package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
  116. package/Breadcrumbs/Breadcrumbs.js +0 -103
  117. package/Breadcrumbs/Breadcrumbs.mjs +0 -91
  118. package/Breadcrumbs/index.d.ts +0 -1
  119. package/Breadcrumbs/index.js +0 -6
  120. package/Breadcrumbs/index.mjs +0 -1
  121. package/Buttons/Button.d.ts +0 -18
  122. package/Buttons/Button.js +0 -106
  123. package/Buttons/Button.mjs +0 -78
  124. package/Buttons/ButtonComposite.d.ts +0 -23
  125. package/Buttons/ButtonComposite.js +0 -116
  126. package/Buttons/ButtonComposite.mjs +0 -105
  127. package/Buttons/ButtonFab.d.ts +0 -5
  128. package/Buttons/ButtonFab.js +0 -27
  129. package/Buttons/ButtonFab.mjs +0 -8
  130. package/Buttons/ButtonLink.d.ts +0 -8
  131. package/Buttons/ButtonLink.js +0 -29
  132. package/Buttons/ButtonLink.mjs +0 -18
  133. package/Buttons/IconButton.d.ts +0 -9
  134. package/Buttons/IconButton.js +0 -41
  135. package/Buttons/IconButton.mjs +0 -19
  136. package/Buttons/index.d.ts +0 -5
  137. package/Buttons/index.js +0 -10
  138. package/Buttons/index.mjs +0 -5
  139. package/Calendar/CalendarDaygridCell.js +0 -105
  140. package/Calendar/CalendarDaygridCell.mjs +0 -95
  141. package/Calendar/CalendarDaygridNav.js +0 -63
  142. package/Calendar/CalendarDaygridNav.mjs +0 -52
  143. package/Calendar/CalendarDaygridTable.js +0 -126
  144. package/Calendar/CalendarDaygridTable.mjs +0 -115
  145. package/Calendar/CalendarLegend.js +0 -39
  146. package/Calendar/CalendarLegend.mjs +0 -29
  147. package/Calendar/calendar-api-google.d.ts +0 -18
  148. package/Calendar/calendar-api-google.js +0 -110
  149. package/Calendar/calendar-api-google.mjs +0 -99
  150. package/Calendar/index.d.ts +0 -6
  151. package/Calendar/index.js +0 -11
  152. package/Calendar/index.mjs +0 -6
  153. package/Calendar/types.js +0 -4
  154. package/Calendar/types.mjs +0 -1
  155. package/Calendar/useCalendar.js +0 -235
  156. package/Calendar/useCalendar.mjs +0 -225
  157. package/Calendar/utils.d.ts +0 -11
  158. package/Calendar/utils.js +0 -252
  159. package/Calendar/utils.mjs +0 -209
  160. package/Carousel/Carousel.d.ts +0 -1
  161. package/Carousel/Carousel.js +0 -387
  162. package/Carousel/Carousel.mjs +0 -377
  163. package/Carousel/CarouselCss.d.ts +0 -35
  164. package/Carousel/CarouselCss.js +0 -64
  165. package/Carousel/CarouselCss.mjs +0 -44
  166. package/Carousel/index.d.ts +0 -1
  167. package/Carousel/index.js +0 -6
  168. package/Carousel/index.mjs +0 -1
  169. package/Collapsable/Collapsable.d.ts +0 -1
  170. package/Collapsable/Collapsable.js +0 -11
  171. package/Collapsable/Collapsable.mjs +0 -1
  172. package/Collapsable/CollapsableReach.d.ts +0 -6
  173. package/Collapsable/CollapsableReach.js +0 -251
  174. package/Collapsable/CollapsableReach.mjs +0 -250
  175. package/Collapsable/index.d.ts +0 -1
  176. package/Collapsable/index.js +0 -7
  177. package/Collapsable/index.mjs +0 -1
  178. package/Debug/Debug.d.ts +0 -4
  179. package/Debug/Debug.js +0 -34
  180. package/Debug/Debug.mjs +0 -23
  181. package/Debug/index.d.ts +0 -1
  182. package/Debug/index.js +0 -6
  183. package/Debug/index.mjs +0 -1
  184. package/Details/Details.d.ts +0 -404
  185. package/Details/Details.js +0 -117
  186. package/Details/Details.mjs +0 -90
  187. package/Details/Details.stories.js +0 -39
  188. package/Details/Details.stories.mjs +0 -21
  189. package/Details/index.d.ts +0 -1
  190. package/Details/index.js +0 -6
  191. package/Details/index.mjs +0 -1
  192. package/Dialog/DialogMui.d.ts +0 -167
  193. package/Dialog/DialogMui.js +0 -143
  194. package/Dialog/DialogMui.mjs +0 -105
  195. package/Dialog/DialogMui.stories.js +0 -38
  196. package/Dialog/DialogMui.stories.mjs +0 -20
  197. package/Dialog/css/bare.d.ts +0 -172
  198. package/Dialog/css/bare.js +0 -55
  199. package/Dialog/css/bare.mjs +0 -19
  200. package/Dialog/css/index.stories.js +0 -93
  201. package/Dialog/css/index.stories.mjs +0 -75
  202. package/Dialog/index.d.ts +0 -2
  203. package/Dialog/index.js +0 -11
  204. package/Dialog/index.mjs +0 -1
  205. package/Dialog/m/bare.d.ts +0 -4
  206. package/Dialog/m/bare.js +0 -125
  207. package/Dialog/m/bare.mjs +0 -115
  208. package/Dialog/m/basic.d.ts +0 -4
  209. package/Dialog/m/basic.js +0 -50
  210. package/Dialog/m/basic.mjs +0 -31
  211. package/Dialog/m/index.d.ts +0 -3
  212. package/Dialog/m/index.js +0 -14
  213. package/Dialog/m/index.mjs +0 -4
  214. package/Dialog/sc/bare.d.ts +0 -71
  215. package/Dialog/sc/bare.js +0 -83
  216. package/Dialog/sc/bare.mjs +0 -54
  217. package/Dialog/sc/framer.d.ts +0 -25
  218. package/Dialog/sc/framer.js +0 -26
  219. package/Dialog/sc/framer.mjs +0 -16
  220. package/Dialog/sc/framerMaterial.d.ts +0 -24
  221. package/Dialog/sc/framerMaterial.js +0 -26
  222. package/Dialog/sc/framerMaterial.mjs +0 -16
  223. package/Dialog/sc/index.stories.js +0 -75
  224. package/Dialog/sc/index.stories.mjs +0 -48
  225. package/Dialog/sc/material.d.ts +0 -61
  226. package/Dialog/sc/material.js +0 -78
  227. package/Dialog/sc/material.mjs +0 -41
  228. package/Dialog/tw/bare.d.ts +0 -223
  229. package/Dialog/tw/bare.js +0 -55
  230. package/Dialog/tw/bare.mjs +0 -29
  231. package/Dialog/tw/elegant.d.ts +0 -271
  232. package/Dialog/tw/elegant.js +0 -54
  233. package/Dialog/tw/elegant.mjs +0 -18
  234. package/Dialog/tw/framer.d.ts +0 -109
  235. package/Dialog/tw/framer.js +0 -26
  236. package/Dialog/tw/framer.mjs +0 -16
  237. package/Dialog/tw/framerMaterial.d.ts +0 -164
  238. package/Dialog/tw/framerMaterial.js +0 -26
  239. package/Dialog/tw/framerMaterial.mjs +0 -16
  240. package/Dialog/tw/index.stories.js +0 -113
  241. package/Dialog/tw/index.stories.mjs +0 -83
  242. package/Dialog/tw/material.d.ts +0 -271
  243. package/Dialog/tw/material.js +0 -54
  244. package/Dialog/tw/material.mjs +0 -18
  245. package/Editor/Editor--tiptap.d.ts +0 -9
  246. package/Editor/Editor--tiptap.js +0 -72
  247. package/Editor/Editor--tiptap.mjs +0 -53
  248. package/Editor/components.d.ts +0 -5
  249. package/Editor/components.js +0 -59
  250. package/Editor/components.mjs +0 -28
  251. package/Editor/index.d.ts +0 -1
  252. package/Editor/index.js +0 -6
  253. package/Editor/index.mjs +0 -1
  254. package/FaviconTags.d.ts +0 -19
  255. package/FaviconTags.js +0 -73
  256. package/FaviconTags.mjs +0 -64
  257. package/Form/Form.d.ts +0 -138
  258. package/Form/Form.js +0 -130
  259. package/Form/Form.mjs +0 -95
  260. package/Form/index.d.ts +0 -1
  261. package/Form/index.js +0 -6
  262. package/Form/index.mjs +0 -1
  263. package/Form/sc/bare.d.ts +0 -58
  264. package/Form/sc/bare.js +0 -55
  265. package/Form/sc/bare.mjs +0 -29
  266. package/Forms/Checkbox/Checkbox.d.ts +0 -11
  267. package/Forms/Checkbox/Checkbox.js +0 -62
  268. package/Forms/Checkbox/Checkbox.mjs +0 -36
  269. package/Forms/Checkbox/index.d.ts +0 -1
  270. package/Forms/Checkbox/index.js +0 -6
  271. package/Forms/Checkbox/index.mjs +0 -1
  272. package/Forms/Feedback/Feedback.d.ts +0 -5
  273. package/Forms/Feedback/Feedback.js +0 -25
  274. package/Forms/Feedback/Feedback.mjs +0 -14
  275. package/Forms/Feedback/index.d.ts +0 -1
  276. package/Forms/Feedback/index.js +0 -6
  277. package/Forms/Feedback/index.mjs +0 -1
  278. package/Forms/Field/Field.d.ts +0 -36
  279. package/Forms/Field/Field.js +0 -75
  280. package/Forms/Field/Field.mjs +0 -50
  281. package/Forms/Field/FieldControl.d.ts +0 -26
  282. package/Forms/Field/FieldControl.js +0 -69
  283. package/Forms/Field/FieldControl.mjs +0 -67
  284. package/Forms/Field/FieldHint.d.ts +0 -1
  285. package/Forms/Field/FieldHint.js +0 -17
  286. package/Forms/Field/FieldHint.mjs +0 -6
  287. package/Forms/Field/index.d.ts +0 -2
  288. package/Forms/Field/index.js +0 -7
  289. package/Forms/Field/index.mjs +0 -2
  290. package/Forms/Input/Input.d.ts +0 -9
  291. package/Forms/Input/Input.js +0 -67
  292. package/Forms/Input/Input.mjs +0 -36
  293. package/Forms/Input/index.d.ts +0 -1
  294. package/Forms/Input/index.js +0 -6
  295. package/Forms/Input/index.mjs +0 -1
  296. package/Forms/InputGroup/InputGroup.d.ts +0 -13
  297. package/Forms/InputGroup/InputGroup.js +0 -85
  298. package/Forms/InputGroup/InputGroup.mjs +0 -57
  299. package/Forms/InputGroup/index.d.ts +0 -1
  300. package/Forms/InputGroup/index.js +0 -6
  301. package/Forms/InputGroup/index.mjs +0 -1
  302. package/Forms/Label/Label.d.ts +0 -3
  303. package/Forms/Label/Label.js +0 -46
  304. package/Forms/Label/Label.mjs +0 -24
  305. package/Forms/Label/index.d.ts +0 -1
  306. package/Forms/Label/index.js +0 -6
  307. package/Forms/Label/index.mjs +0 -1
  308. package/Forms/Password/Password.d.ts +0 -5
  309. package/Forms/Password/Password.js +0 -72
  310. package/Forms/Password/Password.mjs +0 -53
  311. package/Forms/Password/index.d.ts +0 -1
  312. package/Forms/Password/index.js +0 -6
  313. package/Forms/Password/index.mjs +0 -1
  314. package/Forms/Radio/Radio.d.ts +0 -12
  315. package/Forms/Radio/Radio.js +0 -68
  316. package/Forms/Radio/Radio.mjs +0 -57
  317. package/Forms/Radio/index.d.ts +0 -1
  318. package/Forms/Radio/index.js +0 -6
  319. package/Forms/Radio/index.mjs +0 -1
  320. package/Forms/Switch/Switch.d.ts +0 -9
  321. package/Forms/Switch/Switch.js +0 -80
  322. package/Forms/Switch/Switch.mjs +0 -60
  323. package/Forms/Switch/index.d.ts +0 -1
  324. package/Forms/Switch/index.js +0 -6
  325. package/Forms/Switch/index.mjs +0 -1
  326. package/Forms/Textarea/Textarea.d.ts +0 -5
  327. package/Forms/Textarea/Textarea.js +0 -45
  328. package/Forms/Textarea/Textarea.mjs +0 -26
  329. package/Forms/Textarea/TextareaRich.d.ts +0 -6
  330. package/Forms/Textarea/TextareaRich.js +0 -58
  331. package/Forms/Textarea/TextareaRich.mjs +0 -48
  332. package/Forms/Textarea/index.d.ts +0 -2
  333. package/Forms/Textarea/index.js +0 -7
  334. package/Forms/Textarea/index.mjs +0 -2
  335. package/Forms/Toggle/Toggle-tailwind.d.ts +0 -0
  336. package/Forms/Toggle/Toggle-tailwind.js +0 -99
  337. package/Forms/Toggle/Toggle-tailwind.mjs +0 -98
  338. package/Forms/Toggle/Toggle.d.ts +0 -19
  339. package/Forms/Toggle/Toggle.js +0 -175
  340. package/Forms/Toggle/Toggle.mjs +0 -123
  341. package/Forms/Toggle/index.d.ts +0 -1
  342. package/Forms/Toggle/index.js +0 -6
  343. package/Forms/Toggle/index.mjs +0 -1
  344. package/Forms/Toggle/useToggle-tailwind.d.ts +0 -0
  345. package/Forms/Toggle/useToggle-tailwind.js +0 -202
  346. package/Forms/Toggle/useToggle-tailwind.mjs +0 -201
  347. package/Forms/Toggle/useToggle.d.ts +0 -46
  348. package/Forms/Toggle/useToggle.js +0 -145
  349. package/Forms/Toggle/useToggle.mjs +0 -163
  350. package/Forms/antispam.d.ts +0 -47
  351. package/Forms/antispam.js +0 -59
  352. package/Forms/antispam.mjs +0 -58
  353. package/Forms/helpers.d.ts +0 -26
  354. package/Forms/helpers.js +0 -72
  355. package/Forms/helpers.mjs +0 -52
  356. package/Forms/index.d.ts +0 -15
  357. package/Forms/index.js +0 -19
  358. package/Forms/index.mjs +0 -16
  359. package/Forms/styles.d.ts +0 -15
  360. package/Forms/styles.js +0 -94
  361. package/Forms/styles.mjs +0 -61
  362. package/Gauge/Gauge.d.ts +0 -5
  363. package/Gauge/Gauge.js +0 -111
  364. package/Gauge/Gauge.mjs +0 -101
  365. package/Grid/Grid.d.ts +0 -41
  366. package/Grid/Grid.js +0 -106
  367. package/Grid/Grid.mjs +0 -75
  368. package/Grid/index.d.ts +0 -1
  369. package/Grid/index.js +0 -6
  370. package/Grid/index.mjs +0 -1
  371. package/Hamburger/Hamburger.d.ts +0 -6
  372. package/Hamburger/Hamburger.js +0 -90
  373. package/Hamburger/Hamburger.mjs +0 -79
  374. package/Hamburger/index.d.ts +0 -1
  375. package/Hamburger/index.js +0 -6
  376. package/Hamburger/index.mjs +0 -1
  377. package/Header/index.d.ts +0 -1
  378. package/Header/index.js +0 -6
  379. package/Header/index.mjs +0 -1
  380. package/Header/useHeader.d.ts +0 -24
  381. package/Header/useHeader.js +0 -54
  382. package/Header/useHeader.mjs +0 -36
  383. package/Hidden/Hidden.d.ts +0 -6
  384. package/Hidden/Hidden.js +0 -21
  385. package/Hidden/Hidden.mjs +0 -10
  386. package/Hidden/index.d.ts +0 -1
  387. package/Hidden/index.js +0 -6
  388. package/Hidden/index.mjs +0 -1
  389. package/Img/index.d.ts +0 -1
  390. package/Img/index.js +0 -6
  391. package/Img/index.mjs +0 -1
  392. package/Img/sc/bare.d.ts +0 -2
  393. package/Img/sc/bare.js +0 -43
  394. package/Img/sc/bare.mjs +0 -36
  395. package/Img/types.d.ts +0 -9
  396. package/Img/types.js +0 -6
  397. package/Img/types.mjs +0 -1
  398. package/Link/Link.d.ts +0 -3
  399. package/Link/Link.js +0 -13
  400. package/Link/Link.mjs +0 -2
  401. package/Link/LinkBlank.d.ts +0 -5
  402. package/Link/LinkBlank.js +0 -52
  403. package/Link/LinkBlank.mjs +0 -32
  404. package/Link/index.d.ts +0 -2
  405. package/Link/index.js +0 -7
  406. package/Link/index.mjs +0 -2
  407. package/Menu/Menu.d.ts +0 -1
  408. package/Menu/Menu.js +0 -22
  409. package/Menu/Menu.mjs +0 -11
  410. package/Menu/MenuMui.d.ts +0 -0
  411. package/Menu/MenuMui.js +0 -165
  412. package/Menu/MenuMui.mjs +0 -164
  413. package/Menu/index.d.ts +0 -1
  414. package/Menu/index.js +0 -6
  415. package/Menu/index.mjs +0 -1
  416. package/MenuItem/MenuItem.d.ts +0 -1
  417. package/MenuItem/MenuItem.js +0 -31
  418. package/MenuItem/MenuItem.mjs +0 -20
  419. package/MenuItem/MenuItemMui.d.ts +0 -0
  420. package/MenuItem/MenuItemMui.js +0 -32
  421. package/MenuItem/MenuItemMui.mjs +0 -31
  422. package/MenuItem/index.d.ts +0 -1
  423. package/MenuItem/index.js +0 -6
  424. package/MenuItem/index.mjs +0 -1
  425. package/MenuItem/useMenuItem.d.ts +0 -9
  426. package/MenuItem/useMenuItem.js +0 -96
  427. package/MenuItem/useMenuItem.mjs +0 -78
  428. package/Meta/Meta.d.ts +0 -15
  429. package/Meta/Meta.js +0 -26
  430. package/Meta/Meta.mjs +0 -8
  431. package/Meta/index.d.ts +0 -2
  432. package/Meta/index.js +0 -12
  433. package/Meta/index.mjs +0 -2
  434. package/NoJs/NoJs.d.ts +0 -3
  435. package/NoJs/NoJs.js +0 -28
  436. package/NoJs/NoJs.mjs +0 -10
  437. package/NoJs/index.d.ts +0 -2
  438. package/NoJs/index.js +0 -12
  439. package/NoJs/index.mjs +0 -2
  440. package/Pagination/PaginationNav.d.ts +0 -22
  441. package/Pagination/PaginationNav.js +0 -126
  442. package/Pagination/PaginationNav.mjs +0 -122
  443. package/Pagination/PaginationResults.d.ts +0 -3
  444. package/Pagination/PaginationResults.js +0 -45
  445. package/Pagination/PaginationResults.mjs +0 -34
  446. package/Pagination/index.d.ts +0 -2
  447. package/Pagination/index.js +0 -7
  448. package/Pagination/index.mjs +0 -2
  449. package/Pill/Pill.d.ts +0 -5
  450. package/Pill/Pill.js +0 -62
  451. package/Pill/Pill.mjs +0 -37
  452. package/Pill/index.d.ts +0 -1
  453. package/Pill/index.js +0 -6
  454. package/Pill/index.mjs +0 -1
  455. package/Progress/ProgressCircular.d.ts +0 -19
  456. package/Progress/ProgressCircular.js +0 -62
  457. package/Progress/ProgressCircular.mjs +0 -53
  458. package/Progress/ProgressLinear.d.ts +0 -22
  459. package/Progress/ProgressLinear.js +0 -53
  460. package/Progress/ProgressLinear.mjs +0 -44
  461. package/Progress/ProgressOverlay.d.ts +0 -4
  462. package/Progress/ProgressOverlay.js +0 -75
  463. package/Progress/ProgressOverlay.mjs +0 -64
  464. package/Progress/index.d.ts +0 -3
  465. package/Progress/index.js +0 -8
  466. package/Progress/index.mjs +0 -3
  467. package/Rating/Rating.d.ts +0 -35
  468. package/Rating/Rating.js +0 -188
  469. package/Rating/Rating.mjs +0 -154
  470. package/Rating/index.d.ts +0 -11
  471. package/Rating/index.js +0 -85
  472. package/Rating/index.mjs +0 -62
  473. package/Select/SelectDownshift.d.ts +0 -5
  474. package/Select/SelectDownshift.js +0 -47
  475. package/Select/SelectDownshift.mjs +0 -37
  476. package/Select/components.d.ts +0 -6
  477. package/Select/components.js +0 -44
  478. package/Select/components.mjs +0 -25
  479. package/Select/index.d.ts +0 -2
  480. package/Select/index.js +0 -13
  481. package/Select/index.mjs +0 -2
  482. package/Sidebar/Sidebar.d.ts +0 -3
  483. package/Sidebar/Sidebar.js +0 -74
  484. package/Sidebar/Sidebar.mjs +0 -63
  485. package/Sidebar/index.d.ts +0 -1
  486. package/Sidebar/index.js +0 -6
  487. package/Sidebar/index.mjs +0 -1
  488. package/Spacing/Spacing.d.ts +0 -30
  489. package/Spacing/Spacing.js +0 -55
  490. package/Spacing/Spacing.mjs +0 -55
  491. package/Spacing/index.d.ts +0 -1
  492. package/Spacing/index.js +0 -6
  493. package/Spacing/index.mjs +0 -1
  494. package/Sticky/Sticky.d.ts +0 -2
  495. package/Sticky/Sticky.js +0 -228
  496. package/Sticky/Sticky.mjs +0 -218
  497. package/Sticky/StickyCss.d.ts +0 -5
  498. package/Sticky/StickyCss.js +0 -20
  499. package/Sticky/StickyCss.mjs +0 -10
  500. package/Sticky/index.d.ts +0 -1
  501. package/Sticky/index.js +0 -19
  502. package/Sticky/index.mjs +0 -1
  503. package/Tabs/TabsMui.d.ts +0 -85
  504. package/Tabs/TabsMui.js +0 -91
  505. package/Tabs/TabsMui.mjs +0 -61
  506. package/Tabs/TabsMui.stories.js +0 -38
  507. package/Tabs/TabsMui.stories.mjs +0 -20
  508. package/Tabs/index.d.ts +0 -1
  509. package/Tabs/index.js +0 -6
  510. package/Tabs/index.mjs +0 -1
  511. package/Tabs/sc/bare.d.ts +0 -5
  512. package/Tabs/sc/bare.js +0 -86
  513. package/Tabs/sc/bare.mjs +0 -85
  514. package/Tabs/sc/index.stories.js +0 -1
  515. package/Tabs/sc/index.stories.mjs +0 -0
  516. package/Tabs/tw/bare.d.ts +0 -86
  517. package/Tabs/tw/bare.js +0 -45
  518. package/Tabs/tw/bare.mjs +0 -15
  519. package/Tabs/tw/index.stories.js +0 -46
  520. package/Tabs/tw/index.stories.mjs +0 -25
  521. package/Tabs/tw/material.d.ts +0 -119
  522. package/Tabs/tw/material.js +0 -44
  523. package/Tabs/tw/material.mjs +0 -14
  524. package/Tabs/useTabs.d.ts +0 -43
  525. package/Tabs/useTabs.js +0 -66
  526. package/Tabs/useTabs.mjs +0 -46
  527. package/Typography/CopyPasteVisible.d.ts +0 -1
  528. package/Typography/CopyPasteVisible.js +0 -17
  529. package/Typography/CopyPasteVisible.mjs +0 -6
  530. package/Typography/Native.d.ts +0 -10
  531. package/Typography/Native.js +0 -90
  532. package/Typography/Native.mjs +0 -47
  533. package/Typography/ReadMore.d.ts +0 -12
  534. package/Typography/ReadMore.js +0 -125
  535. package/Typography/ReadMore.mjs +0 -114
  536. package/Typography/TextLoop.d.ts +0 -16
  537. package/Typography/TextLoop.js +0 -108
  538. package/Typography/TextLoop.mjs +0 -90
  539. package/Typography/TypeStairs.d.ts +0 -6
  540. package/Typography/TypeStairs.js +0 -71
  541. package/Typography/TypeStairs.mjs +0 -61
  542. package/Typography/index.d.ts +0 -5
  543. package/Typography/index.js +0 -10
  544. package/Typography/index.mjs +0 -5
  545. package/css/index.d.ts +0 -2
  546. package/css/index.js +0 -33
  547. package/css/index.mjs +0 -30
  548. package/helpers/classed.d.ts +0 -27
  549. package/helpers/classed.js +0 -66
  550. package/helpers/classed.mjs +0 -65
  551. package/helpers/classed.stories.js +0 -140
  552. package/helpers/classed.stories.mjs +0 -121
  553. package/helpers/createUseMediaQueryWidth.d.ts +0 -12
  554. package/helpers/createUseMediaQueryWidth.js +0 -193
  555. package/helpers/createUseMediaQueryWidth.mjs +0 -178
  556. package/helpers/extend-component.js +0 -32
  557. package/helpers/extend-component.mjs +0 -13
  558. package/helpers/index.d.ts +0 -4
  559. package/helpers/index.js +0 -9
  560. package/helpers/index.mjs +0 -4
  561. package/helpers/mergeRefs.d.ts +0 -3
  562. package/helpers/mergeRefs.js +0 -30
  563. package/helpers/mergeRefs.mjs +0 -12
  564. package/hooks/index.js +0 -92
  565. package/hooks/index.mjs +0 -21
  566. package/hooks/types.d.ts +0 -8
  567. package/hooks/types.js +0 -6
  568. package/hooks/types.mjs +0 -3
  569. package/hooks/useAsyncFn.js +0 -56
  570. package/hooks/useAsyncFn.mjs +0 -39
  571. package/hooks/useDateLocale.d.ts +0 -8
  572. package/hooks/useDateLocale.js +0 -51
  573. package/hooks/useDateLocale.mjs +0 -37
  574. package/hooks/useFirstMountState.js +0 -28
  575. package/hooks/useFirstMountState.mjs +0 -12
  576. package/hooks/useFixedOffset.js +0 -67
  577. package/hooks/useFixedOffset.mjs +0 -56
  578. package/hooks/useFocus.js +0 -30
  579. package/hooks/useFocus.mjs +0 -14
  580. package/hooks/useInterval.js +0 -44
  581. package/hooks/useInterval.mjs +0 -29
  582. package/hooks/useIsomorphicLayoutEffect.js +0 -23
  583. package/hooks/useIsomorphicLayoutEffect.mjs +0 -6
  584. package/hooks/useKeyUp.js +0 -40
  585. package/hooks/useKeyUp.mjs +0 -21
  586. package/hooks/useMeasure.js +0 -189
  587. package/hooks/useMeasure.mjs +0 -174
  588. package/hooks/useMountedState.js +0 -31
  589. package/hooks/useMountedState.mjs +0 -15
  590. package/hooks/useNavigateAway.js +0 -69
  591. package/hooks/useNavigateAway.mjs +0 -69
  592. package/hooks/usePrevious.js +0 -33
  593. package/hooks/usePrevious.mjs +0 -17
  594. package/hooks/usePreviousRef.js +0 -27
  595. package/hooks/usePreviousRef.mjs +0 -9
  596. package/hooks/useScrollPosition.js +0 -83
  597. package/hooks/useScrollPosition.mjs +0 -70
  598. package/hooks/useScrollThreshold.js +0 -52
  599. package/hooks/useScrollThreshold.mjs +0 -33
  600. package/hooks/useScrollTo.js +0 -39
  601. package/hooks/useScrollTo.mjs +0 -20
  602. package/hooks/useSmoothScroll.js +0 -49
  603. package/hooks/useSmoothScroll.mjs +0 -35
  604. package/hooks/useSpinDelay.js +0 -59
  605. package/hooks/useSpinDelay.mjs +0 -52
  606. package/hooks/useTraceUpdate.js +0 -39
  607. package/hooks/useTraceUpdate.mjs +0 -23
  608. package/hooks/useUpdateEffect.js +0 -30
  609. package/hooks/useUpdateEffect.mjs +0 -14
  610. package/hooks/useWindowSize.js +0 -43
  611. package/hooks/useWindowSize.mjs +0 -32
  612. package/index.js +0 -10
  613. package/index.mjs +0 -4
  614. package/m/MotionProvider.d.ts +0 -38
  615. package/m/MotionProvider.js +0 -27
  616. package/m/MotionProvider.mjs +0 -40
  617. package/m/index.d.ts +0 -6
  618. package/m/index.js +0 -10
  619. package/m/index.mjs +0 -5
  620. package/m/lite.d.ts +0 -2
  621. package/m/lite.js +0 -12
  622. package/m/lite.mjs +0 -2
  623. package/m/max.d.ts +0 -2
  624. package/m/max.js +0 -12
  625. package/m/max.mjs +0 -2
  626. package/sc/index.d.ts +0 -30
  627. package/sc/index.js +0 -49
  628. package/sc/index.mjs +0 -31
  629. package/scm/index.d.ts +0 -29
  630. package/scm/index.js +0 -40
  631. package/scm/index.mjs +0 -31
  632. package/shared/index.d.ts +0 -8
  633. package/shared/index.js +0 -13
  634. package/shared/index.mjs +0 -43
  635. package/styles/Body.d.ts +0 -10
  636. package/styles/Body.js +0 -28
  637. package/styles/Body.mjs +0 -16
  638. package/styles/Global.d.ts +0 -15
  639. package/styles/Global.js +0 -55
  640. package/styles/Global.mjs +0 -49
  641. package/styles/index.d.ts +0 -7
  642. package/styles/index.js +0 -142
  643. package/styles/index.mjs +0 -7
  644. package/styles/media.d.ts +0 -67
  645. package/styles/media.js +0 -139
  646. package/styles/media.mjs +0 -151
  647. package/styles/spacing.d.ts +0 -13
  648. package/styles/spacing.js +0 -70
  649. package/styles/spacing.mjs +0 -46
  650. package/styles/styled.d.ts +0 -12
  651. package/styles/styled.js +0 -58
  652. package/styles/styled.mjs +0 -26
  653. package/styles/theme--vanilla.d.ts +0 -17
  654. package/styles/theme--vanilla.js +0 -82
  655. package/styles/theme--vanilla.mjs +0 -65
  656. package/styles/theme.d.ts +0 -82
  657. package/styles/theme.js +0 -49
  658. package/styles/theme.mjs +0 -38
  659. package/tw/index.d.ts +0 -2
  660. package/tw/index.js +0 -33
  661. package/tw/index.mjs +0 -30
  662. package/twm/index.d.ts +0 -2
  663. package/twm/index.js +0 -33
  664. package/twm/index.mjs +0 -30
  665. package/types.js +0 -4
  666. package/types.mjs +0 -1
  667. package/typings.d.ts +0 -99
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- import { SpacingDevices, SpacingDirectionAxis, SpacingFactor, SpacingProperty, SpacingSize } from "../styles/spacing";
3
- export type SpacingPropsStyled = {
4
- $top?: SpacingFnArgs;
5
- $bottom?: SpacingFnArgs;
6
- };
7
- type SpacingFnArgs = [
8
- SpacingSize,
9
- SpacingFactor,
10
- SpacingProperty,
11
- SpacingDevices[]
12
- ];
13
- type SpacingSyntaxFactor = string;
14
- type SpacingSyntaxDevices = `${SpacingDevices}` | `${SpacingDevices},${SpacingDevices}` | `${SpacingDevices},${SpacingDevices},${SpacingDevices}`;
15
- type SpacingSyntax = `${SpacingSize}` | `${SpacingSize}:${SpacingSyntaxFactor}` | `${SpacingSize}:${SpacingSyntaxFactor}:${SpacingProperty}` | `${SpacingSize}:${SpacingSyntaxFactor}:${SpacingProperty}:${SpacingSyntaxDevices}`;
16
- export type SpacingProps = React.ComponentPropsWithoutRef<"div"> & Partial<Record<SpacingDirectionAxis, SpacingSyntax>>;
17
- /**
18
- * Usage:
19
- *
20
- * ```jsx
21
- * <Spacing top="sm" />
22
- * <Spacing top="sm:1.5" />
23
- * <Spacing top="sm:1.5" bottom="lg" />
24
- * <Spacing vertical="sm:1.5:margin:mobile" />
25
- * <Spacing top="sm:1.5:padding:mobile" />
26
- * <Spacing top="sm:2:padding:tablet,desktop" />
27
- * ```
28
- */
29
- export declare const Spacing: ({ top, bottom, vertical, ...props }: SpacingProps) => import("react/jsx-runtime").JSX.Element;
30
- export {};
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Spacing", {
6
- enumerable: true,
7
- get: function() {
8
- return Spacing;
9
- }
10
- });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _jsxruntime = require("react/jsx-runtime");
13
- const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
14
- const _isUndefined = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isUndefined"));
15
- const _spacing = require("../styles/spacing");
16
- const Root = _styledcomponents.default.div`
17
- ${(p)=>p.$top && _spacing.spacingTop.call(p.theme, ...p.$top)}
18
- ${(p)=>p.$bottom && _spacing.spacingBottom.call(p.theme, ...p.$bottom)}
19
- `;
20
- const extractDirectionArgs = (raw)=>{
21
- const [size, factor, property, devices] = raw.split(":");
22
- const factorArg = (0, _isUndefined.default)(factor) ? undefined : parseFloat(factor);
23
- const devicesArg = devices?.split(",");
24
- return [
25
- size,
26
- factorArg,
27
- property,
28
- devicesArg
29
- ];
30
- };
31
- const Spacing = ({ top, bottom, vertical, ...props })=>{
32
- let $top;
33
- let $bottom;
34
- if (top) {
35
- $top = extractDirectionArgs(top);
36
- }
37
- if (bottom) {
38
- $bottom = extractDirectionArgs(bottom);
39
- }
40
- if (vertical) {
41
- $top = extractDirectionArgs(vertical);
42
- $bottom = $top;
43
- }
44
- if (!$top && !$bottom && !vertical) {
45
- // eslint-disable-next-line react/jsx-no-useless-fragment
46
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
47
- children: props.children
48
- });
49
- }
50
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(Root, {
51
- $top: $top,
52
- $bottom: $bottom,
53
- ...props
54
- });
55
- };
@@ -1,55 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- import styled from "styled-components";
3
- import isUndefined from "@koine/utils/isUndefined";
4
- import { spacingBottom, spacingTop } from "../styles/spacing";
5
- const Root = styled.div`
6
- ${(p)=>p.$top && spacingTop.call(p.theme, ...p.$top)}
7
- ${(p)=>p.$bottom && spacingBottom.call(p.theme, ...p.$bottom)}
8
- `;
9
- const extractDirectionArgs = (raw)=>{
10
- const [size, factor, property, devices] = raw.split(":");
11
- const factorArg = isUndefined(factor) ? undefined : parseFloat(factor);
12
- const devicesArg = devices?.split(",");
13
- return [
14
- size,
15
- factorArg,
16
- property,
17
- devicesArg
18
- ];
19
- };
20
- /**
21
- * Usage:
22
- *
23
- * ```jsx
24
- * <Spacing top="sm" />
25
- * <Spacing top="sm:1.5" />
26
- * <Spacing top="sm:1.5" bottom="lg" />
27
- * <Spacing vertical="sm:1.5:margin:mobile" />
28
- * <Spacing top="sm:1.5:padding:mobile" />
29
- * <Spacing top="sm:2:padding:tablet,desktop" />
30
- * ```
31
- */ export const Spacing = ({ top, bottom, vertical, ...props })=>{
32
- let $top;
33
- let $bottom;
34
- if (top) {
35
- $top = extractDirectionArgs(top);
36
- }
37
- if (bottom) {
38
- $bottom = extractDirectionArgs(bottom);
39
- }
40
- if (vertical) {
41
- $top = extractDirectionArgs(vertical);
42
- $bottom = $top;
43
- }
44
- if (!$top && !$bottom && !vertical) {
45
- // eslint-disable-next-line react/jsx-no-useless-fragment
46
- return /*#__PURE__*/ _jsx(_Fragment, {
47
- children: props.children
48
- });
49
- }
50
- return /*#__PURE__*/ _jsx(Root, {
51
- $top: $top,
52
- $bottom: $bottom,
53
- ...props
54
- });
55
- };
@@ -1 +0,0 @@
1
- export * from "./Spacing";
package/Spacing/index.js DELETED
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./Spacing"), exports);
package/Spacing/index.mjs DELETED
@@ -1 +0,0 @@
1
- export * from "./Spacing";
@@ -1,2 +0,0 @@
1
- export type StickyProps = {};
2
- export declare const Sticky: null;
package/Sticky/Sticky.js DELETED
@@ -1,228 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Sticky", {
6
- enumerable: true,
7
- get: function() {
8
- return Sticky;
9
- }
10
- });
11
- const Sticky = null; // import {
12
- // Ref,
13
- // CSSProperties,
14
- // useState,
15
- // useCallback,
16
- // useEffect,
17
- // useRef,
18
- // } from "react";
19
- // /**
20
- // * Get current coordinates `left` and `top` of specific element.
21
- // */
22
- // const offsetRelative = (element: HTMLElement) => {
23
- // var result = { l: 0, t: 0 };
24
- // do {
25
- // let offsetTop = element.offsetTop;
26
- // let offsetLeft = element.offsetLeft;
27
- // if (!isNaN(offsetTop)) result.t += offsetTop;
28
- // if (!isNaN(offsetLeft)) result.l += offsetLeft;
29
- // // @ts-expect-error just rething everyhting in this file
30
- // element =
31
- // "BODY" === element.tagName ? element.parentElement : element.offsetParent;
32
- // } while (element);
33
- // return result;
34
- // };
35
- // export type StickyElementProps = {
36
- // ref: Ref<HTMLDivElement>;
37
- // sticky?: boolean;
38
- // style: CSSProperties;
39
- // };
40
- // /**
41
- // * - `0`: "STATIC": Static position as nothing happened
42
- // * - `1`: "VIEWPORT-TOP": Sticked to the top screen edge
43
- // * - `2`: "VIEWPORT-BOTTOM": Sticked to the bottom screen edge
44
- // * - `4`: "VIEWPORT-UNBOTTOM": ? Scrolling in the middle of the element, neither sticked nor static
45
- // * - `3`: "CONTAINER-BOTTOM": ?
46
- // */
47
- // export type StickyStatus = 0 | 1 | 2 | 3;
48
- // type DimensionsBasic = [
49
- // /** containerTop */
50
- // number,
51
- // /** containerHeight */
52
- // number,
53
- // /** containerBottom */
54
- // number,
55
- // /** elementHeight */
56
- // number,
57
- // /** elementWidth */
58
- // number,
59
- // /** viewportHeight */
60
- // number,
61
- // /** maxTranslateY */
62
- // number
63
- // ];
64
- // type DimensionsOnScroll = [
65
- // /** elementLeft */
66
- // number,
67
- // /** viewportTop */
68
- // number,
69
- // /** viewportBottom */
70
- // number,
71
- // /** viewportLeft */
72
- // number,
73
- // /** topSpacing */
74
- // number,
75
- // /** bottomSpacing */
76
- // number
77
- // /** translateY */
78
- // // number,
79
- // /** lastTopSpacing */
80
- // // number,
81
- // /** lastBottomSpacing */
82
- // // number,
83
- // /** lastViewportTop */
84
- // // number,
85
- // ];
86
- // type Dimensions = DimensionsBasic & DimensionsOnScroll;
87
- // const getDimensionsBasic = (container: HTMLElement, inner: HTMLElement) => {
88
- // const containerTop = offsetRelative(container).t;
89
- // const containerHeight = container.clientHeight;
90
- // const containerBottom = containerTop + containerHeight;
91
- // const elementHeight = inner.offsetHeight;
92
- // const elementWidth = inner.offsetWidth;
93
- // const viewportHeight = window.innerHeight;
94
- // const maxTranslateY = containerHeight - elementHeight;
95
- // return [
96
- // containerTop,
97
- // containerHeight,
98
- // containerBottom,
99
- // elementHeight,
100
- // elementWidth,
101
- // viewportHeight,
102
- // maxTranslateY,
103
- // ] as DimensionsBasic;
104
- // };
105
- // const getDimensionsOnScroll = (
106
- // wrapper: HTMLElement,
107
- // container: HTMLElement,
108
- // inner: HTMLElement
109
- // ) => {
110
- // const elementLeft = offsetRelative(wrapper).l;
111
- // const viewportTop =
112
- // document.documentElement.scrollTop || document.body.scrollTop;
113
- // const viewportBottom = viewportTop + window.innerHeight;
114
- // const viewportLeft =
115
- // document.documentElement.scrollLeft || document.body.scrollLeft;
116
- // const topSpacing = 0; // TODO: make it a prop?
117
- // const bottomSpacing = 0; // TODO: make it a prop?
118
- // // const lastTopSpacing = topSpacing;
119
- // // const lastBottomSpacing = bottomSpacing;
120
- // return [
121
- // elementLeft,
122
- // viewportTop,
123
- // viewportBottom,
124
- // viewportLeft,
125
- // topSpacing,
126
- // bottomSpacing,
127
- // ] as DimensionsOnScroll;
128
- // };
129
- // // const getTranslateYonScroll = (dimensions: DimensionsOnScroll, status: StickyStatus) => {
130
- // // if (status === 1) {
131
- // // // Adjust translate Y in the case decrease top spacing value.
132
- // // if (dimensions[5] < dims.lastTopSpacing) {
133
- // // dims.translateY += dims.lastTopSpacing - dims.topSpacing;
134
- // // this._reStyle = true;
135
- // // }
136
- // // } else if (status === 2) {
137
- // // // Adjust translate Y in the case decrease bottom spacing value.
138
- // // if (dims.bottomSpacing < dims.lastBottomSpacing) {
139
- // // dims.translateY += dims.lastBottomSpacing - dims.bottomSpacing;
140
- // // this._reStyle = true;
141
- // // }
142
- // // }
143
- // // }
144
- // export type StickyProps = {
145
- // /** @default "div" */
146
- // Wrapper?: FC<StickyElementProps>;
147
- // /** @default "div" */
148
- // Inner?: FC<StickyElementProps>;
149
- // top: number;
150
- // };
151
- // export const Sticky: FC<StickyProps> = ({
152
- // Wrapper = "div",
153
- // Inner = "div",
154
- // children,
155
- // top,
156
- // ...props
157
- // }) => {
158
- // const [sticky, setSticky] = useState(false);
159
- // const [shouldRestyle, setShouldRestyle] = useState<boolean>();
160
- // const stickyStatus = useRef<StickyStatus>(0);
161
- // const [dimensionsBasic, setDimensionsBasic] = useState<DimensionsBasic>();
162
- // const [dimensionsOnScroll, setDimensionsOnScroll] =
163
- // useState<DimensionsOnScroll>();
164
- // const [translateY, setTranslateY] = useState<number>(0);
165
- // const [styleWrapper, setStyleWrapper] = useState({});
166
- // const [styleInner, setStyleInner] = useState({});
167
- // const [innerWidth, setInnerWidth] = useState<string>();
168
- // const wrapperRef = useRef<HTMLDivElement>(null);
169
- // const innerRef = useRef<HTMLDivElement>(null);
170
- // const handleScroll = useCallback(() => {
171
- // const wrapper = wrapperRef?.current;
172
- // const container = wrapper?.parentElement || null;
173
- // const inner = innerRef?.current;
174
- // if (wrapper && inner && container) {
175
- // const dimensions = getDimensionsOnScroll(wrapper, container, inner);
176
- // setDimensionsOnScroll(dimensions);
177
- // }
178
- // }, []);
179
- // const handleResize = useCallback(() => {
180
- // const container = wrapperRef?.current?.parentElement || null;
181
- // const inner = innerRef?.current;
182
- // if (inner && container) {
183
- // setDimensionsBasic(getDimensionsBasic(container, inner));
184
- // // if (innerRef?.current) {
185
- // // setInnerWidth(window.getComputedStyle(innerRef.current).width);
186
- // // }
187
- // // setSticky(wrapperRef.current.getBoundingClientRect().top <= top);
188
- // }
189
- // }, []);
190
- // useEffect(() => {
191
- // const container = wrapperRef?.current?.parentElement || null;
192
- // const inner = innerRef?.current;
193
- // if (inner && container) {
194
- // setDimensionsBasic(getDimensionsBasic(container, inner));
195
- // }
196
- // window.addEventListener("scroll", handleScroll, { passive: true });
197
- // window.addEventListener("resize", handleResize, { passive: true });
198
- // return () => {
199
- // window.removeEventListener("scroll", () => handleScroll);
200
- // window.removeEventListener("resize", () => handleResize);
201
- // };
202
- // }, [wrapperRef, innerRef, handleScroll, handleResize]);
203
- // // useEffect(() => {
204
- // // if (sticky) {
205
- // // setStyleInner({
206
- // // position: "fixed",
207
- // // zIndex: 1,
208
- // // top,
209
- // // width: innerWidth,
210
- // // });
211
- // // } else {
212
- // // setStyleInner({});
213
- // // }
214
- // // }, [sticky, top, innerWidth]);
215
- // return (
216
- // <Wrapper
217
- // ref={wrapperRef}
218
- // sticky={Wrapper === "div" ? undefined : sticky}
219
- // style={{
220
- // position: "relative",
221
- // }}
222
- // >
223
- // <Inner ref={innerRef} style={styleInner}>
224
- // {children}
225
- // </Inner>
226
- // </Wrapper>
227
- // );
228
- // };
package/Sticky/Sticky.mjs DELETED
@@ -1,218 +0,0 @@
1
- export const Sticky = null; // import {
2
- // Ref,
3
- // CSSProperties,
4
- // useState,
5
- // useCallback,
6
- // useEffect,
7
- // useRef,
8
- // } from "react";
9
- // /**
10
- // * Get current coordinates `left` and `top` of specific element.
11
- // */
12
- // const offsetRelative = (element: HTMLElement) => {
13
- // var result = { l: 0, t: 0 };
14
- // do {
15
- // let offsetTop = element.offsetTop;
16
- // let offsetLeft = element.offsetLeft;
17
- // if (!isNaN(offsetTop)) result.t += offsetTop;
18
- // if (!isNaN(offsetLeft)) result.l += offsetLeft;
19
- // // @ts-expect-error just rething everyhting in this file
20
- // element =
21
- // "BODY" === element.tagName ? element.parentElement : element.offsetParent;
22
- // } while (element);
23
- // return result;
24
- // };
25
- // export type StickyElementProps = {
26
- // ref: Ref<HTMLDivElement>;
27
- // sticky?: boolean;
28
- // style: CSSProperties;
29
- // };
30
- // /**
31
- // * - `0`: "STATIC": Static position as nothing happened
32
- // * - `1`: "VIEWPORT-TOP": Sticked to the top screen edge
33
- // * - `2`: "VIEWPORT-BOTTOM": Sticked to the bottom screen edge
34
- // * - `4`: "VIEWPORT-UNBOTTOM": ? Scrolling in the middle of the element, neither sticked nor static
35
- // * - `3`: "CONTAINER-BOTTOM": ?
36
- // */
37
- // export type StickyStatus = 0 | 1 | 2 | 3;
38
- // type DimensionsBasic = [
39
- // /** containerTop */
40
- // number,
41
- // /** containerHeight */
42
- // number,
43
- // /** containerBottom */
44
- // number,
45
- // /** elementHeight */
46
- // number,
47
- // /** elementWidth */
48
- // number,
49
- // /** viewportHeight */
50
- // number,
51
- // /** maxTranslateY */
52
- // number
53
- // ];
54
- // type DimensionsOnScroll = [
55
- // /** elementLeft */
56
- // number,
57
- // /** viewportTop */
58
- // number,
59
- // /** viewportBottom */
60
- // number,
61
- // /** viewportLeft */
62
- // number,
63
- // /** topSpacing */
64
- // number,
65
- // /** bottomSpacing */
66
- // number
67
- // /** translateY */
68
- // // number,
69
- // /** lastTopSpacing */
70
- // // number,
71
- // /** lastBottomSpacing */
72
- // // number,
73
- // /** lastViewportTop */
74
- // // number,
75
- // ];
76
- // type Dimensions = DimensionsBasic & DimensionsOnScroll;
77
- // const getDimensionsBasic = (container: HTMLElement, inner: HTMLElement) => {
78
- // const containerTop = offsetRelative(container).t;
79
- // const containerHeight = container.clientHeight;
80
- // const containerBottom = containerTop + containerHeight;
81
- // const elementHeight = inner.offsetHeight;
82
- // const elementWidth = inner.offsetWidth;
83
- // const viewportHeight = window.innerHeight;
84
- // const maxTranslateY = containerHeight - elementHeight;
85
- // return [
86
- // containerTop,
87
- // containerHeight,
88
- // containerBottom,
89
- // elementHeight,
90
- // elementWidth,
91
- // viewportHeight,
92
- // maxTranslateY,
93
- // ] as DimensionsBasic;
94
- // };
95
- // const getDimensionsOnScroll = (
96
- // wrapper: HTMLElement,
97
- // container: HTMLElement,
98
- // inner: HTMLElement
99
- // ) => {
100
- // const elementLeft = offsetRelative(wrapper).l;
101
- // const viewportTop =
102
- // document.documentElement.scrollTop || document.body.scrollTop;
103
- // const viewportBottom = viewportTop + window.innerHeight;
104
- // const viewportLeft =
105
- // document.documentElement.scrollLeft || document.body.scrollLeft;
106
- // const topSpacing = 0; // TODO: make it a prop?
107
- // const bottomSpacing = 0; // TODO: make it a prop?
108
- // // const lastTopSpacing = topSpacing;
109
- // // const lastBottomSpacing = bottomSpacing;
110
- // return [
111
- // elementLeft,
112
- // viewportTop,
113
- // viewportBottom,
114
- // viewportLeft,
115
- // topSpacing,
116
- // bottomSpacing,
117
- // ] as DimensionsOnScroll;
118
- // };
119
- // // const getTranslateYonScroll = (dimensions: DimensionsOnScroll, status: StickyStatus) => {
120
- // // if (status === 1) {
121
- // // // Adjust translate Y in the case decrease top spacing value.
122
- // // if (dimensions[5] < dims.lastTopSpacing) {
123
- // // dims.translateY += dims.lastTopSpacing - dims.topSpacing;
124
- // // this._reStyle = true;
125
- // // }
126
- // // } else if (status === 2) {
127
- // // // Adjust translate Y in the case decrease bottom spacing value.
128
- // // if (dims.bottomSpacing < dims.lastBottomSpacing) {
129
- // // dims.translateY += dims.lastBottomSpacing - dims.bottomSpacing;
130
- // // this._reStyle = true;
131
- // // }
132
- // // }
133
- // // }
134
- // export type StickyProps = {
135
- // /** @default "div" */
136
- // Wrapper?: FC<StickyElementProps>;
137
- // /** @default "div" */
138
- // Inner?: FC<StickyElementProps>;
139
- // top: number;
140
- // };
141
- // export const Sticky: FC<StickyProps> = ({
142
- // Wrapper = "div",
143
- // Inner = "div",
144
- // children,
145
- // top,
146
- // ...props
147
- // }) => {
148
- // const [sticky, setSticky] = useState(false);
149
- // const [shouldRestyle, setShouldRestyle] = useState<boolean>();
150
- // const stickyStatus = useRef<StickyStatus>(0);
151
- // const [dimensionsBasic, setDimensionsBasic] = useState<DimensionsBasic>();
152
- // const [dimensionsOnScroll, setDimensionsOnScroll] =
153
- // useState<DimensionsOnScroll>();
154
- // const [translateY, setTranslateY] = useState<number>(0);
155
- // const [styleWrapper, setStyleWrapper] = useState({});
156
- // const [styleInner, setStyleInner] = useState({});
157
- // const [innerWidth, setInnerWidth] = useState<string>();
158
- // const wrapperRef = useRef<HTMLDivElement>(null);
159
- // const innerRef = useRef<HTMLDivElement>(null);
160
- // const handleScroll = useCallback(() => {
161
- // const wrapper = wrapperRef?.current;
162
- // const container = wrapper?.parentElement || null;
163
- // const inner = innerRef?.current;
164
- // if (wrapper && inner && container) {
165
- // const dimensions = getDimensionsOnScroll(wrapper, container, inner);
166
- // setDimensionsOnScroll(dimensions);
167
- // }
168
- // }, []);
169
- // const handleResize = useCallback(() => {
170
- // const container = wrapperRef?.current?.parentElement || null;
171
- // const inner = innerRef?.current;
172
- // if (inner && container) {
173
- // setDimensionsBasic(getDimensionsBasic(container, inner));
174
- // // if (innerRef?.current) {
175
- // // setInnerWidth(window.getComputedStyle(innerRef.current).width);
176
- // // }
177
- // // setSticky(wrapperRef.current.getBoundingClientRect().top <= top);
178
- // }
179
- // }, []);
180
- // useEffect(() => {
181
- // const container = wrapperRef?.current?.parentElement || null;
182
- // const inner = innerRef?.current;
183
- // if (inner && container) {
184
- // setDimensionsBasic(getDimensionsBasic(container, inner));
185
- // }
186
- // window.addEventListener("scroll", handleScroll, { passive: true });
187
- // window.addEventListener("resize", handleResize, { passive: true });
188
- // return () => {
189
- // window.removeEventListener("scroll", () => handleScroll);
190
- // window.removeEventListener("resize", () => handleResize);
191
- // };
192
- // }, [wrapperRef, innerRef, handleScroll, handleResize]);
193
- // // useEffect(() => {
194
- // // if (sticky) {
195
- // // setStyleInner({
196
- // // position: "fixed",
197
- // // zIndex: 1,
198
- // // top,
199
- // // width: innerWidth,
200
- // // });
201
- // // } else {
202
- // // setStyleInner({});
203
- // // }
204
- // // }, [sticky, top, innerWidth]);
205
- // return (
206
- // <Wrapper
207
- // ref={wrapperRef}
208
- // sticky={Wrapper === "div" ? undefined : sticky}
209
- // style={{
210
- // position: "relative",
211
- // }}
212
- // >
213
- // <Inner ref={innerRef} style={styleInner}>
214
- // {children}
215
- // </Inner>
216
- // </Wrapper>
217
- // );
218
- // };
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export type StickyCssProps = React.ComponentProps<"div"> & {
3
- top: number;
4
- };
5
- export declare const StickyCss: ({ top, ...props }: StickyCssProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "StickyCss", {
6
- enumerable: true,
7
- get: function() {
8
- return StickyCss;
9
- }
10
- });
11
- const _jsxruntime = require("react/jsx-runtime");
12
- const StickyCss = ({ top, ...props })=>{
13
- return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
14
- style: {
15
- position: "sticky",
16
- top: 100
17
- },
18
- ...props
19
- });
20
- };
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export const StickyCss = ({ top, ...props })=>{
3
- return /*#__PURE__*/ _jsx("div", {
4
- style: {
5
- position: "sticky",
6
- top: 100
7
- },
8
- ...props
9
- });
10
- };
package/Sticky/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { StickyCss, StickyCssProps } from "./StickyCss";
package/Sticky/index.js DELETED
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- StickyCss: function() {
13
- return _StickyCss.StickyCss;
14
- },
15
- StickyCssProps: function() {
16
- return _StickyCss.StickyCssProps;
17
- }
18
- });
19
- const _StickyCss = require("./StickyCss");
package/Sticky/index.mjs DELETED
@@ -1 +0,0 @@
1
- export { StickyCss, StickyCssProps } from "./StickyCss";