@koine/react 1.0.4 → 1.0.9

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 (596) hide show
  1. package/Alert/Alert.d.ts +5 -5
  2. package/Alert/Alert.js +16 -0
  3. package/Alert/index.d.ts +1 -1
  4. package/Alert/index.js +1 -0
  5. package/Alert/package.json +6 -0
  6. package/Animations/Reveal.d.ts +4 -4
  7. package/Animations/Reveal.js +15 -0
  8. package/Animations/Underline.d.ts +1 -1
  9. package/Animations/Underline.js +15 -0
  10. package/Animations/index.d.ts +3 -3
  11. package/Animations/index.js +3 -0
  12. package/Animations/package.json +6 -0
  13. package/Animations/useReveal.d.ts +33 -34
  14. package/Animations/useReveal.js +70 -0
  15. package/Autocomplete/AutocompleteDownshift.d.ts +1 -1
  16. package/Autocomplete/AutocompleteDownshift.js +158 -0
  17. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +1 -1
  18. package/Autocomplete/AutocompleteDownshiftMultiselect.js +353 -0
  19. package/Autocomplete/AutocompleteMui.d.ts +47 -47
  20. package/Autocomplete/AutocompleteMui.js +177 -0
  21. package/Autocomplete/AutocompleteReach.d.ts +1 -1
  22. package/Autocomplete/AutocompleteReach.js +112 -0
  23. package/Autocomplete/components.d.ts +21 -21
  24. package/Autocomplete/components.js +89 -0
  25. package/Autocomplete/helpers.d.ts +3 -3
  26. package/Autocomplete/helpers.js +28 -0
  27. package/Autocomplete/index.d.ts +2 -2
  28. package/Autocomplete/index.js +3 -0
  29. package/Autocomplete/package.json +6 -0
  30. package/Bg/BgColor.d.ts +36 -36
  31. package/Bg/BgColor.js +31 -0
  32. package/Bg/BgPhoto.d.ts +13 -14
  33. package/Bg/BgPhoto.js +59 -0
  34. package/Bg/BgSvg.d.ts +7 -8
  35. package/Bg/BgSvg.js +15 -0
  36. package/Bg/index.d.ts +3 -3
  37. package/Bg/index.js +3 -0
  38. package/Bg/package.json +6 -0
  39. package/Breadcrumbs/Breadcrumbs.d.ts +13 -14
  40. package/Breadcrumbs/Breadcrumbs.js +67 -0
  41. package/Breadcrumbs/index.d.ts +1 -1
  42. package/Breadcrumbs/index.js +1 -0
  43. package/Breadcrumbs/package.json +6 -0
  44. package/Buttons/Button.d.ts +18 -18
  45. package/Buttons/Button.js +79 -0
  46. package/Buttons/ButtonComposite.d.ts +23 -23
  47. package/Buttons/ButtonComposite.js +49 -0
  48. package/Buttons/ButtonFab.d.ts +7 -7
  49. package/Buttons/ButtonFab.js +8 -0
  50. package/Buttons/ButtonLink.d.ts +8 -9
  51. package/Buttons/ButtonLink.js +10 -0
  52. package/Buttons/IconButton.d.ts +11 -11
  53. package/Buttons/IconButton.js +19 -0
  54. package/Buttons/index.d.ts +5 -5
  55. package/Buttons/index.js +5 -0
  56. package/Buttons/package.json +6 -0
  57. package/Calendar/CalendarDaygridCell.d.ts +36 -36
  58. package/Calendar/CalendarDaygridCell.js +51 -0
  59. package/Calendar/CalendarDaygridNav.d.ts +27 -28
  60. package/Calendar/CalendarDaygridNav.js +22 -0
  61. package/Calendar/CalendarDaygridTable.d.ts +25 -26
  62. package/Calendar/CalendarDaygridTable.js +55 -0
  63. package/Calendar/CalendarLegend.d.ts +19 -19
  64. package/Calendar/CalendarLegend.js +11 -0
  65. package/Calendar/calendar-api-google.d.ts +18 -18
  66. package/Calendar/calendar-api-google.js +94 -0
  67. package/Calendar/index.d.ts +6 -6
  68. package/Calendar/index.js +6 -0
  69. package/Calendar/package.json +6 -0
  70. package/Calendar/types.d.ts +81 -81
  71. package/Calendar/types.js +1 -0
  72. package/Calendar/useCalendar.d.ts +49 -50
  73. package/Calendar/useCalendar.js +182 -0
  74. package/Calendar/utils.d.ts +11 -11
  75. package/Calendar/utils.js +203 -0
  76. package/Carousel/Carousel.d.ts +1 -1
  77. package/Carousel/Carousel.js +378 -0
  78. package/Carousel/CarouselCss.d.ts +47 -47
  79. package/Carousel/CarouselCss.js +36 -0
  80. package/Carousel/index.d.ts +1 -1
  81. package/Carousel/index.js +1 -0
  82. package/Carousel/package.json +6 -0
  83. package/Collapsable/Collapsable.d.ts +1 -60
  84. package/Collapsable/Collapsable.js +1 -0
  85. package/Collapsable/CollapsableReach.d.ts +66 -0
  86. package/Collapsable/CollapsableReach.js +135 -0
  87. package/Collapsable/index.d.ts +1 -1
  88. package/Collapsable/index.js +1 -0
  89. package/Collapsable/package.json +6 -0
  90. package/Debug/Debug.d.ts +4 -5
  91. package/Debug/Debug.js +21 -0
  92. package/Debug/index.d.ts +1 -1
  93. package/Debug/index.js +1 -0
  94. package/Debug/package.json +6 -0
  95. package/Dialog/DialogMui.d.ts +139 -0
  96. package/Dialog/DialogMui.js +78 -0
  97. package/Dialog/css/bare.d.ts +145 -0
  98. package/Dialog/css/bare.js +19 -0
  99. package/Dialog/index.d.ts +2 -1
  100. package/Dialog/index.js +1 -0
  101. package/Dialog/m/bare.d.ts +56 -0
  102. package/Dialog/m/bare.js +48 -0
  103. package/Dialog/m/basic.d.ts +4 -0
  104. package/Dialog/m/basic.js +31 -0
  105. package/Dialog/m/index.d.ts +2 -0
  106. package/Dialog/m/index.js +4 -0
  107. package/Dialog/m/package.json +6 -0
  108. package/Dialog/package.json +6 -0
  109. package/Dialog/sc/bare.d.ts +105 -0
  110. package/Dialog/sc/bare.js +61 -0
  111. package/Dialog/sc/framer.d.ts +80 -0
  112. package/Dialog/sc/framer.js +16 -0
  113. package/Dialog/sc/framerMaterial.d.ts +79 -0
  114. package/Dialog/sc/framerMaterial.js +16 -0
  115. package/Dialog/sc/material.d.ts +94 -0
  116. package/Dialog/sc/material.js +41 -0
  117. package/Dialog/tw/bare.d.ts +196 -0
  118. package/Dialog/tw/bare.js +36 -0
  119. package/Dialog/tw/elegant.d.ts +244 -0
  120. package/Dialog/tw/elegant.js +18 -0
  121. package/Dialog/tw/framer.d.ts +112 -0
  122. package/Dialog/tw/framer.js +16 -0
  123. package/Dialog/tw/framerMaterial.d.ts +167 -0
  124. package/Dialog/tw/framerMaterial.js +16 -0
  125. package/Dialog/tw/material.d.ts +244 -0
  126. package/Dialog/tw/material.js +18 -0
  127. package/Editor/Editor--tiptap.d.ts +9 -10
  128. package/Editor/Editor--tiptap.js +23 -0
  129. package/Editor/components.d.ts +7 -8
  130. package/Editor/components.js +28 -0
  131. package/Editor/index.d.ts +1 -1
  132. package/Editor/index.js +1 -0
  133. package/Editor/package.json +6 -0
  134. package/Favicon/FaviconTags.d.ts +18 -19
  135. package/Favicon/FaviconTags.js +14 -0
  136. package/Favicon/index.d.ts +1 -1
  137. package/Favicon/index.js +1 -0
  138. package/Favicon/package.json +6 -0
  139. package/Forms/Checkbox/Checkbox.d.ts +11 -11
  140. package/Forms/Checkbox/Checkbox.js +24 -0
  141. package/Forms/Checkbox/index.d.ts +1 -1
  142. package/Forms/Checkbox/index.js +1 -0
  143. package/Forms/Checkbox/package.json +6 -0
  144. package/Forms/Feedback/Feedback.d.ts +5 -5
  145. package/Forms/Feedback/Feedback.js +10 -0
  146. package/Forms/Feedback/index.d.ts +1 -1
  147. package/Forms/Feedback/index.js +1 -0
  148. package/Forms/Feedback/package.json +6 -0
  149. package/Forms/Field/Field.d.ts +15 -16
  150. package/Forms/Field/Field.js +59 -0
  151. package/Forms/Field/FieldControl.d.ts +26 -26
  152. package/Forms/Field/FieldControl.js +43 -0
  153. package/Forms/Field/FieldHint.d.ts +1 -1
  154. package/Forms/Field/FieldHint.js +6 -0
  155. package/Forms/Field/index.d.ts +2 -2
  156. package/Forms/Field/index.js +2 -0
  157. package/Forms/Field/package.json +6 -0
  158. package/Forms/Form/Form.d.ts +31 -31
  159. package/Forms/Form/Form.js +62 -0
  160. package/Forms/Form/index.d.ts +1 -1
  161. package/Forms/Form/index.js +1 -0
  162. package/Forms/Form/package.json +6 -0
  163. package/Forms/Input/Input.d.ts +9 -9
  164. package/Forms/Input/Input.js +23 -0
  165. package/Forms/Input/index.d.ts +1 -1
  166. package/Forms/Input/index.js +1 -0
  167. package/Forms/Input/package.json +6 -0
  168. package/Forms/InputGroup/InputGroup.d.ts +13 -13
  169. package/Forms/InputGroup/InputGroup.js +42 -0
  170. package/Forms/InputGroup/index.d.ts +1 -1
  171. package/Forms/InputGroup/index.js +1 -0
  172. package/Forms/InputGroup/package.json +6 -0
  173. package/Forms/Label/Label.d.ts +3 -3
  174. package/Forms/Label/Label.js +24 -0
  175. package/Forms/Label/index.d.ts +1 -1
  176. package/Forms/Label/index.js +1 -0
  177. package/Forms/Label/package.json +6 -0
  178. package/Forms/Password/Password.d.ts +5 -5
  179. package/Forms/Password/Password.js +30 -0
  180. package/Forms/Password/index.d.ts +1 -1
  181. package/Forms/Password/index.js +1 -0
  182. package/Forms/Password/package.json +6 -0
  183. package/Forms/Radio/Radio.d.ts +12 -12
  184. package/Forms/Radio/Radio.js +28 -0
  185. package/Forms/Radio/index.d.ts +1 -1
  186. package/Forms/Radio/index.js +1 -0
  187. package/Forms/Radio/package.json +6 -0
  188. package/Forms/Switch/Switch.d.ts +9 -9
  189. package/Forms/Switch/Switch.js +50 -0
  190. package/Forms/Switch/index.d.ts +1 -1
  191. package/Forms/Switch/index.js +1 -0
  192. package/Forms/Switch/package.json +6 -0
  193. package/Forms/Textarea/Textarea.d.ts +5 -5
  194. package/Forms/Textarea/Textarea.js +13 -0
  195. package/Forms/Textarea/TextareaRich.d.ts +6 -6
  196. package/Forms/Textarea/TextareaRich.js +42 -0
  197. package/Forms/Textarea/index.d.ts +2 -2
  198. package/Forms/Textarea/index.js +2 -0
  199. package/Forms/Textarea/package.json +6 -0
  200. package/Forms/Toggle/Toggle.d.ts +19 -26
  201. package/Forms/Toggle/Toggle.js +79 -0
  202. package/Forms/Toggle/index.d.ts +1 -1
  203. package/Forms/Toggle/index.js +1 -0
  204. package/Forms/Toggle/package.json +6 -0
  205. package/Forms/Toggle/useToggle.d.ts +46 -46
  206. package/Forms/Toggle/useToggle.js +145 -0
  207. package/Forms/antispam.d.ts +24 -24
  208. package/Forms/antispam.js +56 -0
  209. package/Forms/helpers.d.ts +26 -26
  210. package/Forms/helpers.js +44 -0
  211. package/Forms/index.d.ts +16 -16
  212. package/Forms/index.js +17 -0
  213. package/Forms/package.json +6 -0
  214. package/Forms/styles.d.ts +19 -20
  215. package/Forms/styles.js +60 -0
  216. package/Gauge/Gauge.d.ts +5 -5
  217. package/Gauge/Gauge.js +102 -0
  218. package/Grid/Grid.d.ts +64 -60
  219. package/Grid/Grid.js +79 -0
  220. package/Grid/index.d.ts +1 -1
  221. package/Grid/index.js +1 -0
  222. package/Grid/package.json +6 -0
  223. package/Hamburger/Hamburger.d.ts +6 -6
  224. package/Hamburger/Hamburger.js +64 -0
  225. package/Hamburger/index.d.ts +1 -1
  226. package/Hamburger/index.js +1 -0
  227. package/Hamburger/package.json +6 -0
  228. package/Header/index.d.ts +1 -1
  229. package/Header/index.js +1 -0
  230. package/Header/package.json +6 -0
  231. package/Header/useHeader.d.ts +24 -20
  232. package/Header/useHeader.js +30 -0
  233. package/Hidden/Hidden.d.ts +6 -6
  234. package/Hidden/Hidden.js +14 -0
  235. package/Hidden/index.d.ts +1 -1
  236. package/Hidden/index.js +1 -0
  237. package/Hidden/package.json +6 -0
  238. package/Img/index.d.ts +1 -1
  239. package/Img/index.js +1 -0
  240. package/Img/package.json +6 -0
  241. package/Img/sc/bare.d.ts +2 -0
  242. package/Img/sc/bare.js +37 -0
  243. package/Img/types.d.ts +9 -0
  244. package/Img/types.js +1 -0
  245. package/Link/Link.d.ts +5 -5
  246. package/Link/Link.js +2 -0
  247. package/Link/LinkBlank.d.ts +8 -8
  248. package/Link/LinkBlank.js +26 -0
  249. package/Link/index.d.ts +2 -2
  250. package/Link/index.js +2 -0
  251. package/Link/package.json +6 -0
  252. package/Menu/Menu.d.ts +1 -1
  253. package/Menu/Menu.js +11 -0
  254. package/Menu/index.d.ts +1 -1
  255. package/Menu/index.js +1 -0
  256. package/Menu/package.json +6 -0
  257. package/MenuItem/MenuItem.d.ts +4 -4
  258. package/MenuItem/MenuItem.js +20 -0
  259. package/MenuItem/index.d.ts +1 -1
  260. package/MenuItem/index.js +1 -0
  261. package/MenuItem/package.json +6 -0
  262. package/Meta/Meta.d.ts +14 -15
  263. package/Meta/Meta.js +4 -0
  264. package/Meta/index.d.ts +1 -1
  265. package/Meta/index.js +1 -0
  266. package/Meta/package.json +6 -0
  267. package/NoJs/NoJs.d.ts +2 -3
  268. package/NoJs/NoJs.js +6 -0
  269. package/NoJs/index.d.ts +1 -1
  270. package/NoJs/index.js +1 -0
  271. package/NoJs/package.json +6 -0
  272. package/Pagination/PaginationNav.d.ts +22 -23
  273. package/Pagination/PaginationNav.js +83 -0
  274. package/Pagination/PaginationResults.d.ts +3 -3
  275. package/Pagination/PaginationResults.js +10 -0
  276. package/Pagination/index.d.ts +2 -2
  277. package/Pagination/index.js +2 -0
  278. package/Pagination/package.json +6 -0
  279. package/Pill/Pill.d.ts +5 -5
  280. package/Pill/Pill.js +37 -0
  281. package/Pill/index.d.ts +1 -1
  282. package/Pill/index.js +1 -0
  283. package/Pill/package.json +6 -0
  284. package/Progress/ProgressCircular.d.ts +19 -20
  285. package/Progress/ProgressCircular.js +36 -0
  286. package/Progress/ProgressLinear.d.ts +22 -23
  287. package/Progress/ProgressLinear.js +32 -0
  288. package/Progress/ProgressOverlay.d.ts +4 -5
  289. package/Progress/ProgressOverlay.js +40 -0
  290. package/Progress/index.d.ts +3 -3
  291. package/Progress/index.js +3 -0
  292. package/Progress/package.json +6 -0
  293. package/README.md +0 -0
  294. package/Rating/Rating.d.ts +35 -35
  295. package/Rating/Rating.js +90 -0
  296. package/Rating/index.d.ts +11 -11
  297. package/Rating/index.js +45 -0
  298. package/Rating/package.json +6 -0
  299. package/Select/SelectDownshift.d.ts +5 -5
  300. package/Select/SelectDownshift.js +38 -0
  301. package/Select/components.d.ts +6 -6
  302. package/Select/components.js +18 -0
  303. package/Select/index.d.ts +2 -2
  304. package/Select/index.js +3 -0
  305. package/Select/package.json +6 -0
  306. package/Sidebar/Sidebar.d.ts +3 -3
  307. package/Sidebar/Sidebar.js +48 -0
  308. package/Sidebar/index.d.ts +1 -1
  309. package/Sidebar/index.js +1 -0
  310. package/Sidebar/package.json +6 -0
  311. package/Spacing/Spacing.d.ts +30 -30
  312. package/Spacing/Spacing.js +45 -0
  313. package/Spacing/index.d.ts +1 -1
  314. package/Spacing/index.js +1 -0
  315. package/Spacing/package.json +6 -0
  316. package/Sticky/Sticky.d.ts +2 -2
  317. package/Sticky/Sticky.js +219 -0
  318. package/Sticky/StickyCss.d.ts +5 -5
  319. package/Sticky/StickyCss.js +4 -0
  320. package/Sticky/index.d.ts +1 -1
  321. package/Sticky/index.js +1 -0
  322. package/Sticky/package.json +6 -0
  323. package/Tabs/Tabs.d.ts +27 -25
  324. package/Tabs/Tabs.js +62 -0
  325. package/Tabs/index.d.ts +1 -1
  326. package/Tabs/index.js +1 -0
  327. package/Tabs/package.json +6 -0
  328. package/Typography/CopyPasteVisible.d.ts +1 -1
  329. package/Typography/CopyPasteVisible.js +6 -0
  330. package/Typography/Native.d.ts +10 -10
  331. package/Typography/Native.js +47 -0
  332. package/Typography/ReadMore.d.ts +12 -12
  333. package/Typography/ReadMore.js +69 -0
  334. package/Typography/TextLoop.d.ts +16 -16
  335. package/Typography/TextLoop.js +49 -0
  336. package/Typography/TypeStairs.d.ts +6 -6
  337. package/Typography/TypeStairs.js +46 -0
  338. package/Typography/index.d.ts +5 -5
  339. package/Typography/index.js +5 -0
  340. package/Typography/package.json +6 -0
  341. package/css/index.d.ts +2 -0
  342. package/css/index.js +30 -0
  343. package/css/package.json +6 -0
  344. package/helpers/classed.d.ts +22 -0
  345. package/helpers/classed.js +64 -0
  346. package/helpers/extend-component.d.ts +28 -0
  347. package/helpers/extend-component.js +12 -0
  348. package/helpers/index.d.ts +3 -1
  349. package/helpers/index.js +2 -0
  350. package/helpers/package.json +6 -0
  351. package/hooks/index.d.ts +6 -5
  352. package/hooks/index.js +7 -0
  353. package/hooks/package.json +6 -0
  354. package/hooks/useDateLocale.d.ts +7 -7
  355. package/hooks/useDateLocale.js +29 -0
  356. package/hooks/useFocus.d.ts +4 -5
  357. package/hooks/useFocus.js +11 -0
  358. package/hooks/usePrevious.d.ts +1 -1
  359. package/hooks/usePrevious.js +8 -0
  360. package/hooks/useScrollPosition.d.ts +15 -0
  361. package/hooks/useScrollPosition.js +75 -0
  362. package/hooks/useScrollTo.d.ts +1 -0
  363. package/hooks/useScrollTo.js +19 -0
  364. package/hooks/useTraceUpdate.d.ts +4 -4
  365. package/hooks/useTraceUpdate.js +20 -0
  366. package/hooks/useWindowSize.d.ts +1 -1
  367. package/hooks/useWindowSize.js +13 -0
  368. package/index.d.ts +1 -35
  369. package/index.js +5 -0
  370. package/m/MotionProvider.d.ts +37 -0
  371. package/m/MotionProvider.js +37 -0
  372. package/m/index.d.ts +6 -0
  373. package/m/index.js +6 -0
  374. package/m/lite.d.ts +2 -0
  375. package/m/lite.js +2 -0
  376. package/m/max.d.ts +2 -0
  377. package/m/max.js +2 -0
  378. package/m/package.json +6 -0
  379. package/node/Alert/Alert.js +21 -0
  380. package/node/Alert/index.js +4 -0
  381. package/node/Animations/Reveal.js +19 -0
  382. package/node/Animations/Underline.js +19 -0
  383. package/node/Animations/index.js +6 -0
  384. package/node/Animations/useReveal.js +74 -0
  385. package/node/Autocomplete/AutocompleteDownshift.js +161 -0
  386. package/node/Autocomplete/AutocompleteDownshiftMultiselect.js +356 -0
  387. package/node/Autocomplete/AutocompleteMui.js +175 -0
  388. package/node/Autocomplete/AutocompleteReach.js +115 -0
  389. package/node/Autocomplete/components.js +93 -0
  390. package/node/Autocomplete/helpers.js +32 -0
  391. package/node/Autocomplete/index.js +7 -0
  392. package/node/Bg/BgColor.js +36 -0
  393. package/node/Bg/BgPhoto.js +64 -0
  394. package/node/Bg/BgSvg.js +20 -0
  395. package/node/Bg/index.js +6 -0
  396. package/node/Breadcrumbs/Breadcrumbs.js +72 -0
  397. package/node/Breadcrumbs/index.js +4 -0
  398. package/node/Buttons/Button.js +83 -0
  399. package/node/Buttons/ButtonComposite.js +54 -0
  400. package/node/Buttons/ButtonFab.js +12 -0
  401. package/node/Buttons/ButtonLink.js +15 -0
  402. package/node/Buttons/IconButton.js +23 -0
  403. package/node/Buttons/index.js +8 -0
  404. package/node/Calendar/CalendarDaygridCell.js +55 -0
  405. package/node/Calendar/CalendarDaygridNav.js +27 -0
  406. package/node/Calendar/CalendarDaygridTable.js +60 -0
  407. package/node/Calendar/CalendarLegend.js +15 -0
  408. package/node/Calendar/calendar-api-google.js +99 -0
  409. package/node/Calendar/index.js +9 -0
  410. package/node/Calendar/types.js +2 -0
  411. package/node/Calendar/useCalendar.js +186 -0
  412. package/node/Calendar/utils.js +217 -0
  413. package/node/Carousel/Carousel.js +381 -0
  414. package/node/Carousel/CarouselCss.js +41 -0
  415. package/node/Carousel/index.js +4 -0
  416. package/node/Collapsable/Collapsable.js +4 -0
  417. package/node/Collapsable/CollapsableReach.js +141 -0
  418. package/node/Collapsable/index.js +4 -0
  419. package/node/Debug/Debug.js +26 -0
  420. package/node/Debug/index.js +4 -0
  421. package/node/Dialog/DialogMui.js +82 -0
  422. package/node/Dialog/css/bare.js +23 -0
  423. package/node/Dialog/index.js +5 -0
  424. package/node/Dialog/m/bare.js +51 -0
  425. package/node/Dialog/m/basic.js +35 -0
  426. package/node/Dialog/m/index.js +8 -0
  427. package/node/Dialog/sc/bare.js +65 -0
  428. package/node/Dialog/sc/framer.js +19 -0
  429. package/node/Dialog/sc/framerMaterial.js +19 -0
  430. package/node/Dialog/sc/material.js +45 -0
  431. package/node/Dialog/tw/bare.js +40 -0
  432. package/node/Dialog/tw/elegant.js +21 -0
  433. package/node/Dialog/tw/framer.js +19 -0
  434. package/node/Dialog/tw/framerMaterial.js +19 -0
  435. package/node/Dialog/tw/material.js +21 -0
  436. package/node/Editor/Editor--tiptap.js +29 -0
  437. package/node/Editor/components.js +34 -0
  438. package/node/Editor/index.js +4 -0
  439. package/node/Favicon/FaviconTags.js +18 -0
  440. package/node/Favicon/index.js +4 -0
  441. package/node/Forms/Checkbox/Checkbox.js +28 -0
  442. package/node/Forms/Checkbox/index.js +4 -0
  443. package/node/Forms/Feedback/Feedback.js +15 -0
  444. package/node/Forms/Feedback/index.js +4 -0
  445. package/node/Forms/Field/Field.js +64 -0
  446. package/node/Forms/Field/FieldControl.js +47 -0
  447. package/node/Forms/Field/FieldHint.js +10 -0
  448. package/node/Forms/Field/index.js +5 -0
  449. package/node/Forms/Form/Form.js +67 -0
  450. package/node/Forms/Form/index.js +4 -0
  451. package/node/Forms/Input/Input.js +27 -0
  452. package/node/Forms/Input/index.js +4 -0
  453. package/node/Forms/InputGroup/InputGroup.js +47 -0
  454. package/node/Forms/InputGroup/index.js +4 -0
  455. package/node/Forms/Label/Label.js +28 -0
  456. package/node/Forms/Label/index.js +4 -0
  457. package/node/Forms/Password/Password.js +34 -0
  458. package/node/Forms/Password/index.js +4 -0
  459. package/node/Forms/Radio/Radio.js +32 -0
  460. package/node/Forms/Radio/index.js +4 -0
  461. package/node/Forms/Switch/Switch.js +54 -0
  462. package/node/Forms/Switch/index.js +4 -0
  463. package/node/Forms/Textarea/Textarea.js +17 -0
  464. package/node/Forms/Textarea/TextareaRich.js +46 -0
  465. package/node/Forms/Textarea/index.js +5 -0
  466. package/node/Forms/Toggle/Toggle.js +85 -0
  467. package/node/Forms/Toggle/index.js +4 -0
  468. package/node/Forms/Toggle/useToggle.js +149 -0
  469. package/node/Forms/antispam.js +61 -0
  470. package/node/Forms/helpers.js +51 -0
  471. package/node/Forms/index.js +20 -0
  472. package/node/Forms/styles.js +64 -0
  473. package/node/Gauge/Gauge.js +106 -0
  474. package/node/Grid/Grid.js +83 -0
  475. package/node/Grid/index.js +4 -0
  476. package/node/Hamburger/Hamburger.js +69 -0
  477. package/node/Hamburger/index.js +4 -0
  478. package/node/Header/index.js +4 -0
  479. package/node/Header/useHeader.js +34 -0
  480. package/node/Hidden/Hidden.js +18 -0
  481. package/node/Hidden/index.js +4 -0
  482. package/node/Img/index.js +4 -0
  483. package/node/Img/sc/bare.js +41 -0
  484. package/node/Img/types.js +2 -0
  485. package/node/Link/Link.js +6 -0
  486. package/node/Link/LinkBlank.js +31 -0
  487. package/node/Link/index.js +5 -0
  488. package/node/Menu/Menu.js +15 -0
  489. package/node/Menu/index.js +4 -0
  490. package/node/MenuItem/MenuItem.js +24 -0
  491. package/node/MenuItem/index.js +4 -0
  492. package/node/Meta/Meta.js +8 -0
  493. package/node/Meta/index.js +4 -0
  494. package/node/NoJs/NoJs.js +10 -0
  495. package/node/NoJs/index.js +4 -0
  496. package/node/Pagination/PaginationNav.js +88 -0
  497. package/node/Pagination/PaginationResults.js +15 -0
  498. package/node/Pagination/index.js +5 -0
  499. package/node/Pill/Pill.js +41 -0
  500. package/node/Pill/index.js +4 -0
  501. package/node/Progress/ProgressCircular.js +41 -0
  502. package/node/Progress/ProgressLinear.js +37 -0
  503. package/node/Progress/ProgressOverlay.js +45 -0
  504. package/node/Progress/index.js +6 -0
  505. package/node/Rating/Rating.js +96 -0
  506. package/node/Rating/index.js +53 -0
  507. package/node/Select/SelectDownshift.js +41 -0
  508. package/node/Select/components.js +22 -0
  509. package/node/Select/index.js +7 -0
  510. package/node/Sidebar/Sidebar.js +53 -0
  511. package/node/Sidebar/index.js +4 -0
  512. package/node/Spacing/Spacing.js +50 -0
  513. package/node/Spacing/index.js +4 -0
  514. package/node/Sticky/Sticky.js +222 -0
  515. package/node/Sticky/StickyCss.js +8 -0
  516. package/node/Sticky/index.js +4 -0
  517. package/node/Tabs/Tabs.js +67 -0
  518. package/node/Tabs/index.js +4 -0
  519. package/node/Typography/CopyPasteVisible.js +10 -0
  520. package/node/Typography/Native.js +51 -0
  521. package/node/Typography/ReadMore.js +74 -0
  522. package/node/Typography/TextLoop.js +54 -0
  523. package/node/Typography/TypeStairs.js +49 -0
  524. package/node/Typography/index.js +8 -0
  525. package/node/css/index.js +35 -0
  526. package/node/helpers/classed.js +68 -0
  527. package/node/helpers/extend-component.js +16 -0
  528. package/node/helpers/index.js +5 -0
  529. package/node/hooks/index.js +10 -0
  530. package/node/hooks/useDateLocale.js +56 -0
  531. package/node/hooks/useFocus.js +15 -0
  532. package/node/hooks/usePrevious.js +12 -0
  533. package/node/hooks/useScrollPosition.js +80 -0
  534. package/node/hooks/useScrollTo.js +23 -0
  535. package/node/hooks/useTraceUpdate.js +24 -0
  536. package/node/hooks/useWindowSize.js +17 -0
  537. package/node/index.js +8 -0
  538. package/node/m/MotionProvider.js +41 -0
  539. package/node/m/index.js +9 -0
  540. package/node/m/lite.js +4 -0
  541. package/node/m/max.js +4 -0
  542. package/node/sc/index.js +35 -0
  543. package/node/scm/index.js +35 -0
  544. package/node/shared/index.js +11 -0
  545. package/node/styles/Body.js +21 -0
  546. package/node/styles/Global.js +53 -0
  547. package/node/styles/index.js +10 -0
  548. package/node/styles/media.js +156 -0
  549. package/node/styles/spacing.js +53 -0
  550. package/node/styles/styled.js +31 -0
  551. package/node/styles/theme--vanilla.js +59 -0
  552. package/node/styles/theme.js +45 -0
  553. package/node/tw/index.js +35 -0
  554. package/node/twm/index.js +35 -0
  555. package/node/types.js +2 -0
  556. package/package.json +9 -22
  557. package/sc/index.d.ts +29 -0
  558. package/sc/index.js +30 -0
  559. package/sc/package.json +6 -0
  560. package/scm/index.d.ts +29 -0
  561. package/scm/index.js +30 -0
  562. package/scm/package.json +6 -0
  563. package/shared/index.d.ts +8 -0
  564. package/shared/index.js +8 -0
  565. package/shared/package.json +6 -0
  566. package/styles/Body.d.ts +10 -10
  567. package/styles/Body.js +17 -0
  568. package/styles/Global.d.ts +15 -15
  569. package/styles/Global.js +50 -0
  570. package/styles/index.d.ts +7 -7
  571. package/styles/index.js +7 -0
  572. package/styles/media.d.ts +67 -67
  573. package/styles/media.js +150 -0
  574. package/styles/package.json +6 -0
  575. package/styles/spacing.d.ts +13 -13
  576. package/styles/spacing.js +46 -0
  577. package/styles/styled.d.ts +12 -12
  578. package/styles/styled.js +27 -0
  579. package/styles/theme--vanilla.d.ts +18 -18
  580. package/styles/theme--vanilla.js +53 -0
  581. package/styles/theme.d.ts +82 -89
  582. package/styles/theme.js +41 -0
  583. package/tw/index.d.ts +2 -0
  584. package/tw/index.js +30 -0
  585. package/tw/package.json +6 -0
  586. package/twm/index.d.ts +2 -0
  587. package/twm/index.js +30 -0
  588. package/twm/package.json +6 -0
  589. package/types.d.ts +10 -11
  590. package/types.js +1 -0
  591. package/typings.d.ts +21 -0
  592. package/Dialog/Dialog.d.ts +0 -23
  593. package/Img/Img.d.ts +0 -11
  594. package/index.esm.js +0 -9456
  595. package/index.umd.js +0 -9667
  596. package/styles/classed.d.ts +0 -4
package/node/Dialog/DialogMui.js ADDED
@@ -0,0 +1,82 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_1 = require("react");
7
+ const ModalUnstyled_1 = tslib_1.__importDefault(require("@mui/base/ModalUnstyled"));
8
+ const md_1 = require("react-icons/md");
9
+ const helpers_1 = require("../helpers");
10
+ exports.Root = ModalUnstyled_1.default;
11
+ exports.Backdrop = "div";
12
+ exports.Container = "div";
13
+ exports.Paper = "div";
14
+ exports.Close = "button";
15
+ exports.Header = "div";
16
+ exports.Body = "div";
17
+ // const Dialog = ({
18
+ // children,
19
+ // title,
20
+ // $scrollPaper,
21
+ // Root: _Root,
22
+ // Backdrop: _Backdrop,
23
+ // Container: _Container,
24
+ // Paper: _Paper,
25
+ // Close: _Close,
26
+ // Header: _Header,
27
+ // Body: _Body,
28
+ // ...props
29
+ // }: KoineDialogProps) => (
30
+ // <Root BackdropComponent={Backdrop} onBackdropClick={props.onClose} {...props}>
31
+ // <Container $scrollPaper={$scrollPaper}>
32
+ // <Paper aria-label={title || ""} $scrollPaper={$scrollPaper}>
33
+ // {title && <Header>{title}</Header>}
34
+ // <Close onClick={props.onClose}>
35
+ // <IconClose />
36
+ // </Close>
37
+ // <Body>{children}</Body>
38
+ // </Paper>
39
+ // </Container>
40
+ // </Root>
41
+ // );
42
+ /**
43
+ *
44
+ * Main differences from [Mui Dialog](https://mui.com/material-ui/react-dialog):
45
+ *
46
+ * - By default uses `scroll="body"` instead of paper.
47
+ * - Optionally uses `framer-motion` for animations
48
+ * - Uses backdrop blur by default
49
+ *
50
+ * FIXME: it actually works even without forwardRef, check if we do need it
51
+ */
52
+ const DialogWithRef = (0, react_1.forwardRef)(function Dialog({ children, title, $scrollPaper, Root: _Root, Backdrop: _Backdrop, Container: _Container, Paper: _Paper, Close: _Close, Header: _Header, Body: _Body, onClose, ...props }, ref) {
53
+ // click handling is taken from
54
+ // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
55
+ const backdropClick = (0, react_1.useRef)();
56
+ const handleMouseDown = (event) => {
57
+ // We don't want to close the dialog when clicking the dialog content.
58
+ // Make sure the event starts and ends on the same DOM element.
59
+ backdropClick.current = event.target === event.currentTarget;
60
+ };
61
+ const handleBackdropClick = (event) => {
62
+ // Ignore the events not coming from the "backdrop".
63
+ if (!backdropClick.current) {
64
+ return;
65
+ }
66
+ backdropClick.current = null;
67
+ // if (onBackdropClick) onBackdropClick(event);
68
+ if (onClose) {
69
+ onClose(event, "backdropClick");
70
+ }
71
+ };
72
+ return ((0, jsx_runtime_1.jsx)(exports.Root, { BackdropComponent: exports.Backdrop, onClick: handleBackdropClick, onClose: onClose, ref: ref, ...props, children: (0, jsx_runtime_1.jsx)(exports.Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: (0, jsx_runtime_1.jsxs)(exports.Paper, { "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && (0, jsx_runtime_1.jsx)(exports.Header, { children: title }), (0, jsx_runtime_1.jsx)(exports.Close, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(md_1.MdClear, {}) }), (0, jsx_runtime_1.jsx)(exports.Body, { children: children })] }) }) }));
73
+ });
74
+ exports.KoineDialog = (0, helpers_1.extendComponent)(DialogWithRef, {
75
+ Root: exports.Root,
76
+ Backdrop: exports.Backdrop,
77
+ Container: exports.Container,
78
+ Paper: exports.Paper,
79
+ Close: exports.Close,
80
+ Header: exports.Header,
81
+ Body: exports.Body,
82
+ });
package/node/Dialog/css/bare.js ADDED
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const helpers_1 = require("../../helpers");
6
+ const _ = tslib_1.__importStar(require("../DialogMui"));
7
+ // export type { KoineDialogProps } from "../DialogMui";
8
+ exports.Root = (0, helpers_1.classed)(_.Root) `dialog`;
9
+ exports.Backdrop = (0, helpers_1.classed)(_.Backdrop) `dialogBackdrop`;
10
+ exports.Container = (0, helpers_1.classed)(_.Container) `dialogContainer`;
11
+ exports.Paper = (0, helpers_1.classed)(_.Paper) `dialogPaper`;
12
+ exports.Close = (0, helpers_1.classed)(_.Close) `"dialogClose`;
13
+ exports.Header = (0, helpers_1.classed)(_.Header) `dialogHeader`;
14
+ exports.Body = (0, helpers_1.classed)(_.Body) `dialogBody`;
15
+ exports.KoineDialog = (0, helpers_1.extendComponent)(_.KoineDialog, {
16
+ Root: exports.Root,
17
+ Backdrop: exports.Backdrop,
18
+ Container: exports.Container,
19
+ Paper: exports.Paper,
20
+ Close: exports.Close,
21
+ Header: exports.Header,
22
+ Body: exports.Body,
23
+ });
package/node/Dialog/index.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = void 0;
4
+ var DialogMui_1 = require("./DialogMui");
5
+ Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return DialogMui_1.KoineDialog; } });
package/node/Dialog/m/bare.js ADDED
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const md_1 = require("react-icons/md");
7
+ const framer_motion_1 = require("framer-motion");
8
+ const helpers_1 = require("../../helpers");
9
+ const index_1 = require("./index");
10
+ const DialogMui_1 = require("../DialogMui");
11
+ /**
12
+ * About nested `AnimatePresence` and animated dialogs with framer @see:
13
+ *
14
+ * - https://github.com/framer/motion/issues/478
15
+ * - https://codesandbox.io/s/clever-banzai-7km49?file=/src/Modal.js
16
+ */
17
+ const Dialog = (0, react_1.forwardRef)(function Dialog({ children, title, $scrollPaper, Root, Backdrop, Container, Paper, Close, Header, Body, mBackdrop, mPaper, onClose, ...props }, ref) {
18
+ const BackdropMotion = (0, react_1.useMemo)(() => (props) => ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: props.open && (0, jsx_runtime_1.jsx)(Backdrop, { ...mBackdrop, ...props }) })), [Backdrop, mBackdrop]);
19
+ // FIXME: extract this logic either in a useDialog hook or in a useclickOutside hook
20
+ // click handling is taken from
21
+ // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
22
+ const backdropClick = (0, react_1.useRef)();
23
+ const handleMouseDown = (event) => {
24
+ // We don't want to close the dialog when clicking the dialog content.
25
+ // Make sure the event starts and ends on the same DOM element.
26
+ backdropClick.current = event.target === event.currentTarget;
27
+ };
28
+ const handleBackdropClick = (event) => {
29
+ // Ignore the events not coming from the "backdrop".
30
+ if (!backdropClick.current) {
31
+ return;
32
+ }
33
+ backdropClick.current = null;
34
+ // if (onBackdropClick) onBackdropClick(event);
35
+ if (onClose) {
36
+ onClose(event, "backdropClick");
37
+ }
38
+ };
39
+ return ((0, jsx_runtime_1.jsx)(Root, { keepMounted: true, BackdropComponent: BackdropMotion, onClick: handleBackdropClick, onClose: onClose, ref: ref, ...props, style: (0, index_1.mRootStyle)(props), children: (0, jsx_runtime_1.jsx)(Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: props.open && (
40
+ // @ts-expect-error framer props collision...
41
+ (0, jsx_runtime_1.jsxs)(Paper, { ...mPaper, "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && (0, jsx_runtime_1.jsx)(Header, { children: title }), (0, jsx_runtime_1.jsx)(Close, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(md_1.MdClear, {}) }), (0, jsx_runtime_1.jsx)(Body, { children: children })] })) }) }) }));
42
+ });
43
+ exports.KoineDialog = (0, helpers_1.extendComponent)(Dialog, {
44
+ Root: DialogMui_1.Root,
45
+ Backdrop: (0, framer_motion_1.m)(DialogMui_1.Backdrop),
46
+ Container: DialogMui_1.Container,
47
+ Paper: (0, framer_motion_1.m)(DialogMui_1.Paper),
48
+ Close: DialogMui_1.Close,
49
+ Header: DialogMui_1.Header,
50
+ Body: DialogMui_1.Body,
51
+ });
package/node/Dialog/m/basic.js ADDED
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.dialogPaperMotion = exports.dialogBackdropMotion = void 0;
4
+ const tslib_1 = require("tslib");
5
+ tslib_1.__exportStar(require("./index"), exports);
6
+ exports.dialogBackdropMotion = {
7
+ initial: {
8
+ opacity: 0,
9
+ },
10
+ animate: {
11
+ backdropFilter: "blur(10px)",
12
+ opacity: 1,
13
+ },
14
+ exit: {
15
+ backdropFilter: "blur(0px)",
16
+ opacity: 0,
17
+ },
18
+ };
19
+ exports.dialogPaperMotion = {
20
+ initial: {
21
+ // scale: .9,
22
+ translateY: -60,
23
+ opacity: 0,
24
+ },
25
+ animate: {
26
+ // scale: 1,
27
+ translateY: 0,
28
+ opacity: 1,
29
+ },
30
+ exit: {
31
+ // scale: 0.9,
32
+ translateY: 60,
33
+ opacity: 0,
34
+ },
35
+ };
package/node/Dialog/m/index.js ADDED
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.mRootStyle = void 0;
4
+ const mRootStyle = (props) => ({
5
+ pointerEvents: props.open ? "all" : "none",
6
+ ...(props.style || {}),
7
+ });
8
+ exports.mRootStyle = mRootStyle;
package/node/Dialog/sc/bare.js ADDED
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
+ const helpers_1 = require("../../helpers");
7
+ const styled_1 = require("../../styles/styled");
8
+ const Buttons_1 = require("../../Buttons");
9
+ const _ = tslib_1.__importStar(require("../DialogMui"));
10
+ exports.Root = (0, styled_components_1.default)(_.Root) `
11
+ z-index: 1300;
12
+ position: fixed;
13
+ ${styled_1.inset0}
14
+ `;
15
+ // export const Backdrop = (props) => {
16
+ // return <div {...props} />;
17
+ // }
18
+ exports.Backdrop = (0, styled_components_1.default)(_.Backdrop) `
19
+ z-index: -1;
20
+ position: fixed;
21
+ ${styled_1.inset0}
22
+ backdrop-filter: blur(0px);
23
+ -webkit-tap-highlight-color: transparent;
24
+ `;
25
+ /**
26
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L64-L85
27
+ */
28
+ exports.Container = (0, styled_components_1.default)(_.Container) `
29
+ height: 100%;
30
+ outline: 0;
31
+ ${(p) => p.$scrollPaper
32
+ ? "display: flex; justify-content: center; align-items: center;"
33
+ : "overflow: hidden auto; text-align: center; &:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }"}
34
+ `;
35
+ /**
36
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L104-L157
37
+ */
38
+ exports.Paper = (0, styled_components_1.default)(_.Paper) `
39
+ position: relative;
40
+ ${(p) => p.$scrollPaper
41
+ ? "display: flex; flex-direction: column; max-height: calc(100%-64px);"
42
+ : "display: inline-block; vertical-align: middle; text-align: initial;"}
43
+ `;
44
+ exports.Close = (0, styled_components_1.default)(Buttons_1.IconButton) `
45
+ position: absolute;
46
+ `;
47
+ exports.Header = (0, styled_components_1.default)(_.Header) ``;
48
+ /**
49
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/DialogContent/DialogContent.js#L29-L44
50
+ */
51
+ exports.Body = (0, styled_components_1.default)(_.Body) `
52
+ flex: 1 1 auto;
53
+ -webkit-overflow-scrolling: touch;
54
+ overflow-y: auto;
55
+ overflow: auto;
56
+ `;
57
+ exports.KoineDialog = (0, helpers_1.extendComponent)(_.KoineDialog, {
58
+ Root: exports.Root,
59
+ Backdrop: exports.Backdrop,
60
+ Container: exports.Container,
61
+ Paper: exports.Paper,
62
+ Close: exports.Close,
63
+ Header: exports.Header,
64
+ Body: exports.Body,
65
+ });
package/node/Dialog/sc/framer.js ADDED
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = void 0;
4
+ const framer_motion_1 = require("framer-motion");
5
+ const helpers_1 = require("../../helpers");
6
+ const basic_1 = require("../m/basic");
7
+ const bare_1 = require("../m/bare");
8
+ const bare_2 = require("./bare");
9
+ exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
10
+ Root: bare_2.Root,
11
+ Backdrop: (0, framer_motion_1.m)(bare_2.Backdrop),
12
+ Container: bare_2.Container,
13
+ Paper: (0, framer_motion_1.m)(bare_2.Paper),
14
+ Close: bare_2.Close,
15
+ Header: bare_2.Header,
16
+ Body: bare_2.Body,
17
+ mBackdrop: basic_1.dialogBackdropMotion,
18
+ mPaper: basic_1.dialogPaperMotion,
19
+ });
package/node/Dialog/sc/framerMaterial.js ADDED
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = void 0;
4
+ const framer_motion_1 = require("framer-motion");
5
+ const helpers_1 = require("../../helpers");
6
+ const basic_1 = require("../m/basic");
7
+ const bare_1 = require("../m/bare");
8
+ const material_1 = require("./material");
9
+ exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
10
+ Root: material_1.Root,
11
+ Backdrop: (0, framer_motion_1.m)(material_1.Backdrop),
12
+ Container: material_1.Container,
13
+ Paper: (0, framer_motion_1.m)(material_1.Paper),
14
+ Close: material_1.Close,
15
+ Header: material_1.Header,
16
+ Body: material_1.Body,
17
+ mBackdrop: basic_1.dialogBackdropMotion,
18
+ mPaper: basic_1.dialogPaperMotion,
19
+ });
package/node/Dialog/sc/material.js ADDED
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
+ const helpers_1 = require("../../helpers");
7
+ const bare_1 = require("./bare");
8
+ exports.Root = (0, styled_components_1.default)(bare_1.KoineDialog.Root) ``;
9
+ exports.Backdrop = (0, styled_components_1.default)(bare_1.KoineDialog.Backdrop) `
10
+ background: rgba(0, 0, 0, 0.5);
11
+ filter: backdrop-blur(4px);
12
+ `;
13
+ exports.Container = (0, styled_components_1.default)(bare_1.KoineDialog.Container) ``;
14
+ exports.Paper = (0, styled_components_1.default)(bare_1.KoineDialog.Paper) `
15
+ max-width: 640px;
16
+ margin: 64px;
17
+ border-radius: 4px;
18
+ background: white;
19
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
20
+ `;
21
+ exports.Close = (0, styled_components_1.default)(bare_1.KoineDialog.Close) `
22
+ position: absolute;
23
+ top: 0;
24
+ right: 0;
25
+ padding: 8px;
26
+ font-size: 2rem;
27
+ opacity: 0.5;
28
+ `;
29
+ exports.Header = (0, styled_components_1.default)(bare_1.KoineDialog.Header) `
30
+ padding: 16px;
31
+ font-size: 1.25rem;
32
+ `;
33
+ exports.Body = (0, styled_components_1.default)(bare_1.KoineDialog.Body) `
34
+ padding: 16px;
35
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
36
+ `;
37
+ exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
38
+ Root: exports.Root,
39
+ Backdrop: exports.Backdrop,
40
+ Container: exports.Container,
41
+ Paper: exports.Paper,
42
+ Close: exports.Close,
43
+ Header: exports.Header,
44
+ Body: exports.Body,
45
+ });
package/node/Dialog/tw/bare.js ADDED
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const helpers_1 = require("../../helpers");
6
+ const _ = tslib_1.__importStar(require("../DialogMui"));
7
+ exports.Root = (0, helpers_1.classed)(_.Root) `< class="dialog fixed z-[1300] inset-0`;
8
+ exports.Backdrop = (0, helpers_1.classed)(_.Backdrop) `< class="dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]`;
9
+ /**
10
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L64-L85
11
+ */
12
+ exports.Container = (0, helpers_1.classed)(_.Container) `< class="dialogContainer h-full outline-0 ${(p) => p.$scrollPaper
13
+ ? "flex justify-center items-center"
14
+ : "overflow-y-auto overflow-x-hidden text-center [after:content:''] after:inline-block after:align-middle after:h-full after:w-0"}`;
15
+ /**
16
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L104-L157
17
+ */
18
+ exports.Paper = (0, helpers_1.classed)(_.Paper) `< class="dialogPaper relative ${(p) => p.$scrollPaper
19
+ ? "flex flex-col max-h-[calc(100%-64px)]"
20
+ : "inline-block align-middle [text-align:initial]"}`;
21
+ exports.Close = (0, helpers_1.classed)(_.Close) `< class="dialogClose`;
22
+ exports.Header = (0, helpers_1.classed)(_.Header) `< class="dialogHeader`;
23
+ /**
24
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/DialogContent/DialogContent.js#L29-L44
25
+ * The arbitrary rule webkit-overflow-scrolling is to add iOS momentum scrolling for iOS < 13.0,
26
+ * this was removed from tailiwnd 2.0 on
27
+ *
28
+ * @see https://github.com/tailwindlabs/tailwindcss.com/issues/483
29
+ * @see https://v2.tailwindcss.com/docs/upgrading-to-v2#the-scrolling-touch-and-scrolling-auto-utilities-have-been-removed
30
+ */
31
+ exports.Body = (0, helpers_1.classed)(_.Body) `< class="dialogBody flex-1 basis-auto overflow-y-auto [-webkit-overflow-scrolling:touch]`;
32
+ exports.KoineDialog = (0, helpers_1.extendComponent)(_.KoineDialog, {
33
+ Root: exports.Root,
34
+ Backdrop: exports.Backdrop,
35
+ Container: exports.Container,
36
+ Paper: exports.Paper,
37
+ Close: exports.Close,
38
+ Header: exports.Header,
39
+ Body: exports.Body,
40
+ });
package/node/Dialog/tw/elegant.js ADDED
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
4
+ const helpers_1 = require("../../helpers");
5
+ const bare_1 = require("./bare");
6
+ exports.Root = (0, helpers_1.classed)(bare_1.KoineDialog.Root) ``;
7
+ exports.Backdrop = (0, helpers_1.classed)(bare_1.KoineDialog.Backdrop) `< class="bg-white/[.5] backdrop-blur-sm`;
8
+ exports.Container = (0, helpers_1.classed)(bare_1.KoineDialog.Container) ``;
9
+ exports.Paper = (0, helpers_1.classed)(bare_1.KoineDialog.Paper) `< class="bg-white shadow-xl m-8 max-w-screen-sm border border-gray-400`;
10
+ exports.Close = (0, helpers_1.classed)(bare_1.KoineDialog.Close) `< class="absolute top-0 right-0 p-8 text-2xl opacity-20 hover:opacity-100 focus:opacity-100`;
11
+ exports.Header = (0, helpers_1.classed)(bare_1.KoineDialog.Header) `< class="p-8 text-2xl bold italic`;
12
+ exports.Body = (0, helpers_1.classed)(bare_1.KoineDialog.Body) `< class="p-8 pt-4`;
13
+ exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
14
+ Root: exports.Root,
15
+ Backdrop: exports.Backdrop,
16
+ Container: exports.Container,
17
+ Paper: exports.Paper,
18
+ Close: exports.Close,
19
+ Header: exports.Header,
20
+ Body: exports.Body,
21
+ });
package/node/Dialog/tw/framer.js ADDED
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = void 0;
4
+ const framer_motion_1 = require("framer-motion");
5
+ const helpers_1 = require("../../helpers");
6
+ const basic_1 = require("../m/basic");
7
+ const bare_1 = require("../m/bare");
8
+ const bare_2 = require("./bare");
9
+ exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
10
+ Root: bare_2.Root,
11
+ Backdrop: (0, framer_motion_1.m)(bare_2.Backdrop),
12
+ Container: bare_2.Container,
13
+ Paper: (0, framer_motion_1.m)(bare_2.Paper),
14
+ Close: bare_2.Close,
15
+ Header: bare_2.Header,
16
+ Body: bare_2.Body,
17
+ mBackdrop: basic_1.dialogBackdropMotion,
18
+ mPaper: basic_1.dialogPaperMotion,
19
+ });
package/node/Dialog/tw/framerMaterial.js ADDED
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = void 0;
4
+ const framer_motion_1 = require("framer-motion");
5
+ const helpers_1 = require("../../helpers");
6
+ const basic_1 = require("../m/basic");
7
+ const bare_1 = require("../m/bare");
8
+ const material_1 = require("./material");
9
+ exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
10
+ Root: material_1.Root,
11
+ Backdrop: (0, framer_motion_1.m)(material_1.Backdrop),
12
+ Container: material_1.Container,
13
+ Paper: (0, framer_motion_1.m)(material_1.Paper),
14
+ Close: material_1.Close,
15
+ Header: material_1.Header,
16
+ Body: material_1.Body,
17
+ mBackdrop: basic_1.dialogBackdropMotion,
18
+ mPaper: basic_1.dialogPaperMotion,
19
+ });
package/node/Dialog/tw/material.js ADDED
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
4
+ const helpers_1 = require("../../helpers");
5
+ const bare_1 = require("./bare");
6
+ exports.Root = (0, helpers_1.classed)(bare_1.KoineDialog.Root) ``;
7
+ exports.Backdrop = (0, helpers_1.classed)(bare_1.KoineDialog.Backdrop) `< class="bg-black/[.5] backdrop-blur-sm`;
8
+ exports.Container = (0, helpers_1.classed)(bare_1.KoineDialog.Container) ``;
9
+ exports.Paper = (0, helpers_1.classed)(bare_1.KoineDialog.Paper) `< class="rounded bg-white shadow-xl m-8 max-w-screen-sm`;
10
+ exports.Close = (0, helpers_1.classed)(bare_1.KoineDialog.Close) `< class="absolute top-0 right-0 p-4 text-2xl opacity-50`;
11
+ exports.Header = (0, helpers_1.classed)(bare_1.KoineDialog.Header) `< class="p-4 text-xl`;
12
+ exports.Body = (0, helpers_1.classed)(bare_1.KoineDialog.Body) `< class="p-4 border-t border-gray-200`;
13
+ exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
14
+ Root: exports.Root,
15
+ Backdrop: exports.Backdrop,
16
+ Container: exports.Container,
17
+ Paper: exports.Paper,
18
+ Close: exports.Close,
19
+ Header: exports.Header,
20
+ Body: exports.Body,
21
+ });
package/node/Editor/Editor--tiptap.js ADDED
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Editor = exports.EditorBar = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_1 = require("react");
7
+ const react_2 = require("@tiptap/react");
8
+ const starter_kit_1 = tslib_1.__importDefault(require("@tiptap/starter-kit"));
9
+ const components_1 = require("./components");
10
+ const EditorBar = ({ editor }) => {
11
+ const handleClick = (0, react_1.useCallback)((e, type) => {
12
+ e.preventDefault();
13
+ editor?.chain().focus()[`toggle${type}`]().run();
14
+ }, [editor]);
15
+ if (!editor) {
16
+ return null;
17
+ }
18
+ return ((0, jsx_runtime_1.jsxs)(components_1.EditorBarRoot, { children: [(0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, { onClick: (e) => handleClick(e, "Bold"), className: editor.isActive("bold") ? "is-active" : "", children: (0, jsx_runtime_1.jsx)(components_1.EditorIconBold, {}) }), (0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, { onClick: (e) => handleClick(e, "Italic"), className: editor.isActive("bold") ? "is-active" : "", children: (0, jsx_runtime_1.jsx)(components_1.EditorIconItalic, {}) })] }));
19
+ };
20
+ exports.EditorBar = EditorBar;
21
+ const Editor = ({ options, ...props }) => {
22
+ const editor = (0, react_2.useEditor)({
23
+ extensions: [starter_kit_1.default],
24
+ content: "",
25
+ ...(options || {}),
26
+ });
27
+ return ((0, jsx_runtime_1.jsxs)(components_1.EditorRoot, { children: [(0, jsx_runtime_1.jsx)(components_1.EditorGlobalStyles, {}), (0, jsx_runtime_1.jsx)(exports.EditorBar, { editor: editor }), (0, jsx_runtime_1.jsx)(react_2.EditorContent, { className: "EditorContent", editor: editor, ...props })] }));
28
+ };
29
+ exports.Editor = Editor;
package/node/Editor/components.js ADDED
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.EditorGlobalStyles = exports.EditorBarBtn = exports.EditorBarRoot = exports.EditorRoot = exports.EditorIconItalic = exports.EditorIconBold = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importStar(require("styled-components"));
6
+ const IconButton_1 = require("../Buttons/IconButton");
7
+ const styles_1 = require("../Forms/styles");
8
+ var md_1 = require("react-icons/md");
9
+ Object.defineProperty(exports, "EditorIconBold", { enumerable: true, get: function () { return md_1.MdFormatBold; } });
10
+ Object.defineProperty(exports, "EditorIconItalic", { enumerable: true, get: function () { return md_1.MdFormatItalic; } });
11
+ exports.EditorRoot = styled_components_1.default.div `
12
+ ${styles_1.inputBorder}
13
+ ${styles_1.inputFocus}
14
+ `;
15
+ exports.EditorBarRoot = styled_components_1.default.div `
16
+ display: flex;
17
+ justify-content: flex-end;
18
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
19
+ /* background: var(--grey900); */
20
+ `;
21
+ exports.EditorBarBtn = (0, styled_components_1.default)(IconButton_1.IconButton) ``;
22
+ exports.EditorGlobalStyles = (0, styled_components_1.createGlobalStyle) `
23
+ .ProseMirror {
24
+ ${styles_1.inputPadding}
25
+
26
+ &:focus {
27
+ outline:none;
28
+ }
29
+
30
+ > *:first-child {
31
+ margin-top: 0;
32
+ }
33
+ }
34
+ `;
package/node/Editor/index.js ADDED
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./Editor--tiptap"), exports);
package/node/Favicon/FaviconTags.js ADDED
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FaviconTags = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ /**
6
+ * Favicon tags.
7
+ *
8
+ * This component is meant to be wrapped in a `<head>` manager component.
9
+ *
10
+ * These tags have been produced by [realfavicongenerator.net](https://realfavicongenerator.net/)
11
+ * on _**16 Feb 2022**_.
12
+ *
13
+ * @see https://realfavicongenerator.net/
14
+ */
15
+ const FaviconTags = ({ name, color, safariTabColor, tileColor, themeColor, }) => {
16
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("link", { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" }), (0, jsx_runtime_1.jsx)("link", { rel: "manifest", href: "/site.webmanifest" }), (0, jsx_runtime_1.jsx)("link", { rel: "mask-icon", href: "/safari-pinned-tab.svg", color: safariTabColor || color }), (0, jsx_runtime_1.jsx)("meta", { name: "apple-mobile-web-app-title", content: name }), (0, jsx_runtime_1.jsx)("meta", { name: "application-name", content: name }), (0, jsx_runtime_1.jsx)("meta", { name: "msapplication-TileColor", content: tileColor || color }), (0, jsx_runtime_1.jsx)("meta", { name: "theme-color", content: themeColor || color })] }));
17
+ };
18
+ exports.FaviconTags = FaviconTags;
package/node/Favicon/index.js ADDED
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./FaviconTags"), exports);
package/node/Forms/Checkbox/Checkbox.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Checkbox = exports.CheckboxLabel = exports.CheckboxIndicator = exports.CheckboxToggle = exports.CheckboxRoot = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_1 = require("react");
7
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
8
+ const Toggle_1 = require("../Toggle");
9
+ const useToggle_1 = require("../Toggle/useToggle");
10
+ exports.CheckboxRoot = styled_components_1.default.label `
11
+ display: flex;
12
+ align-items: center;
13
+ cursor: pointer;
14
+ `;
15
+ exports.CheckboxToggle = (0, styled_components_1.default)(Toggle_1.Toggle) `
16
+ pointer-events: none;
17
+ `;
18
+ exports.CheckboxIndicator = (0, styled_components_1.default)(Toggle_1.ToggleIndicatorSquared) ``;
19
+ exports.CheckboxLabel = (0, styled_components_1.default)(Toggle_1.ToggleLabel) `
20
+ font-size: 0.8em;
21
+ `;
22
+ /**
23
+ * All logic and invisible Inputs come from the `useToggle` hook
24
+ */
25
+ exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(props, ref) {
26
+ const { rootProps, Inputs, label } = (0, useToggle_1.useToggle)(props, ref);
27
+ return ((0, jsx_runtime_1.jsxs)(exports.CheckboxRoot, { ...rootProps, children: [(0, jsx_runtime_1.jsxs)(exports.CheckboxToggle, { children: [Inputs, (0, jsx_runtime_1.jsx)(exports.CheckboxIndicator, {})] }), label && (0, jsx_runtime_1.jsx)(exports.CheckboxLabel, { children: label })] }));
28
+ });
package/node/Forms/Checkbox/index.js ADDED
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./Checkbox"), exports);
package/node/Forms/Feedback/Feedback.js ADDED
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Feedback = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
7
+ const Root = styled_components_1.default.div `
8
+ margin-top: 0.2em;
9
+ font-size: 12px;
10
+ ${(p) => (p.$danger ? `color: var(--danger);` : "")}
11
+ `;
12
+ const Feedback = ({ $danger, children }) => {
13
+ return ((0, jsx_runtime_1.jsx)(Root, { role: "alert", "$danger": $danger, children: children }));
14
+ };
15
+ exports.Feedback = Feedback;
package/node/Forms/Feedback/index.js ADDED
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./Feedback"), exports);