@koine/react 2.0.0-beta.5 → 2.0.0-beta.50

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 +3 -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 +28 -56
  55. package/types.d.ts +2 -2
  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 -29
  64. package/Alert/Alert.mjs +0 -18
  65. package/Alert/Alert.stories.js +0 -36
  66. package/Alert/Alert.stories.mjs +0 -15
  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 -51
  72. package/Animations/Reveal.mjs +0 -41
  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 -154
  90. package/Autocomplete/AutocompleteMui.mjs +0 -190
  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 -21
  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 -36
  104. package/Bg/BgColor.js +0 -59
  105. package/Bg/BgColor.mjs +0 -37
  106. package/Bg/BgPhoto.d.ts +0 -13
  107. package/Bg/BgPhoto.js +0 -80
  108. package/Bg/BgPhoto.mjs +0 -69
  109. package/Bg/BgSvg.d.ts +0 -7
  110. package/Bg/BgSvg.js +0 -29
  111. package/Bg/BgSvg.mjs +0 -20
  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 -90
  117. package/Breadcrumbs/Breadcrumbs.mjs +0 -78
  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 -83
  126. package/Buttons/ButtonComposite.mjs +0 -72
  127. package/Buttons/ButtonFab.d.ts +0 -7
  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 -28
  132. package/Buttons/ButtonLink.mjs +0 -17
  133. package/Buttons/IconButton.d.ts +0 -11
  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 -82
  140. package/Calendar/CalendarDaygridCell.mjs +0 -72
  141. package/Calendar/CalendarDaygridNav.js +0 -49
  142. package/Calendar/CalendarDaygridNav.mjs +0 -38
  143. package/Calendar/CalendarDaygridTable.js +0 -101
  144. package/Calendar/CalendarDaygridTable.mjs +0 -90
  145. package/Calendar/CalendarLegend.js +0 -26
  146. package/Calendar/CalendarLegend.mjs +0 -16
  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 -52
  164. package/Carousel/CarouselCss.js +0 -62
  165. package/Carousel/CarouselCss.mjs +0 -42
  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 -31
  180. package/Debug/Debug.mjs +0 -20
  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 -109
  186. package/Details/Details.mjs +0 -82
  187. package/Details/Details.stories.js +0 -38
  188. package/Details/Details.stories.mjs +0 -20
  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 -484
  193. package/Dialog/DialogMui.js +0 -130
  194. package/Dialog/DialogMui.mjs +0 -92
  195. package/Dialog/DialogMui.stories.js +0 -37
  196. package/Dialog/DialogMui.stories.mjs +0 -19
  197. package/Dialog/css/bare.d.ts +0 -490
  198. package/Dialog/css/bare.js +0 -55
  199. package/Dialog/css/bare.mjs +0 -19
  200. package/Dialog/css/index.stories.js +0 -85
  201. package/Dialog/css/index.stories.mjs +0 -67
  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 -400
  206. package/Dialog/m/bare.js +0 -80
  207. package/Dialog/m/bare.mjs +0 -70
  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 -449
  215. package/Dialog/sc/bare.js +0 -83
  216. package/Dialog/sc/bare.mjs +0 -54
  217. package/Dialog/sc/framer.d.ts +0 -432
  218. package/Dialog/sc/framer.js +0 -26
  219. package/Dialog/sc/framer.mjs +0 -16
  220. package/Dialog/sc/framerMaterial.d.ts +0 -431
  221. package/Dialog/sc/framerMaterial.js +0 -26
  222. package/Dialog/sc/framerMaterial.mjs +0 -16
  223. package/Dialog/sc/index.stories.js +0 -74
  224. package/Dialog/sc/index.stories.mjs +0 -47
  225. package/Dialog/sc/material.d.ts +0 -439
  226. package/Dialog/sc/material.js +0 -78
  227. package/Dialog/sc/material.mjs +0 -41
  228. package/Dialog/tw/bare.d.ts +0 -541
  229. package/Dialog/tw/bare.js +0 -55
  230. package/Dialog/tw/bare.mjs +0 -29
  231. package/Dialog/tw/elegant.d.ts +0 -589
  232. package/Dialog/tw/elegant.js +0 -54
  233. package/Dialog/tw/elegant.mjs +0 -18
  234. package/Dialog/tw/framer.d.ts +0 -460
  235. package/Dialog/tw/framer.js +0 -26
  236. package/Dialog/tw/framer.mjs +0 -16
  237. package/Dialog/tw/framerMaterial.d.ts +0 -515
  238. package/Dialog/tw/framerMaterial.js +0 -26
  239. package/Dialog/tw/framerMaterial.mjs +0 -16
  240. package/Dialog/tw/index.stories.js +0 -112
  241. package/Dialog/tw/index.stories.mjs +0 -82
  242. package/Dialog/tw/material.d.ts +0 -589
  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 -57
  247. package/Editor/Editor--tiptap.mjs +0 -38
  248. package/Editor/components.d.ts +0 -7
  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 -59
  256. package/FaviconTags.mjs +0 -50
  257. package/Form/Form.d.ts +0 -138
  258. package/Form/Form.js +0 -113
  259. package/Form/Form.mjs +0 -78
  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 -48
  268. package/Forms/Checkbox/Checkbox.mjs +0 -22
  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 -23
  274. package/Forms/Feedback/Feedback.mjs +0 -12
  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 -38
  279. package/Forms/Field/Field.js +0 -69
  280. package/Forms/Field/Field.mjs +0 -44
  281. package/Forms/Field/FieldControl.d.ts +0 -26
  282. package/Forms/Field/FieldControl.js +0 -55
  283. package/Forms/Field/FieldControl.mjs +0 -53
  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 -59
  292. package/Forms/Input/Input.mjs +0 -28
  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 -75
  298. package/Forms/InputGroup/InputGroup.mjs +0 -47
  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 -58
  310. package/Forms/Password/Password.mjs +0 -39
  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 -49
  316. package/Forms/Radio/Radio.mjs +0 -38
  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 -68
  322. package/Forms/Switch/Switch.mjs +0 -48
  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 -37
  328. package/Forms/Textarea/Textarea.mjs +0 -18
  329. package/Forms/Textarea/TextareaRich.d.ts +0 -6
  330. package/Forms/Textarea/TextareaRich.js +0 -50
  331. package/Forms/Textarea/TextareaRich.mjs +0 -40
  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 -156
  340. package/Forms/Toggle/Toggle.mjs +0 -104
  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 -139
  349. package/Forms/Toggle/useToggle.mjs +0 -157
  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 -19
  360. package/Forms/styles.js +0 -93
  361. package/Forms/styles.mjs +0 -60
  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 -65
  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 -83
  373. package/Hamburger/Hamburger.mjs +0 -72
  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 -5
  399. package/Link/Link.js +0 -13
  400. package/Link/Link.mjs +0 -2
  401. package/Link/LinkBlank.d.ts +0 -8
  402. package/Link/LinkBlank.js +0 -45
  403. package/Link/LinkBlank.mjs +0 -25
  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 -4
  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 -25
  430. package/Meta/Meta.mjs +0 -7
  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 -27
  436. package/NoJs/NoJs.mjs +0 -9
  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 -107
  442. package/Pagination/PaginationNav.mjs +0 -103
  443. package/Pagination/PaginationResults.d.ts +0 -3
  444. package/Pagination/PaginationResults.js +0 -40
  445. package/Pagination/PaginationResults.mjs +0 -29
  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 -60
  457. package/Progress/ProgressCircular.mjs +0 -51
  458. package/Progress/ProgressLinear.d.ts +0 -22
  459. package/Progress/ProgressLinear.js +0 -51
  460. package/Progress/ProgressLinear.mjs +0 -42
  461. package/Progress/ProgressOverlay.d.ts +0 -4
  462. package/Progress/ProgressOverlay.js +0 -69
  463. package/Progress/ProgressOverlay.mjs +0 -58
  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 -162
  469. package/Rating/Rating.mjs +0 -128
  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 -42
  478. package/Select/components.mjs +0 -23
  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 -65
  484. package/Sidebar/Sidebar.mjs +0 -54
  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 -52
  490. package/Spacing/Spacing.mjs +0 -52
  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 -19
  499. package/Sticky/StickyCss.mjs +0 -9
  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 -374
  504. package/Tabs/TabsMui.js +0 -82
  505. package/Tabs/TabsMui.mjs +0 -52
  506. package/Tabs/TabsMui.stories.js +0 -37
  507. package/Tabs/TabsMui.stories.mjs +0 -19
  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 -375
  517. package/Tabs/tw/bare.js +0 -45
  518. package/Tabs/tw/bare.mjs +0 -15
  519. package/Tabs/tw/index.stories.js +0 -45
  520. package/Tabs/tw/index.stories.mjs +0 -24
  521. package/Tabs/tw/material.d.ts +0 -444
  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 -110
  535. package/Typography/ReadMore.mjs +0 -99
  536. package/Typography/TextLoop.d.ts +0 -16
  537. package/Typography/TextLoop.js +0 -100
  538. package/Typography/TextLoop.mjs +0 -82
  539. package/Typography/TypeStairs.d.ts +0 -6
  540. package/Typography/TypeStairs.js +0 -63
  541. package/Typography/TypeStairs.mjs +0 -53
  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 -122
  552. package/helpers/classed.stories.mjs +0 -103
  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 -25
  616. package/m/MotionProvider.mjs +0 -38
  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 -80
  655. package/styles/theme--vanilla.mjs +0 -63
  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
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- import type { Translate } from "../../types";
3
- import type { FormControl } from "../helpers";
4
- type FieldControlRenderProps = React.PropsWithChildren<Pick<FormControl, "control" | "register" | "setValue" | "name" | "label" | "placeholder">>;
5
- export type FieldControlProps = FieldControlRenderProps & {
6
- /** Render props pattern */
7
- children: (props: FieldControlRenderProps) => React.ReactNode;
8
- t: Translate;
9
- showError?: boolean;
10
- encode?: boolean;
11
- hint?: string;
12
- className?: string;
13
- style?: React.CSSProperties;
14
- };
15
- /**
16
- *
17
- * - it expects the `field` object from our `useForm` wrapper around react-hook-form
18
- * - automatically get translated strings from the given `t` function` for the
19
- * field `label`, `placeholder` and `errors`. The .json expected by the `t` function
20
- * look like this:
21
- *
22
- * ```json
23
- * ```
24
- */
25
- export declare const FieldControl: ({ control, register, setValue, name: maybeEncodedName, label, placeholder, hint, t, showError, children, encode, ...props }: FieldControlProps) => import("react/jsx-runtime").JSX.Element;
26
- export {};
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "FieldControl", {
6
- enumerable: true,
7
- get: function() {
8
- return FieldControl;
9
- }
10
- });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _react = require("react");
13
- const _reacthookform = require("react-hook-form");
14
- const _decode = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/decode"));
15
- const _styles = require("../styles");
16
- const _Field = require("./Field");
17
- const _FieldHint = require("./FieldHint");
18
- const FieldControl = ({ control, register, setValue, name: maybeEncodedName, label, placeholder, hint, t, showError = true, children, encode, ...props })=>{
19
- const name = encode ? (0, _decode.default)(maybeEncodedName) : maybeEncodedName;
20
- const { errors } = (0, _reacthookform.useFormState)({
21
- name,
22
- control
23
- });
24
- const error = showError && errors[name] ? errors[name] : null;
25
- const FormFieldContent = (0, _react.useMemo)(()=>children({
26
- control,
27
- register,
28
- setValue,
29
- name: maybeEncodedName,
30
- // @see https://github.com/vinissimus/next-translate/pull/461
31
- // @see https://github.com/vinissimus/next-translate/issues/429
32
- label: label || t(`labels.${name}`, undefined, {
33
- default: ""
34
- }),
35
- placeholder: placeholder || t(`placeholders.${name}`, undefined, {
36
- fallback: ""
37
- })
38
- }), [
39
- children,
40
- control,
41
- register,
42
- setValue,
43
- name,
44
- label,
45
- t,
46
- maybeEncodedName,
47
- placeholder
48
- ]);
49
- return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(_Field.Field, {
50
- name: maybeEncodedName,
51
- t: t,
52
- error: error,
53
- ...props
54
- }, FormFieldContent, hint && /*#__PURE__*/ React.createElement(_FieldHint.FieldHint, null, hint)), encode && register && /*#__PURE__*/ React.createElement(_styles.InputHoneypot, register(name)));
55
- };
@@ -1,53 +0,0 @@
1
- import { useMemo } from "react";
2
- import { useFormState } from "react-hook-form";
3
- import decode from "@koine/utils/decode";
4
- import { InputHoneypot } from "../styles";
5
- import { Field } from "./Field";
6
- import { FieldHint } from "./FieldHint";
7
- /**
8
- *
9
- * - it expects the `field` object from our `useForm` wrapper around react-hook-form
10
- * - automatically get translated strings from the given `t` function` for the
11
- * field `label`, `placeholder` and `errors`. The .json expected by the `t` function
12
- * look like this:
13
- *
14
- * ```json
15
- * ```
16
- */ export const FieldControl = ({ control, register, setValue, name: maybeEncodedName, label, placeholder, hint, t, showError = true, children, encode, ...props })=>{
17
- const name = encode ? decode(maybeEncodedName) : maybeEncodedName;
18
- const { errors } = useFormState({
19
- name,
20
- control
21
- });
22
- const error = showError && errors[name] ? errors[name] : null;
23
- const FormFieldContent = useMemo(()=>children({
24
- control,
25
- register,
26
- setValue,
27
- name: maybeEncodedName,
28
- // @see https://github.com/vinissimus/next-translate/pull/461
29
- // @see https://github.com/vinissimus/next-translate/issues/429
30
- label: label || t(`labels.${name}`, undefined, {
31
- default: ""
32
- }),
33
- placeholder: placeholder || t(`placeholders.${name}`, undefined, {
34
- fallback: ""
35
- })
36
- }), [
37
- children,
38
- control,
39
- register,
40
- setValue,
41
- name,
42
- label,
43
- t,
44
- maybeEncodedName,
45
- placeholder
46
- ]);
47
- return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Field, {
48
- name: maybeEncodedName,
49
- t: t,
50
- error: error,
51
- ...props
52
- }, FormFieldContent, hint && /*#__PURE__*/ React.createElement(FieldHint, null, hint)), encode && register && /*#__PURE__*/ React.createElement(InputHoneypot, register(name)));
53
- };
@@ -1 +0,0 @@
1
- export declare const FieldHint: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "FieldHint", {
6
- enumerable: true,
7
- get: function() {
8
- return FieldHint;
9
- }
10
- });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
13
- const FieldHint = _styledcomponents.default.div`
14
- padding-top: 0.6em;
15
- opacity: 0.7;
16
- font-size: 75%;
17
- `;
@@ -1,6 +0,0 @@
1
- import styled from "styled-components";
2
- export const FieldHint = styled.div`
3
- padding-top: 0.6em;
4
- opacity: 0.7;
5
- font-size: 75%;
6
- `;
@@ -1,2 +0,0 @@
1
- export * from "./Field";
2
- export * from "./FieldControl";
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./Field"), exports);
7
- _export_star._(require("./FieldControl"), exports);
@@ -1,2 +0,0 @@
1
- export * from "./Field";
2
- export * from "./FieldControl";
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import type { FormControl } from "../helpers";
3
- export declare const InputWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const InputMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const InputPre: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const InputPost: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
- export declare const InputNative: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
8
- export type InputProps = FormControl;
9
- export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,59 +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
- InputWrap: function() {
13
- return InputWrap;
14
- },
15
- InputMain: function() {
16
- return InputMain;
17
- },
18
- InputPre: function() {
19
- return InputPre;
20
- },
21
- InputPost: function() {
22
- return InputPost;
23
- },
24
- InputNative: function() {
25
- return InputNative;
26
- },
27
- Input: function() {
28
- return Input;
29
- }
30
- });
31
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
32
- const _react = require("react");
33
- const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
34
- const _Label = require("../Label/Label");
35
- const _styles = require("../styles");
36
- const InputWrap = _styledcomponents.default.div`
37
- display: flex;
38
- align-items: center;
39
- justify-content: space-between;
40
- `;
41
- const InputMain = _styledcomponents.default.div`
42
- flex: 1;
43
- `;
44
- const InputPre = _styledcomponents.default.div``;
45
- const InputPost = _styledcomponents.default.div``;
46
- const InputNative = _styledcomponents.default.input`
47
- ${_styles.inputBase}
48
- ${_styles.inputFocus}
49
- `;
50
- const Input = /*#__PURE__*/ (0, _react.forwardRef)(function Input({ register, name, label, ...props }, ref) {
51
- // console.log("Input: render");
52
- return /*#__PURE__*/ React.createElement(React.Fragment, null, label && /*#__PURE__*/ React.createElement(_Label.Label, null, label), /*#__PURE__*/ React.createElement(InputNative, {
53
- ...register ? register(name) : {
54
- name,
55
- ref
56
- },
57
- ...props
58
- }));
59
- });
@@ -1,28 +0,0 @@
1
- import { forwardRef } from "react";
2
- import styled from "styled-components";
3
- import { Label } from "../Label/Label";
4
- import { inputBase, inputFocus } from "../styles";
5
- export const InputWrap = styled.div`
6
- display: flex;
7
- align-items: center;
8
- justify-content: space-between;
9
- `;
10
- export const InputMain = styled.div`
11
- flex: 1;
12
- `;
13
- export const InputPre = styled.div``;
14
- export const InputPost = styled.div``;
15
- export const InputNative = styled.input`
16
- ${inputBase}
17
- ${inputFocus}
18
- `;
19
- export const Input = /*#__PURE__*/ forwardRef(function Input({ register, name, label, ...props }, ref) {
20
- // console.log("Input: render");
21
- return /*#__PURE__*/ React.createElement(React.Fragment, null, label && /*#__PURE__*/ React.createElement(Label, null, label), /*#__PURE__*/ React.createElement(InputNative, {
22
- ...register ? register(name) : {
23
- name,
24
- ref
25
- },
26
- ...props
27
- }));
28
- });
@@ -1 +0,0 @@
1
- export * from "./Input";
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./Input"), exports);
@@ -1 +0,0 @@
1
- export * from "./Input";
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { KoineButton, KoineButtonProps } from "../../Buttons";
3
- export declare const InputGroupRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const InputGroupMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const InputGroupButtonPre: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../Buttons").KoineButtonUiProps, never>;
6
- export declare const InputGroupButtonPost: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../Buttons").KoineButtonUiProps, never>;
7
- export type InputGroupProps = React.ComponentPropsWithoutRef<"div"> & {
8
- pre?: boolean;
9
- post?: boolean;
10
- Button?: typeof KoineButton;
11
- btnProps?: KoineButtonProps;
12
- };
13
- export declare const InputGroup: ({ pre, post, Button, btnProps, children, ...props }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
- InputGroupRoot: function() {
13
- return InputGroupRoot;
14
- },
15
- InputGroupMain: function() {
16
- return InputGroupMain;
17
- },
18
- InputGroupButtonPre: function() {
19
- return InputGroupButtonPre;
20
- },
21
- InputGroupButtonPost: function() {
22
- return InputGroupButtonPost;
23
- },
24
- InputGroup: function() {
25
- return InputGroup;
26
- }
27
- });
28
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
29
- const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
30
- const _Buttons = require("../../Buttons");
31
- const _media = require("../../styles/media");
32
- const _Field = require("../Field");
33
- const InputGroupRoot = _styledcomponents.default.div`
34
- ${_Field.field}
35
- display: flex;
36
- ${_media.max.sm} {
37
- flex-direction: column;
38
- }
39
- `;
40
- const InputGroupMain = _styledcomponents.default.div`
41
- flex: 1;
42
- `;
43
- const InputGroupButtonPre = (0, _styledcomponents.default)(_Buttons.KoineButton)`
44
- ${_media.max.sm} {
45
- border-bottom: 0;
46
- border-bottom-left-radius: 0;
47
- border-bottom-right-radius: 0;
48
- }
49
- ${_media.min.sm} {
50
- border-right: 0;
51
- border-top-right-radius: 0;
52
- border-bottom-right-radius: 0;
53
- }
54
- `;
55
- const InputGroupButtonPost = (0, _styledcomponents.default)(_Buttons.KoineButton)`
56
- ${_media.max.sm} {
57
- border-top: 0;
58
- border-top-left-radius: 0;
59
- border-top-right-radius: 0;
60
- }
61
- ${_media.min.sm} {
62
- border-left: 0;
63
- border-top-left-radius: 0;
64
- border-bottom-left-radius: 0;
65
- }
66
- `;
67
- const InputGroup = ({ pre, post, Button = _Buttons.KoineButton, btnProps = {}, children, ...props })=>{
68
- return /*#__PURE__*/ React.createElement(InputGroupRoot, props, pre && /*#__PURE__*/ React.createElement(InputGroupButtonPre, {
69
- as: Button,
70
- ...btnProps
71
- }), /*#__PURE__*/ React.createElement(InputGroupMain, null, children), post && /*#__PURE__*/ React.createElement(InputGroupButtonPost, {
72
- as: Button,
73
- ...btnProps
74
- }));
75
- };
@@ -1,47 +0,0 @@
1
- import styled from "styled-components";
2
- import { KoineButton } from "../../Buttons";
3
- import { max, min } from "../../styles/media";
4
- import { field } from "../Field";
5
- export const InputGroupRoot = styled.div`
6
- ${field}
7
- display: flex;
8
- ${max.sm} {
9
- flex-direction: column;
10
- }
11
- `;
12
- export const InputGroupMain = styled.div`
13
- flex: 1;
14
- `;
15
- export const InputGroupButtonPre = styled(KoineButton)`
16
- ${max.sm} {
17
- border-bottom: 0;
18
- border-bottom-left-radius: 0;
19
- border-bottom-right-radius: 0;
20
- }
21
- ${min.sm} {
22
- border-right: 0;
23
- border-top-right-radius: 0;
24
- border-bottom-right-radius: 0;
25
- }
26
- `;
27
- export const InputGroupButtonPost = styled(KoineButton)`
28
- ${max.sm} {
29
- border-top: 0;
30
- border-top-left-radius: 0;
31
- border-top-right-radius: 0;
32
- }
33
- ${min.sm} {
34
- border-left: 0;
35
- border-top-left-radius: 0;
36
- border-bottom-left-radius: 0;
37
- }
38
- `;
39
- export const InputGroup = ({ pre, post, Button = KoineButton, btnProps = {}, children, ...props })=>{
40
- return /*#__PURE__*/ React.createElement(InputGroupRoot, props, pre && /*#__PURE__*/ React.createElement(InputGroupButtonPre, {
41
- as: Button,
42
- ...btnProps
43
- }), /*#__PURE__*/ React.createElement(InputGroupMain, null, children), post && /*#__PURE__*/ React.createElement(InputGroupButtonPost, {
44
- as: Button,
45
- ...btnProps
46
- }));
47
- };
@@ -1 +0,0 @@
1
- export * from "./InputGroup";
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./InputGroup"), exports);
@@ -1 +0,0 @@
1
- export * from "./InputGroup";
@@ -1,3 +0,0 @@
1
- export declare const label = "\n display: flex;\n font-size: 13px;\n cursor: pointer;\n";
2
- export declare const labelMaterial = "\n z-index: 2;\n position: relative;\n display: inline-block;\n padding: 0 5px;\n font-weight: 100;\n font-size: 10px;\n background: var(--bodyBg);\n transform: translateY(-0.3em) translateX(1em);\n cursor: pointer;\n\n + * {\n margin-top: -1em;\n }\n";
3
- export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
@@ -1,46 +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
- label: function() {
13
- return label;
14
- },
15
- labelMaterial: function() {
16
- return labelMaterial;
17
- },
18
- Label: function() {
19
- return Label;
20
- }
21
- });
22
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
23
- const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
24
- const label = `
25
- display: flex;
26
- font-size: 13px;
27
- cursor: pointer;
28
- `;
29
- const labelMaterial = `
30
- z-index: 2;
31
- position: relative;
32
- display: inline-block;
33
- padding: 0 5px;
34
- font-weight: 100;
35
- font-size: 10px;
36
- background: var(--bodyBg);
37
- transform: translateY(-0.3em) translateX(1em);
38
- cursor: pointer;
39
-
40
- + * {
41
- margin-top: -1em;
42
- }
43
- `;
44
- const Label = _styledcomponents.default.label`
45
- ${labelMaterial}
46
- `;
@@ -1,24 +0,0 @@
1
- import styled from "styled-components";
2
- export const label = `
3
- display: flex;
4
- font-size: 13px;
5
- cursor: pointer;
6
- `;
7
- export const labelMaterial = `
8
- z-index: 2;
9
- position: relative;
10
- display: inline-block;
11
- padding: 0 5px;
12
- font-weight: 100;
13
- font-size: 10px;
14
- background: var(--bodyBg);
15
- transform: translateY(-0.3em) translateX(1em);
16
- cursor: pointer;
17
-
18
- + * {
19
- margin-top: -1em;
20
- }
21
- `;
22
- export const Label = styled.label`
23
- ${labelMaterial}
24
- `;
@@ -1 +0,0 @@
1
- export * from "./Label";
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./Label"), exports);
@@ -1 +0,0 @@
1
- export * from "./Label";
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import type { FormControl } from "../helpers";
3
- export declare const PasswordInputNative: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
4
- export type PasswordProps = FormControl;
5
- export declare const Password: import("react").ForwardRefExoticComponent<Omit<PasswordProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,58 +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
- PasswordInputNative: function() {
13
- return PasswordInputNative;
14
- },
15
- Password: function() {
16
- return Password;
17
- }
18
- });
19
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
20
- const _react = require("react");
21
- const _im = require("react-icons/im");
22
- const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
23
- const _Input = require("../Input/Input");
24
- const _Label = require("../Label/Label");
25
- const ICON_WIDTH = "2em";
26
- const PasswordInputWrap = _styledcomponents.default.div`
27
- position: relative;
28
- `;
29
- const PasswordInputNative = (0, _styledcomponents.default)(_Input.InputNative)`
30
- position: relative;
31
- padding-right: ${ICON_WIDTH};
32
- `;
33
- const PasswordIcon = _styledcomponents.default.span`
34
- position: absolute;
35
- top: 0;
36
- right: 0;
37
- bottom: 0;
38
- width: ${ICON_WIDTH};
39
- display: flex;
40
- align-items: center;
41
- justify-content: center;
42
- cursor: pointer;
43
- opacity: 0.5;
44
- `;
45
- const Password = /*#__PURE__*/ (0, _react.forwardRef)(function Password({ register, name, label, ...props }, ref) {
46
- const [visible, setVisible] = (0, _react.useState)(false);
47
- return /*#__PURE__*/ React.createElement(React.Fragment, null, label && /*#__PURE__*/ React.createElement(_Label.Label, null, label), /*#__PURE__*/ React.createElement(PasswordInputWrap, null, /*#__PURE__*/ React.createElement(PasswordInputNative, {
48
- type: visible ? "text" : "password",
49
- autoComplete: "new-password",
50
- ...register ? register(name) : {
51
- name,
52
- ref
53
- },
54
- ...props
55
- }), /*#__PURE__*/ React.createElement(PasswordIcon, {
56
- onClick: ()=>setVisible((prev)=>!prev)
57
- }, visible ? /*#__PURE__*/ React.createElement(_im.ImEyeBlocked, null) : /*#__PURE__*/ React.createElement(_im.ImEye, null))));
58
- });
@@ -1,39 +0,0 @@
1
- import { forwardRef, useState } from "react";
2
- import { ImEyeBlocked as IconInvisible, ImEye as IconVisible } from "react-icons/im";
3
- import styled from "styled-components";
4
- import { InputNative } from "../Input/Input";
5
- import { Label } from "../Label/Label";
6
- const ICON_WIDTH = "2em";
7
- const PasswordInputWrap = styled.div`
8
- position: relative;
9
- `;
10
- export const PasswordInputNative = styled(InputNative)`
11
- position: relative;
12
- padding-right: ${ICON_WIDTH};
13
- `;
14
- const PasswordIcon = styled.span`
15
- position: absolute;
16
- top: 0;
17
- right: 0;
18
- bottom: 0;
19
- width: ${ICON_WIDTH};
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- cursor: pointer;
24
- opacity: 0.5;
25
- `;
26
- export const Password = /*#__PURE__*/ forwardRef(function Password({ register, name, label, ...props }, ref) {
27
- const [visible, setVisible] = useState(false);
28
- return /*#__PURE__*/ React.createElement(React.Fragment, null, label && /*#__PURE__*/ React.createElement(Label, null, label), /*#__PURE__*/ React.createElement(PasswordInputWrap, null, /*#__PURE__*/ React.createElement(PasswordInputNative, {
29
- type: visible ? "text" : "password",
30
- autoComplete: "new-password",
31
- ...register ? register(name) : {
32
- name,
33
- ref
34
- },
35
- ...props
36
- }), /*#__PURE__*/ React.createElement(PasswordIcon, {
37
- onClick: ()=>setVisible((prev)=>!prev)
38
- }, visible ? /*#__PURE__*/ React.createElement(IconInvisible, null) : /*#__PURE__*/ React.createElement(IconVisible, null))));
39
- });
@@ -1 +0,0 @@
1
- export * from "./Password";
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./Password"), exports);
@@ -1 +0,0 @@
1
- export * from "./Password";