@koine/react 2.0.0-beta.2 → 2.0.0-beta.20

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 (694) hide show
  1. package/Alert/Alert.d.ts +0 -0
  2. package/Alert/Alert.js +8 -12
  3. package/Alert/index.d.ts +1 -1
  4. package/Alert/index.js +1 -4
  5. package/Animations/Reveal.d.ts +1 -2
  6. package/Animations/Reveal.js +14 -19
  7. package/Animations/Underline.d.ts +1 -1
  8. package/Animations/Underline.js +4 -7
  9. package/Animations/index.d.ts +3 -3
  10. package/Animations/index.js +3 -6
  11. package/Animations/useReveal.d.ts +0 -21
  12. package/Animations/useReveal.js +8 -40
  13. package/Autocomplete/AutocompleteDownshift.d.ts +0 -0
  14. package/Autocomplete/AutocompleteDownshift.js +1 -161
  15. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -0
  16. package/Autocomplete/AutocompleteDownshiftMultiselect.js +1 -356
  17. package/Autocomplete/AutocompleteMui.d.ts +2 -27
  18. package/Autocomplete/AutocompleteMui.js +37 -124
  19. package/Autocomplete/AutocompleteReach.d.ts +0 -0
  20. package/Autocomplete/AutocompleteReach.js +1 -115
  21. package/Autocomplete/components.d.ts +12 -21
  22. package/Autocomplete/components.js +22 -33
  23. package/Autocomplete/helpers.d.ts +1 -1
  24. package/Autocomplete/helpers.js +5 -23
  25. package/Autocomplete/index.d.ts +2 -2
  26. package/Autocomplete/index.js +1 -7
  27. package/Bg/BgColor.d.ts +3 -27
  28. package/Bg/BgColor.js +10 -19
  29. package/Bg/BgPhoto.d.ts +1 -6
  30. package/Bg/BgPhoto.js +9 -13
  31. package/Bg/BgSvg.d.ts +0 -3
  32. package/Bg/BgSvg.js +6 -13
  33. package/Bg/index.d.ts +3 -3
  34. package/Bg/index.js +3 -6
  35. package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  36. package/Breadcrumbs/Breadcrumbs.js +18 -22
  37. package/Breadcrumbs/index.d.ts +1 -1
  38. package/Breadcrumbs/index.js +1 -4
  39. package/Buttons/Button.d.ts +1 -5
  40. package/Buttons/Button.js +9 -16
  41. package/Buttons/ButtonComposite.d.ts +3 -4
  42. package/Buttons/ButtonComposite.js +16 -20
  43. package/Buttons/ButtonFab.d.ts +2 -5
  44. package/Buttons/ButtonFab.js +5 -8
  45. package/Buttons/ButtonLink.d.ts +3 -3
  46. package/Buttons/ButtonLink.js +8 -12
  47. package/Buttons/IconButton.d.ts +2 -5
  48. package/Buttons/IconButton.js +6 -9
  49. package/Buttons/index.d.ts +5 -5
  50. package/Buttons/index.js +5 -8
  51. package/Calendar/CalendarDaygridCell.d.ts +3 -4
  52. package/Calendar/CalendarDaygridCell.js +13 -28
  53. package/Calendar/CalendarDaygridNav.d.ts +2 -2
  54. package/Calendar/CalendarDaygridNav.js +11 -15
  55. package/Calendar/CalendarDaygridTable.d.ts +3 -3
  56. package/Calendar/CalendarDaygridTable.js +21 -28
  57. package/Calendar/CalendarLegend.d.ts +2 -3
  58. package/Calendar/CalendarLegend.js +6 -16
  59. package/Calendar/calendar-api-google.d.ts +1 -9
  60. package/Calendar/calendar-api-google.js +29 -38
  61. package/Calendar/index.d.ts +6 -6
  62. package/Calendar/index.js +6 -9
  63. package/Calendar/types.d.ts +0 -19
  64. package/Calendar/types.js +1 -2
  65. package/Calendar/useCalendar.d.ts +4 -19
  66. package/Calendar/useCalendar.js +50 -61
  67. package/Calendar/utils.d.ts +1 -1
  68. package/Calendar/utils.js +31 -61
  69. package/Carousel/Carousel.d.ts +0 -0
  70. package/Carousel/Carousel.js +1 -381
  71. package/Carousel/CarouselCss.d.ts +3 -42
  72. package/Carousel/CarouselCss.js +13 -20
  73. package/Carousel/index.d.ts +1 -1
  74. package/Carousel/index.js +1 -4
  75. package/Collapsable/Collapsable.d.ts +0 -0
  76. package/Collapsable/Collapsable.js +1 -4
  77. package/Collapsable/CollapsableReach.d.ts +0 -6
  78. package/Collapsable/CollapsableReach.js +0 -251
  79. package/Collapsable/index.d.ts +1 -1
  80. package/Collapsable/index.js +1 -5
  81. package/Debug/Debug.d.ts +0 -0
  82. package/Debug/Debug.js +6 -10
  83. package/Debug/index.d.ts +1 -1
  84. package/Debug/index.js +1 -4
  85. package/Details/Details.d.ts +62 -68
  86. package/Details/Details.js +26 -40
  87. package/Details/index.d.ts +1 -1
  88. package/Details/index.js +1 -4
  89. package/Dialog/DialogMui.d.ts +19 -338
  90. package/Dialog/DialogMui.js +25 -69
  91. package/Dialog/css/bare.d.ts +18 -337
  92. package/Dialog/css/bare.js +19 -22
  93. package/Dialog/index.d.ts +2 -2
  94. package/Dialog/index.js +1 -5
  95. package/Dialog/m/bare.d.ts +2 -398
  96. package/Dialog/m/bare.js +3 -55
  97. package/Dialog/m/basic.d.ts +1 -1
  98. package/Dialog/m/basic.js +3 -10
  99. package/Dialog/m/index.d.ts +1 -2
  100. package/Dialog/m/index.js +3 -7
  101. package/Dialog/sc/bare.d.ts +31 -419
  102. package/Dialog/sc/bare.js +21 -36
  103. package/Dialog/sc/framer.d.ts +16 -424
  104. package/Dialog/sc/framer.js +15 -18
  105. package/Dialog/sc/framerMaterial.d.ts +15 -422
  106. package/Dialog/sc/framerMaterial.js +15 -18
  107. package/Dialog/sc/material.d.ts +30 -409
  108. package/Dialog/sc/material.js +19 -22
  109. package/Dialog/tw/bare.d.ts +16 -349
  110. package/Dialog/tw/bare.js +19 -35
  111. package/Dialog/tw/elegant.d.ts +15 -334
  112. package/Dialog/tw/elegant.js +19 -21
  113. package/Dialog/tw/framer.d.ts +6 -358
  114. package/Dialog/tw/framer.js +15 -18
  115. package/Dialog/tw/framerMaterial.d.ts +5 -356
  116. package/Dialog/tw/framerMaterial.js +15 -18
  117. package/Dialog/tw/material.d.ts +15 -334
  118. package/Dialog/tw/material.js +19 -21
  119. package/Editor/Editor--tiptap.d.ts +1 -1
  120. package/Editor/Editor--tiptap.js +15 -20
  121. package/Editor/components.d.ts +3 -5
  122. package/Editor/components.js +9 -14
  123. package/Editor/index.d.ts +1 -1
  124. package/Editor/index.js +1 -4
  125. package/{FaviconTags/FaviconTags.d.ts → FaviconTags.d.ts} +0 -10
  126. package/{FaviconTags/FaviconTags.mjs → FaviconTags.js} +0 -10
  127. package/Form/Form.d.ts +1 -14
  128. package/Form/Form.js +23 -28
  129. package/Form/index.d.ts +1 -1
  130. package/Form/index.js +1 -4
  131. package/Form/sc/bare.d.ts +12 -13
  132. package/Form/sc/bare.js +18 -21
  133. package/Forms/Checkbox/Checkbox.d.ts +5 -9
  134. package/Forms/Checkbox/Checkbox.js +13 -19
  135. package/Forms/Checkbox/index.d.ts +1 -1
  136. package/Forms/Checkbox/index.js +1 -4
  137. package/Forms/Feedback/Feedback.d.ts +0 -0
  138. package/Forms/Feedback/Feedback.js +6 -10
  139. package/Forms/Feedback/index.d.ts +1 -1
  140. package/Forms/Feedback/index.js +1 -4
  141. package/Forms/Field/Field.d.ts +3 -23
  142. package/Forms/Field/Field.js +10 -20
  143. package/Forms/Field/FieldControl.d.ts +2 -14
  144. package/Forms/Field/FieldControl.js +14 -30
  145. package/Forms/Field/FieldHint.d.ts +1 -1
  146. package/Forms/Field/FieldHint.js +3 -6
  147. package/Forms/Field/index.d.ts +2 -2
  148. package/Forms/Field/index.js +2 -5
  149. package/Forms/Input/Input.d.ts +6 -7
  150. package/Forms/Input/Input.js +14 -18
  151. package/Forms/Input/index.d.ts +1 -1
  152. package/Forms/Input/index.js +1 -4
  153. package/Forms/InputGroup/InputGroup.d.ts +5 -6
  154. package/Forms/InputGroup/InputGroup.js +13 -17
  155. package/Forms/InputGroup/index.d.ts +1 -1
  156. package/Forms/InputGroup/index.js +1 -4
  157. package/Forms/Label/Label.d.ts +1 -1
  158. package/Forms/Label/Label.js +5 -8
  159. package/Forms/Label/index.d.ts +1 -1
  160. package/Forms/Label/index.js +1 -4
  161. package/Forms/Password/Password.d.ts +2 -3
  162. package/Forms/Password/Password.js +14 -17
  163. package/Forms/Password/index.d.ts +1 -1
  164. package/Forms/Password/index.js +1 -4
  165. package/Forms/Radio/Radio.d.ts +1 -2
  166. package/Forms/Radio/Radio.js +19 -22
  167. package/Forms/Radio/index.d.ts +1 -1
  168. package/Forms/Radio/index.js +1 -4
  169. package/Forms/Switch/Switch.d.ts +3 -7
  170. package/Forms/Switch/Switch.js +13 -19
  171. package/Forms/Switch/index.d.ts +1 -1
  172. package/Forms/Switch/index.js +1 -4
  173. package/Forms/Textarea/Textarea.d.ts +2 -3
  174. package/Forms/Textarea/Textarea.js +10 -13
  175. package/Forms/Textarea/TextareaRich.d.ts +1 -2
  176. package/Forms/Textarea/TextareaRich.js +12 -17
  177. package/Forms/Textarea/index.d.ts +2 -2
  178. package/Forms/Textarea/index.js +2 -5
  179. package/Forms/Toggle/Toggle-tailwind.d.ts +0 -0
  180. package/Forms/Toggle/Toggle-tailwind.js +0 -98
  181. package/Forms/Toggle/Toggle.d.ts +7 -8
  182. package/Forms/Toggle/Toggle.js +21 -32
  183. package/Forms/Toggle/index.d.ts +1 -1
  184. package/Forms/Toggle/index.js +1 -4
  185. package/Forms/Toggle/useToggle-tailwind.d.ts +0 -0
  186. package/Forms/Toggle/useToggle-tailwind.js +0 -201
  187. package/Forms/Toggle/useToggle.d.ts +1 -31
  188. package/Forms/Toggle/useToggle.js +15 -79
  189. package/Forms/antispam.d.ts +0 -20
  190. package/Forms/antispam.js +8 -45
  191. package/Forms/helpers.d.ts +0 -8
  192. package/Forms/helpers.js +7 -26
  193. package/Forms/index.d.ts +15 -15
  194. package/Forms/index.js +15 -19
  195. package/Forms/styles.d.ts +3 -13
  196. package/Forms/styles.js +15 -28
  197. package/Gauge/Gauge.d.ts +0 -1
  198. package/Gauge/Gauge.js +1 -106
  199. package/Grid/Grid.d.ts +7 -39
  200. package/Grid/Grid.js +11 -15
  201. package/Grid/index.d.ts +1 -1
  202. package/Grid/index.js +1 -4
  203. package/Hamburger/Hamburger.d.ts +0 -1
  204. package/Hamburger/Hamburger.js +7 -16
  205. package/Hamburger/index.d.ts +1 -1
  206. package/Hamburger/index.js +1 -4
  207. package/Header/index.d.ts +1 -1
  208. package/Header/index.js +1 -4
  209. package/Header/useHeader.d.ts +0 -4
  210. package/Header/useHeader.js +15 -18
  211. package/Hidden/Hidden.d.ts +2 -2
  212. package/Hidden/Hidden.js +3 -6
  213. package/Hidden/index.d.ts +1 -1
  214. package/Hidden/index.js +1 -4
  215. package/Img/index.d.ts +1 -1
  216. package/Img/index.js +1 -4
  217. package/Img/sc/bare.d.ts +1 -1
  218. package/Img/sc/bare.js +3 -41
  219. package/Img/types.d.ts +0 -0
  220. package/Img/types.js +1 -2
  221. package/Link/Link.d.ts +1 -3
  222. package/Link/Link.js +3 -6
  223. package/Link/LinkBlank.d.ts +2 -5
  224. package/Link/LinkBlank.js +11 -17
  225. package/Link/index.d.ts +2 -2
  226. package/Link/index.js +2 -5
  227. package/Menu/Menu.d.ts +1 -1
  228. package/Menu/Menu.js +3 -6
  229. package/Menu/MenuMui.d.ts +0 -0
  230. package/Menu/MenuMui.js +0 -164
  231. package/Menu/index.d.ts +1 -1
  232. package/Menu/index.js +1 -4
  233. package/MenuItem/MenuItem.d.ts +1 -4
  234. package/MenuItem/MenuItem.js +3 -6
  235. package/MenuItem/MenuItemMui.d.ts +0 -0
  236. package/MenuItem/MenuItemMui.js +0 -31
  237. package/MenuItem/index.d.ts +1 -1
  238. package/MenuItem/index.js +1 -4
  239. package/MenuItem/useMenuItem.d.ts +0 -0
  240. package/MenuItem/useMenuItem.js +17 -39
  241. package/Meta.d.ts +5 -0
  242. package/{Meta/Meta.mjs → Meta.js} +0 -0
  243. package/{NoJs/NoJs.d.ts → NoJs.d.ts} +0 -0
  244. package/{NoJs/NoJs.mjs → NoJs.js} +0 -0
  245. package/Pagination/PaginationNav.d.ts +1 -9
  246. package/Pagination/PaginationNav.js +18 -35
  247. package/Pagination/PaginationResults.d.ts +0 -0
  248. package/Pagination/PaginationResults.js +8 -12
  249. package/Pagination/index.d.ts +2 -2
  250. package/Pagination/index.js +2 -5
  251. package/Pill/Pill.d.ts +4 -4
  252. package/Pill/Pill.js +6 -9
  253. package/Pill/index.d.ts +1 -1
  254. package/Pill/index.js +1 -4
  255. package/Progress/ProgressCircular.d.ts +1 -7
  256. package/Progress/ProgressCircular.js +10 -17
  257. package/Progress/ProgressLinear.d.ts +1 -8
  258. package/Progress/ProgressLinear.js +9 -16
  259. package/Progress/ProgressOverlay.d.ts +0 -0
  260. package/Progress/ProgressOverlay.js +16 -21
  261. package/Progress/index.d.ts +3 -3
  262. package/Progress/index.js +3 -6
  263. package/Rating/Rating.d.ts +5 -13
  264. package/Rating/Rating.js +20 -52
  265. package/Rating/index.d.ts +1 -4
  266. package/Rating/index.js +5 -17
  267. package/Select/SelectDownshift.d.ts +1 -1
  268. package/Select/SelectDownshift.js +1 -41
  269. package/Select/components.d.ts +1 -1
  270. package/Select/components.js +10 -13
  271. package/Select/index.d.ts +2 -2
  272. package/Select/index.js +1 -7
  273. package/Sidebar/Sidebar.d.ts +0 -0
  274. package/Sidebar/Sidebar.js +17 -21
  275. package/Sidebar/index.d.ts +1 -1
  276. package/Sidebar/index.js +1 -4
  277. package/Spacing/Spacing.d.ts +1 -14
  278. package/Spacing/Spacing.js +12 -29
  279. package/Spacing/index.d.ts +1 -1
  280. package/Spacing/index.js +1 -4
  281. package/Sticky/Sticky.d.ts +0 -0
  282. package/Sticky/Sticky.js +1 -222
  283. package/Sticky/StickyCss.d.ts +0 -0
  284. package/Sticky/StickyCss.js +5 -9
  285. package/Sticky/index.d.ts +1 -1
  286. package/Sticky/index.js +1 -5
  287. package/Tabs/TabsMui.d.ts +15 -305
  288. package/Tabs/TabsMui.js +27 -49
  289. package/Tabs/index.d.ts +1 -1
  290. package/Tabs/index.js +1 -4
  291. package/Tabs/sc/bare.d.ts +0 -5
  292. package/Tabs/sc/bare.js +0 -86
  293. package/Tabs/tw/bare.d.ts +12 -302
  294. package/Tabs/tw/bare.js +15 -18
  295. package/Tabs/tw/material.d.ts +9 -335
  296. package/Tabs/tw/material.js +15 -17
  297. package/Tabs/useTabs.d.ts +0 -22
  298. package/Tabs/useTabs.js +10 -13
  299. package/Typography/CopyPasteVisible.d.ts +1 -1
  300. package/Typography/CopyPasteVisible.js +3 -6
  301. package/Typography/Native.d.ts +5 -5
  302. package/Typography/Native.js +13 -16
  303. package/Typography/ReadMore.d.ts +0 -2
  304. package/Typography/ReadMore.js +24 -29
  305. package/Typography/TextLoop.d.ts +0 -0
  306. package/Typography/TextLoop.js +17 -23
  307. package/Typography/TypeStairs.d.ts +0 -0
  308. package/Typography/TypeStairs.js +7 -17
  309. package/Typography/index.d.ts +5 -5
  310. package/Typography/index.js +5 -8
  311. package/classed.d.ts +8 -0
  312. package/{helpers/classed.mjs → classed.js} +2 -33
  313. package/{helpers/createUseMediaQueryWidth.d.ts → createUseMediaQueryWidth.d.ts} +1 -7
  314. package/createUseMediaQueryWidth.js +39 -0
  315. package/css/index.d.ts +1 -2
  316. package/css/index.js +1 -36
  317. package/{helpers/extend-component.d.ts → extendComponent.d.ts} +0 -11
  318. package/{helpers/extend-component.mjs → extendComponent.js} +0 -4
  319. package/index.d.ts +25 -1
  320. package/index.js +24 -8
  321. package/m/MotionProvider.d.ts +0 -32
  322. package/m/MotionProvider.js +5 -41
  323. package/m/index.d.ts +1 -6
  324. package/m/index.js +1 -9
  325. package/m/lite.d.ts +0 -0
  326. package/m/lite.js +2 -4
  327. package/m/max.d.ts +0 -0
  328. package/m/max.js +2 -4
  329. package/{helpers/mergeRefs.d.ts → mergeRefs.d.ts} +0 -0
  330. package/{helpers/mergeRefs.mjs → mergeRefs.js} +0 -0
  331. package/package.json +610 -25
  332. package/sc/index.d.ts +29 -30
  333. package/sc/index.js +29 -37
  334. package/scm/index.d.ts +28 -29
  335. package/scm/index.js +28 -36
  336. package/shared/index.d.ts +7 -8
  337. package/shared/index.js +7 -11
  338. package/styles/Body.d.ts +2 -10
  339. package/styles/Body.js +4 -15
  340. package/styles/Global.d.ts +0 -13
  341. package/styles/Global.js +4 -20
  342. package/styles/index.d.ts +7 -7
  343. package/styles/index.js +7 -41
  344. package/styles/media.d.ts +1 -50
  345. package/styles/media.js +10 -96
  346. package/styles/spacing.d.ts +1 -2
  347. package/styles/spacing.js +4 -11
  348. package/styles/styled.d.ts +0 -4
  349. package/styles/styled.js +7 -15
  350. package/styles/theme--vanilla.d.ts +0 -0
  351. package/styles/theme--vanilla.js +19 -36
  352. package/styles/theme.d.ts +0 -29
  353. package/styles/theme.js +9 -24
  354. package/tw/index.d.ts +1 -2
  355. package/tw/index.js +1 -36
  356. package/twm/index.d.ts +1 -2
  357. package/twm/index.js +1 -36
  358. package/types.d.ts +3 -2
  359. package/types.js +1 -2
  360. package/typings.d.ts +1 -0
  361. package/{hooks/useAsyncFn.d.ts → useAsyncFn.d.ts} +1 -4
  362. package/{hooks/useAsyncFn.mjs → useAsyncFn.js} +4 -8
  363. package/useDateLocale.d.ts +2 -0
  364. package/{hooks/useDateLocale.mjs → useDateLocale.js} +5 -14
  365. package/useFirstMountState.d.ts +2 -0
  366. package/{hooks/useFirstMountState.mjs → useFirstMountState.js} +0 -3
  367. package/useFixedOffset.d.ts +3 -0
  368. package/{hooks/useFixedOffset.mjs → useFixedOffset.js} +3 -18
  369. package/{hooks/useFocus.d.ts → useFocus.d.ts} +0 -3
  370. package/{hooks/useFocus.mjs → useFocus.js} +0 -3
  371. package/useInterval.d.ts +2 -0
  372. package/{hooks/useInterval.mjs → useInterval.js} +3 -9
  373. package/useIsomorphicLayoutEffect.d.ts +3 -0
  374. package/{hooks/useIsomorphicLayoutEffect.mjs → useIsomorphicLayoutEffect.js} +1 -4
  375. package/{hooks/useKeyUp.d.ts → useKeyUp.d.ts} +0 -0
  376. package/{hooks/useKeyUp.mjs → useKeyUp.js} +3 -8
  377. package/{hooks/useMeasure.d.ts → useMeasure.d.ts} +0 -5
  378. package/{hooks/useMeasure.mjs → useMeasure.js} +14 -51
  379. package/useMountedState.d.ts +2 -0
  380. package/{hooks/useMountedState.mjs → useMountedState.js} +0 -3
  381. package/useNavigateAway.d.ts +3 -0
  382. package/useNavigateAway.js +25 -0
  383. package/usePrevious.d.ts +2 -0
  384. package/usePrevious.js +10 -0
  385. package/{hooks/usePreviousRef.d.ts → usePreviousRef.d.ts} +0 -0
  386. package/{hooks/usePreviousRef.mjs → usePreviousRef.js} +0 -0
  387. package/{hooks/useScrollPosition.d.ts → useScrollPosition.d.ts} +0 -7
  388. package/{hooks/useScrollPosition.mjs → useScrollPosition.js} +3 -10
  389. package/{hooks/useScrollThreshold.d.ts → useScrollThreshold.d.ts} +0 -0
  390. package/{hooks/useScrollThreshold.mjs → useScrollThreshold.js} +5 -6
  391. package/{hooks/useScrollTo.d.ts → useScrollTo.d.ts} +0 -0
  392. package/{hooks/useScrollTo.mjs → useScrollTo.js} +4 -3
  393. package/{hooks/useSmoothScroll.d.ts → useSmoothScroll.d.ts} +0 -6
  394. package/{hooks/useSmoothScroll.mjs → useSmoothScroll.js} +3 -10
  395. package/useSpinDelay.d.ts +2 -0
  396. package/{hooks/useSpinDelay.mjs → useSpinDelay.js} +3 -14
  397. package/{hooks/useTraceUpdate.d.ts → useTraceUpdate.d.ts} +0 -3
  398. package/{hooks/useTraceUpdate.mjs → useTraceUpdate.js} +2 -5
  399. package/{hooks/useUpdateEffect.d.ts → useUpdateEffect.d.ts} +0 -3
  400. package/{hooks/useUpdateEffect.mjs → useUpdateEffect.js} +1 -5
  401. package/useWindowSize.d.ts +3 -0
  402. package/{hooks/useWindowSize.mjs → useWindowSize.js} +4 -13
  403. package/Alert/Alert.mjs +0 -10
  404. package/Alert/index.mjs +0 -1
  405. package/Alert/package.json +0 -6
  406. package/Animations/Reveal.mjs +0 -17
  407. package/Animations/Underline.mjs +0 -5
  408. package/Animations/index.mjs +0 -3
  409. package/Animations/package.json +0 -6
  410. package/Animations/useReveal.mjs +0 -71
  411. package/Autocomplete/AutocompleteDownshift.mjs +0 -158
  412. package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +0 -353
  413. package/Autocomplete/AutocompleteMui.mjs +0 -182
  414. package/Autocomplete/AutocompleteReach.mjs +0 -112
  415. package/Autocomplete/components.mjs +0 -34
  416. package/Autocomplete/helpers.mjs +0 -29
  417. package/Autocomplete/index.mjs +0 -3
  418. package/Autocomplete/package.json +0 -6
  419. package/Bg/BgColor.mjs +0 -21
  420. package/Bg/BgPhoto.mjs +0 -16
  421. package/Bg/BgSvg.mjs +0 -12
  422. package/Bg/index.mjs +0 -3
  423. package/Bg/package.json +0 -6
  424. package/Breadcrumbs/Breadcrumbs.mjs +0 -27
  425. package/Breadcrumbs/index.mjs +0 -1
  426. package/Breadcrumbs/package.json +0 -6
  427. package/Buttons/Button.mjs +0 -14
  428. package/Buttons/ButtonComposite.mjs +0 -28
  429. package/Buttons/ButtonFab.mjs +0 -6
  430. package/Buttons/ButtonLink.mjs +0 -11
  431. package/Buttons/IconButton.mjs +0 -7
  432. package/Buttons/index.mjs +0 -5
  433. package/Buttons/package.json +0 -6
  434. package/Calendar/CalendarDaygridCell.mjs +0 -57
  435. package/Calendar/CalendarDaygridNav.mjs +0 -23
  436. package/Calendar/CalendarDaygridTable.mjs +0 -48
  437. package/Calendar/CalendarLegend.mjs +0 -15
  438. package/Calendar/calendar-api-google.mjs +0 -129
  439. package/Calendar/index.mjs +0 -6
  440. package/Calendar/package.json +0 -6
  441. package/Calendar/types.mjs +0 -1
  442. package/Calendar/useCalendar.mjs +0 -183
  443. package/Calendar/utils.mjs +0 -202
  444. package/Carousel/Carousel.mjs +0 -378
  445. package/Carousel/CarouselCss.mjs +0 -22
  446. package/Carousel/index.mjs +0 -1
  447. package/Carousel/package.json +0 -6
  448. package/Collapsable/Collapsable.mjs +0 -1
  449. package/Collapsable/CollapsableReach.mjs +0 -252
  450. package/Collapsable/index.mjs +0 -2
  451. package/Collapsable/package.json +0 -6
  452. package/Debug/Debug.mjs +0 -9
  453. package/Debug/index.mjs +0 -1
  454. package/Debug/package.json +0 -6
  455. package/Details/Details.mjs +0 -63
  456. package/Details/index.mjs +0 -1
  457. package/Details/package.json +0 -6
  458. package/Dialog/DialogMui.mjs +0 -80
  459. package/Dialog/css/bare.mjs +0 -21
  460. package/Dialog/index.mjs +0 -1
  461. package/Dialog/m/bare.mjs +0 -52
  462. package/Dialog/m/basic.mjs +0 -31
  463. package/Dialog/m/index.mjs +0 -4
  464. package/Dialog/m/package.json +0 -6
  465. package/Dialog/package.json +0 -6
  466. package/Dialog/sc/bare.mjs +0 -43
  467. package/Dialog/sc/framer.mjs +0 -16
  468. package/Dialog/sc/framerMaterial.mjs +0 -16
  469. package/Dialog/sc/material.mjs +0 -21
  470. package/Dialog/tw/bare.mjs +0 -42
  471. package/Dialog/tw/elegant.mjs +0 -20
  472. package/Dialog/tw/framer.mjs +0 -16
  473. package/Dialog/tw/framerMaterial.mjs +0 -16
  474. package/Dialog/tw/material.mjs +0 -20
  475. package/Editor/Editor--tiptap.mjs +0 -26
  476. package/Editor/components.mjs +0 -10
  477. package/Editor/index.mjs +0 -1
  478. package/Editor/package.json +0 -6
  479. package/FaviconTags/FaviconTags.js +0 -20
  480. package/FaviconTags/index.d.ts +0 -2
  481. package/FaviconTags/index.js +0 -7
  482. package/FaviconTags/index.mjs +0 -2
  483. package/FaviconTags/package.json +0 -6
  484. package/Form/Form.mjs +0 -61
  485. package/Form/index.mjs +0 -1
  486. package/Form/package.json +0 -6
  487. package/Form/sc/bare.mjs +0 -20
  488. package/Forms/Checkbox/Checkbox.mjs +0 -18
  489. package/Forms/Checkbox/index.mjs +0 -1
  490. package/Forms/Checkbox/package.json +0 -6
  491. package/Forms/Feedback/Feedback.mjs +0 -9
  492. package/Forms/Feedback/index.mjs +0 -1
  493. package/Forms/Feedback/package.json +0 -6
  494. package/Forms/Field/Field.mjs +0 -31
  495. package/Forms/Field/FieldControl.mjs +0 -47
  496. package/Forms/Field/FieldHint.mjs +0 -4
  497. package/Forms/Field/index.mjs +0 -2
  498. package/Forms/Field/package.json +0 -6
  499. package/Forms/Input/Input.mjs +0 -17
  500. package/Forms/Input/index.mjs +0 -1
  501. package/Forms/Input/package.json +0 -6
  502. package/Forms/InputGroup/InputGroup.mjs +0 -15
  503. package/Forms/InputGroup/index.mjs +0 -1
  504. package/Forms/InputGroup/package.json +0 -6
  505. package/Forms/Label/Label.mjs +0 -6
  506. package/Forms/Label/index.mjs +0 -1
  507. package/Forms/Label/package.json +0 -6
  508. package/Forms/Password/Password.mjs +0 -17
  509. package/Forms/Password/index.mjs +0 -1
  510. package/Forms/Password/package.json +0 -6
  511. package/Forms/Radio/Radio.mjs +0 -25
  512. package/Forms/Radio/index.mjs +0 -1
  513. package/Forms/Radio/package.json +0 -6
  514. package/Forms/Switch/Switch.mjs +0 -20
  515. package/Forms/Switch/index.mjs +0 -1
  516. package/Forms/Switch/package.json +0 -6
  517. package/Forms/Textarea/Textarea.mjs +0 -12
  518. package/Forms/Textarea/TextareaRich.mjs +0 -28
  519. package/Forms/Textarea/index.mjs +0 -2
  520. package/Forms/Textarea/package.json +0 -6
  521. package/Forms/Toggle/Toggle-tailwind.mjs +0 -99
  522. package/Forms/Toggle/Toggle.mjs +0 -31
  523. package/Forms/Toggle/index.mjs +0 -1
  524. package/Forms/Toggle/package.json +0 -6
  525. package/Forms/Toggle/useToggle-tailwind.mjs +0 -202
  526. package/Forms/Toggle/useToggle.mjs +0 -145
  527. package/Forms/antispam.mjs +0 -60
  528. package/Forms/helpers.mjs +0 -46
  529. package/Forms/index.mjs +0 -16
  530. package/Forms/package.json +0 -6
  531. package/Forms/styles.mjs +0 -29
  532. package/Gauge/Gauge.mjs +0 -102
  533. package/Grid/Grid.mjs +0 -53
  534. package/Grid/index.mjs +0 -1
  535. package/Grid/package.json +0 -6
  536. package/Hamburger/Hamburger.mjs +0 -52
  537. package/Hamburger/index.mjs +0 -1
  538. package/Hamburger/package.json +0 -6
  539. package/Header/index.mjs +0 -1
  540. package/Header/package.json +0 -6
  541. package/Header/useHeader.mjs +0 -31
  542. package/Hidden/Hidden.mjs +0 -10
  543. package/Hidden/index.mjs +0 -1
  544. package/Hidden/package.json +0 -6
  545. package/Img/index.mjs +0 -1
  546. package/Img/package.json +0 -6
  547. package/Img/sc/bare.mjs +0 -39
  548. package/Img/types.mjs +0 -1
  549. package/Link/Link.mjs +0 -4
  550. package/Link/LinkBlank.mjs +0 -17
  551. package/Link/index.mjs +0 -2
  552. package/Link/package.json +0 -6
  553. package/Menu/Menu.mjs +0 -4
  554. package/Menu/MenuMui.mjs +0 -165
  555. package/Menu/index.mjs +0 -1
  556. package/Menu/package.json +0 -6
  557. package/MenuItem/MenuItem.mjs +0 -4
  558. package/MenuItem/MenuItemMui.mjs +0 -32
  559. package/MenuItem/index.mjs +0 -1
  560. package/MenuItem/package.json +0 -6
  561. package/MenuItem/useMenuItem.mjs +0 -60
  562. package/Meta/Meta.d.ts +0 -15
  563. package/Meta/Meta.js +0 -10
  564. package/Meta/index.d.ts +0 -2
  565. package/Meta/index.js +0 -7
  566. package/Meta/index.mjs +0 -2
  567. package/Meta/package.json +0 -6
  568. package/NoJs/NoJs.js +0 -11
  569. package/NoJs/index.d.ts +0 -2
  570. package/NoJs/index.js +0 -7
  571. package/NoJs/index.mjs +0 -2
  572. package/NoJs/package.json +0 -6
  573. package/Pagination/PaginationNav.mjs +0 -61
  574. package/Pagination/PaginationResults.mjs +0 -11
  575. package/Pagination/index.mjs +0 -2
  576. package/Pagination/package.json +0 -6
  577. package/Pill/Pill.mjs +0 -7
  578. package/Pill/index.mjs +0 -1
  579. package/Pill/package.json +0 -6
  580. package/Progress/ProgressCircular.mjs +0 -15
  581. package/Progress/ProgressLinear.mjs +0 -24
  582. package/Progress/ProgressOverlay.mjs +0 -24
  583. package/Progress/index.mjs +0 -3
  584. package/Progress/package.json +0 -6
  585. package/README.md +0 -1
  586. package/Rating/Rating.mjs +0 -70
  587. package/Rating/index.mjs +0 -49
  588. package/Rating/package.json +0 -6
  589. package/Select/SelectDownshift.mjs +0 -38
  590. package/Select/components.mjs +0 -12
  591. package/Select/index.mjs +0 -3
  592. package/Select/package.json +0 -6
  593. package/Sidebar/Sidebar.mjs +0 -23
  594. package/Sidebar/index.mjs +0 -1
  595. package/Sidebar/package.json +0 -6
  596. package/Spacing/Spacing.mjs +0 -45
  597. package/Spacing/index.mjs +0 -1
  598. package/Spacing/package.json +0 -6
  599. package/Sticky/Sticky.mjs +0 -219
  600. package/Sticky/StickyCss.mjs +0 -6
  601. package/Sticky/index.mjs +0 -1
  602. package/Sticky/package.json +0 -6
  603. package/Tabs/TabsMui.mjs +0 -49
  604. package/Tabs/index.mjs +0 -1
  605. package/Tabs/package.json +0 -6
  606. package/Tabs/sc/bare.mjs +0 -87
  607. package/Tabs/tw/bare.mjs +0 -17
  608. package/Tabs/tw/material.mjs +0 -18
  609. package/Tabs/useTabs.mjs +0 -43
  610. package/Typography/CopyPasteVisible.mjs +0 -4
  611. package/Typography/Native.mjs +0 -14
  612. package/Typography/ReadMore.mjs +0 -43
  613. package/Typography/TextLoop.mjs +0 -46
  614. package/Typography/TypeStairs.mjs +0 -49
  615. package/Typography/index.mjs +0 -5
  616. package/Typography/package.json +0 -6
  617. package/css/index.mjs +0 -31
  618. package/css/package.json +0 -6
  619. package/helpers/classed.d.ts +0 -27
  620. package/helpers/classed.js +0 -78
  621. package/helpers/createUseMediaQueryWidth.js +0 -183
  622. package/helpers/createUseMediaQueryWidth.mjs +0 -178
  623. package/helpers/extend-component.js +0 -17
  624. package/helpers/index.d.ts +0 -4
  625. package/helpers/index.js +0 -7
  626. package/helpers/index.mjs +0 -4
  627. package/helpers/mergeRefs.js +0 -17
  628. package/helpers/package.json +0 -6
  629. package/hooks/index.d.ts +0 -20
  630. package/hooks/index.js +0 -44
  631. package/hooks/index.mjs +0 -21
  632. package/hooks/package.json +0 -6
  633. package/hooks/types.d.ts +0 -8
  634. package/hooks/types.js +0 -2
  635. package/hooks/types.mjs +0 -1
  636. package/hooks/useAsyncFn.js +0 -41
  637. package/hooks/useDateLocale.d.ts +0 -8
  638. package/hooks/useDateLocale.js +0 -41
  639. package/hooks/useFirstMountState.d.ts +0 -5
  640. package/hooks/useFirstMountState.js +0 -17
  641. package/hooks/useFixedOffset.d.ts +0 -12
  642. package/hooks/useFixedOffset.js +0 -62
  643. package/hooks/useFocus.js +0 -16
  644. package/hooks/useInterval.d.ts +0 -7
  645. package/hooks/useInterval.js +0 -32
  646. package/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  647. package/hooks/useIsomorphicLayoutEffect.js +0 -13
  648. package/hooks/useKeyUp.js +0 -27
  649. package/hooks/useMeasure.js +0 -171
  650. package/hooks/useMountedState.d.ts +0 -5
  651. package/hooks/useMountedState.js +0 -20
  652. package/hooks/useNavigateAway.d.ts +0 -32
  653. package/hooks/useNavigateAway.js +0 -73
  654. package/hooks/useNavigateAway.mjs +0 -68
  655. package/hooks/usePrevious.d.ts +0 -5
  656. package/hooks/usePrevious.js +0 -16
  657. package/hooks/usePrevious.mjs +0 -12
  658. package/hooks/usePreviousRef.js +0 -13
  659. package/hooks/useScrollPosition.js +0 -73
  660. package/hooks/useScrollThreshold.js +0 -33
  661. package/hooks/useScrollTo.js +0 -27
  662. package/hooks/useSmoothScroll.js +0 -44
  663. package/hooks/useSpinDelay.d.ts +0 -14
  664. package/hooks/useSpinDelay.js +0 -54
  665. package/hooks/useTraceUpdate.js +0 -26
  666. package/hooks/useUpdateEffect.js +0 -19
  667. package/hooks/useWindowSize.d.ts +0 -12
  668. package/hooks/useWindowSize.js +0 -34
  669. package/index.mjs +0 -5
  670. package/m/MotionProvider.mjs +0 -39
  671. package/m/index.mjs +0 -6
  672. package/m/lite.mjs +0 -2
  673. package/m/max.mjs +0 -2
  674. package/m/package.json +0 -6
  675. package/sc/index.mjs +0 -31
  676. package/sc/package.json +0 -6
  677. package/scm/index.mjs +0 -31
  678. package/scm/package.json +0 -6
  679. package/shared/index.mjs +0 -8
  680. package/shared/package.json +0 -6
  681. package/styles/Body.mjs +0 -13
  682. package/styles/Global.mjs +0 -18
  683. package/styles/index.mjs +0 -7
  684. package/styles/media.mjs +0 -156
  685. package/styles/package.json +0 -6
  686. package/styles/spacing.mjs +0 -45
  687. package/styles/styled.mjs +0 -13
  688. package/styles/theme--vanilla.mjs +0 -58
  689. package/styles/theme.mjs +0 -41
  690. package/tw/index.mjs +0 -31
  691. package/tw/package.json +0 -6
  692. package/twm/index.mjs +0 -31
  693. package/twm/package.json +0 -6
  694. package/types.mjs +0 -1
package/Img/types.js CHANGED
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
package/Link/Link.d.ts CHANGED
@@ -1,5 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  export type KoineLinkProps = React.ComponentPropsWithRef<"a">;
3
- export declare const KoineLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
4
- ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
5
- }, never>;
3
+ export declare const KoineLink: any;
package/Link/Link.js CHANGED
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.KoineLink = void 0;
4
- var tslib_1 = require("tslib");
5
- var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- exports.KoineLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var KoineLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
7
4
  var templateObject_1;
package/Link/LinkBlank.d.ts CHANGED
@@ -1,8 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export type LinkBlankProps = React.ComponentPropsWithRef<"a">;
3
- export declare const LinkBlankA: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
4
- target: "_blank";
5
- rel: "noopener";
6
- }, "rel" | "target">;
7
- export declare const LinkBlankIcon: import("styled-components").StyledComponent<import("react-icons/lib").IconType, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const LinkBlankA: any;
4
+ export declare const LinkBlankIcon: any;
8
5
  export declare const LinkBlank: ({ children, target, rel, ...props }: LinkBlankProps) => import("react/jsx-runtime").JSX.Element;
package/Link/LinkBlank.js CHANGED
@@ -1,21 +1,15 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.LinkBlank = exports.LinkBlankIcon = exports.LinkBlankA = void 0;
4
- var tslib_1 = require("tslib");
5
- var jsx_runtime_1 = require("react/jsx-runtime");
6
- var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
7
- var md_1 = require("react-icons/md");
8
- var media_1 = require("../styles/media");
9
- exports.LinkBlankA = styled_components_1.default.a.attrs({
1
+ import { __assign, __makeTemplateObject, __rest } from "tslib";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { MdLaunch as IconOutboundLink } from "react-icons/md";
4
+ import styled from "styled-components";
5
+ import { max } from "../styles/media.js";
6
+ export var LinkBlankA = styled.a.attrs({
10
7
  target: "_blank",
11
8
  rel: "noopener",
12
- })(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
13
- // TODO: use `touch` class on <html> instead of relying on screenwidth,
14
- // probably implement a lean Modernizr like thing with react-helmet
15
- exports.LinkBlankIcon = (0, styled_components_1.default)(md_1.MdLaunch)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n color: var(---grey100);\n font-size: inherit;\n margin-left: 3px;\n line-height: inherit;\n vertical-align: middle;\n width: 0px;\n transition: width 0.1s ease-in-out;\n ", " {\n width: 20px;\n opacity: 0.8;\n }\n"], ["\n color: var(---grey100);\n font-size: inherit;\n margin-left: 3px;\n line-height: inherit;\n vertical-align: middle;\n width: 0px;\n transition: width 0.1s ease-in-out;\n ", " {\n width: 20px;\n opacity: 0.8;\n }\n"])), media_1.max.sm);
16
- var LinkBlank = function (_a) {
17
- var children = _a.children, target = _a.target, rel = _a.rel, props = tslib_1.__rest(_a, ["children", "target", "rel"]);
18
- return ((0, jsx_runtime_1.jsxs)(exports.LinkBlankA, tslib_1.__assign({}, props, { children: [children, (0, jsx_runtime_1.jsx)(exports.LinkBlankIcon, {})] })));
9
+ })(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
10
+ export var LinkBlankIcon = styled(IconOutboundLink)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: var(---grey100);\n font-size: inherit;\n margin-left: 3px;\n line-height: inherit;\n vertical-align: middle;\n width: 0px;\n transition: width 0.1s ease-in-out;\n ", " {\n width: 20px;\n opacity: 0.8;\n }\n"], ["\n color: var(---grey100);\n font-size: inherit;\n margin-left: 3px;\n line-height: inherit;\n vertical-align: middle;\n width: 0px;\n transition: width 0.1s ease-in-out;\n ", " {\n width: 20px;\n opacity: 0.8;\n }\n"])), max.sm);
11
+ export var LinkBlank = function (_a) {
12
+ var children = _a.children, target = _a.target, rel = _a.rel, props = __rest(_a, ["children", "target", "rel"]);
13
+ return (_jsxs(LinkBlankA, __assign({}, props, { children: [children, _jsx(LinkBlankIcon, {})] })));
19
14
  };
20
- exports.LinkBlank = LinkBlank;
21
15
  var templateObject_1, templateObject_2;
package/Link/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./Link";
2
- export * from "./LinkBlank";
1
+ export * from "./Link.js";
2
+ export * from "./LinkBlank.js";
package/Link/index.js CHANGED
@@ -1,5 +1,2 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./Link"), exports);
5
- tslib_1.__exportStar(require("./LinkBlank"), exports);
1
+ export * from "./Link.js";
2
+ export * from "./LinkBlank.js";
package/Menu/Menu.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const Menu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
1
+ export declare const Menu: any;
package/Menu/Menu.js CHANGED
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Menu = void 0;
4
- var tslib_1 = require("tslib");
5
- var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- exports.Menu = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n z-index: 3;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n background: #fff;\n width: 100%;\n box-shadow: var(--shadow);\n"], ["\n z-index: 3;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n background: #fff;\n width: 100%;\n box-shadow: var(--shadow);\n"])));
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var Menu = styled.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 3;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n background: #fff;\n width: 100%;\n box-shadow: var(--shadow);\n"], ["\n z-index: 3;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n background: #fff;\n width: 100%;\n box-shadow: var(--shadow);\n"])));
7
4
  var templateObject_1;
package/Menu/MenuMui.d.ts CHANGED
File without changes
package/Menu/MenuMui.js CHANGED
@@ -1,165 +1 @@
1
1
  "use strict";
2
- // import React, { forwardRef, useId, useMemo, useRef, useState } from "react";
3
- // import { unstable_useEventCallback as useEventCallback } from "@mui/utils";
4
- // import {
5
- // motion as m,
6
- // AnimatePresence,
7
- // type HTMLMotionProps,
8
- // } from "framer-motion";
9
- // import {
10
- // useMenu,
11
- // MenuUnstyledContext,
12
- // type MenuUnstyledContextType,
13
- // type MenuUnstyledActions,
14
- // } from "@mui/base/MenuUnstyled";
15
- // import ModalUnstyled from "@mui/base/ModalUnstyled";
16
- // import ClickAwayListener from "@mui/base/ClickAwayListener";
17
- // import { usePopper, type PopperChildrenProps } from "react-popper";
18
- // import clsx from "@koine/utils/clsx";
19
- // const MenuRoot = m.div;
20
- // const MenuBackdrop = () => <div className="fixed inset-0" />;
21
- // /**
22
- // * Props we control, cannot be overriden from implementers
23
- // */
24
- // type MenuButtonOwnProps = {
25
- // "aria-controls"?: string;
26
- // "aria-haspopup": true | "true";
27
- // "aria-expanded"?: true | "true";
28
- // onClick: (event: React.MouseEvent<HTMLButtonElement>) => unknown;
29
- // onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => unknown;
30
- // };
31
- // type MenuButtonProps = Omit<
32
- // React.ComponentPropsWithRef<"button">,
33
- // keyof MenuButtonOwnProps
34
- // > &
35
- // MenuButtonOwnProps;
36
- // export type MenuItemsProps = {
37
- // /**
38
- // * Closes the parent menu
39
- // */
40
- // close: () => unknown;
41
- // };
42
- // /**
43
- // * Props we control, cannot be overriden from implementers
44
- // */
45
- // type MenuOwnProps = ReturnType<typeof useMenu>["getListboxProps"] & {
46
- // onKeyDown: (event: React.KeyboardEvent) => unknown;
47
- // style: React.StyleHTMLAttributes<HTMLDivElement>;
48
- // };
49
- // export type MenuProps = Omit<
50
- // Omit<HTMLMotionProps<"div">, "children"> & {
51
- // placement?: PopperChildrenProps["placement"];
52
- // Button: (props: MenuButtonProps) => JSX.Element;
53
- // children: (props: MenuItemsProps) => React.ReactNode;
54
- // },
55
- // keyof MenuOwnProps
56
- // >;
57
- // export const Menu = forwardRef(function Menu(props: MenuProps, ref) {
58
- // const { Button, placement, children, className, ...htmlAttributes } = props;
59
- // const id = useId();
60
- // const buttonRef = useRef<HTMLButtonElement>(null);
61
- // const menuActions = useRef<MenuUnstyledActions>(null);
62
- // const [popperElement, setPopperElement] = useState(null);
63
- // const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
64
- // const open = Boolean(anchorEl);
65
- // const { styles } = usePopper(anchorEl, popperElement, {
66
- // placement,
67
- // // strategy: "absolute",
68
- // });
69
- // const {
70
- // registerItem,
71
- // unregisterItem,
72
- // getListboxProps,
73
- // getItemProps,
74
- // getItemState,
75
- // } = useMenu({
76
- // listboxId: id,
77
- // listboxRef: setPopperElement,
78
- // // these two make the Tab key behaviour correct, closing the menu on Tab
79
- // // press and re-focusing the Button trigger element
80
- // open,
81
- // onClose: () => setAnchorEl(null),
82
- // });
83
- // const contextValue: MenuUnstyledContextType = {
84
- // registerItem,
85
- // unregisterItem,
86
- // getItemState,
87
- // getItemProps,
88
- // open,
89
- // };
90
- // const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
91
- // if (open) {
92
- // setAnchorEl(null);
93
- // } else {
94
- // setAnchorEl(event.currentTarget);
95
- // }
96
- // };
97
- // const handleButtonKeyDown = (
98
- // event: React.KeyboardEvent<HTMLButtonElement>
99
- // ) => {
100
- // if (event.key === "ArrowDown" || event.key === "ArrowUp") {
101
- // event.preventDefault();
102
- // setAnchorEl(event.currentTarget);
103
- // if (event.key === "ArrowUp") {
104
- // menuActions.current?.highlightLastItem();
105
- // }
106
- // }
107
- // };
108
- // const close = useEventCallback(() => {
109
- // setAnchorEl(null);
110
- // buttonRef.current?.focus();
111
- // });
112
- // const renderChildren = useMemo(() => {
113
- // const childrenProps: MenuItemsProps = { close };
114
- // return children(childrenProps);
115
- // }, [children, close]);
116
- // return (
117
- // <>
118
- // <Button
119
- // ref={buttonRef}
120
- // id={id}
121
- // aria-haspopup="true"
122
- // aria-controls={open ? id : undefined}
123
- // aria-expanded={open ? "true" : undefined}
124
- // onClick={handleButtonClick}
125
- // onKeyDown={handleButtonKeyDown}
126
- // />
127
- // <AnimatePresence>
128
- // {open && (
129
- // <ModalUnstyled
130
- // slots={{ backdrop: MenuBackdrop }}
131
- // onClose={close}
132
- // onBackdropClick={close}
133
- // open={open}
134
- // >
135
- // <div>
136
- // <ClickAwayListener onClickAway={close}>
137
- // <MenuRoot
138
- // initial={{
139
- // opacity: 0,
140
- // }}
141
- // animate={{
142
- // opacity: 1,
143
- // }}
144
- // exit={{
145
- // opacity: 0,
146
- // }}
147
- // className={clsx(className)}
148
- // style={styles["popper"]}
149
- // {...htmlAttributes}
150
- // {...getListboxProps()}
151
- // aria-labelledby={id}
152
- // >
153
- // <MenuUnstyledContext.Provider value={contextValue}>
154
- // {renderChildren}
155
- // </MenuUnstyledContext.Provider>
156
- // </MenuRoot>
157
- // </ClickAwayListener>
158
- // </div>
159
- // </ModalUnstyled>
160
- // )}
161
- // </AnimatePresence>
162
- // </>
163
- // );
164
- // });
165
- // export default Menu;
package/Menu/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./Menu";
1
+ export * from "./Menu.js";
package/Menu/index.js CHANGED
@@ -1,4 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./Menu"), exports);
1
+ export * from "./Menu.js";
package/MenuItem/MenuItem.d.ts CHANGED
@@ -1,4 +1 @@
1
- export declare const MenuItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
2
- $active?: boolean | undefined;
3
- disabled?: boolean | undefined;
4
- }, never>;
1
+ export declare const MenuItem: any;
package/MenuItem/MenuItem.js CHANGED
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MenuItem = void 0;
4
- var tslib_1 = require("tslib");
5
- var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- exports.MenuItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n padding: 8px 16px;\n\n &[aria-selected=\"true\"] {\n background: var(--accent400);\n }\n\n /** DEP: this is just for MultiselectMui? */\n &.Mui-focused,\n &[data-focus=\"true\"] {\n background: var(--accent300);\n color: white;\n }\n\n &:not([disabled]):hover {\n cursor: pointer;\n background: var(--accent300);\n }\n"], ["\n padding: 8px 16px;\n\n &[aria-selected=\"true\"] {\n background: var(--accent400);\n }\n\n /** DEP: this is just for MultiselectMui? */\n &.Mui-focused,\n &[data-focus=\"true\"] {\n background: var(--accent300);\n color: white;\n }\n\n &:not([disabled]):hover {\n cursor: pointer;\n background: var(--accent300);\n }\n"])));
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var MenuItem = styled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 8px 16px;\n\n &[aria-selected=\"true\"] {\n background: var(--accent400);\n }\n\n /** DEP: this is just for MultiselectMui? */\n &.Mui-focused,\n &[data-focus=\"true\"] {\n background: var(--accent300);\n color: white;\n }\n\n &:not([disabled]):hover {\n cursor: pointer;\n background: var(--accent300);\n }\n"], ["\n padding: 8px 16px;\n\n &[aria-selected=\"true\"] {\n background: var(--accent400);\n }\n\n /** DEP: this is just for MultiselectMui? */\n &.Mui-focused,\n &[data-focus=\"true\"] {\n background: var(--accent300);\n color: white;\n }\n\n &:not([disabled]):hover {\n cursor: pointer;\n background: var(--accent300);\n }\n"])));
7
4
  var templateObject_1;
package/MenuItem/MenuItemMui.d.ts CHANGED
File without changes
package/MenuItem/MenuItemMui.js CHANGED
@@ -1,32 +1 @@
1
1
  "use strict";
2
- // import React, { forwardRef } from "react";
3
- // import { useMenuItem } from "@mui/base/MenuItemUnstyled";
4
- // // import { useMenuItem } from "./useMenuItem";
5
- // import clsx from "@koine/utils/clsx";
6
- // import { type MenuItemsProps } from "../Menu/MenuMui";
7
- // import { Polymorphic } from "../typings";
8
- // export type MenuItemProps = React.PropsWithChildren<Partial<MenuItemsProps>>;
9
- // export const MenuItem = forwardRef(function MenuItem<
10
- // T extends React.ElementType = "button"
11
- // >(props: Polymorphic.Props<T, MenuItemProps>, ref: Polymorphic.Ref<T>) {
12
- // const {
13
- // as: As = "button",
14
- // children,
15
- // className,
16
- // disabled: disabledProp,
17
- // ...other
18
- // } = props;
19
- // const { getRootProps, disabled, focusVisible } = useMenuItem({
20
- // ref,
21
- // disabled: disabledProp,
22
- // });
23
- // return (
24
- // <As
25
- // className={clsx(focusVisible && "", disabled && "", className)}
26
- // {...getRootProps(other)}
27
- // >
28
- // {children}
29
- // </As>
30
- // );
31
- // }) as Polymorphic.ComponentForwarded<"button", MenuItemProps>;
32
- // export default MenuItem;
package/MenuItem/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./MenuItem";
1
+ export * from "./MenuItem.js";
package/MenuItem/index.js CHANGED
@@ -1,4 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./MenuItem"), exports);
1
+ export * from "./MenuItem.js";
package/MenuItem/useMenuItem.d.ts CHANGED
File without changes
package/MenuItem/useMenuItem.js CHANGED
@@ -1,64 +1,42 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useMenuItem = void 0;
4
- var tslib_1 = require("tslib");
5
- var react_1 = require("react");
6
- var utils_1 = require("@mui/utils");
7
- var useMenu_1 = tslib_1.__importDefault(require("@mui/base/useMenu"));
8
- // import { unstable_useIsFocusVisible as useIsFocusVisible } from "@mui/utils";
9
- function useMenuItem(props) {
1
+ import { __assign, __read } from "tslib";
2
+ import useMenu from "@mui/base/useMenu";
3
+ import useForkRef from "@mui/utils/useForkRef";
4
+ import { useCallback, useEffect, useId, useRef, useState } from "react";
5
+ export function useMenuItem(props) {
10
6
  var _a;
11
7
  var _b = props.disabled, disabled = _b === void 0 ? false : _b, ref = props.rootRef, label = props.label;
12
- var id = (0, react_1.useId)();
13
- var _c = (0, useMenu_1.default)(), contextValue = _c.contextValue, open = _c.open;
14
- // const { getRootProps } = useMenuItemUnstyled(props);
15
- var itemRef = (0, react_1.useRef)(null);
16
- var handleRef = (0, utils_1.unstable_useForkRef)(itemRef, ref);
8
+ var id = useId();
9
+ var _c = useMenu(), contextValue = _c.contextValue, open = _c.open;
10
+ var itemRef = useRef(null);
11
+ var handleRef = useForkRef(itemRef, ref);
17
12
  if (contextValue === null) {
18
13
  throw new Error("MenuItemUnstyled must be used within a MenuUnstyled");
19
14
  }
20
15
  var registerItem = contextValue.registerItem, getItemState = contextValue.getItemState;
21
- (0, react_1.useEffect)(function () {
16
+ useEffect(function () {
22
17
  registerItem(id, { disabled: disabled, id: id, ref: itemRef, label: label });
23
- // return () => unregisterItem(id);
24
- }, [id, registerItem, /* unregisterItem, */ disabled, ref, label]);
25
- // const { getRootProps: getButtonProps, focusVisible } = useButton({
26
- // disabled,
27
- // focusableWhenDisabled: true,
28
- // ref: handleRef,
29
- // });
30
- // Ensure the menu item is focused when highlighted
31
- var _d = (0, react_1.useState)(false), focusRequested = _d[0], requestFocus = _d[1];
32
- var focusIfRequested = (0, react_1.useCallback)(function () {
18
+ }, [id, registerItem, disabled, ref, label]);
19
+ var _d = __read(useState(false), 2), focusRequested = _d[0], requestFocus = _d[1];
20
+ var focusIfRequested = useCallback(function () {
33
21
  if (focusRequested && itemRef.current != null) {
34
22
  itemRef.current.focus();
35
23
  requestFocus(false);
36
24
  }
37
25
  }, [focusRequested]);
38
- (0, react_1.useEffect)(function () {
26
+ useEffect(function () {
39
27
  focusIfRequested();
40
28
  });
41
- // useDebugValue({ id, disabled, label });
42
29
  var itemState = getItemState(id !== null && id !== void 0 ? id : "");
43
30
  var highlighted = (itemState !== null && itemState !== void 0 ? itemState : { highlighted: false }).highlighted;
44
- (0, react_1.useEffect)(function () {
31
+ useEffect(function () {
45
32
  requestFocus(highlighted && open);
46
33
  }, [highlighted, open]);
47
34
  return {
48
35
  getRootProps: function (other) {
49
- // const optionProps = menuContext.getItemProps(id, other);
50
- return tslib_1.__assign(tslib_1.__assign({}, other), {
51
- // ...getButtonProps(other),
52
- // @ ts-expect-error type from @mui/base is not specific
53
- // tabIndex: optionProps.tabIndex,
54
- // @ ts-expect-error type from @mui/base is not specific
55
- // id: optionProps.id,
56
- role: "menuitem" });
36
+ return __assign(__assign({}, other), { role: "menuitem" });
57
37
  },
58
38
  disabled: (_a = itemState === null || itemState === void 0 ? void 0 : itemState.disabled) !== null && _a !== void 0 ? _a : false,
59
- // focusVisible,
60
39
  ref: handleRef,
61
40
  };
62
41
  }
63
- exports.useMenuItem = useMenuItem;
64
- exports.default = useMenuItem;
42
+ export default useMenuItem;
package/Meta.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export type MetaProps = {
2
+ zoom?: boolean;
3
+ };
4
+ export declare const Meta: ({ zoom }: MetaProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default Meta;
package/{Meta/Meta.mjs → Meta.js} RENAMED
File without changes
package/{NoJs/NoJs.d.ts → NoJs.d.ts} RENAMED
File without changes
package/{NoJs/NoJs.mjs → NoJs.js} RENAMED
File without changes
package/Pagination/PaginationNav.d.ts CHANGED
@@ -1,17 +1,9 @@
1
- import { KoineComponentProps, KoineComponent } from "../types";
1
+ import { KoineComponent, KoineComponentProps } from "../types.js";
2
2
  export type KoinePaginationNavProps = {
3
- /** The total number of elements to paginate */
4
3
  total: string | number;
5
- /** The amount of items per page */
6
4
  perPage: string | number;
7
- /** The current page in the pagination */
8
5
  currentPage: string | number;
9
- /** Is the relative path of the url to prefix to the page number */
10
6
  baseUrl?: string;
11
- /**
12
- * The number of pages to show as number (and not dots) around the currentPage
13
- * @default 2
14
- */
15
7
  showOffset?: number;
16
8
  };
17
9
  type PaginationNavProps = KoineComponentProps<KoinePaginationNavProps, {
package/Pagination/PaginationNav.js CHANGED
@@ -1,36 +1,23 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.KoinePaginationNav = void 0;
4
- var tslib_1 = require("tslib");
5
- var jsx_runtime_1 = require("react/jsx-runtime");
6
- var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
7
- var cg_1 = require("react-icons/cg");
8
- var ensureInt_1 = tslib_1.__importDefault(require("@koine/utils/ensureInt"));
9
- var Root = styled_components_1.default.nav(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 0 40px;\n font-weight: 600;\n\n & a {\n text-decoration: none;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 0 40px;\n font-weight: 600;\n\n & a {\n text-decoration: none;\n }\n"])));
1
+ import { __makeTemplateObject } from "tslib";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { CgArrowLeftR as IconArrowLeft, CgArrowRightR as IconArrowRight, } from "react-icons/cg";
4
+ import styled from "styled-components";
5
+ import { ensureInt } from "@koine/utils";
6
+ var Root = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 0 40px;\n font-weight: 600;\n\n & a {\n text-decoration: none;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 0 40px;\n font-weight: 600;\n\n & a {\n text-decoration: none;\n }\n"])));
10
7
  var item = "\n display: block;\n padding: 5px 10px;\n";
11
- var ItemCurrent = styled_components_1.default.span(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n ", "\n background: var(--accent400);\n border-radius: 2px;\n"], ["\n ", "\n background: var(--accent400);\n border-radius: 2px;\n"])), item);
12
- var ItemLink = styled_components_1.default.a(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), item, function (props) { return (props.prev ? "color: var(--grey100);" : ""); });
13
- var DotsSeparator = styled_components_1.default.span(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n color: var(--grey100);\n"], ["\n color: var(--grey100);\n"])));
8
+ var ItemCurrent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n background: var(--accent400);\n border-radius: 2px;\n"], ["\n ", "\n background: var(--accent400);\n border-radius: 2px;\n"])), item);
9
+ var ItemLink = styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), item, function (props) { return (props.prev ? "color: var(--grey100);" : ""); });
10
+ var DotsSeparator = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: var(--grey100);\n"], ["\n color: var(--grey100);\n"])));
14
11
  var arrow = "display: flex; font-size: 20px;";
15
- var ItemPrev = styled_components_1.default.a(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), arrow);
16
- var ItemNext = styled_components_1.default.a(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), arrow);
17
- /*
18
- * Possible outcomes:
19
- * [1] 2 3 ... 78 >
20
- * < 1 2 [3] 4 5 ... 78 >
21
- * < 1 ... 6 7 [8] 9 10 ... 78 >
22
- * < 1 ... 75 76 [77] 78 >
23
- * < 1 ... 76 77 [78]
24
- */
25
- var KoinePaginationNav = function (_a) {
12
+ var ItemPrev = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), arrow);
13
+ var ItemNext = styled.a(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), arrow);
14
+ export var KoinePaginationNav = function (_a) {
26
15
  var total = _a.total, perPage = _a.perPage, _currentPage = _a.currentPage, baseUrl = _a.baseUrl, _b = _a.showOffset, showOffset = _b === void 0 ? 2 : _b, _c = _a.currentUrl, currentUrl = _c === void 0 ? "/" : _c, _d = _a.Link, Link = _d === void 0 ? "a" : _d;
27
- var currentPage = (0, ensureInt_1.default)(_currentPage);
28
- total = (0, ensureInt_1.default)(total);
29
- perPage = (0, ensureInt_1.default)(perPage);
30
- // page 0 means 1
16
+ var currentPage = ensureInt(_currentPage);
17
+ total = ensureInt(total);
18
+ perPage = ensureInt(perPage);
31
19
  currentPage = currentPage || 1;
32
20
  baseUrl = baseUrl || currentUrl;
33
- // don't output anything if pagination is not needed
34
21
  if (total < perPage) {
35
22
  return null;
36
23
  }
@@ -41,15 +28,12 @@ var KoinePaginationNav = function (_a) {
41
28
  var prevArrow = currentPage > firstPage;
42
29
  var nextArrow = currentPage < lastPage;
43
30
  var pages = [];
44
- // fill the pages before the current
45
31
  for (var i = currentPage - showOffset; i < currentPage; i++) {
46
32
  if (i > 1) {
47
33
  pages.push(i);
48
34
  }
49
35
  }
50
- // add the current
51
36
  pages.push(currentPage);
52
- // fill the pages after the current
53
37
  for (var i = currentPage + 1; i < currentPage + 1 + showOffset; i++) {
54
38
  if (i < lastPage) {
55
39
  pages.push(i);
@@ -57,9 +41,8 @@ var KoinePaginationNav = function (_a) {
57
41
  }
58
42
  var prevDots = pages[0] > firstPage + 1;
59
43
  var nextDots = pages[pages.length - 1] < lastPage - 1;
60
- return ((0, jsx_runtime_1.jsxs)(Root, { children: [prevArrow && ((0, jsx_runtime_1.jsx)(ItemPrev, { as: Link, href: "".concat(baseUrl, "/").concat(prevPage), children: (0, jsx_runtime_1.jsx)(cg_1.CgArrowLeftR, {}) })), firstPage !== currentPage && ((0, jsx_runtime_1.jsx)(ItemLink, { as: Link, href: "".concat(baseUrl), prev: true, children: firstPage })), prevDots && (0, jsx_runtime_1.jsx)(DotsSeparator, { children: "..." }), pages.map(function (page) {
61
- return page === currentPage ? ((0, jsx_runtime_1.jsx)(ItemCurrent, { children: page }, page)) : ((0, jsx_runtime_1.jsx)(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(page), prev: page < currentPage, next: page > currentPage, children: page }, "pagination-".concat(page)));
62
- }), nextDots && (0, jsx_runtime_1.jsx)(DotsSeparator, { children: "..." }), lastPage !== currentPage && ((0, jsx_runtime_1.jsx)(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(lastPage), next: true, children: lastPage })), nextArrow && ((0, jsx_runtime_1.jsx)(ItemNext, { as: Link, href: "".concat(baseUrl, "/").concat(nextPage), children: (0, jsx_runtime_1.jsx)(cg_1.CgArrowRightR, {}) }))] }));
44
+ return (_jsxs(Root, { children: [prevArrow && (_jsx(ItemPrev, { as: Link, href: "".concat(baseUrl, "/").concat(prevPage), children: _jsx(IconArrowLeft, {}) })), firstPage !== currentPage && (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl), prev: true, children: firstPage })), prevDots && _jsx(DotsSeparator, { children: "..." }), pages.map(function (page) {
45
+ return page === currentPage ? (_jsx(ItemCurrent, { children: page }, page)) : (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(page), prev: page < currentPage, next: page > currentPage, children: page }, "pagination-".concat(page)));
46
+ }), nextDots && _jsx(DotsSeparator, { children: "..." }), lastPage !== currentPage && (_jsx(ItemLink, { as: Link, href: "".concat(baseUrl, "/").concat(lastPage), next: true, children: lastPage })), nextArrow && (_jsx(ItemNext, { as: Link, href: "".concat(baseUrl, "/").concat(nextPage), children: _jsx(IconArrowRight, {}) }))] }));
63
47
  };
64
- exports.KoinePaginationNav = KoinePaginationNav;
65
48
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
package/Pagination/PaginationResults.d.ts CHANGED
File without changes
package/Pagination/PaginationResults.js CHANGED
@@ -1,15 +1,11 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PaginationResults = void 0;
4
- var tslib_1 = require("tslib");
5
- var jsx_runtime_1 = require("react/jsx-runtime");
6
- var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
7
- var framer_motion_1 = require("framer-motion");
8
- var Root = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n // overflow: hidden;\n"], ["\n // overflow: hidden;\n"])));
9
- var Inner = (0, styled_components_1.default)(framer_motion_1.m.div)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject([""], [""])));
10
- var PaginationResults = function (_a) {
1
+ import { __makeTemplateObject } from "tslib";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { AnimatePresence, m } from "framer-motion";
4
+ import styled from "styled-components";
5
+ var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n // overflow: hidden;\n"], ["\n // overflow: hidden;\n"])));
6
+ var Inner = styled(m.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
7
+ export var PaginationResults = function (_a) {
11
8
  var children = _a.children;
12
- return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { exitBeforeEnter: true, initial: true, children: (0, jsx_runtime_1.jsx)(Root, { children: (0, jsx_runtime_1.jsx)(Inner, { initial: { opacity: 0, x: -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 100 }, transition: { type: "linear", staggerChildren: 0.3 }, children: children }) }) }));
9
+ return (_jsx(AnimatePresence, { exitBeforeEnter: true, initial: true, children: _jsx(Root, { children: _jsx(Inner, { initial: { opacity: 0, x: -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 100 }, transition: { type: "linear", staggerChildren: 0.3 }, children: children }) }) }));
13
10
  };
14
- exports.PaginationResults = PaginationResults;
15
11
  var templateObject_1, templateObject_2;
package/Pagination/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./PaginationNav";
2
- export * from "./PaginationResults";
1
+ export * from "./PaginationNav.js";
2
+ export * from "./PaginationResults.js";
package/Pagination/index.js CHANGED
@@ -1,5 +1,2 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./PaginationNav"), exports);
5
- tslib_1.__exportStar(require("./PaginationResults"), exports);
1
+ export * from "./PaginationNav.js";
2
+ export * from "./PaginationResults.js";
package/Pill/Pill.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export type PillProps = object;
2
- export declare const Pill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, object, never>;
3
- export declare const PillGreyLight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, object, never>;
4
- export declare const PillAccentLight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, object, never>;
5
- export declare const PillAccentLightOutlined: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, object, never>;
2
+ export declare const Pill: any;
3
+ export declare const PillGreyLight: any;
4
+ export declare const PillAccentLight: any;
5
+ export declare const PillAccentLightOutlined: any;