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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (643) hide show
  1. package/FaviconTags.cjs.d.ts +2 -0
  2. package/FaviconTags.cjs.default.js +1 -0
  3. package/FaviconTags.cjs.js +19 -0
  4. package/FaviconTags.cjs.mjs +2 -0
  5. package/FaviconTags.d.ts +1 -11
  6. package/FaviconTags.esm.d.ts +2 -0
  7. package/FaviconTags.esm.js +14 -0
  8. package/Meta.cjs.d.ts +2 -0
  9. package/Meta.cjs.default.js +1 -0
  10. package/Meta.cjs.js +19 -0
  11. package/Meta.cjs.mjs +2 -0
  12. package/Meta.d.ts +5 -0
  13. package/Meta.esm.d.ts +2 -0
  14. package/Meta.esm.js +14 -0
  15. package/NoJs.cjs.d.ts +2 -0
  16. package/NoJs.cjs.default.js +1 -0
  17. package/NoJs.cjs.js +10 -0
  18. package/NoJs.cjs.mjs +2 -0
  19. package/NoJs.d.ts +3 -0
  20. package/NoJs.esm.d.ts +2 -0
  21. package/NoJs.esm.js +5 -0
  22. package/Polymorphic.cjs.d.ts +1 -0
  23. package/Polymorphic.cjs.default.js +1 -0
  24. package/Polymorphic.cjs.js +2 -0
  25. package/Polymorphic.cjs.mjs +2 -0
  26. package/Polymorphic.d.ts +26 -0
  27. package/Polymorphic.esm.d.ts +1 -0
  28. package/Polymorphic.esm.js +1 -0
  29. package/{Calendar → calendar}/CalendarDaygridCell.d.ts +2 -3
  30. package/{Calendar → calendar}/CalendarDaygridNav.d.ts +1 -1
  31. package/{Calendar → calendar}/CalendarDaygridTable.d.ts +2 -2
  32. package/{Calendar → calendar}/CalendarLegend.d.ts +1 -2
  33. package/calendar/calendar-api-google.d.ts +10 -0
  34. package/{Calendar → calendar}/types.d.ts +0 -19
  35. package/{Calendar → calendar}/useCalendar.d.ts +1 -16
  36. package/calendar/useDateLocale.d.ts +2 -0
  37. package/calendar/utils.d.ts +11 -0
  38. package/calendar.cjs.d.ts +1 -0
  39. package/calendar.cjs.default.js +1 -0
  40. package/calendar.cjs.js +131 -0
  41. package/calendar.cjs.mjs +2 -0
  42. package/calendar.d.ts +7 -0
  43. package/calendar.esm.d.ts +1 -0
  44. package/calendar.esm.js +124 -0
  45. package/classed.cjs.d.ts +2 -0
  46. package/classed.cjs.default.js +1 -0
  47. package/classed.cjs.js +51 -0
  48. package/classed.cjs.mjs +2 -0
  49. package/classed.d.ts +8 -0
  50. package/classed.esm.d.ts +2 -0
  51. package/classed.esm.js +46 -0
  52. package/createUseMediaQueryWidth.cjs.d.ts +2 -0
  53. package/createUseMediaQueryWidth.cjs.default.js +1 -0
  54. package/createUseMediaQueryWidth.cjs.js +26 -0
  55. package/createUseMediaQueryWidth.cjs.mjs +2 -0
  56. package/createUseMediaQueryWidth.d.ts +6 -0
  57. package/createUseMediaQueryWidth.esm.d.ts +2 -0
  58. package/createUseMediaQueryWidth.esm.js +21 -0
  59. package/extendComponent.cjs.d.ts +2 -0
  60. package/extendComponent.cjs.default.js +1 -0
  61. package/extendComponent.cjs.js +14 -0
  62. package/extendComponent.cjs.mjs +2 -0
  63. package/{helpers/extend-component.d.ts → extendComponent.d.ts} +1 -13
  64. package/extendComponent.esm.d.ts +2 -0
  65. package/extendComponent.esm.js +9 -0
  66. package/forms/antispam.d.ts +27 -0
  67. package/forms.cjs.d.ts +1 -0
  68. package/forms.cjs.default.js +1 -0
  69. package/forms.cjs.js +35 -0
  70. package/forms.cjs.mjs +2 -0
  71. package/forms.d.ts +1 -0
  72. package/forms.esm.d.ts +1 -0
  73. package/forms.esm.js +32 -0
  74. package/index.cjs.d.ts +1 -0
  75. package/index.cjs.default.js +1 -0
  76. package/index.cjs.js +61 -0
  77. package/index.cjs.mjs +2 -0
  78. package/index.d.ts +28 -1
  79. package/index.esm.d.ts +1 -0
  80. package/index.esm.js +30 -0
  81. package/mergeRefs.cjs.d.ts +2 -0
  82. package/mergeRefs.cjs.default.js +1 -0
  83. package/mergeRefs.cjs.js +8 -0
  84. package/mergeRefs.cjs.mjs +2 -0
  85. package/mergeRefs.d.ts +2 -0
  86. package/mergeRefs.esm.d.ts +2 -0
  87. package/mergeRefs.esm.js +3 -0
  88. package/package.json +169 -47
  89. package/{Img/index.d.ts → types.cjs.d.ts} +0 -0
  90. package/types.cjs.default.js +1 -0
  91. package/types.cjs.js +2 -0
  92. package/types.cjs.mjs +2 -0
  93. package/types.d.ts +0 -8
  94. package/{Img/index.mjs → types.esm.d.ts} +0 -0
  95. package/types.esm.js +1 -0
  96. package/useAsyncFn.cjs.d.ts +2 -0
  97. package/useAsyncFn.cjs.default.js +1 -0
  98. package/useAsyncFn.cjs.js +14 -0
  99. package/useAsyncFn.cjs.mjs +2 -0
  100. package/{hooks/useAsyncFn.d.ts → useAsyncFn.d.ts} +3 -5
  101. package/useAsyncFn.esm.d.ts +2 -0
  102. package/useAsyncFn.esm.js +9 -0
  103. package/useFirstMountState.cjs.d.ts +2 -0
  104. package/useFirstMountState.cjs.default.js +1 -0
  105. package/useFirstMountState.cjs.js +12 -0
  106. package/useFirstMountState.cjs.mjs +2 -0
  107. package/useFirstMountState.d.ts +2 -0
  108. package/useFirstMountState.esm.d.ts +2 -0
  109. package/useFirstMountState.esm.js +7 -0
  110. package/useFixedOffset.cjs.d.ts +2 -0
  111. package/useFixedOffset.cjs.default.js +1 -0
  112. package/useFixedOffset.cjs.js +24 -0
  113. package/useFixedOffset.cjs.mjs +2 -0
  114. package/useFixedOffset.d.ts +2 -0
  115. package/useFixedOffset.esm.d.ts +2 -0
  116. package/useFixedOffset.esm.js +19 -0
  117. package/useFocus.cjs.d.ts +2 -0
  118. package/useFocus.cjs.default.js +1 -0
  119. package/useFocus.cjs.js +12 -0
  120. package/useFocus.cjs.mjs +2 -0
  121. package/useFocus.d.ts +2 -0
  122. package/useFocus.esm.d.ts +2 -0
  123. package/useFocus.esm.js +7 -0
  124. package/useInterval.cjs.d.ts +2 -0
  125. package/useInterval.cjs.default.js +1 -0
  126. package/useInterval.cjs.js +16 -0
  127. package/useInterval.cjs.mjs +2 -0
  128. package/useInterval.d.ts +2 -0
  129. package/useInterval.esm.d.ts +2 -0
  130. package/useInterval.esm.js +11 -0
  131. package/useIsomorphicLayoutEffect.cjs.d.ts +2 -0
  132. package/useIsomorphicLayoutEffect.cjs.default.js +1 -0
  133. package/useIsomorphicLayoutEffect.cjs.js +13 -0
  134. package/useIsomorphicLayoutEffect.cjs.mjs +2 -0
  135. package/useIsomorphicLayoutEffect.d.ts +3 -0
  136. package/useIsomorphicLayoutEffect.esm.d.ts +2 -0
  137. package/useIsomorphicLayoutEffect.esm.js +8 -0
  138. package/useKeyUp.cjs.d.ts +2 -0
  139. package/useKeyUp.cjs.default.js +1 -0
  140. package/useKeyUp.cjs.js +16 -0
  141. package/useKeyUp.cjs.mjs +2 -0
  142. package/useKeyUp.d.ts +2 -0
  143. package/useKeyUp.esm.d.ts +2 -0
  144. package/useKeyUp.esm.js +11 -0
  145. package/useMeasure.cjs.d.ts +2 -0
  146. package/useMeasure.cjs.default.js +1 -0
  147. package/useMeasure.cjs.js +44 -0
  148. package/useMeasure.cjs.mjs +2 -0
  149. package/{hooks/useMeasure.d.ts → useMeasure.d.ts} +1 -6
  150. package/useMeasure.esm.d.ts +2 -0
  151. package/useMeasure.esm.js +39 -0
  152. package/useMountedState.cjs.d.ts +2 -0
  153. package/useMountedState.cjs.default.js +1 -0
  154. package/useMountedState.cjs.js +12 -0
  155. package/useMountedState.cjs.mjs +2 -0
  156. package/useMountedState.d.ts +2 -0
  157. package/useMountedState.esm.d.ts +2 -0
  158. package/useMountedState.esm.js +7 -0
  159. package/useNavigateAway.cjs.d.ts +2 -0
  160. package/useNavigateAway.cjs.default.js +1 -0
  161. package/useNavigateAway.cjs.js +57 -0
  162. package/useNavigateAway.cjs.mjs +2 -0
  163. package/useNavigateAway.d.ts +3 -0
  164. package/useNavigateAway.esm.d.ts +2 -0
  165. package/useNavigateAway.esm.js +52 -0
  166. package/usePrevious.cjs.d.ts +2 -0
  167. package/usePrevious.cjs.default.js +1 -0
  168. package/usePrevious.cjs.js +10 -0
  169. package/usePrevious.cjs.mjs +2 -0
  170. package/usePrevious.d.ts +2 -0
  171. package/usePrevious.esm.d.ts +2 -0
  172. package/usePrevious.esm.js +5 -0
  173. package/usePreviousRef.cjs.d.ts +2 -0
  174. package/usePreviousRef.cjs.default.js +1 -0
  175. package/usePreviousRef.cjs.js +10 -0
  176. package/usePreviousRef.cjs.mjs +2 -0
  177. package/usePreviousRef.d.ts +2 -0
  178. package/usePreviousRef.esm.d.ts +2 -0
  179. package/usePreviousRef.esm.js +5 -0
  180. package/useReveal.d.ts +13 -0
  181. package/useScrollPosition.cjs.d.ts +2 -0
  182. package/useScrollPosition.cjs.default.js +1 -0
  183. package/useScrollPosition.cjs.js +19 -0
  184. package/useScrollPosition.cjs.mjs +2 -0
  185. package/useScrollPosition.d.ts +7 -0
  186. package/useScrollPosition.esm.d.ts +2 -0
  187. package/useScrollPosition.esm.js +14 -0
  188. package/useScrollThreshold.cjs.d.ts +2 -0
  189. package/useScrollThreshold.cjs.default.js +1 -0
  190. package/useScrollThreshold.cjs.js +15 -0
  191. package/useScrollThreshold.cjs.mjs +2 -0
  192. package/useScrollThreshold.d.ts +2 -0
  193. package/useScrollThreshold.esm.d.ts +2 -0
  194. package/useScrollThreshold.esm.js +10 -0
  195. package/useScrollTo.cjs.d.ts +2 -0
  196. package/useScrollTo.cjs.default.js +1 -0
  197. package/useScrollTo.cjs.js +12 -0
  198. package/useScrollTo.cjs.mjs +2 -0
  199. package/useScrollTo.d.ts +2 -0
  200. package/useScrollTo.esm.d.ts +2 -0
  201. package/useScrollTo.esm.js +7 -0
  202. package/useSmoothScroll.cjs.d.ts +2 -0
  203. package/useSmoothScroll.cjs.default.js +1 -0
  204. package/useSmoothScroll.cjs.js +19 -0
  205. package/useSmoothScroll.cjs.mjs +2 -0
  206. package/useSmoothScroll.d.ts +2 -0
  207. package/useSmoothScroll.esm.d.ts +2 -0
  208. package/useSmoothScroll.esm.js +14 -0
  209. package/useSpinDelay.cjs.d.ts +2 -0
  210. package/useSpinDelay.cjs.default.js +1 -0
  211. package/useSpinDelay.cjs.js +21 -0
  212. package/useSpinDelay.cjs.mjs +2 -0
  213. package/useSpinDelay.d.ts +2 -0
  214. package/useSpinDelay.esm.d.ts +2 -0
  215. package/useSpinDelay.esm.js +16 -0
  216. package/useTraceUpdate.cjs.d.ts +2 -0
  217. package/useTraceUpdate.cjs.default.js +1 -0
  218. package/useTraceUpdate.cjs.js +13 -0
  219. package/useTraceUpdate.cjs.mjs +2 -0
  220. package/useTraceUpdate.d.ts +2 -0
  221. package/useTraceUpdate.esm.d.ts +2 -0
  222. package/useTraceUpdate.esm.js +8 -0
  223. package/useUpdateEffect.cjs.d.ts +2 -0
  224. package/useUpdateEffect.cjs.default.js +1 -0
  225. package/useUpdateEffect.cjs.js +14 -0
  226. package/useUpdateEffect.cjs.mjs +2 -0
  227. package/useUpdateEffect.d.ts +3 -0
  228. package/useUpdateEffect.esm.d.ts +2 -0
  229. package/useUpdateEffect.esm.js +9 -0
  230. package/useWindowSize.cjs.d.ts +2 -0
  231. package/useWindowSize.cjs.default.js +1 -0
  232. package/useWindowSize.cjs.js +19 -0
  233. package/useWindowSize.cjs.mjs +2 -0
  234. package/useWindowSize.d.ts +3 -0
  235. package/useWindowSize.esm.d.ts +2 -0
  236. package/useWindowSize.esm.js +14 -0
  237. package/Alert/Alert.d.ts +0 -5
  238. package/Alert/Alert.mjs +0 -22
  239. package/Alert/Alert.stories.mjs +0 -18
  240. package/Alert/index.d.ts +0 -1
  241. package/Alert/index.mjs +0 -1
  242. package/Animations/Reveal.d.ts +0 -4
  243. package/Animations/Reveal.mjs +0 -43
  244. package/Animations/Underline.d.ts +0 -1
  245. package/Animations/Underline.mjs +0 -15
  246. package/Animations/index.d.ts +0 -3
  247. package/Animations/index.mjs +0 -3
  248. package/Animations/useReveal.d.ts +0 -34
  249. package/Animations/useReveal.mjs +0 -73
  250. package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
  251. package/Autocomplete/AutocompleteDownshift.mjs +0 -157
  252. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
  253. package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +0 -352
  254. package/Autocomplete/AutocompleteMui.d.ts +0 -47
  255. package/Autocomplete/AutocompleteMui.mjs +0 -219
  256. package/Autocomplete/AutocompleteReach.d.ts +0 -1
  257. package/Autocomplete/AutocompleteReach.mjs +0 -111
  258. package/Autocomplete/components.d.ts +0 -17
  259. package/Autocomplete/components.mjs +0 -87
  260. package/Autocomplete/helpers.d.ts +0 -3
  261. package/Autocomplete/helpers.mjs +0 -35
  262. package/Autocomplete/index.d.ts +0 -2
  263. package/Autocomplete/index.mjs +0 -4
  264. package/Bg/BgColor.d.ts +0 -31
  265. package/Bg/BgColor.mjs +0 -42
  266. package/Bg/BgPhoto.d.ts +0 -13
  267. package/Bg/BgPhoto.mjs +0 -71
  268. package/Bg/BgSvg.d.ts +0 -7
  269. package/Bg/BgSvg.mjs +0 -22
  270. package/Bg/index.d.ts +0 -3
  271. package/Bg/index.mjs +0 -3
  272. package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
  273. package/Breadcrumbs/Breadcrumbs.mjs +0 -91
  274. package/Breadcrumbs/index.d.ts +0 -1
  275. package/Breadcrumbs/index.mjs +0 -1
  276. package/Buttons/Button.d.ts +0 -18
  277. package/Buttons/Button.mjs +0 -78
  278. package/Buttons/ButtonComposite.d.ts +0 -23
  279. package/Buttons/ButtonComposite.mjs +0 -105
  280. package/Buttons/ButtonFab.d.ts +0 -5
  281. package/Buttons/ButtonFab.mjs +0 -8
  282. package/Buttons/ButtonLink.d.ts +0 -8
  283. package/Buttons/ButtonLink.mjs +0 -18
  284. package/Buttons/IconButton.d.ts +0 -9
  285. package/Buttons/IconButton.mjs +0 -19
  286. package/Buttons/index.d.ts +0 -5
  287. package/Buttons/index.mjs +0 -5
  288. package/Calendar/CalendarDaygridCell.mjs +0 -95
  289. package/Calendar/CalendarDaygridNav.mjs +0 -52
  290. package/Calendar/CalendarDaygridTable.mjs +0 -115
  291. package/Calendar/CalendarLegend.mjs +0 -29
  292. package/Calendar/calendar-api-google.d.ts +0 -18
  293. package/Calendar/calendar-api-google.mjs +0 -99
  294. package/Calendar/index.d.ts +0 -6
  295. package/Calendar/index.mjs +0 -6
  296. package/Calendar/types.mjs +0 -1
  297. package/Calendar/useCalendar.mjs +0 -225
  298. package/Calendar/utils.d.ts +0 -11
  299. package/Calendar/utils.mjs +0 -209
  300. package/Carousel/Carousel.d.ts +0 -1
  301. package/Carousel/Carousel.mjs +0 -377
  302. package/Carousel/CarouselCss.d.ts +0 -35
  303. package/Carousel/CarouselCss.mjs +0 -44
  304. package/Carousel/index.d.ts +0 -1
  305. package/Carousel/index.mjs +0 -1
  306. package/Collapsable/Collapsable.d.ts +0 -1
  307. package/Collapsable/Collapsable.mjs +0 -1
  308. package/Collapsable/CollapsableReach.d.ts +0 -6
  309. package/Collapsable/CollapsableReach.mjs +0 -250
  310. package/Collapsable/index.d.ts +0 -1
  311. package/Collapsable/index.mjs +0 -1
  312. package/Debug/Debug.d.ts +0 -4
  313. package/Debug/Debug.mjs +0 -23
  314. package/Debug/index.d.ts +0 -1
  315. package/Debug/index.mjs +0 -1
  316. package/Details/Details.d.ts +0 -404
  317. package/Details/Details.mjs +0 -90
  318. package/Details/Details.stories.mjs +0 -21
  319. package/Details/index.d.ts +0 -1
  320. package/Details/index.mjs +0 -1
  321. package/Dialog/DialogMui.d.ts +0 -167
  322. package/Dialog/DialogMui.mjs +0 -105
  323. package/Dialog/DialogMui.stories.mjs +0 -20
  324. package/Dialog/css/bare.d.ts +0 -172
  325. package/Dialog/css/bare.mjs +0 -19
  326. package/Dialog/css/index.stories.mjs +0 -75
  327. package/Dialog/index.d.ts +0 -2
  328. package/Dialog/index.mjs +0 -1
  329. package/Dialog/m/bare.d.ts +0 -4
  330. package/Dialog/m/bare.mjs +0 -115
  331. package/Dialog/m/basic.d.ts +0 -4
  332. package/Dialog/m/basic.mjs +0 -31
  333. package/Dialog/m/index.d.ts +0 -3
  334. package/Dialog/m/index.mjs +0 -4
  335. package/Dialog/sc/bare.d.ts +0 -71
  336. package/Dialog/sc/bare.mjs +0 -54
  337. package/Dialog/sc/framer.d.ts +0 -25
  338. package/Dialog/sc/framer.mjs +0 -16
  339. package/Dialog/sc/framerMaterial.d.ts +0 -24
  340. package/Dialog/sc/framerMaterial.mjs +0 -16
  341. package/Dialog/sc/index.stories.mjs +0 -48
  342. package/Dialog/sc/material.d.ts +0 -61
  343. package/Dialog/sc/material.mjs +0 -41
  344. package/Dialog/tw/bare.d.ts +0 -223
  345. package/Dialog/tw/bare.mjs +0 -29
  346. package/Dialog/tw/elegant.d.ts +0 -271
  347. package/Dialog/tw/elegant.mjs +0 -18
  348. package/Dialog/tw/framer.d.ts +0 -109
  349. package/Dialog/tw/framer.mjs +0 -16
  350. package/Dialog/tw/framerMaterial.d.ts +0 -164
  351. package/Dialog/tw/framerMaterial.mjs +0 -16
  352. package/Dialog/tw/index.stories.mjs +0 -83
  353. package/Dialog/tw/material.d.ts +0 -271
  354. package/Dialog/tw/material.mjs +0 -18
  355. package/Editor/Editor--tiptap.d.ts +0 -9
  356. package/Editor/Editor--tiptap.mjs +0 -53
  357. package/Editor/components.d.ts +0 -5
  358. package/Editor/components.mjs +0 -28
  359. package/Editor/index.d.ts +0 -1
  360. package/Editor/index.mjs +0 -1
  361. package/FaviconTags.mjs +0 -64
  362. package/Form/Form.d.ts +0 -138
  363. package/Form/Form.mjs +0 -95
  364. package/Form/index.d.ts +0 -1
  365. package/Form/index.mjs +0 -1
  366. package/Form/sc/bare.d.ts +0 -58
  367. package/Form/sc/bare.mjs +0 -29
  368. package/Forms/Checkbox/Checkbox.d.ts +0 -11
  369. package/Forms/Checkbox/Checkbox.mjs +0 -36
  370. package/Forms/Checkbox/index.d.ts +0 -1
  371. package/Forms/Checkbox/index.mjs +0 -1
  372. package/Forms/Feedback/Feedback.d.ts +0 -5
  373. package/Forms/Feedback/Feedback.mjs +0 -14
  374. package/Forms/Feedback/index.d.ts +0 -1
  375. package/Forms/Feedback/index.mjs +0 -1
  376. package/Forms/Field/Field.d.ts +0 -36
  377. package/Forms/Field/Field.mjs +0 -50
  378. package/Forms/Field/FieldControl.d.ts +0 -26
  379. package/Forms/Field/FieldControl.mjs +0 -67
  380. package/Forms/Field/FieldHint.d.ts +0 -1
  381. package/Forms/Field/FieldHint.mjs +0 -6
  382. package/Forms/Field/index.d.ts +0 -2
  383. package/Forms/Field/index.mjs +0 -2
  384. package/Forms/Input/Input.d.ts +0 -9
  385. package/Forms/Input/Input.mjs +0 -36
  386. package/Forms/Input/index.d.ts +0 -1
  387. package/Forms/Input/index.mjs +0 -1
  388. package/Forms/InputGroup/InputGroup.d.ts +0 -13
  389. package/Forms/InputGroup/InputGroup.mjs +0 -57
  390. package/Forms/InputGroup/index.d.ts +0 -1
  391. package/Forms/InputGroup/index.mjs +0 -1
  392. package/Forms/Label/Label.d.ts +0 -3
  393. package/Forms/Label/Label.mjs +0 -24
  394. package/Forms/Label/index.d.ts +0 -1
  395. package/Forms/Label/index.mjs +0 -1
  396. package/Forms/Password/Password.d.ts +0 -5
  397. package/Forms/Password/Password.mjs +0 -53
  398. package/Forms/Password/index.d.ts +0 -1
  399. package/Forms/Password/index.mjs +0 -1
  400. package/Forms/Radio/Radio.d.ts +0 -12
  401. package/Forms/Radio/Radio.mjs +0 -57
  402. package/Forms/Radio/index.d.ts +0 -1
  403. package/Forms/Radio/index.mjs +0 -1
  404. package/Forms/Switch/Switch.d.ts +0 -9
  405. package/Forms/Switch/Switch.mjs +0 -60
  406. package/Forms/Switch/index.d.ts +0 -1
  407. package/Forms/Switch/index.mjs +0 -1
  408. package/Forms/Textarea/Textarea.d.ts +0 -5
  409. package/Forms/Textarea/Textarea.mjs +0 -26
  410. package/Forms/Textarea/TextareaRich.d.ts +0 -6
  411. package/Forms/Textarea/TextareaRich.mjs +0 -48
  412. package/Forms/Textarea/index.d.ts +0 -2
  413. package/Forms/Textarea/index.mjs +0 -2
  414. package/Forms/Toggle/Toggle-tailwind.d.ts +0 -0
  415. package/Forms/Toggle/Toggle-tailwind.mjs +0 -98
  416. package/Forms/Toggle/Toggle.d.ts +0 -19
  417. package/Forms/Toggle/Toggle.mjs +0 -123
  418. package/Forms/Toggle/index.d.ts +0 -1
  419. package/Forms/Toggle/index.mjs +0 -1
  420. package/Forms/Toggle/useToggle-tailwind.d.ts +0 -0
  421. package/Forms/Toggle/useToggle-tailwind.mjs +0 -201
  422. package/Forms/Toggle/useToggle.d.ts +0 -46
  423. package/Forms/Toggle/useToggle.mjs +0 -163
  424. package/Forms/antispam.d.ts +0 -47
  425. package/Forms/antispam.mjs +0 -58
  426. package/Forms/helpers.d.ts +0 -26
  427. package/Forms/helpers.mjs +0 -52
  428. package/Forms/index.d.ts +0 -15
  429. package/Forms/index.mjs +0 -16
  430. package/Forms/styles.d.ts +0 -15
  431. package/Forms/styles.mjs +0 -61
  432. package/Gauge/Gauge.d.ts +0 -5
  433. package/Gauge/Gauge.mjs +0 -101
  434. package/Grid/Grid.d.ts +0 -41
  435. package/Grid/Grid.mjs +0 -75
  436. package/Grid/index.d.ts +0 -1
  437. package/Grid/index.mjs +0 -1
  438. package/Hamburger/Hamburger.d.ts +0 -6
  439. package/Hamburger/Hamburger.mjs +0 -79
  440. package/Hamburger/index.d.ts +0 -1
  441. package/Hamburger/index.mjs +0 -1
  442. package/Header/index.d.ts +0 -1
  443. package/Header/index.mjs +0 -1
  444. package/Header/useHeader.d.ts +0 -24
  445. package/Header/useHeader.mjs +0 -36
  446. package/Hidden/Hidden.d.ts +0 -6
  447. package/Hidden/Hidden.mjs +0 -10
  448. package/Hidden/index.d.ts +0 -1
  449. package/Hidden/index.mjs +0 -1
  450. package/Img/sc/bare.d.ts +0 -2
  451. package/Img/sc/bare.mjs +0 -36
  452. package/Img/types.d.ts +0 -9
  453. package/Img/types.mjs +0 -1
  454. package/Link/Link.d.ts +0 -3
  455. package/Link/Link.mjs +0 -2
  456. package/Link/LinkBlank.d.ts +0 -5
  457. package/Link/LinkBlank.mjs +0 -32
  458. package/Link/index.d.ts +0 -2
  459. package/Link/index.mjs +0 -2
  460. package/Menu/Menu.d.ts +0 -1
  461. package/Menu/Menu.mjs +0 -11
  462. package/Menu/MenuMui.d.ts +0 -0
  463. package/Menu/MenuMui.mjs +0 -164
  464. package/Menu/index.d.ts +0 -1
  465. package/Menu/index.mjs +0 -1
  466. package/MenuItem/MenuItem.d.ts +0 -1
  467. package/MenuItem/MenuItem.mjs +0 -20
  468. package/MenuItem/MenuItemMui.d.ts +0 -0
  469. package/MenuItem/MenuItemMui.mjs +0 -31
  470. package/MenuItem/index.d.ts +0 -1
  471. package/MenuItem/index.mjs +0 -1
  472. package/MenuItem/useMenuItem.d.ts +0 -9
  473. package/MenuItem/useMenuItem.mjs +0 -78
  474. package/Meta/Meta.d.ts +0 -15
  475. package/Meta/Meta.mjs +0 -8
  476. package/Meta/index.d.ts +0 -2
  477. package/Meta/index.mjs +0 -2
  478. package/NoJs/NoJs.d.ts +0 -3
  479. package/NoJs/NoJs.mjs +0 -10
  480. package/NoJs/index.d.ts +0 -2
  481. package/NoJs/index.mjs +0 -2
  482. package/Pagination/PaginationNav.d.ts +0 -22
  483. package/Pagination/PaginationNav.mjs +0 -122
  484. package/Pagination/PaginationResults.d.ts +0 -3
  485. package/Pagination/PaginationResults.mjs +0 -34
  486. package/Pagination/index.d.ts +0 -2
  487. package/Pagination/index.mjs +0 -2
  488. package/Pill/Pill.d.ts +0 -5
  489. package/Pill/Pill.mjs +0 -37
  490. package/Pill/index.d.ts +0 -1
  491. package/Pill/index.mjs +0 -1
  492. package/Progress/ProgressCircular.d.ts +0 -19
  493. package/Progress/ProgressCircular.mjs +0 -53
  494. package/Progress/ProgressLinear.d.ts +0 -22
  495. package/Progress/ProgressLinear.mjs +0 -44
  496. package/Progress/ProgressOverlay.d.ts +0 -4
  497. package/Progress/ProgressOverlay.mjs +0 -64
  498. package/Progress/index.d.ts +0 -3
  499. package/Progress/index.mjs +0 -3
  500. package/Rating/Rating.d.ts +0 -35
  501. package/Rating/Rating.mjs +0 -154
  502. package/Rating/index.d.ts +0 -11
  503. package/Rating/index.mjs +0 -62
  504. package/Select/SelectDownshift.d.ts +0 -5
  505. package/Select/SelectDownshift.mjs +0 -37
  506. package/Select/components.d.ts +0 -6
  507. package/Select/components.mjs +0 -25
  508. package/Select/index.d.ts +0 -2
  509. package/Select/index.mjs +0 -2
  510. package/Sidebar/Sidebar.d.ts +0 -3
  511. package/Sidebar/Sidebar.mjs +0 -63
  512. package/Sidebar/index.d.ts +0 -1
  513. package/Sidebar/index.mjs +0 -1
  514. package/Spacing/Spacing.d.ts +0 -30
  515. package/Spacing/Spacing.mjs +0 -55
  516. package/Spacing/index.d.ts +0 -1
  517. package/Spacing/index.mjs +0 -1
  518. package/Sticky/Sticky.d.ts +0 -2
  519. package/Sticky/Sticky.mjs +0 -218
  520. package/Sticky/StickyCss.d.ts +0 -5
  521. package/Sticky/StickyCss.mjs +0 -10
  522. package/Sticky/index.d.ts +0 -1
  523. package/Sticky/index.mjs +0 -1
  524. package/Tabs/TabsMui.d.ts +0 -85
  525. package/Tabs/TabsMui.mjs +0 -61
  526. package/Tabs/TabsMui.stories.mjs +0 -20
  527. package/Tabs/index.d.ts +0 -1
  528. package/Tabs/index.mjs +0 -1
  529. package/Tabs/sc/bare.d.ts +0 -5
  530. package/Tabs/sc/bare.mjs +0 -85
  531. package/Tabs/sc/index.stories.mjs +0 -0
  532. package/Tabs/tw/bare.d.ts +0 -86
  533. package/Tabs/tw/bare.mjs +0 -15
  534. package/Tabs/tw/index.stories.mjs +0 -25
  535. package/Tabs/tw/material.d.ts +0 -119
  536. package/Tabs/tw/material.mjs +0 -14
  537. package/Tabs/useTabs.d.ts +0 -43
  538. package/Tabs/useTabs.mjs +0 -46
  539. package/Typography/CopyPasteVisible.d.ts +0 -1
  540. package/Typography/CopyPasteVisible.mjs +0 -6
  541. package/Typography/Native.d.ts +0 -10
  542. package/Typography/Native.mjs +0 -47
  543. package/Typography/ReadMore.d.ts +0 -12
  544. package/Typography/ReadMore.mjs +0 -114
  545. package/Typography/TextLoop.d.ts +0 -16
  546. package/Typography/TextLoop.mjs +0 -90
  547. package/Typography/TypeStairs.d.ts +0 -6
  548. package/Typography/TypeStairs.mjs +0 -61
  549. package/Typography/index.d.ts +0 -5
  550. package/Typography/index.mjs +0 -5
  551. package/css/index.d.ts +0 -2
  552. package/css/index.mjs +0 -30
  553. package/helpers/classed.d.ts +0 -27
  554. package/helpers/classed.mjs +0 -65
  555. package/helpers/classed.stories.mjs +0 -121
  556. package/helpers/createUseMediaQueryWidth.d.ts +0 -12
  557. package/helpers/createUseMediaQueryWidth.mjs +0 -178
  558. package/helpers/extend-component.mjs +0 -13
  559. package/helpers/index.d.ts +0 -4
  560. package/helpers/index.mjs +0 -4
  561. package/helpers/mergeRefs.d.ts +0 -3
  562. package/helpers/mergeRefs.mjs +0 -12
  563. package/hooks/index.d.ts +0 -20
  564. package/hooks/index.mjs +0 -21
  565. package/hooks/types.d.ts +0 -8
  566. package/hooks/types.mjs +0 -3
  567. package/hooks/useAsyncFn.mjs +0 -39
  568. package/hooks/useDateLocale.d.ts +0 -8
  569. package/hooks/useDateLocale.mjs +0 -37
  570. package/hooks/useFirstMountState.d.ts +0 -5
  571. package/hooks/useFirstMountState.mjs +0 -12
  572. package/hooks/useFixedOffset.d.ts +0 -12
  573. package/hooks/useFixedOffset.mjs +0 -56
  574. package/hooks/useFocus.d.ts +0 -6
  575. package/hooks/useFocus.mjs +0 -14
  576. package/hooks/useInterval.d.ts +0 -7
  577. package/hooks/useInterval.mjs +0 -29
  578. package/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  579. package/hooks/useIsomorphicLayoutEffect.mjs +0 -6
  580. package/hooks/useKeyUp.d.ts +0 -2
  581. package/hooks/useKeyUp.mjs +0 -21
  582. package/hooks/useMeasure.mjs +0 -174
  583. package/hooks/useMountedState.d.ts +0 -5
  584. package/hooks/useMountedState.mjs +0 -15
  585. package/hooks/useNavigateAway.d.ts +0 -32
  586. package/hooks/useNavigateAway.mjs +0 -69
  587. package/hooks/usePrevious.d.ts +0 -5
  588. package/hooks/usePrevious.mjs +0 -17
  589. package/hooks/usePreviousRef.d.ts +0 -2
  590. package/hooks/usePreviousRef.mjs +0 -9
  591. package/hooks/useScrollPosition.d.ts +0 -15
  592. package/hooks/useScrollPosition.mjs +0 -70
  593. package/hooks/useScrollThreshold.d.ts +0 -2
  594. package/hooks/useScrollThreshold.mjs +0 -33
  595. package/hooks/useScrollTo.d.ts +0 -2
  596. package/hooks/useScrollTo.mjs +0 -20
  597. package/hooks/useSmoothScroll.d.ts +0 -8
  598. package/hooks/useSmoothScroll.mjs +0 -35
  599. package/hooks/useSpinDelay.d.ts +0 -14
  600. package/hooks/useSpinDelay.mjs +0 -52
  601. package/hooks/useTraceUpdate.d.ts +0 -5
  602. package/hooks/useTraceUpdate.mjs +0 -23
  603. package/hooks/useUpdateEffect.d.ts +0 -6
  604. package/hooks/useUpdateEffect.mjs +0 -14
  605. package/hooks/useWindowSize.d.ts +0 -12
  606. package/hooks/useWindowSize.mjs +0 -32
  607. package/index.mjs +0 -4
  608. package/m/MotionProvider.d.ts +0 -38
  609. package/m/MotionProvider.mjs +0 -40
  610. package/m/index.d.ts +0 -6
  611. package/m/index.mjs +0 -5
  612. package/m/lite.d.ts +0 -2
  613. package/m/lite.mjs +0 -2
  614. package/m/max.d.ts +0 -2
  615. package/m/max.mjs +0 -2
  616. package/sc/index.d.ts +0 -30
  617. package/sc/index.mjs +0 -31
  618. package/scm/index.d.ts +0 -29
  619. package/scm/index.mjs +0 -31
  620. package/shared/index.d.ts +0 -8
  621. package/shared/index.mjs +0 -43
  622. package/styles/Body.d.ts +0 -10
  623. package/styles/Body.mjs +0 -16
  624. package/styles/Global.d.ts +0 -15
  625. package/styles/Global.mjs +0 -49
  626. package/styles/index.d.ts +0 -7
  627. package/styles/index.mjs +0 -7
  628. package/styles/media.d.ts +0 -67
  629. package/styles/media.mjs +0 -151
  630. package/styles/spacing.d.ts +0 -13
  631. package/styles/spacing.mjs +0 -46
  632. package/styles/styled.d.ts +0 -12
  633. package/styles/styled.mjs +0 -26
  634. package/styles/theme--vanilla.d.ts +0 -17
  635. package/styles/theme--vanilla.mjs +0 -65
  636. package/styles/theme.d.ts +0 -82
  637. package/styles/theme.mjs +0 -38
  638. package/tw/index.d.ts +0 -2
  639. package/tw/index.mjs +0 -30
  640. package/twm/index.d.ts +0 -2
  641. package/twm/index.mjs +0 -30
  642. package/types.mjs +0 -1
  643. package/typings.d.ts +0 -99
package/Dialog/m/bare.mjs DELETED
@@ -1,115 +0,0 @@
1
- // FIXME: cannot build this
2
- import { extendComponent } from "../../helpers";
3
- const Dialog = ()=>null;
4
- export const KoineDialog = extendComponent(Dialog, {}); // import { AnimatePresence, m } from "framer-motion";
5
- // import { forwardRef, useMemo, useRef } from "react";
6
- // import { MdClear as IconClose } from "react-icons/md";
7
- // import { extendComponent } from "../../helpers";
8
- // import {
9
- // Backdrop,
10
- // Body,
11
- // Close,
12
- // Container,
13
- // Header,
14
- // type KoineDialogProps,
15
- // Paper,
16
- // Root,
17
- // } from "../DialogMui";
18
- // import { mRootStyle } from "./index";
19
- // // import { KoineDialog as _ } from "../DialogMui";
20
- // export type { KoineDialogProps } from "../DialogMui";
21
- // /**
22
- // * About nested `AnimatePresence` and animated dialogs with framer @see:
23
- // *
24
- // * - https://github.com/framer/motion/issues/478
25
- // * - https://codesandbox.io/s/clever-banzai-7km49?file=/src/Modal.js
26
- // */
27
- // const Dialog = forwardRef<HTMLDivElement, KoineDialogProps>(function Dialog(
28
- // {
29
- // children,
30
- // title,
31
- // $scrollPaper,
32
- // Root,
33
- // Backdrop,
34
- // Container,
35
- // Paper,
36
- // Close,
37
- // Header,
38
- // Body,
39
- // mBackdrop,
40
- // mPaper,
41
- // onClose,
42
- // ...props
43
- // },
44
- // ref
45
- // ) {
46
- // const BackdropMotion: KoineDialogProps["Backdrop"] = useMemo(
47
- // () => (props) =>
48
- // (
49
- // <AnimatePresence>
50
- // {/* @ts-expect-error framer props collision... */}
51
- // {props.open && <Backdrop {...mBackdrop} {...props} />}
52
- // </AnimatePresence>
53
- // ),
54
- // [Backdrop, mBackdrop]
55
- // );
56
- // // FIXME: extract this logic either in a useDialog hook or in a useclickOutside hook
57
- // // click handling is taken from
58
- // // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
59
- // const backdropClick = useRef<boolean | null>();
60
- // const handleMouseDown: React.MouseEventHandler = (event) => {
61
- // // We don't want to close the dialog when clicking the dialog content.
62
- // // Make sure the event starts and ends on the same DOM element.
63
- // backdropClick.current = event.target === event.currentTarget;
64
- // };
65
- // const handleBackdropClick: React.MouseEventHandler = (event) => {
66
- // // Ignore the events not coming from the "backdrop".
67
- // if (!backdropClick.current) {
68
- // return;
69
- // }
70
- // backdropClick.current = null;
71
- // // if (onBackdropClick) onBackdropClick(event);
72
- // if (onClose) {
73
- // onClose(event, "backdropClick");
74
- // }
75
- // };
76
- // return (
77
- // <Root
78
- // keepMounted
79
- // slots={{ backdrop: BackdropMotion }}
80
- // onClick={handleBackdropClick}
81
- // onClose={onClose}
82
- // ref={ref}
83
- // {...props}
84
- // style={mRootStyle({ open: props.open, style: props.style })}
85
- // >
86
- // <Container $scrollPaper={$scrollPaper} onMouseDown={handleMouseDown}>
87
- // <AnimatePresence>
88
- // {props.open && (
89
- // // @ts-expect-error framer props collision...
90
- // <Paper
91
- // {...mPaper}
92
- // aria-label={title || ""}
93
- // $scrollPaper={$scrollPaper}
94
- // >
95
- // {title && <Header>{title}</Header>}
96
- // <Close onClick={onClose}>
97
- // <IconClose />
98
- // </Close>
99
- // <Body>{children}</Body>
100
- // </Paper>
101
- // )}
102
- // </AnimatePresence>
103
- // </Container>
104
- // </Root>
105
- // );
106
- // });
107
- // export const KoineDialog = extendComponent(Dialog, {
108
- // Root,
109
- // Backdrop: m(Backdrop),
110
- // Container,
111
- // Paper: m(Paper),
112
- // Close,
113
- // Header,
114
- // Body,
115
- // });
package/Dialog/m/basic.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { MotionProps } from "framer-motion";
2
- export * from "./index";
3
- export declare const dialogBackdropMotion: MotionProps;
4
- export declare const dialogPaperMotion: MotionProps;
package/Dialog/m/basic.mjs DELETED
@@ -1,31 +0,0 @@
1
- export * from "./index";
2
- export const dialogBackdropMotion = {
3
- initial: {
4
- opacity: 0
5
- },
6
- animate: {
7
- backdropFilter: "blur(10px)",
8
- opacity: 1
9
- },
10
- exit: {
11
- backdropFilter: "blur(0px)",
12
- opacity: 0
13
- }
14
- };
15
- export const dialogPaperMotion = {
16
- initial: {
17
- // scale: .9,
18
- translateY: -60,
19
- opacity: 0
20
- },
21
- animate: {
22
- // scale: 1,
23
- translateY: 0,
24
- opacity: 1
25
- },
26
- exit: {
27
- // scale: 0.9,
28
- translateY: 60,
29
- opacity: 0
30
- }
31
- };
package/Dialog/m/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import type { KoineDialogProps } from "../DialogMui";
3
- export declare const mRootStyle: (props: Pick<KoineDialogProps, "open" | "style">) => import("react").CSSProperties;
package/Dialog/m/index.mjs DELETED
@@ -1,4 +0,0 @@
1
- export const mRootStyle = (props)=>({
2
- pointerEvents: props.open ? "all" : "none",
3
- ...props.style || {}
4
- });
package/Dialog/sc/bare.d.ts DELETED
@@ -1,71 +0,0 @@
1
- /// <reference types="react" />
2
- import * as _ from "../DialogMui";
3
- export type { KoineDialogProps } from "../DialogMui";
4
- export declare const Root: any;
5
- export declare const Backdrop: any;
6
- /**
7
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L64-L85
8
- */
9
- export declare const Container: any;
10
- /**
11
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L104-L157
12
- */
13
- export declare const Paper: any;
14
- export declare const Close: any;
15
- export declare const Header: any;
16
- /**
17
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/DialogContent/DialogContent.js#L29-L44
18
- */
19
- export declare const Body: any;
20
- export declare const KoineDialog: ((props: Omit<{
21
- [x: string]: any;
22
- [x: number]: any;
23
- [x: symbol]: any;
24
- onClose: (event: object, reason?: string | undefined) => any;
25
- title?: string | undefined;
26
- $scrollPaper?: boolean | undefined;
27
- mBackdrop?: import("framer-motion").MotionProps | undefined;
28
- mPaper?: import("framer-motion").MotionProps | undefined;
29
- children?: import("react").ReactNode;
30
- Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
31
- Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
32
- open?: any;
33
- }>>;
34
- Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<_.OwnProps, "$scrollPaper"> & {
35
- children?: import("react").ReactNode;
36
- }>>;
37
- Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
38
- "aria-label": string;
39
- } & Pick<_.OwnProps, "$scrollPaper"> & {
40
- children?: import("react").ReactNode;
41
- }>>;
42
- Close: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
43
- onClick: (event: object, reason?: string | undefined) => any;
44
- } & {
45
- children?: import("react").ReactNode;
46
- }>>;
47
- Header: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
48
- children?: import("react").ReactNode;
49
- }>>;
50
- Body: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
51
- children?: import("react").ReactNode;
52
- }>>;
53
- }, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
54
- Root: any;
55
- Backdrop: any;
56
- Container: any;
57
- Paper: any;
58
- Close: any;
59
- Header: any;
60
- Body: any;
61
- } & {
62
- defaultProps: {
63
- Root: any;
64
- Backdrop: any;
65
- Container: any;
66
- Paper: any;
67
- Close: any;
68
- Header: any;
69
- Body: any;
70
- };
71
- };
package/Dialog/sc/bare.mjs DELETED
@@ -1,54 +0,0 @@
1
- import styled from "styled-components";
2
- import { IconButton } from "../../Buttons";
3
- import { extendComponent } from "../../helpers";
4
- import { inset0 } from "../../styles/styled";
5
- import * as _ from "../DialogMui";
6
- export const Root = styled(_.Root)`
7
- z-index: 1300;
8
- position: fixed;
9
- ${inset0}
10
- `;
11
- // export const Backdrop = (props) => {
12
- // return <div {...props} />;
13
- // }
14
- export const Backdrop = styled(_.Backdrop)`
15
- z-index: -1;
16
- position: fixed;
17
- ${inset0}
18
- backdrop-filter: blur(0px);
19
- -webkit-tap-highlight-color: transparent;
20
- `;
21
- /**
22
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L64-L85
23
- */ export const Container = styled(_.Container)`
24
- height: 100%;
25
- outline: 0;
26
- ${(p)=>p.$scrollPaper ? "display: flex; justify-content: center; align-items: center;" : "overflow: hidden auto; text-align: center; &:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }"}
27
- `;
28
- /**
29
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L104-L157
30
- */ export const Paper = styled(_.Paper)`
31
- position: relative;
32
- ${(p)=>p.$scrollPaper ? "display: flex; flex-direction: column; max-height: calc(100%-64px);" : "display: inline-block; vertical-align: middle; text-align: initial;"}
33
- `;
34
- export const Close = styled(IconButton)`
35
- position: absolute;
36
- `;
37
- export const Header = styled(_.Header)``;
38
- /**
39
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/DialogContent/DialogContent.js#L29-L44
40
- */ export const Body = styled(_.Body)`
41
- flex: 1 1 auto;
42
- -webkit-overflow-scrolling: touch;
43
- overflow-y: auto;
44
- overflow: auto;
45
- `;
46
- export const KoineDialog = extendComponent(_.KoineDialog, {
47
- Root,
48
- Backdrop,
49
- Container,
50
- Paper,
51
- Close,
52
- Header,
53
- Body
54
- });
package/Dialog/sc/framer.d.ts DELETED
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- export type { KoineDialogProps } from "../DialogMui";
3
- export declare const KoineDialog: ((props: unknown) => import("react").FunctionComponentElement<any>) & {
4
- Root: any;
5
- Backdrop: import("framer-motion").CustomDomComponent<{}>;
6
- Container: any;
7
- Paper: import("framer-motion").CustomDomComponent<{}>;
8
- Close: any;
9
- Header: any;
10
- Body: any;
11
- mBackdrop: import("framer-motion").MotionProps;
12
- mPaper: import("framer-motion").MotionProps;
13
- } & {
14
- defaultProps: {
15
- Root: any;
16
- Backdrop: import("framer-motion").CustomDomComponent<{}>;
17
- Container: any;
18
- Paper: import("framer-motion").CustomDomComponent<{}>;
19
- Close: any;
20
- Header: any;
21
- Body: any;
22
- mBackdrop: import("framer-motion").MotionProps;
23
- mPaper: import("framer-motion").MotionProps;
24
- };
25
- };
package/Dialog/sc/framer.mjs DELETED
@@ -1,16 +0,0 @@
1
- import { m } from "framer-motion";
2
- import { extendComponent } from "../../helpers";
3
- import { KoineDialog as _ } from "../m/bare";
4
- import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic";
5
- import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./bare";
6
- export const KoineDialog = extendComponent(_, {
7
- Root,
8
- Backdrop: m(Backdrop),
9
- Container,
10
- Paper: m(Paper),
11
- Close,
12
- Header,
13
- Body,
14
- mBackdrop: dialogBackdropMotion,
15
- mPaper: dialogPaperMotion
16
- });
package/Dialog/sc/framerMaterial.d.ts DELETED
@@ -1,24 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const KoineDialog: ((props: unknown) => import("react").FunctionComponentElement<any>) & {
3
- Root: any;
4
- Backdrop: import("framer-motion").CustomDomComponent<{}>;
5
- Container: any;
6
- Paper: import("framer-motion").CustomDomComponent<{}>;
7
- Close: any;
8
- Header: any;
9
- Body: any;
10
- mBackdrop: import("framer-motion").MotionProps;
11
- mPaper: import("framer-motion").MotionProps;
12
- } & {
13
- defaultProps: {
14
- Root: any;
15
- Backdrop: import("framer-motion").CustomDomComponent<{}>;
16
- Container: any;
17
- Paper: import("framer-motion").CustomDomComponent<{}>;
18
- Close: any;
19
- Header: any;
20
- Body: any;
21
- mBackdrop: import("framer-motion").MotionProps;
22
- mPaper: import("framer-motion").MotionProps;
23
- };
24
- };
package/Dialog/sc/framerMaterial.mjs DELETED
@@ -1,16 +0,0 @@
1
- import { m } from "framer-motion";
2
- import { extendComponent } from "../../helpers";
3
- import { KoineDialog as _ } from "../m/bare";
4
- import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic";
5
- import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./material";
6
- export const KoineDialog = extendComponent(_, {
7
- Root,
8
- Backdrop: m(Backdrop),
9
- Container,
10
- Paper: m(Paper),
11
- Close,
12
- Header,
13
- Body,
14
- mBackdrop: dialogBackdropMotion,
15
- mPaper: dialogPaperMotion
16
- });
package/Dialog/sc/index.stories.mjs DELETED
@@ -1,48 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { StoryDialog, decoratorFramer, storyDialogArgs, storyDialogMeta } from "@koine/stories";
3
- import { KoineDialog as bareComp } from "./bare";
4
- import { KoineDialog as framerComp } from "./framer";
5
- import { KoineDialog as framerMaterialComp } from "./framerMaterial";
6
- import { KoineDialog as materialComp } from "./material";
7
- export default {
8
- title: "Base/Dialog/Styled Components",
9
- ...storyDialogMeta
10
- };
11
- const bareTemplate = (args)=>{
12
- return /*#__PURE__*/ _jsx(StoryDialog, {
13
- ...args,
14
- Dialog: bareComp
15
- });
16
- };
17
- export const bare = bareTemplate.bind({});
18
- bare.args = storyDialogArgs;
19
- const materialTemplate = (args)=>{
20
- return /*#__PURE__*/ _jsx(StoryDialog, {
21
- ...args,
22
- Dialog: materialComp
23
- });
24
- };
25
- export const material = materialTemplate.bind({});
26
- material.args = storyDialogArgs;
27
- const framerTemplate = (args)=>{
28
- return /*#__PURE__*/ _jsx(StoryDialog, {
29
- ...args,
30
- Dialog: framerComp
31
- });
32
- };
33
- export const framer = framerTemplate.bind({});
34
- framer.decorators = [
35
- decoratorFramer
36
- ];
37
- framer.args = storyDialogArgs;
38
- const framerMaterialTemplate = (args)=>{
39
- return /*#__PURE__*/ _jsx(StoryDialog, {
40
- ...args,
41
- Dialog: framerMaterialComp
42
- });
43
- };
44
- export const framerMaterial = framerMaterialTemplate.bind({});
45
- framerMaterial.decorators = [
46
- decoratorFramer
47
- ];
48
- framerMaterial.args = storyDialogArgs;
package/Dialog/sc/material.d.ts DELETED
@@ -1,61 +0,0 @@
1
- /// <reference types="react" />
2
- export type { KoineDialogProps } from "./bare";
3
- export declare const Root: any;
4
- export declare const Backdrop: any;
5
- export declare const Container: any;
6
- export declare const Paper: any;
7
- export declare const Close: any;
8
- export declare const Header: any;
9
- export declare const Body: any;
10
- export declare const KoineDialog: ((props: Omit<{
11
- [x: string]: any;
12
- [x: number]: any;
13
- [x: symbol]: any;
14
- onClose: (event: object, reason?: string | undefined) => any;
15
- title?: string | undefined;
16
- $scrollPaper?: boolean | undefined;
17
- mBackdrop?: import("framer-motion").MotionProps | undefined;
18
- mPaper?: import("framer-motion").MotionProps | undefined;
19
- children?: import("react").ReactNode;
20
- Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Modal").ModalTypeMap<{}, "div">>;
21
- Backdrop: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
22
- open?: any;
23
- }>>;
24
- Container: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
25
- children?: import("react").ReactNode;
26
- }>>;
27
- Paper: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
28
- "aria-label": string;
29
- } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
30
- children?: import("react").ReactNode;
31
- }>>;
32
- Close: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
33
- onClick: (event: object, reason?: string | undefined) => any;
34
- } & {
35
- children?: import("react").ReactNode;
36
- }>>;
37
- Header: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
38
- children?: import("react").ReactNode;
39
- }>>;
40
- Body: NonNullable<import("react").ElementType<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
41
- children?: import("react").ReactNode;
42
- }>>;
43
- }, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
44
- Root: any;
45
- Backdrop: any;
46
- Container: any;
47
- Paper: any;
48
- Close: any;
49
- Header: any;
50
- Body: any;
51
- } & {
52
- defaultProps: {
53
- Root: any;
54
- Backdrop: any;
55
- Container: any;
56
- Paper: any;
57
- Close: any;
58
- Header: any;
59
- Body: any;
60
- };
61
- };
package/Dialog/sc/material.mjs DELETED
@@ -1,41 +0,0 @@
1
- import styled from "styled-components";
2
- import { extendComponent } from "../../helpers";
3
- import { KoineDialog as _ } from "./bare";
4
- export const Root = styled(_.Root)``;
5
- export const Backdrop = styled(_.Backdrop)`
6
- background: rgba(0, 0, 0, 0.5);
7
- filter: backdrop-blur(4px);
8
- `;
9
- export const Container = styled(_.Container)``;
10
- export const Paper = styled(_.Paper)`
11
- max-width: 640px;
12
- margin: 64px;
13
- border-radius: 4px;
14
- background: white;
15
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
16
- `;
17
- export const Close = styled(_.Close)`
18
- position: absolute;
19
- top: 0;
20
- right: 0;
21
- padding: 8px;
22
- font-size: 2rem;
23
- opacity: 0.5;
24
- `;
25
- export const Header = styled(_.Header)`
26
- padding: 16px;
27
- font-size: 1.25rem;
28
- `;
29
- export const Body = styled(_.Body)`
30
- padding: 16px;
31
- border-top: 1px solid rgba(0, 0, 0, 0.08);
32
- `;
33
- export const KoineDialog = extendComponent(_, {
34
- Root,
35
- Backdrop,
36
- Container,
37
- Paper,
38
- Close,
39
- Header,
40
- Body
41
- });