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

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