@koine/react 1.0.10 → 1.0.13

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 (445) hide show
  1. package/Alert/Alert.d.ts +5 -0
  2. package/Alert/Alert.js +10 -0
  3. package/Alert/index.d.ts +1 -0
  4. package/Alert/index.js +1 -0
  5. package/Alert/package.json +6 -0
  6. package/Animations/Reveal.d.ts +4 -0
  7. package/Animations/Reveal.js +17 -0
  8. package/Animations/Underline.d.ts +1 -0
  9. package/Animations/Underline.js +5 -0
  10. package/Animations/index.d.ts +3 -0
  11. package/Animations/index.js +3 -0
  12. package/Animations/package.json +6 -0
  13. package/Animations/useReveal.d.ts +33 -0
  14. package/Animations/useReveal.js +71 -0
  15. package/Autocomplete/AutocompleteDownshift.d.ts +1 -0
  16. package/Autocomplete/AutocompleteDownshift.js +158 -0
  17. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +1 -0
  18. package/Autocomplete/AutocompleteDownshiftMultiselect.js +353 -0
  19. package/Autocomplete/AutocompleteMui.d.ts +47 -0
  20. package/Autocomplete/AutocompleteMui.js +182 -0
  21. package/Autocomplete/AutocompleteReach.d.ts +1 -0
  22. package/Autocomplete/AutocompleteReach.js +112 -0
  23. package/Autocomplete/components.d.ts +21 -0
  24. package/Autocomplete/components.js +34 -0
  25. package/Autocomplete/helpers.d.ts +3 -0
  26. package/Autocomplete/helpers.js +28 -0
  27. package/Autocomplete/index.d.ts +2 -0
  28. package/Autocomplete/index.js +3 -0
  29. package/Autocomplete/package.json +6 -0
  30. package/Bg/BgColor.d.ts +36 -0
  31. package/Bg/BgColor.js +21 -0
  32. package/Bg/BgPhoto.d.ts +13 -0
  33. package/Bg/BgPhoto.js +16 -0
  34. package/Bg/BgSvg.d.ts +7 -0
  35. package/Bg/BgSvg.js +12 -0
  36. package/Bg/index.d.ts +3 -0
  37. package/Bg/index.js +3 -0
  38. package/Bg/package.json +6 -0
  39. package/Breadcrumbs/Breadcrumbs.d.ts +13 -0
  40. package/Breadcrumbs/Breadcrumbs.js +27 -0
  41. package/Breadcrumbs/index.d.ts +1 -0
  42. package/Breadcrumbs/index.js +1 -0
  43. package/Breadcrumbs/package.json +6 -0
  44. package/Buttons/Button.d.ts +18 -0
  45. package/Buttons/Button.js +14 -0
  46. package/Buttons/ButtonComposite.d.ts +23 -0
  47. package/Buttons/ButtonComposite.js +28 -0
  48. package/Buttons/ButtonFab.d.ts +7 -0
  49. package/Buttons/ButtonFab.js +6 -0
  50. package/Buttons/ButtonLink.d.ts +8 -0
  51. package/Buttons/ButtonLink.js +11 -0
  52. package/Buttons/IconButton.d.ts +11 -0
  53. package/Buttons/IconButton.js +7 -0
  54. package/Buttons/index.d.ts +5 -0
  55. package/Buttons/index.js +5 -0
  56. package/Buttons/package.json +6 -0
  57. package/Calendar/CalendarDaygridCell.d.ts +36 -0
  58. package/Calendar/CalendarDaygridCell.js +57 -0
  59. package/Calendar/CalendarDaygridNav.d.ts +27 -0
  60. package/Calendar/CalendarDaygridNav.js +23 -0
  61. package/Calendar/CalendarDaygridTable.d.ts +25 -0
  62. package/Calendar/CalendarDaygridTable.js +57 -0
  63. package/Calendar/CalendarLegend.d.ts +19 -0
  64. package/Calendar/CalendarLegend.js +16 -0
  65. package/Calendar/calendar-api-google.d.ts +18 -0
  66. package/Calendar/calendar-api-google.js +127 -0
  67. package/Calendar/index.d.ts +6 -0
  68. package/Calendar/index.js +6 -0
  69. package/Calendar/package.json +6 -0
  70. package/Calendar/types.d.ts +81 -0
  71. package/Calendar/types.js +1 -0
  72. package/Calendar/useCalendar.d.ts +49 -0
  73. package/Calendar/useCalendar.js +183 -0
  74. package/Calendar/utils.d.ts +11 -0
  75. package/Calendar/utils.js +202 -0
  76. package/Carousel/Carousel.d.ts +1 -0
  77. package/Carousel/Carousel.js +378 -0
  78. package/Carousel/CarouselCss.d.ts +47 -0
  79. package/Carousel/CarouselCss.js +23 -0
  80. package/Carousel/index.d.ts +1 -0
  81. package/Carousel/index.js +1 -0
  82. package/Carousel/package.json +6 -0
  83. package/Collapsable/Collapsable.d.ts +1 -0
  84. package/Collapsable/Collapsable.js +1 -0
  85. package/Collapsable/CollapsableReach.d.ts +6 -0
  86. package/Collapsable/CollapsableReach.js +253 -0
  87. package/Collapsable/index.d.ts +1 -0
  88. package/Collapsable/index.js +2 -0
  89. package/Collapsable/package.json +6 -0
  90. package/Debug/Debug.d.ts +4 -0
  91. package/Debug/Debug.js +9 -0
  92. package/Debug/index.d.ts +1 -0
  93. package/Debug/index.js +1 -0
  94. package/Debug/package.json +6 -0
  95. package/Details/Details.d.ts +114 -0
  96. package/Details/Details.js +65 -0
  97. package/Details/index.d.ts +1 -0
  98. package/Details/index.js +1 -0
  99. package/Details/package.json +6 -0
  100. package/Dialog/DialogMui.d.ts +139 -0
  101. package/Dialog/DialogMui.js +80 -0
  102. package/Dialog/css/bare.d.ts +145 -0
  103. package/Dialog/css/bare.js +21 -0
  104. package/Dialog/index.d.ts +2 -0
  105. package/Dialog/index.js +1 -0
  106. package/Dialog/m/bare.d.ts +56 -0
  107. package/Dialog/m/bare.js +52 -0
  108. package/Dialog/m/basic.d.ts +4 -0
  109. package/Dialog/m/basic.js +31 -0
  110. package/Dialog/m/index.d.ts +2 -0
  111. package/Dialog/m/index.js +4 -0
  112. package/Dialog/m/package.json +6 -0
  113. package/Dialog/package.json +6 -0
  114. package/Dialog/sc/bare.d.ts +105 -0
  115. package/Dialog/sc/bare.js +43 -0
  116. package/Dialog/sc/framer.d.ts +80 -0
  117. package/Dialog/sc/framer.js +16 -0
  118. package/Dialog/sc/framerMaterial.d.ts +79 -0
  119. package/Dialog/sc/framerMaterial.js +16 -0
  120. package/Dialog/sc/material.d.ts +94 -0
  121. package/Dialog/sc/material.js +21 -0
  122. package/Dialog/tw/bare.d.ts +196 -0
  123. package/Dialog/tw/bare.js +42 -0
  124. package/Dialog/tw/elegant.d.ts +244 -0
  125. package/Dialog/tw/elegant.js +20 -0
  126. package/Dialog/tw/framer.d.ts +112 -0
  127. package/Dialog/tw/framer.js +16 -0
  128. package/Dialog/tw/framerMaterial.d.ts +167 -0
  129. package/Dialog/tw/framerMaterial.js +16 -0
  130. package/Dialog/tw/material.d.ts +244 -0
  131. package/Dialog/tw/material.js +20 -0
  132. package/Editor/Editor--tiptap.d.ts +9 -0
  133. package/Editor/Editor--tiptap.js +26 -0
  134. package/Editor/components.d.ts +7 -0
  135. package/Editor/components.js +10 -0
  136. package/Editor/index.d.ts +1 -0
  137. package/Editor/index.js +1 -0
  138. package/Editor/package.json +6 -0
  139. package/Favicon/FaviconTags.d.ts +18 -0
  140. package/Favicon/FaviconTags.js +15 -0
  141. package/Favicon/index.d.ts +1 -0
  142. package/Favicon/index.js +1 -0
  143. package/Favicon/package.json +6 -0
  144. package/Form/Form.d.ts +111 -0
  145. package/Form/Form.js +61 -0
  146. package/Form/index.d.ts +1 -0
  147. package/Form/index.js +1 -0
  148. package/Form/package.json +6 -0
  149. package/Form/sc/bare.d.ts +33 -0
  150. package/Form/sc/bare.js +20 -0
  151. package/Forms/Checkbox/Checkbox.d.ts +11 -0
  152. package/Forms/Checkbox/Checkbox.js +18 -0
  153. package/Forms/Checkbox/index.d.ts +1 -0
  154. package/Forms/Checkbox/index.js +1 -0
  155. package/Forms/Checkbox/package.json +6 -0
  156. package/Forms/Feedback/Feedback.d.ts +5 -0
  157. package/Forms/Feedback/Feedback.js +9 -0
  158. package/Forms/Feedback/index.d.ts +1 -0
  159. package/Forms/Feedback/index.js +1 -0
  160. package/Forms/Feedback/package.json +6 -0
  161. package/Forms/Field/Field.d.ts +15 -0
  162. package/Forms/Field/Field.js +48 -0
  163. package/Forms/Field/FieldControl.d.ts +26 -0
  164. package/Forms/Field/FieldControl.js +47 -0
  165. package/Forms/Field/FieldHint.d.ts +1 -0
  166. package/Forms/Field/FieldHint.js +4 -0
  167. package/Forms/Field/index.d.ts +2 -0
  168. package/Forms/Field/index.js +2 -0
  169. package/Forms/Field/package.json +6 -0
  170. package/Forms/Input/Input.d.ts +9 -0
  171. package/Forms/Input/Input.js +17 -0
  172. package/Forms/Input/index.d.ts +1 -0
  173. package/Forms/Input/index.js +1 -0
  174. package/Forms/Input/package.json +6 -0
  175. package/Forms/InputGroup/InputGroup.d.ts +13 -0
  176. package/Forms/InputGroup/InputGroup.js +15 -0
  177. package/Forms/InputGroup/index.d.ts +1 -0
  178. package/Forms/InputGroup/index.js +1 -0
  179. package/Forms/InputGroup/package.json +6 -0
  180. package/Forms/Label/Label.d.ts +3 -0
  181. package/Forms/Label/Label.js +6 -0
  182. package/Forms/Label/index.d.ts +1 -0
  183. package/Forms/Label/index.js +1 -0
  184. package/Forms/Label/package.json +6 -0
  185. package/Forms/Password/Password.d.ts +5 -0
  186. package/Forms/Password/Password.js +17 -0
  187. package/Forms/Password/index.d.ts +1 -0
  188. package/Forms/Password/index.js +1 -0
  189. package/Forms/Password/package.json +6 -0
  190. package/Forms/Radio/Radio.d.ts +12 -0
  191. package/Forms/Radio/Radio.js +25 -0
  192. package/Forms/Radio/index.d.ts +1 -0
  193. package/Forms/Radio/index.js +1 -0
  194. package/Forms/Radio/package.json +6 -0
  195. package/Forms/Switch/Switch.d.ts +9 -0
  196. package/Forms/Switch/Switch.js +20 -0
  197. package/Forms/Switch/index.d.ts +1 -0
  198. package/Forms/Switch/index.js +1 -0
  199. package/Forms/Switch/package.json +6 -0
  200. package/Forms/Textarea/Textarea.d.ts +5 -0
  201. package/Forms/Textarea/Textarea.js +12 -0
  202. package/Forms/Textarea/TextareaRich.d.ts +6 -0
  203. package/Forms/Textarea/TextareaRich.js +28 -0
  204. package/Forms/Textarea/index.d.ts +2 -0
  205. package/Forms/Textarea/index.js +2 -0
  206. package/Forms/Textarea/package.json +6 -0
  207. package/Forms/Toggle/Toggle.d.ts +19 -0
  208. package/Forms/Toggle/Toggle.js +32 -0
  209. package/Forms/Toggle/index.d.ts +1 -0
  210. package/Forms/Toggle/index.js +1 -0
  211. package/Forms/Toggle/package.json +6 -0
  212. package/Forms/Toggle/useToggle.d.ts +46 -0
  213. package/Forms/Toggle/useToggle.js +145 -0
  214. package/Forms/antispam.d.ts +24 -0
  215. package/Forms/antispam.js +56 -0
  216. package/Forms/helpers.d.ts +26 -0
  217. package/Forms/helpers.js +45 -0
  218. package/Forms/index.d.ts +15 -0
  219. package/Forms/index.js +16 -0
  220. package/Forms/package.json +6 -0
  221. package/Forms/styles.d.ts +19 -0
  222. package/Forms/styles.js +29 -0
  223. package/Gauge/Gauge.d.ts +5 -0
  224. package/Gauge/Gauge.js +102 -0
  225. package/Grid/Grid.d.ts +64 -0
  226. package/Grid/Grid.js +53 -0
  227. package/Grid/index.d.ts +1 -0
  228. package/Grid/index.js +1 -0
  229. package/Grid/package.json +6 -0
  230. package/Hamburger/Hamburger.d.ts +6 -0
  231. package/Hamburger/Hamburger.js +52 -0
  232. package/Hamburger/index.d.ts +1 -0
  233. package/Hamburger/index.js +1 -0
  234. package/Hamburger/package.json +6 -0
  235. package/Header/index.d.ts +1 -0
  236. package/Header/index.js +1 -0
  237. package/Header/package.json +6 -0
  238. package/Header/useHeader.d.ts +24 -0
  239. package/Header/useHeader.js +30 -0
  240. package/Hidden/Hidden.d.ts +6 -0
  241. package/Hidden/Hidden.js +10 -0
  242. package/Hidden/index.d.ts +1 -0
  243. package/Hidden/index.js +1 -0
  244. package/Hidden/package.json +6 -0
  245. package/Img/index.d.ts +1 -0
  246. package/Img/index.js +1 -0
  247. package/Img/package.json +6 -0
  248. package/Img/sc/bare.d.ts +2 -0
  249. package/Img/sc/bare.js +39 -0
  250. package/Img/types.d.ts +9 -0
  251. package/Img/types.js +1 -0
  252. package/Link/Link.d.ts +5 -0
  253. package/Link/Link.js +4 -0
  254. package/Link/LinkBlank.d.ts +8 -0
  255. package/Link/LinkBlank.js +17 -0
  256. package/Link/index.d.ts +2 -0
  257. package/Link/index.js +2 -0
  258. package/Link/package.json +6 -0
  259. package/Menu/Menu.d.ts +1 -0
  260. package/Menu/Menu.js +4 -0
  261. package/Menu/index.d.ts +1 -0
  262. package/Menu/index.js +1 -0
  263. package/Menu/package.json +6 -0
  264. package/MenuItem/MenuItem.d.ts +4 -0
  265. package/MenuItem/MenuItem.js +4 -0
  266. package/MenuItem/index.d.ts +1 -0
  267. package/MenuItem/index.js +1 -0
  268. package/MenuItem/package.json +6 -0
  269. package/Meta/Meta.d.ts +14 -0
  270. package/Meta/Meta.js +5 -0
  271. package/Meta/index.d.ts +1 -0
  272. package/Meta/index.js +1 -0
  273. package/Meta/package.json +6 -0
  274. package/NoJs/NoJs.d.ts +2 -0
  275. package/NoJs/NoJs.js +6 -0
  276. package/NoJs/index.d.ts +1 -0
  277. package/NoJs/index.js +1 -0
  278. package/NoJs/package.json +6 -0
  279. package/Pagination/PaginationNav.d.ts +22 -0
  280. package/Pagination/PaginationNav.js +61 -0
  281. package/Pagination/PaginationResults.d.ts +3 -0
  282. package/Pagination/PaginationResults.js +11 -0
  283. package/Pagination/index.d.ts +2 -0
  284. package/Pagination/index.js +2 -0
  285. package/Pagination/package.json +6 -0
  286. package/Pill/Pill.d.ts +5 -0
  287. package/Pill/Pill.js +7 -0
  288. package/Pill/index.d.ts +1 -0
  289. package/Pill/index.js +1 -0
  290. package/Pill/package.json +6 -0
  291. package/Progress/ProgressCircular.d.ts +19 -0
  292. package/Progress/ProgressCircular.js +15 -0
  293. package/Progress/ProgressLinear.d.ts +22 -0
  294. package/Progress/ProgressLinear.js +24 -0
  295. package/Progress/ProgressOverlay.d.ts +4 -0
  296. package/Progress/ProgressOverlay.js +24 -0
  297. package/Progress/index.d.ts +3 -0
  298. package/Progress/index.js +3 -0
  299. package/Progress/package.json +6 -0
  300. package/Rating/Rating.d.ts +35 -0
  301. package/Rating/Rating.js +71 -0
  302. package/Rating/index.d.ts +11 -0
  303. package/Rating/index.js +49 -0
  304. package/Rating/package.json +6 -0
  305. package/Select/SelectDownshift.d.ts +5 -0
  306. package/Select/SelectDownshift.js +38 -0
  307. package/Select/components.d.ts +6 -0
  308. package/Select/components.js +12 -0
  309. package/Select/index.d.ts +2 -0
  310. package/Select/index.js +3 -0
  311. package/Select/package.json +6 -0
  312. package/Sidebar/Sidebar.d.ts +3 -0
  313. package/Sidebar/Sidebar.js +23 -0
  314. package/Sidebar/index.d.ts +1 -0
  315. package/Sidebar/index.js +1 -0
  316. package/Sidebar/package.json +6 -0
  317. package/Spacing/Spacing.d.ts +30 -0
  318. package/Spacing/Spacing.js +45 -0
  319. package/Spacing/index.d.ts +1 -0
  320. package/Spacing/index.js +1 -0
  321. package/Spacing/package.json +6 -0
  322. package/Sticky/Sticky.d.ts +2 -0
  323. package/Sticky/Sticky.js +219 -0
  324. package/Sticky/StickyCss.d.ts +5 -0
  325. package/Sticky/StickyCss.js +6 -0
  326. package/Sticky/index.d.ts +1 -0
  327. package/Sticky/index.js +1 -0
  328. package/Sticky/package.json +6 -0
  329. package/Tabs/TabsMui.d.ts +244 -0
  330. package/Tabs/TabsMui.js +46 -0
  331. package/Tabs/index.d.ts +1 -0
  332. package/Tabs/index.js +1 -0
  333. package/Tabs/package.json +6 -0
  334. package/Tabs/sc/bare.d.ts +5 -0
  335. package/Tabs/sc/bare.js +87 -0
  336. package/Tabs/tw/bare.d.ts +248 -0
  337. package/Tabs/tw/bare.js +17 -0
  338. package/Tabs/tw/material.d.ts +472 -0
  339. package/Tabs/tw/material.js +18 -0
  340. package/Tabs/useTabs.d.ts +43 -0
  341. package/Tabs/useTabs.js +44 -0
  342. package/Typography/CopyPasteVisible.d.ts +1 -0
  343. package/Typography/CopyPasteVisible.js +4 -0
  344. package/Typography/Native.d.ts +10 -0
  345. package/Typography/Native.js +14 -0
  346. package/Typography/ReadMore.d.ts +12 -0
  347. package/Typography/ReadMore.js +43 -0
  348. package/Typography/TextLoop.d.ts +16 -0
  349. package/Typography/TextLoop.js +46 -0
  350. package/Typography/TypeStairs.d.ts +6 -0
  351. package/Typography/TypeStairs.js +50 -0
  352. package/Typography/index.d.ts +5 -0
  353. package/Typography/index.js +5 -0
  354. package/Typography/package.json +6 -0
  355. package/css/index.d.ts +2 -0
  356. package/css/index.js +31 -0
  357. package/css/package.json +6 -0
  358. package/helpers/classed.d.ts +22 -0
  359. package/helpers/classed.js +68 -0
  360. package/helpers/extend-component.d.ts +28 -0
  361. package/helpers/extend-component.js +12 -0
  362. package/helpers/index.d.ts +3 -0
  363. package/helpers/index.js +2 -0
  364. package/helpers/package.json +6 -0
  365. package/hooks/index.d.ts +14 -0
  366. package/hooks/index.js +15 -0
  367. package/hooks/package.json +6 -0
  368. package/hooks/types.d.ts +8 -0
  369. package/hooks/types.js +1 -0
  370. package/hooks/useAsyncFn.d.ts +26 -0
  371. package/hooks/useAsyncFn.js +36 -0
  372. package/hooks/useDateLocale.d.ts +7 -0
  373. package/hooks/useDateLocale.js +38 -0
  374. package/hooks/useEffectOnce.d.ts +5 -0
  375. package/hooks/useEffectOnce.js +8 -0
  376. package/hooks/useFirstMountState.d.ts +4 -0
  377. package/hooks/useFirstMountState.js +12 -0
  378. package/hooks/useFocus.d.ts +4 -0
  379. package/hooks/useFocus.js +11 -0
  380. package/hooks/useId.d.ts +4 -0
  381. package/hooks/useId.js +8 -0
  382. package/hooks/useIsomorphicLayoutEffect.d.ts +5 -0
  383. package/hooks/useIsomorphicLayoutEffect.js +8 -0
  384. package/hooks/useMount.d.ts +4 -0
  385. package/hooks/useMount.js +9 -0
  386. package/hooks/useMountedState.d.ts +4 -0
  387. package/hooks/useMountedState.js +15 -0
  388. package/hooks/usePrevious.d.ts +1 -0
  389. package/hooks/usePrevious.js +8 -0
  390. package/hooks/useScrollPosition.d.ts +15 -0
  391. package/hooks/useScrollPosition.js +80 -0
  392. package/hooks/useScrollTo.d.ts +1 -0
  393. package/hooks/useScrollTo.js +21 -0
  394. package/hooks/useTraceUpdate.d.ts +4 -0
  395. package/hooks/useTraceUpdate.js +21 -0
  396. package/hooks/useUpdateEffect.d.ts +5 -0
  397. package/hooks/useUpdateEffect.js +14 -0
  398. package/hooks/useWindowSize.d.ts +1 -0
  399. package/hooks/useWindowSize.js +13 -0
  400. package/index.d.ts +1 -0
  401. package/index.js +5 -0
  402. package/m/MotionProvider.d.ts +37 -0
  403. package/m/MotionProvider.js +39 -0
  404. package/m/index.d.ts +6 -0
  405. package/m/index.js +6 -0
  406. package/m/lite.d.ts +2 -0
  407. package/m/lite.js +2 -0
  408. package/m/max.d.ts +2 -0
  409. package/m/max.js +2 -0
  410. package/m/package.json +6 -0
  411. package/package.json +6 -9
  412. package/sc/index.d.ts +30 -0
  413. package/sc/index.js +31 -0
  414. package/sc/package.json +6 -0
  415. package/scm/index.d.ts +29 -0
  416. package/scm/index.js +31 -0
  417. package/scm/package.json +6 -0
  418. package/shared/index.d.ts +8 -0
  419. package/shared/index.js +8 -0
  420. package/shared/package.json +6 -0
  421. package/styles/Body.d.ts +10 -0
  422. package/styles/Body.js +13 -0
  423. package/styles/Global.d.ts +15 -0
  424. package/styles/Global.js +18 -0
  425. package/styles/index.d.ts +7 -0
  426. package/styles/index.js +7 -0
  427. package/styles/media.d.ts +67 -0
  428. package/styles/media.js +155 -0
  429. package/styles/package.json +6 -0
  430. package/styles/spacing.d.ts +13 -0
  431. package/styles/spacing.js +45 -0
  432. package/styles/styled.d.ts +12 -0
  433. package/styles/styled.js +13 -0
  434. package/styles/theme--vanilla.d.ts +18 -0
  435. package/styles/theme--vanilla.js +55 -0
  436. package/styles/theme.d.ts +82 -0
  437. package/styles/theme.js +41 -0
  438. package/tw/index.d.ts +2 -0
  439. package/tw/index.js +31 -0
  440. package/tw/package.json +6 -0
  441. package/twm/index.d.ts +2 -0
  442. package/twm/index.js +31 -0
  443. package/twm/package.json +6 -0
  444. package/types.d.ts +10 -0
  445. package/types.js +1 -0
package/Dialog/DialogMui.js ADDED
@@ -0,0 +1,80 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef, useRef } from "react";
4
+ import ModalUnstyled from "@mui/base/ModalUnstyled";
5
+ import { MdClear as IconClose } from "react-icons/md";
6
+ import { extendComponent, } from "../helpers";
7
+ export var Root = ModalUnstyled;
8
+ export var Backdrop = "div";
9
+ export var Container = "div";
10
+ export var Paper = "div";
11
+ export var Close = "button";
12
+ export var Header = "div";
13
+ export var Body = "div";
14
+ // const Dialog = ({
15
+ // children,
16
+ // title,
17
+ // $scrollPaper,
18
+ // Root: _Root,
19
+ // Backdrop: _Backdrop,
20
+ // Container: _Container,
21
+ // Paper: _Paper,
22
+ // Close: _Close,
23
+ // Header: _Header,
24
+ // Body: _Body,
25
+ // ...props
26
+ // }: KoineDialogProps) => (
27
+ // <Root BackdropComponent={Backdrop} onBackdropClick={props.onClose} {...props}>
28
+ // <Container $scrollPaper={$scrollPaper}>
29
+ // <Paper aria-label={title || ""} $scrollPaper={$scrollPaper}>
30
+ // {title && <Header>{title}</Header>}
31
+ // <Close onClick={props.onClose}>
32
+ // <IconClose />
33
+ // </Close>
34
+ // <Body>{children}</Body>
35
+ // </Paper>
36
+ // </Container>
37
+ // </Root>
38
+ // );
39
+ /**
40
+ *
41
+ * Main differences from [Mui Dialog](https://mui.com/material-ui/react-dialog):
42
+ *
43
+ * - By default uses `scroll="body"` instead of paper.
44
+ * - Optionally uses `framer-motion` for animations
45
+ * - Uses backdrop blur by default
46
+ *
47
+ * FIXME: it actually works even without forwardRef, check if we do need it
48
+ */
49
+ var DialogWithRef = forwardRef(function Dialog(_a, ref) {
50
+ var children = _a.children, title = _a.title, $scrollPaper = _a.$scrollPaper, _Root = _a.Root, _Backdrop = _a.Backdrop, _Container = _a.Container, _Paper = _a.Paper, _Close = _a.Close, _Header = _a.Header, _Body = _a.Body, onClose = _a.onClose, props = __rest(_a, ["children", "title", "$scrollPaper", "Root", "Backdrop", "Container", "Paper", "Close", "Header", "Body", "onClose"]);
51
+ // click handling is taken from
52
+ // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
53
+ var backdropClick = useRef();
54
+ var handleMouseDown = function (event) {
55
+ // We don't want to close the dialog when clicking the dialog content.
56
+ // Make sure the event starts and ends on the same DOM element.
57
+ backdropClick.current = event.target === event.currentTarget;
58
+ };
59
+ var handleBackdropClick = function (event) {
60
+ // Ignore the events not coming from the "backdrop".
61
+ if (!backdropClick.current) {
62
+ return;
63
+ }
64
+ backdropClick.current = null;
65
+ // if (onBackdropClick) onBackdropClick(event);
66
+ if (onClose) {
67
+ onClose(event, "backdropClick");
68
+ }
69
+ };
70
+ return (_jsx(Root, __assign({ BackdropComponent: Backdrop, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: _jsx(Container, __assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: _jsxs(Paper, __assign({ "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && _jsx(Header, { children: title }), _jsx(Close, __assign({ onClick: onClose }, { children: _jsx(IconClose, {}) })), _jsx(Body, { children: children })] })) })) })));
71
+ });
72
+ export var KoineDialog = extendComponent(DialogWithRef, {
73
+ Root: Root,
74
+ Backdrop: Backdrop,
75
+ Container: Container,
76
+ Paper: Paper,
77
+ Close: Close,
78
+ Header: Header,
79
+ Body: Body,
80
+ });
package/Dialog/css/bare.d.ts ADDED
@@ -0,0 +1,145 @@
1
+ /// <reference types="react" />
2
+ import * as _ from "../DialogMui";
3
+ export declare const Root: import("react").ForwardRefExoticComponent<Pick<{
4
+ className?: string | undefined;
5
+ ref?: import("react").Ref<any> | undefined;
6
+ }, "className"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
7
+ export declare const Backdrop: import("react").ForwardRefExoticComponent<Pick<{
8
+ className?: string | undefined;
9
+ ref?: import("react").Ref<any> | undefined;
10
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
11
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
12
+ } & {
13
+ open?: boolean | undefined;
14
+ }>>>;
15
+ export declare const Container: import("react").ForwardRefExoticComponent<Pick<{
16
+ className?: string | undefined;
17
+ ref?: import("react").Ref<any> | undefined;
18
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
19
+ children?: import("react").ReactNode;
20
+ }>>>;
21
+ export declare const Paper: import("react").ForwardRefExoticComponent<Pick<{
22
+ className?: string | undefined;
23
+ ref?: import("react").Ref<any> | undefined;
24
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
25
+ "aria-label": string;
26
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
27
+ children?: import("react").ReactNode;
28
+ }>>>;
29
+ export declare const Close: import("react").ForwardRefExoticComponent<Pick<{
30
+ className?: string | undefined;
31
+ ref?: import("react").Ref<any> | undefined;
32
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
33
+ onClick: (event: object, reason?: string | undefined) => any;
34
+ } & {
35
+ children?: import("react").ReactNode;
36
+ }>>>;
37
+ export declare const Header: import("react").ForwardRefExoticComponent<Pick<{
38
+ className?: string | undefined;
39
+ ref?: import("react").Ref<any> | undefined;
40
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
41
+ children?: import("react").ReactNode;
42
+ }>>>;
43
+ export declare const Body: import("react").ForwardRefExoticComponent<Pick<{
44
+ className?: string | undefined;
45
+ ref?: import("react").Ref<any> | undefined;
46
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
47
+ children?: import("react").ReactNode;
48
+ }>>>;
49
+ export declare const KoineDialog: ((props: Pick<import("type-fest/source/simplify").Simplify<import("../../helpers").WithComponents<_.OwnProps, _.Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "BackdropProps" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof _.Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
50
+ Root: import("react").ForwardRefExoticComponent<Pick<{
51
+ className?: string | undefined;
52
+ ref?: import("react").Ref<any> | undefined;
53
+ }, "className"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
54
+ Backdrop: import("react").ForwardRefExoticComponent<Pick<{
55
+ className?: string | undefined;
56
+ ref?: import("react").Ref<any> | undefined;
57
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
58
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
59
+ } & {
60
+ open?: boolean | undefined;
61
+ }>>>;
62
+ Container: import("react").ForwardRefExoticComponent<Pick<{
63
+ className?: string | undefined;
64
+ ref?: import("react").Ref<any> | undefined;
65
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
66
+ children?: import("react").ReactNode;
67
+ }>>>;
68
+ Paper: import("react").ForwardRefExoticComponent<Pick<{
69
+ className?: string | undefined;
70
+ ref?: import("react").Ref<any> | undefined;
71
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
72
+ "aria-label": string;
73
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
74
+ children?: import("react").ReactNode;
75
+ }>>>;
76
+ Close: import("react").ForwardRefExoticComponent<Pick<{
77
+ className?: string | undefined;
78
+ ref?: import("react").Ref<any> | undefined;
79
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
80
+ onClick: (event: object, reason?: string | undefined) => any;
81
+ } & {
82
+ children?: import("react").ReactNode;
83
+ }>>>;
84
+ Header: import("react").ForwardRefExoticComponent<Pick<{
85
+ className?: string | undefined;
86
+ ref?: import("react").Ref<any> | undefined;
87
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
88
+ children?: import("react").ReactNode;
89
+ }>>>;
90
+ Body: import("react").ForwardRefExoticComponent<Pick<{
91
+ className?: string | undefined;
92
+ ref?: import("react").Ref<any> | undefined;
93
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
94
+ children?: import("react").ReactNode;
95
+ }>>>;
96
+ } & {
97
+ defaultProps: {
98
+ Root: import("react").ForwardRefExoticComponent<Pick<{
99
+ className?: string | undefined;
100
+ ref?: import("react").Ref<any> | undefined;
101
+ }, "className"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>>>;
102
+ Backdrop: import("react").ForwardRefExoticComponent<Pick<{
103
+ className?: string | undefined;
104
+ ref?: import("react").Ref<any> | undefined;
105
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
106
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
107
+ } & {
108
+ open?: boolean | undefined;
109
+ }>>>;
110
+ Container: import("react").ForwardRefExoticComponent<Pick<{
111
+ className?: string | undefined;
112
+ ref?: import("react").Ref<any> | undefined;
113
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
114
+ children?: import("react").ReactNode;
115
+ }>>>;
116
+ Paper: import("react").ForwardRefExoticComponent<Pick<{
117
+ className?: string | undefined;
118
+ ref?: import("react").Ref<any> | undefined;
119
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
120
+ "aria-label": string;
121
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
122
+ children?: import("react").ReactNode;
123
+ }>>>;
124
+ Close: import("react").ForwardRefExoticComponent<Pick<{
125
+ className?: string | undefined;
126
+ ref?: import("react").Ref<any> | undefined;
127
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
128
+ onClick: (event: object, reason?: string | undefined) => any;
129
+ } & {
130
+ children?: import("react").ReactNode;
131
+ }>>>;
132
+ Header: import("react").ForwardRefExoticComponent<Pick<{
133
+ className?: string | undefined;
134
+ ref?: import("react").Ref<any> | undefined;
135
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
136
+ children?: import("react").ReactNode;
137
+ }>>>;
138
+ Body: import("react").ForwardRefExoticComponent<Pick<{
139
+ className?: string | undefined;
140
+ ref?: import("react").Ref<any> | undefined;
141
+ }, "className"> & import("react").RefAttributes<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
142
+ children?: import("react").ReactNode;
143
+ }>>>;
144
+ };
145
+ };
package/Dialog/css/bare.js ADDED
@@ -0,0 +1,21 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import { classed, extendComponent } from "../../helpers";
3
+ import * as _ from "../DialogMui";
4
+ // export type { KoineDialogProps } from "../DialogMui";
5
+ export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["dialog"], ["dialog"])));
6
+ export var Backdrop = classed(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["dialogBackdrop"], ["dialogBackdrop"])));
7
+ export var Container = classed(_.Container)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["dialogContainer"], ["dialogContainer"])));
8
+ export var Paper = classed(_.Paper)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["dialogPaper"], ["dialogPaper"])));
9
+ export var Close = classed(_.Close)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\"dialogClose"], ["\"dialogClose"])));
10
+ export var Header = classed(_.Header)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["dialogHeader"], ["dialogHeader"])));
11
+ export var Body = classed(_.Body)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["dialogBody"], ["dialogBody"])));
12
+ export var KoineDialog = extendComponent(_.KoineDialog, {
13
+ Root: Root,
14
+ Backdrop: Backdrop,
15
+ Container: Container,
16
+ Paper: Paper,
17
+ Close: Close,
18
+ Header: Header,
19
+ Body: Body,
20
+ });
21
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
package/Dialog/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export type { KoineDialogProps } from "./DialogMui";
2
+ export { KoineDialog } from "./DialogMui";
package/Dialog/index.js ADDED
@@ -0,0 +1 @@
1
+ export { KoineDialog } from "./DialogMui";
package/Dialog/m/bare.d.ts ADDED
@@ -0,0 +1,56 @@
1
+ export type { KoineDialogProps } from "../DialogMui";
2
+ export declare const KoineDialog: ((props: Pick<import("type-fest/source/simplify").Simplify<import("../../helpers").WithComponents<import("../DialogMui").OwnProps, import("../DialogMui").Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "BackdropProps" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof import("../DialogMui").Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
3
+ Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
4
+ Backdrop: import("framer-motion").CustomDomComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
5
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
6
+ } & {
7
+ open?: boolean | undefined;
8
+ }>;
9
+ Container: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
10
+ children?: import("react").ReactNode;
11
+ }>;
12
+ Paper: import("framer-motion").CustomDomComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
13
+ "aria-label": string;
14
+ } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
15
+ children?: import("react").ReactNode;
16
+ }>;
17
+ Close: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
18
+ onClick: (event: object, reason?: string | undefined) => any;
19
+ } & {
20
+ children?: import("react").ReactNode;
21
+ }>;
22
+ Header: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
23
+ children?: import("react").ReactNode;
24
+ }>;
25
+ Body: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
26
+ children?: import("react").ReactNode;
27
+ }>;
28
+ } & {
29
+ defaultProps: {
30
+ Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
31
+ Backdrop: import("framer-motion").CustomDomComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
32
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
33
+ } & {
34
+ open?: boolean | undefined;
35
+ }>;
36
+ Container: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
37
+ children?: import("react").ReactNode;
38
+ }>;
39
+ Paper: import("framer-motion").CustomDomComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
40
+ "aria-label": string;
41
+ } & Pick<import("../DialogMui").OwnProps, "$scrollPaper"> & {
42
+ children?: import("react").ReactNode;
43
+ }>;
44
+ Close: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
45
+ onClick: (event: object, reason?: string | undefined) => any;
46
+ } & {
47
+ children?: import("react").ReactNode;
48
+ }>;
49
+ Header: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
50
+ children?: import("react").ReactNode;
51
+ }>;
52
+ Body: import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
53
+ children?: import("react").ReactNode;
54
+ }>;
55
+ };
56
+ };
package/Dialog/m/bare.js ADDED
@@ -0,0 +1,52 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { forwardRef, useMemo, useRef } from "react";
4
+ import { MdClear as IconClose } from "react-icons/md";
5
+ import { AnimatePresence, m } from "framer-motion";
6
+ import { extendComponent } from "../../helpers";
7
+ import { mRootStyle } from "./index";
8
+ import { Root, Backdrop, Container, Paper, Close, Header, Body, } from "../DialogMui";
9
+ /**
10
+ * About nested `AnimatePresence` and animated dialogs with framer @see:
11
+ *
12
+ * - https://github.com/framer/motion/issues/478
13
+ * - https://codesandbox.io/s/clever-banzai-7km49?file=/src/Modal.js
14
+ */
15
+ var Dialog = forwardRef(function Dialog(_a, ref) {
16
+ var children = _a.children, title = _a.title, $scrollPaper = _a.$scrollPaper, Root = _a.Root, Backdrop = _a.Backdrop, Container = _a.Container, Paper = _a.Paper, Close = _a.Close, Header = _a.Header, Body = _a.Body, mBackdrop = _a.mBackdrop, mPaper = _a.mPaper, onClose = _a.onClose, props = __rest(_a, ["children", "title", "$scrollPaper", "Root", "Backdrop", "Container", "Paper", "Close", "Header", "Body", "mBackdrop", "mPaper", "onClose"]);
17
+ var BackdropMotion = useMemo(function () { return function (props) {
18
+ return (_jsx(AnimatePresence, { children: props.open && _jsx(Backdrop, __assign({}, mBackdrop, props)) }));
19
+ }; }, [Backdrop, mBackdrop]);
20
+ // FIXME: extract this logic either in a useDialog hook or in a useclickOutside hook
21
+ // click handling is taken from
22
+ // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
23
+ var backdropClick = useRef();
24
+ var handleMouseDown = function (event) {
25
+ // We don't want to close the dialog when clicking the dialog content.
26
+ // Make sure the event starts and ends on the same DOM element.
27
+ backdropClick.current = event.target === event.currentTarget;
28
+ };
29
+ var handleBackdropClick = function (event) {
30
+ // Ignore the events not coming from the "backdrop".
31
+ if (!backdropClick.current) {
32
+ return;
33
+ }
34
+ backdropClick.current = null;
35
+ // if (onBackdropClick) onBackdropClick(event);
36
+ if (onClose) {
37
+ onClose(event, "backdropClick");
38
+ }
39
+ };
40
+ return (_jsx(Root, __assign({ keepMounted: true, BackdropComponent: BackdropMotion, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { style: mRootStyle(props) }, { children: _jsx(Container, __assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: _jsx(AnimatePresence, { children: props.open && (
41
+ // @ts-expect-error framer props collision...
42
+ _jsxs(Paper, __assign({}, mPaper, { "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && _jsx(Header, { children: title }), _jsx(Close, __assign({ onClick: onClose }, { children: _jsx(IconClose, {}) })), _jsx(Body, { children: children })] }))) }) })) })));
43
+ });
44
+ export var KoineDialog = extendComponent(Dialog, {
45
+ Root: Root,
46
+ Backdrop: m(Backdrop),
47
+ Container: Container,
48
+ Paper: m(Paper),
49
+ Close: Close,
50
+ Header: Header,
51
+ Body: Body,
52
+ });
package/Dialog/m/basic.d.ts ADDED
@@ -0,0 +1,4 @@
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.js ADDED
@@ -0,0 +1,31 @@
1
+ export * from "./index";
2
+ export var 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 var 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 ADDED
@@ -0,0 +1,2 @@
1
+ import type { KoineDialogProps } from "../DialogMui";
2
+ export declare const mRootStyle: (props: Pick<KoineDialogProps, "open" | "style">) => import("react").CSSProperties;
package/Dialog/m/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import { __assign } from "tslib";
2
+ export var mRootStyle = function (props) {
3
+ return (__assign({ pointerEvents: props.open ? "all" : "none" }, (props.style || {})));
4
+ };
package/Dialog/m/package.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "main": "../../node/Dialog/m/index.js",
5
+ "types": "./index.d.ts"
6
+ }
package/Dialog/package.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "main": "../node/Dialog/index.js",
5
+ "types": "./index.d.ts"
6
+ }
package/Dialog/sc/bare.d.ts ADDED
@@ -0,0 +1,105 @@
1
+ /// <reference types="react" />
2
+ import type { Components } from "../DialogMui";
3
+ import * as _ from "../DialogMui";
4
+ export type { KoineDialogProps } from "../DialogMui";
5
+ export declare const Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
6
+ export declare const Backdrop: import("styled-components").StyledComponent<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
7
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
8
+ } & {
9
+ open?: boolean | undefined;
10
+ }>, import("styled-components").DefaultTheme, {}, never>;
11
+ /**
12
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L64-L85
13
+ */
14
+ export declare const Container: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
15
+ children?: import("react").ReactNode;
16
+ }>, import("styled-components").DefaultTheme, Pick<_.OwnProps, "$scrollPaper"> & {
17
+ children?: import("react").ReactNode;
18
+ }, never>;
19
+ /**
20
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L104-L157
21
+ */
22
+ export declare const Paper: import("styled-components").StyledComponent<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
23
+ "aria-label": string;
24
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
25
+ children?: import("react").ReactNode;
26
+ }>, import("styled-components").DefaultTheme, {
27
+ "aria-label": string;
28
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
29
+ children?: import("react").ReactNode;
30
+ }, never>;
31
+ export declare const Close: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../Buttons").KoineButtonUiProps & {
32
+ disabled?: boolean | undefined;
33
+ }, never>;
34
+ export declare const Header: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
35
+ children?: import("react").ReactNode;
36
+ }>, import("styled-components").DefaultTheme, {}, never>;
37
+ /**
38
+ * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/DialogContent/DialogContent.js#L29-L44
39
+ */
40
+ export declare const Body: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
41
+ children?: import("react").ReactNode;
42
+ }>, import("styled-components").DefaultTheme, {}, never>;
43
+ export declare const KoineDialog: ((props: Pick<import("type-fest/source/simplify").Simplify<import("../../helpers").WithComponents<_.OwnProps, Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "BackdropProps" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
44
+ Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
45
+ Backdrop: import("styled-components").StyledComponent<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
46
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
47
+ } & {
48
+ open?: boolean | undefined;
49
+ }>, import("styled-components").DefaultTheme, {}, never>;
50
+ Container: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
51
+ children?: import("react").ReactNode;
52
+ }>, import("styled-components").DefaultTheme, Pick<_.OwnProps, "$scrollPaper"> & {
53
+ children?: import("react").ReactNode;
54
+ }, never>;
55
+ Paper: import("styled-components").StyledComponent<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
56
+ "aria-label": string;
57
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
58
+ children?: import("react").ReactNode;
59
+ }>, import("styled-components").DefaultTheme, {
60
+ "aria-label": string;
61
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
62
+ children?: import("react").ReactNode;
63
+ }, never>;
64
+ Close: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../Buttons").KoineButtonUiProps & {
65
+ disabled?: boolean | undefined;
66
+ }, never>;
67
+ Header: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
68
+ children?: import("react").ReactNode;
69
+ }>, import("styled-components").DefaultTheme, {}, never>;
70
+ Body: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
71
+ children?: import("react").ReactNode;
72
+ }>, import("styled-components").DefaultTheme, {}, never>;
73
+ } & {
74
+ defaultProps: {
75
+ Root: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>, import("styled-components").DefaultTheme, {}, never>;
76
+ Backdrop: import("styled-components").StyledComponent<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
77
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
78
+ } & {
79
+ open?: boolean | undefined;
80
+ }>, import("styled-components").DefaultTheme, {}, never>;
81
+ Container: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & Pick<_.OwnProps, "$scrollPaper"> & {
82
+ children?: import("react").ReactNode;
83
+ }>, import("styled-components").DefaultTheme, Pick<_.OwnProps, "$scrollPaper"> & {
84
+ children?: import("react").ReactNode;
85
+ }, never>;
86
+ Paper: import("styled-components").StyledComponent<import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
87
+ "aria-label": string;
88
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
89
+ children?: import("react").ReactNode;
90
+ }>, import("styled-components").DefaultTheme, {
91
+ "aria-label": string;
92
+ } & Pick<_.OwnProps, "$scrollPaper"> & {
93
+ children?: import("react").ReactNode;
94
+ }, never>;
95
+ Close: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../Buttons").KoineButtonUiProps & {
96
+ disabled?: boolean | undefined;
97
+ }, never>;
98
+ Header: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
99
+ children?: import("react").ReactNode;
100
+ }>, import("styled-components").DefaultTheme, {}, never>;
101
+ Body: import("styled-components").StyledComponent<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
102
+ children?: import("react").ReactNode;
103
+ }>, import("styled-components").DefaultTheme, {}, never>;
104
+ };
105
+ };