@koine/react 1.1.10 → 1.1.12
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.
- package/Alert/Alert.js +12 -8
- package/Alert/Alert.mjs +10 -0
- package/Alert/index.js +4 -1
- package/Alert/index.mjs +1 -0
- package/Alert/package.json +2 -2
- package/Animations/Reveal.js +18 -14
- package/Animations/Reveal.mjs +17 -0
- package/Animations/Underline.js +7 -4
- package/Animations/Underline.mjs +5 -0
- package/Animations/index.js +6 -3
- package/Animations/index.mjs +3 -0
- package/Animations/package.json +2 -2
- package/Animations/useReveal.js +11 -7
- package/{node/Animations/useReveal.js → Animations/useReveal.mjs} +7 -11
- package/Autocomplete/AutocompleteDownshift.js +4 -1
- package/{node/Autocomplete/AutocompleteDownshift.js → Autocomplete/AutocompleteDownshift.mjs} +1 -4
- package/Autocomplete/AutocompleteDownshiftMultiselect.js +4 -1
- package/{node/Autocomplete/AutocompleteDownshiftMultiselect.js → Autocomplete/AutocompleteDownshiftMultiselect.mjs} +1 -4
- package/Autocomplete/AutocompleteMui.js +33 -35
- package/{node/Autocomplete/AutocompleteMui.js → Autocomplete/AutocompleteMui.mjs} +35 -33
- package/Autocomplete/AutocompleteReach.js +4 -1
- package/{node/Autocomplete/AutocompleteReach.js → Autocomplete/AutocompleteReach.mjs} +1 -4
- package/Autocomplete/components.js +25 -22
- package/Autocomplete/components.mjs +34 -0
- package/Autocomplete/helpers.js +11 -6
- package/{node/Autocomplete/helpers.js → Autocomplete/helpers.mjs} +6 -11
- package/Autocomplete/index.js +5 -1
- package/Autocomplete/index.mjs +3 -0
- package/Autocomplete/package.json +2 -2
- package/Bg/BgColor.js +14 -10
- package/Bg/BgColor.mjs +21 -0
- package/Bg/BgPhoto.js +13 -9
- package/Bg/BgPhoto.mjs +16 -0
- package/Bg/BgSvg.js +10 -6
- package/Bg/BgSvg.mjs +12 -0
- package/Bg/index.js +6 -3
- package/Bg/index.mjs +3 -0
- package/Bg/package.json +2 -2
- package/Breadcrumbs/Breadcrumbs.js +22 -18
- package/Breadcrumbs/Breadcrumbs.mjs +27 -0
- package/Breadcrumbs/index.js +4 -1
- package/Breadcrumbs/index.mjs +1 -0
- package/Breadcrumbs/package.json +2 -2
- package/Buttons/Button.js +12 -9
- package/Buttons/Button.mjs +14 -0
- package/Buttons/ButtonComposite.js +20 -16
- package/Buttons/ButtonComposite.mjs +28 -0
- package/Buttons/ButtonFab.js +8 -5
- package/Buttons/ButtonFab.mjs +6 -0
- package/Buttons/ButtonLink.js +12 -8
- package/Buttons/ButtonLink.mjs +11 -0
- package/Buttons/IconButton.js +9 -6
- package/Buttons/IconButton.mjs +7 -0
- package/Buttons/index.js +8 -5
- package/Buttons/index.mjs +5 -0
- package/Buttons/package.json +2 -2
- package/Calendar/CalendarDaygridCell.js +16 -12
- package/{node/Calendar/CalendarDaygridCell.js → Calendar/CalendarDaygridCell.mjs} +12 -16
- package/Calendar/CalendarDaygridNav.js +14 -9
- package/Calendar/CalendarDaygridNav.mjs +23 -0
- package/Calendar/CalendarDaygridTable.js +23 -19
- package/{node/Calendar/CalendarDaygridTable.js → Calendar/CalendarDaygridTable.mjs} +19 -23
- package/Calendar/CalendarLegend.js +9 -5
- package/Calendar/CalendarLegend.mjs +16 -0
- package/Calendar/calendar-api-google.js +27 -23
- package/{node/Calendar/calendar-api-google.js → Calendar/calendar-api-google.mjs} +23 -27
- package/Calendar/index.js +9 -6
- package/Calendar/index.mjs +6 -0
- package/Calendar/package.json +2 -2
- package/Calendar/types.js +2 -1
- package/Calendar/types.mjs +1 -0
- package/Calendar/useCalendar.js +43 -39
- package/{node/Calendar/useCalendar.js → Calendar/useCalendar.mjs} +39 -43
- package/Calendar/utils.js +44 -31
- package/{node/Calendar/utils.js → Calendar/utils.mjs} +31 -44
- package/Carousel/Carousel.js +4 -1
- package/{node/Carousel/Carousel.js → Carousel/Carousel.mjs} +1 -4
- package/Carousel/CarouselCss.d.ts +6 -1
- package/Carousel/CarouselCss.js +17 -13
- package/Carousel/CarouselCss.mjs +22 -0
- package/Carousel/index.js +4 -1
- package/Carousel/index.mjs +1 -0
- package/Carousel/package.json +2 -2
- package/Collapsable/Collapsable.js +4 -1
- package/Collapsable/Collapsable.mjs +1 -0
- package/{node/Collapsable/CollapsableReach.js → Collapsable/CollapsableReach.mjs} +0 -0
- package/Collapsable/index.js +4 -1
- package/Collapsable/index.mjs +2 -0
- package/Collapsable/package.json +2 -2
- package/Debug/Debug.js +10 -6
- package/Debug/Debug.mjs +9 -0
- package/Debug/index.js +4 -1
- package/Debug/index.mjs +1 -0
- package/Debug/package.json +2 -2
- package/Details/Details.d.ts +298 -13
- package/Details/Details.js +30 -27
- package/Details/Details.mjs +63 -0
- package/Details/index.js +4 -1
- package/Details/index.mjs +1 -0
- package/Details/package.json +2 -2
- package/Dialog/DialogMui.d.ts +328 -19
- package/Dialog/DialogMui.js +28 -25
- package/{node/Dialog/DialogMui.js → Dialog/DialogMui.mjs} +25 -28
- package/Dialog/css/bare.d.ts +352 -43
- package/Dialog/css/bare.js +21 -18
- package/Dialog/css/bare.mjs +21 -0
- package/Dialog/index.js +5 -1
- package/Dialog/index.mjs +1 -0
- package/Dialog/m/bare.d.ts +322 -13
- package/Dialog/m/bare.js +26 -23
- package/Dialog/m/bare.mjs +52 -0
- package/Dialog/m/basic.js +7 -3
- package/{node/Dialog/m/basic.js → Dialog/m/basic.mjs} +3 -7
- package/Dialog/m/index.js +7 -3
- package/Dialog/m/index.mjs +4 -0
- package/Dialog/m/package.json +2 -2
- package/Dialog/package.json +2 -2
- package/Dialog/sc/bare.d.ts +325 -17
- package/Dialog/sc/bare.js +24 -21
- package/Dialog/sc/bare.mjs +43 -0
- package/Dialog/sc/framer.d.ts +316 -7
- package/Dialog/sc/framer.js +18 -15
- package/Dialog/sc/framer.mjs +16 -0
- package/Dialog/sc/framerMaterial.d.ts +316 -7
- package/Dialog/sc/framerMaterial.js +18 -15
- package/Dialog/sc/framerMaterial.mjs +16 -0
- package/Dialog/sc/material.d.ts +325 -16
- package/Dialog/sc/material.js +22 -19
- package/Dialog/sc/material.mjs +21 -0
- package/Dialog/tw/bare.d.ts +358 -49
- package/Dialog/tw/bare.js +21 -18
- package/Dialog/tw/bare.mjs +42 -0
- package/Dialog/tw/elegant.d.ts +379 -70
- package/Dialog/tw/elegant.js +21 -18
- package/Dialog/tw/elegant.mjs +20 -0
- package/Dialog/tw/framer.d.ts +340 -31
- package/Dialog/tw/framer.js +18 -15
- package/Dialog/tw/framer.mjs +16 -0
- package/Dialog/tw/framerMaterial.d.ts +356 -47
- package/Dialog/tw/framerMaterial.js +18 -15
- package/Dialog/tw/framerMaterial.mjs +16 -0
- package/Dialog/tw/material.d.ts +379 -70
- package/Dialog/tw/material.js +21 -18
- package/Dialog/tw/material.mjs +20 -0
- package/Editor/Editor--tiptap.js +20 -15
- package/Editor/Editor--tiptap.mjs +26 -0
- package/Editor/components.js +14 -9
- package/Editor/components.mjs +10 -0
- package/Editor/index.js +4 -1
- package/Editor/index.mjs +1 -0
- package/Editor/package.json +2 -2
- package/FaviconTags/FaviconTags.js +8 -4
- package/FaviconTags/FaviconTags.mjs +16 -0
- package/FaviconTags/index.js +7 -2
- package/FaviconTags/index.mjs +2 -0
- package/FaviconTags/package.json +2 -2
- package/Form/Form.d.ts +45 -19
- package/Form/Form.js +27 -23
- package/Form/Form.mjs +61 -0
- package/Form/index.js +4 -1
- package/Form/index.mjs +1 -0
- package/Form/package.json +2 -2
- package/Form/sc/bare.d.ts +33 -8
- package/Form/sc/bare.js +21 -18
- package/Form/sc/bare.mjs +20 -0
- package/Forms/Checkbox/Checkbox.d.ts +1 -1
- package/Forms/Checkbox/Checkbox.js +16 -13
- package/Forms/Checkbox/Checkbox.mjs +18 -0
- package/Forms/Checkbox/index.js +4 -1
- package/Forms/Checkbox/index.mjs +1 -0
- package/Forms/Checkbox/package.json +2 -2
- package/Forms/Feedback/Feedback.js +10 -6
- package/Forms/Feedback/Feedback.mjs +9 -0
- package/Forms/Feedback/index.js +4 -1
- package/Forms/Feedback/index.mjs +1 -0
- package/Forms/Feedback/package.json +2 -2
- package/Forms/Field/Field.js +14 -10
- package/Forms/Field/Field.mjs +31 -0
- package/Forms/Field/FieldControl.js +18 -14
- package/Forms/Field/FieldControl.mjs +47 -0
- package/Forms/Field/FieldHint.js +6 -3
- package/Forms/Field/FieldHint.mjs +4 -0
- package/Forms/Field/index.js +5 -2
- package/Forms/Field/index.mjs +2 -0
- package/Forms/Field/package.json +2 -2
- package/Forms/Input/Input.d.ts +1 -1
- package/Forms/Input/Input.js +17 -14
- package/Forms/Input/Input.mjs +17 -0
- package/Forms/Input/index.js +4 -1
- package/Forms/Input/index.mjs +1 -0
- package/Forms/Input/package.json +2 -2
- package/Forms/InputGroup/InputGroup.js +17 -13
- package/Forms/InputGroup/InputGroup.mjs +15 -0
- package/Forms/InputGroup/index.js +4 -1
- package/Forms/InputGroup/index.mjs +1 -0
- package/Forms/InputGroup/package.json +2 -2
- package/Forms/Label/Label.js +8 -5
- package/Forms/Label/Label.mjs +6 -0
- package/Forms/Label/index.js +4 -1
- package/Forms/Label/index.mjs +1 -0
- package/Forms/Label/package.json +2 -2
- package/Forms/Password/Password.d.ts +1 -1
- package/Forms/Password/Password.js +17 -14
- package/Forms/Password/Password.mjs +17 -0
- package/Forms/Password/index.js +4 -1
- package/Forms/Password/index.mjs +1 -0
- package/Forms/Password/package.json +2 -2
- package/Forms/Radio/Radio.d.ts +1 -1
- package/Forms/Radio/Radio.js +22 -19
- package/Forms/Radio/Radio.mjs +25 -0
- package/Forms/Radio/index.js +4 -1
- package/Forms/Radio/index.mjs +1 -0
- package/Forms/Radio/package.json +2 -2
- package/Forms/Switch/Switch.d.ts +1 -1
- package/Forms/Switch/Switch.js +16 -13
- package/Forms/Switch/Switch.mjs +20 -0
- package/Forms/Switch/index.js +4 -1
- package/Forms/Switch/index.mjs +1 -0
- package/Forms/Switch/package.json +2 -2
- package/Forms/Textarea/Textarea.d.ts +1 -1
- package/Forms/Textarea/Textarea.js +13 -10
- package/Forms/Textarea/Textarea.mjs +12 -0
- package/Forms/Textarea/TextareaRich.d.ts +1 -1
- package/Forms/Textarea/TextareaRich.js +15 -12
- package/Forms/Textarea/TextareaRich.mjs +28 -0
- package/Forms/Textarea/index.js +5 -2
- package/Forms/Textarea/index.mjs +2 -0
- package/Forms/Textarea/package.json +2 -2
- package/{node/Forms/Toggle/Toggle-tailwind.js → Forms/Toggle/Toggle-tailwind.mjs} +0 -0
- package/Forms/Toggle/Toggle.js +26 -21
- package/Forms/Toggle/Toggle.mjs +31 -0
- package/Forms/Toggle/index.js +4 -1
- package/Forms/Toggle/index.mjs +1 -0
- package/Forms/Toggle/package.json +2 -2
- package/{node/Forms/Toggle/useToggle-tailwind.js → Forms/Toggle/useToggle-tailwind.mjs} +0 -0
- package/Forms/Toggle/useToggle.js +19 -15
- package/{node/Forms/Toggle/useToggle.js → Forms/Toggle/useToggle.mjs} +15 -19
- package/Forms/antispam.js +16 -10
- package/{node/Forms/antispam.js → Forms/antispam.mjs} +10 -16
- package/Forms/helpers.js +16 -8
- package/{node/Forms/helpers.js → Forms/helpers.mjs} +8 -16
- package/Forms/index.js +18 -15
- package/Forms/index.mjs +16 -0
- package/Forms/package.json +2 -2
- package/Forms/styles.js +19 -16
- package/Forms/styles.mjs +29 -0
- package/Gauge/Gauge.js +5 -1
- package/{node/Gauge/Gauge.js → Gauge/Gauge.mjs} +1 -5
- package/Grid/Grid.js +13 -10
- package/Grid/Grid.mjs +53 -0
- package/Grid/index.js +4 -1
- package/Grid/index.mjs +1 -0
- package/Grid/package.json +2 -2
- package/Hamburger/Hamburger.js +11 -7
- package/Hamburger/Hamburger.mjs +52 -0
- package/Hamburger/index.js +4 -1
- package/Hamburger/index.mjs +1 -0
- package/Hamburger/package.json +2 -2
- package/Header/index.js +4 -1
- package/Header/index.mjs +1 -0
- package/Header/package.json +2 -2
- package/Header/useHeader.js +18 -14
- package/Header/useHeader.mjs +31 -0
- package/Hidden/Hidden.js +6 -3
- package/Hidden/Hidden.mjs +10 -0
- package/Hidden/index.js +4 -1
- package/Hidden/index.mjs +1 -0
- package/Hidden/package.json +2 -2
- package/Img/index.js +4 -1
- package/Img/index.mjs +1 -0
- package/Img/package.json +2 -2
- package/Img/sc/bare.js +6 -3
- package/{node/Img/sc/bare.js → Img/sc/bare.mjs} +3 -6
- package/Img/types.js +2 -1
- package/Img/types.mjs +1 -0
- package/Link/Link.d.ts +1 -1
- package/Link/Link.js +6 -3
- package/Link/Link.mjs +4 -0
- package/Link/LinkBlank.js +15 -11
- package/Link/LinkBlank.mjs +17 -0
- package/Link/index.js +5 -2
- package/Link/index.mjs +2 -0
- package/Link/package.json +2 -2
- package/Menu/Menu.js +6 -3
- package/Menu/Menu.mjs +4 -0
- package/Menu/MenuMui.d.ts +0 -35
- package/Menu/MenuMui.js +165 -75
- package/Menu/MenuMui.mjs +165 -0
- package/Menu/index.js +4 -1
- package/Menu/index.mjs +1 -0
- package/Menu/package.json +2 -2
- package/MenuItem/MenuItem.js +6 -3
- package/MenuItem/MenuItem.mjs +4 -0
- package/MenuItem/MenuItemMui.d.ts +0 -6
- package/MenuItem/MenuItemMui.js +32 -15
- package/MenuItem/MenuItemMui.mjs +32 -0
- package/MenuItem/index.js +4 -1
- package/MenuItem/index.mjs +1 -0
- package/MenuItem/package.json +2 -2
- package/MenuItem/useMenuItem.js +20 -16
- package/{node/MenuItem/useMenuItem.js → MenuItem/useMenuItem.mjs} +16 -20
- package/Meta/Meta.js +8 -4
- package/Meta/Meta.mjs +6 -0
- package/Meta/index.js +7 -2
- package/Meta/index.mjs +2 -0
- package/Meta/package.json +2 -2
- package/NoJs/NoJs.js +8 -4
- package/NoJs/NoJs.mjs +7 -0
- package/NoJs/index.js +7 -2
- package/NoJs/index.mjs +2 -0
- package/NoJs/package.json +2 -2
- package/Pagination/PaginationNav.js +22 -18
- package/Pagination/PaginationNav.mjs +61 -0
- package/Pagination/PaginationResults.js +12 -8
- package/Pagination/PaginationResults.mjs +11 -0
- package/Pagination/index.js +5 -2
- package/Pagination/index.mjs +2 -0
- package/Pagination/package.json +2 -2
- package/Pill/Pill.js +9 -6
- package/Pill/Pill.mjs +7 -0
- package/Pill/index.js +4 -1
- package/Pill/index.mjs +1 -0
- package/Pill/package.json +2 -2
- package/Progress/ProgressCircular.js +14 -10
- package/Progress/ProgressCircular.mjs +15 -0
- package/Progress/ProgressLinear.js +13 -9
- package/Progress/ProgressLinear.mjs +24 -0
- package/Progress/ProgressOverlay.js +20 -16
- package/Progress/ProgressOverlay.mjs +24 -0
- package/Progress/index.js +6 -3
- package/Progress/index.mjs +3 -0
- package/Progress/package.json +2 -2
- package/Rating/Rating.js +26 -21
- package/Rating/Rating.mjs +70 -0
- package/Rating/index.js +13 -5
- package/{node/Rating/index.js → Rating/index.mjs} +5 -13
- package/Rating/package.json +2 -2
- package/Select/SelectDownshift.js +4 -1
- package/{node/Select/SelectDownshift.js → Select/SelectDownshift.mjs} +1 -4
- package/Select/components.js +13 -10
- package/Select/components.mjs +12 -0
- package/Select/index.js +5 -1
- package/Select/index.mjs +3 -0
- package/Select/package.json +2 -2
- package/Sidebar/Sidebar.js +21 -17
- package/Sidebar/Sidebar.mjs +23 -0
- package/Sidebar/index.js +4 -1
- package/Sidebar/index.mjs +1 -0
- package/Sidebar/package.json +2 -2
- package/Spacing/Spacing.js +15 -11
- package/Spacing/Spacing.mjs +45 -0
- package/Spacing/index.js +4 -1
- package/Spacing/index.mjs +1 -0
- package/Spacing/package.json +2 -2
- package/Sticky/Sticky.js +4 -1
- package/{node/Sticky/Sticky.js → Sticky/Sticky.mjs} +1 -4
- package/Sticky/StickyCss.js +9 -5
- package/Sticky/StickyCss.mjs +6 -0
- package/Sticky/index.js +4 -1
- package/Sticky/index.mjs +1 -0
- package/Sticky/package.json +2 -2
- package/Tabs/TabsMui.d.ts +287 -55
- package/Tabs/TabsMui.js +28 -25
- package/Tabs/TabsMui.mjs +46 -0
- package/Tabs/index.js +4 -1
- package/Tabs/index.mjs +1 -0
- package/Tabs/package.json +2 -2
- package/{node/Tabs/sc/bare.js → Tabs/sc/bare.mjs} +0 -0
- package/Tabs/tw/bare.d.ts +311 -80
- package/Tabs/tw/bare.js +17 -14
- package/Tabs/tw/bare.mjs +17 -0
- package/Tabs/tw/material.d.ts +326 -136
- package/Tabs/tw/material.js +17 -14
- package/Tabs/tw/material.mjs +18 -0
- package/Tabs/useTabs.js +12 -8
- package/{node/Tabs/useTabs.js → Tabs/useTabs.mjs} +8 -12
- package/Typography/CopyPasteVisible.js +6 -3
- package/Typography/CopyPasteVisible.mjs +4 -0
- package/Typography/Native.js +16 -13
- package/Typography/Native.mjs +14 -0
- package/Typography/ReadMore.js +28 -24
- package/Typography/ReadMore.mjs +43 -0
- package/Typography/TextLoop.js +21 -16
- package/{node/Typography/TextLoop.js → Typography/TextLoop.mjs} +16 -21
- package/Typography/TypeStairs.js +11 -8
- package/{node/Typography/TypeStairs.js → Typography/TypeStairs.mjs} +8 -11
- package/Typography/index.js +8 -5
- package/Typography/index.mjs +5 -0
- package/Typography/package.json +2 -2
- package/css/index.js +7 -2
- package/{node/tw/index.js → css/index.mjs} +2 -7
- package/css/package.json +2 -2
- package/helpers/classed.js +10 -6
- package/{node/helpers/classed.js → helpers/classed.mjs} +6 -10
- package/helpers/createUseMediaQueryWidth.js +16 -11
- package/{node/helpers/createUseMediaQueryWidth.js → helpers/createUseMediaQueryWidth.mjs} +11 -16
- package/helpers/extend-component.js +10 -6
- package/helpers/extend-component.mjs +13 -0
- package/helpers/index.js +7 -4
- package/helpers/index.mjs +4 -0
- package/helpers/mergeRefs.js +6 -2
- package/{node/helpers/mergeRefs.js → helpers/mergeRefs.mjs} +2 -6
- package/helpers/package.json +2 -2
- package/hooks/index.js +24 -21
- package/hooks/index.mjs +22 -0
- package/hooks/package.json +2 -2
- package/hooks/types.js +2 -1
- package/hooks/types.mjs +1 -0
- package/hooks/useAsyncFn.js +14 -10
- package/{node/hooks/useAsyncFn.js → hooks/useAsyncFn.mjs} +10 -14
- package/hooks/useDateLocale.js +14 -12
- package/{node/hooks/useDateLocale.js → hooks/useDateLocale.mjs} +10 -17
- package/hooks/useEffectOnce.js +8 -4
- package/hooks/useEffectOnce.mjs +9 -0
- package/hooks/useFirstMountState.js +8 -4
- package/hooks/useFirstMountState.mjs +13 -0
- package/hooks/useFixedOffset.js +21 -16
- package/hooks/useFixedOffset.mjs +57 -0
- package/hooks/useFocus.js +8 -4
- package/hooks/useFocus.mjs +12 -0
- package/hooks/useInterval.js +14 -10
- package/{node/hooks/useInterval.js → hooks/useInterval.mjs} +10 -14
- package/hooks/useIsomorphicLayoutEffect.js +10 -6
- package/hooks/useIsomorphicLayoutEffect.mjs +9 -0
- package/hooks/useKeyUp.js +12 -8
- package/{node/hooks/useKeyUp.js → hooks/useKeyUp.mjs} +8 -12
- package/hooks/useMeasure.js +30 -26
- package/{node/hooks/useMeasure.js → hooks/useMeasure.mjs} +26 -30
- package/hooks/useMount.js +8 -4
- package/hooks/useMount.mjs +10 -0
- package/hooks/useMountedState.js +10 -6
- package/hooks/useMountedState.mjs +16 -0
- package/hooks/useNavigateAway.js +13 -8
- package/{node/hooks/useNavigateAway.js → hooks/useNavigateAway.mjs} +8 -13
- package/hooks/usePrevious.js +8 -4
- package/hooks/usePrevious.mjs +12 -0
- package/hooks/usePreviousRef.js +9 -5
- package/hooks/usePreviousRef.mjs +9 -0
- package/hooks/useScrollPosition.js +16 -11
- package/{node/hooks/useScrollPosition.js → hooks/useScrollPosition.mjs} +11 -16
- package/hooks/useScrollThreshold.js +15 -10
- package/hooks/useScrollThreshold.mjs +28 -0
- package/hooks/useScrollTo.js +11 -6
- package/hooks/useScrollTo.mjs +22 -0
- package/hooks/useSmoothScroll.js +18 -13
- package/hooks/useSmoothScroll.mjs +39 -0
- package/hooks/useTraceUpdate.js +9 -5
- package/{node/hooks/useTraceUpdate.js → hooks/useTraceUpdate.mjs} +5 -9
- package/hooks/useUpdateEffect.js +10 -6
- package/hooks/useUpdateEffect.mjs +15 -0
- package/hooks/useWindowSize.js +15 -10
- package/hooks/useWindowSize.mjs +29 -0
- package/index.js +4 -1
- package/{node/index.js → index.mjs} +1 -4
- package/m/MotionProvider.js +10 -6
- package/{node/m/MotionProvider.js → m/MotionProvider.mjs} +6 -10
- package/m/index.js +4 -1
- package/m/index.mjs +6 -0
- package/m/lite.js +4 -2
- package/m/lite.mjs +2 -0
- package/m/max.js +4 -2
- package/m/max.mjs +2 -0
- package/m/package.json +2 -2
- package/package.json +26 -22
- package/sc/index.js +36 -30
- package/sc/index.mjs +31 -0
- package/sc/package.json +2 -2
- package/scm/index.js +34 -29
- package/scm/index.mjs +31 -0
- package/scm/package.json +2 -2
- package/shared/index.js +11 -8
- package/shared/index.mjs +8 -0
- package/shared/package.json +2 -2
- package/styles/Body.js +7 -4
- package/styles/Body.mjs +13 -0
- package/styles/Global.js +7 -4
- package/styles/Global.mjs +18 -0
- package/styles/index.js +10 -7
- package/styles/index.mjs +7 -0
- package/styles/media.js +13 -8
- package/{node/styles/media.js → styles/media.mjs} +8 -13
- package/styles/package.json +2 -2
- package/styles/spacing.js +11 -4
- package/{node/styles/spacing.js → styles/spacing.mjs} +4 -11
- package/styles/styled.js +11 -7
- package/styles/styled.mjs +13 -0
- package/styles/theme--vanilla.js +32 -26
- package/styles/theme--vanilla.mjs +58 -0
- package/styles/theme.js +12 -8
- package/{node/styles/theme.js → styles/theme.mjs} +8 -12
- package/tw/index.js +7 -2
- package/{node/css/index.js → tw/index.mjs} +2 -7
- package/tw/package.json +2 -2
- package/twm/index.js +7 -2
- package/{node/twm/index.js → twm/index.mjs} +2 -7
- package/twm/package.json +2 -2
- package/types.js +2 -1
- package/types.mjs +1 -0
- package/node/Alert/Alert.js +0 -14
- package/node/Alert/index.js +0 -4
- package/node/Animations/Reveal.js +0 -21
- package/node/Animations/Underline.js +0 -8
- package/node/Animations/index.js +0 -6
- package/node/Autocomplete/components.js +0 -37
- package/node/Autocomplete/index.js +0 -7
- package/node/Bg/BgColor.js +0 -25
- package/node/Bg/BgPhoto.js +0 -20
- package/node/Bg/BgSvg.js +0 -16
- package/node/Bg/index.js +0 -6
- package/node/Breadcrumbs/Breadcrumbs.js +0 -31
- package/node/Breadcrumbs/index.js +0 -4
- package/node/Buttons/Button.js +0 -17
- package/node/Buttons/ButtonComposite.js +0 -32
- package/node/Buttons/ButtonFab.js +0 -9
- package/node/Buttons/ButtonLink.js +0 -15
- package/node/Buttons/IconButton.js +0 -10
- package/node/Buttons/index.js +0 -8
- package/node/Calendar/CalendarDaygridNav.js +0 -28
- package/node/Calendar/CalendarLegend.js +0 -20
- package/node/Calendar/index.js +0 -9
- package/node/Calendar/types.js +0 -2
- package/node/Carousel/CarouselCss.js +0 -26
- package/node/Carousel/index.js +0 -4
- package/node/Collapsable/Collapsable.js +0 -4
- package/node/Collapsable/index.js +0 -5
- package/node/Debug/Debug.js +0 -13
- package/node/Debug/index.js +0 -4
- package/node/Details/Details.js +0 -66
- package/node/Details/index.js +0 -4
- package/node/Dialog/css/bare.js +0 -24
- package/node/Dialog/index.js +0 -5
- package/node/Dialog/m/bare.js +0 -55
- package/node/Dialog/m/index.js +0 -8
- package/node/Dialog/sc/bare.js +0 -46
- package/node/Dialog/sc/framer.js +0 -19
- package/node/Dialog/sc/framerMaterial.js +0 -19
- package/node/Dialog/sc/material.js +0 -24
- package/node/Dialog/tw/bare.js +0 -45
- package/node/Dialog/tw/elegant.js +0 -23
- package/node/Dialog/tw/framer.js +0 -19
- package/node/Dialog/tw/framerMaterial.js +0 -19
- package/node/Dialog/tw/material.js +0 -23
- package/node/Editor/Editor--tiptap.js +0 -31
- package/node/Editor/components.js +0 -15
- package/node/Editor/index.js +0 -4
- package/node/FaviconTags/FaviconTags.js +0 -20
- package/node/FaviconTags/index.js +0 -7
- package/node/Form/Form.js +0 -65
- package/node/Form/index.js +0 -4
- package/node/Form/sc/bare.js +0 -23
- package/node/Forms/Checkbox/Checkbox.js +0 -21
- package/node/Forms/Checkbox/index.js +0 -4
- package/node/Forms/Feedback/Feedback.js +0 -13
- package/node/Forms/Feedback/index.js +0 -4
- package/node/Forms/Field/Field.js +0 -35
- package/node/Forms/Field/FieldControl.js +0 -51
- package/node/Forms/Field/FieldHint.js +0 -7
- package/node/Forms/Field/index.js +0 -5
- package/node/Forms/Input/Input.js +0 -20
- package/node/Forms/Input/index.js +0 -4
- package/node/Forms/InputGroup/InputGroup.js +0 -19
- package/node/Forms/InputGroup/index.js +0 -4
- package/node/Forms/Label/Label.js +0 -9
- package/node/Forms/Label/index.js +0 -4
- package/node/Forms/Password/Password.js +0 -20
- package/node/Forms/Password/index.js +0 -4
- package/node/Forms/Radio/Radio.js +0 -28
- package/node/Forms/Radio/index.js +0 -4
- package/node/Forms/Switch/Switch.js +0 -23
- package/node/Forms/Switch/index.js +0 -4
- package/node/Forms/Textarea/Textarea.js +0 -15
- package/node/Forms/Textarea/TextareaRich.js +0 -31
- package/node/Forms/Textarea/index.js +0 -5
- package/node/Forms/Toggle/Toggle.js +0 -36
- package/node/Forms/Toggle/index.js +0 -4
- package/node/Forms/index.js +0 -19
- package/node/Forms/styles.js +0 -32
- package/node/Grid/Grid.js +0 -56
- package/node/Grid/index.js +0 -4
- package/node/Hamburger/Hamburger.js +0 -56
- package/node/Hamburger/index.js +0 -4
- package/node/Header/index.js +0 -4
- package/node/Header/useHeader.js +0 -35
- package/node/Hidden/Hidden.js +0 -13
- package/node/Hidden/index.js +0 -4
- package/node/Img/index.js +0 -4
- package/node/Img/types.js +0 -2
- package/node/Link/Link.js +0 -7
- package/node/Link/LinkBlank.js +0 -21
- package/node/Link/index.js +0 -5
- package/node/Menu/Menu.js +0 -7
- package/node/Menu/MenuMui.js +0 -78
- package/node/Menu/index.js +0 -4
- package/node/MenuItem/MenuItem.js +0 -7
- package/node/MenuItem/MenuItemMui.js +0 -18
- package/node/MenuItem/index.js +0 -4
- package/node/Meta/Meta.js +0 -10
- package/node/Meta/index.js +0 -7
- package/node/NoJs/NoJs.js +0 -11
- package/node/NoJs/index.js +0 -7
- package/node/Pagination/PaginationNav.js +0 -65
- package/node/Pagination/PaginationResults.js +0 -15
- package/node/Pagination/index.js +0 -5
- package/node/Pill/Pill.js +0 -10
- package/node/Pill/index.js +0 -4
- package/node/Progress/ProgressCircular.js +0 -19
- package/node/Progress/ProgressLinear.js +0 -28
- package/node/Progress/ProgressOverlay.js +0 -28
- package/node/Progress/index.js +0 -6
- package/node/Rating/Rating.js +0 -75
- package/node/Select/components.js +0 -15
- package/node/Select/index.js +0 -7
- package/node/Sidebar/Sidebar.js +0 -27
- package/node/Sidebar/index.js +0 -4
- package/node/Spacing/Spacing.js +0 -49
- package/node/Spacing/index.js +0 -4
- package/node/Sticky/StickyCss.js +0 -10
- package/node/Sticky/index.js +0 -4
- package/node/Tabs/TabsMui.js +0 -49
- package/node/Tabs/index.js +0 -4
- package/node/Tabs/tw/bare.js +0 -20
- package/node/Tabs/tw/material.js +0 -21
- package/node/Typography/CopyPasteVisible.js +0 -7
- package/node/Typography/Native.js +0 -17
- package/node/Typography/ReadMore.js +0 -47
- package/node/Typography/index.js +0 -8
- package/node/helpers/extend-component.js +0 -17
- package/node/helpers/index.js +0 -7
- package/node/hooks/index.js +0 -25
- package/node/hooks/types.js +0 -2
- package/node/hooks/useEffectOnce.js +0 -13
- package/node/hooks/useFirstMountState.js +0 -17
- package/node/hooks/useFixedOffset.js +0 -62
- package/node/hooks/useFocus.js +0 -16
- package/node/hooks/useIsomorphicLayoutEffect.js +0 -13
- package/node/hooks/useMount.js +0 -14
- package/node/hooks/useMountedState.js +0 -20
- package/node/hooks/usePrevious.js +0 -16
- package/node/hooks/usePreviousRef.js +0 -13
- package/node/hooks/useScrollThreshold.js +0 -33
- package/node/hooks/useScrollTo.js +0 -27
- package/node/hooks/useSmoothScroll.js +0 -44
- package/node/hooks/useUpdateEffect.js +0 -19
- package/node/hooks/useWindowSize.js +0 -34
- package/node/m/index.js +0 -9
- package/node/m/lite.js +0 -4
- package/node/m/max.js +0 -4
- package/node/sc/index.js +0 -37
- package/node/scm/index.js +0 -36
- package/node/shared/index.js +0 -11
- package/node/styles/Body.js +0 -16
- package/node/styles/Global.js +0 -21
- package/node/styles/index.js +0 -10
- package/node/styles/styled.js +0 -17
- package/node/styles/theme--vanilla.js +0 -64
- package/node/types.js +0 -2
package/hooks/useSmoothScroll.js
CHANGED
|
@@ -1,39 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useSmoothScroll = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var isNumber_1 = tslib_1.__importDefault(require("@koine/utils/isNumber"));
|
|
7
|
+
var getOffsetTopSlim_1 = tslib_1.__importDefault(require("@koine/dom/getOffsetTopSlim"));
|
|
8
|
+
var scrollTo_1 = tslib_1.__importDefault(require("@koine/dom/scrollTo"));
|
|
9
|
+
var useFixedOffset_1 = tslib_1.__importDefault(require("./useFixedOffset"));
|
|
6
10
|
/**
|
|
7
11
|
*
|
|
8
12
|
* @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
|
|
9
13
|
* selector we will keep into account the _fixedOffset_ despite this option.
|
|
10
14
|
* @returns
|
|
11
15
|
*/
|
|
12
|
-
|
|
13
|
-
var fixedOffset =
|
|
14
|
-
var scroll = useCallback(function (to, customOffset, callback, fallbackTimeout, behavior) {
|
|
16
|
+
function useSmoothScroll(disregardAutomaticFixedOffset) {
|
|
17
|
+
var fixedOffset = (0, useFixedOffset_1.default)();
|
|
18
|
+
var scroll = (0, react_1.useCallback)(function (to, customOffset, callback, fallbackTimeout, behavior) {
|
|
15
19
|
var top = undefined;
|
|
16
20
|
var toIsElement = false;
|
|
17
|
-
if (
|
|
21
|
+
if ((0, isNumber_1.default)(to)) {
|
|
18
22
|
top = to;
|
|
19
23
|
}
|
|
20
24
|
else if (to) {
|
|
21
25
|
var el = document.getElementById(to);
|
|
22
26
|
if (el) {
|
|
23
|
-
top =
|
|
27
|
+
top = (0, getOffsetTopSlim_1.default)(el) - fixedOffset.current;
|
|
24
28
|
toIsElement = true;
|
|
25
29
|
}
|
|
26
30
|
}
|
|
27
|
-
if (
|
|
31
|
+
if ((0, isNumber_1.default)(top)) {
|
|
28
32
|
top =
|
|
29
33
|
top +
|
|
30
34
|
(customOffset || 0) +
|
|
31
35
|
(disregardAutomaticFixedOffset || toIsElement
|
|
32
36
|
? 0
|
|
33
37
|
: fixedOffset.current);
|
|
34
|
-
|
|
38
|
+
(0, scrollTo_1.default)(top, callback, fallbackTimeout, behavior);
|
|
35
39
|
}
|
|
36
40
|
}, [disregardAutomaticFixedOffset, fixedOffset]);
|
|
37
41
|
return scroll;
|
|
38
42
|
}
|
|
39
|
-
|
|
43
|
+
exports.useSmoothScroll = useSmoothScroll;
|
|
44
|
+
exports.default = useSmoothScroll;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { useCallback } from "react";
|
|
2
|
+
import isNumber from "@koine/utils/isNumber";
|
|
3
|
+
import getOffsetTopSlim from "@koine/dom/getOffsetTopSlim";
|
|
4
|
+
import scrollTo from "@koine/dom/scrollTo";
|
|
5
|
+
import useFixedOffset from "./useFixedOffset";
|
|
6
|
+
/**
|
|
7
|
+
*
|
|
8
|
+
* @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
|
|
9
|
+
* selector we will keep into account the _fixedOffset_ despite this option.
|
|
10
|
+
* @returns
|
|
11
|
+
*/
|
|
12
|
+
export function useSmoothScroll(disregardAutomaticFixedOffset) {
|
|
13
|
+
var fixedOffset = useFixedOffset();
|
|
14
|
+
var scroll = useCallback(function (to, customOffset, callback, fallbackTimeout, behavior) {
|
|
15
|
+
var top = undefined;
|
|
16
|
+
var toIsElement = false;
|
|
17
|
+
if (isNumber(to)) {
|
|
18
|
+
top = to;
|
|
19
|
+
}
|
|
20
|
+
else if (to) {
|
|
21
|
+
var el = document.getElementById(to);
|
|
22
|
+
if (el) {
|
|
23
|
+
top = getOffsetTopSlim(el) - fixedOffset.current;
|
|
24
|
+
toIsElement = true;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
if (isNumber(top)) {
|
|
28
|
+
top =
|
|
29
|
+
top +
|
|
30
|
+
(customOffset || 0) +
|
|
31
|
+
(disregardAutomaticFixedOffset || toIsElement
|
|
32
|
+
? 0
|
|
33
|
+
: fixedOffset.current);
|
|
34
|
+
scrollTo(top, callback, fallbackTimeout, behavior);
|
|
35
|
+
}
|
|
36
|
+
}, [disregardAutomaticFixedOffset, fixedOffset]);
|
|
37
|
+
return scroll;
|
|
38
|
+
}
|
|
39
|
+
export default useSmoothScroll;
|
package/hooks/useTraceUpdate.js
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTraceUpdate = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
2
5
|
/**
|
|
3
6
|
* @see https://stackoverflow.com/a/51082563/9122820
|
|
4
7
|
*/
|
|
5
|
-
|
|
6
|
-
var prev = useRef(props);
|
|
7
|
-
useEffect(function () {
|
|
8
|
+
function useTraceUpdate(props) {
|
|
9
|
+
var prev = (0, react_1.useRef)(props);
|
|
10
|
+
(0, react_1.useEffect)(function () {
|
|
8
11
|
var changedProps = Object.entries(props).reduce(function (ps, _a) {
|
|
9
12
|
var k = _a[0], v = _a[1];
|
|
10
13
|
if (prev.current[k] !== v) {
|
|
@@ -19,4 +22,5 @@ export function useTraceUpdate(props) {
|
|
|
19
22
|
prev.current = props;
|
|
20
23
|
});
|
|
21
24
|
}
|
|
22
|
-
|
|
25
|
+
exports.useTraceUpdate = useTraceUpdate;
|
|
26
|
+
exports.default = useTraceUpdate;
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useTraceUpdate = void 0;
|
|
4
|
-
var react_1 = require("react");
|
|
1
|
+
import { useEffect, useRef } from "react";
|
|
5
2
|
/**
|
|
6
3
|
* @see https://stackoverflow.com/a/51082563/9122820
|
|
7
4
|
*/
|
|
8
|
-
function useTraceUpdate(props) {
|
|
9
|
-
var prev =
|
|
10
|
-
|
|
5
|
+
export function useTraceUpdate(props) {
|
|
6
|
+
var prev = useRef(props);
|
|
7
|
+
useEffect(function () {
|
|
11
8
|
var changedProps = Object.entries(props).reduce(function (ps, _a) {
|
|
12
9
|
var k = _a[0], v = _a[1];
|
|
13
10
|
if (prev.current[k] !== v) {
|
|
@@ -22,5 +19,4 @@ function useTraceUpdate(props) {
|
|
|
22
19
|
prev.current = props;
|
|
23
20
|
});
|
|
24
21
|
}
|
|
25
|
-
|
|
26
|
-
exports.default = useTraceUpdate;
|
|
22
|
+
export default useTraceUpdate;
|
package/hooks/useUpdateEffect.js
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useUpdateEffect = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var useFirstMountState_1 = require("./useFirstMountState");
|
|
3
6
|
/**
|
|
4
7
|
* @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
|
|
5
8
|
*/
|
|
6
|
-
|
|
7
|
-
var isFirstMount = useFirstMountState();
|
|
8
|
-
useEffect(function () {
|
|
9
|
+
var useUpdateEffect = function (effect, deps) {
|
|
10
|
+
var isFirstMount = (0, useFirstMountState_1.useFirstMountState)();
|
|
11
|
+
(0, react_1.useEffect)(function () {
|
|
9
12
|
if (!isFirstMount) {
|
|
10
13
|
return effect();
|
|
11
14
|
}
|
|
12
15
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
16
|
}, deps);
|
|
14
17
|
};
|
|
15
|
-
|
|
18
|
+
exports.useUpdateEffect = useUpdateEffect;
|
|
19
|
+
exports.default = exports.useUpdateEffect;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
import { useFirstMountState } from "./useFirstMountState";
|
|
3
|
+
/**
|
|
4
|
+
* @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
|
|
5
|
+
*/
|
|
6
|
+
export var useUpdateEffect = function (effect, deps) {
|
|
7
|
+
var isFirstMount = useFirstMountState();
|
|
8
|
+
useEffect(function () {
|
|
9
|
+
if (!isFirstMount) {
|
|
10
|
+
return effect();
|
|
11
|
+
}
|
|
12
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
|
+
}, deps);
|
|
14
|
+
};
|
|
15
|
+
export default useUpdateEffect;
|
package/hooks/useWindowSize.js
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useWindowSize = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var listenResize_1 = tslib_1.__importDefault(require("@koine/dom/listenResize"));
|
|
7
|
+
var listenResizeDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenResizeDebounced"));
|
|
4
8
|
/**
|
|
5
9
|
* # Use `window` size
|
|
6
10
|
*
|
|
@@ -10,20 +14,21 @@ import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
|
|
|
10
14
|
* 1) _width_: using `window.innerWidth`
|
|
11
15
|
* 2) _height_: using `window.innerHeight`
|
|
12
16
|
*/
|
|
13
|
-
|
|
14
|
-
var _a = useState(0), width = _a[0], widthSet = _a[1];
|
|
15
|
-
var _b = useState(0), height = _b[0], heightSet = _b[1];
|
|
16
|
-
useEffect(function () {
|
|
17
|
+
function useWindowSize(wait, immediate) {
|
|
18
|
+
var _a = (0, react_1.useState)(0), width = _a[0], widthSet = _a[1];
|
|
19
|
+
var _b = (0, react_1.useState)(0), height = _b[0], heightSet = _b[1];
|
|
20
|
+
(0, react_1.useEffect)(function () {
|
|
17
21
|
function updateSize() {
|
|
18
22
|
widthSet(window.innerWidth);
|
|
19
23
|
heightSet(window.innerHeight);
|
|
20
24
|
}
|
|
21
25
|
var listener = wait
|
|
22
|
-
?
|
|
23
|
-
:
|
|
26
|
+
? (0, listenResizeDebounced_1.default)(0, updateSize, wait, immediate)
|
|
27
|
+
: (0, listenResize_1.default)(updateSize);
|
|
24
28
|
updateSize();
|
|
25
29
|
return listener;
|
|
26
30
|
}, [wait, immediate]);
|
|
27
31
|
return [width, height];
|
|
28
32
|
}
|
|
29
|
-
|
|
33
|
+
exports.useWindowSize = useWindowSize;
|
|
34
|
+
exports.default = useWindowSize;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import listenResize from "@koine/dom/listenResize";
|
|
3
|
+
import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
|
|
4
|
+
/**
|
|
5
|
+
* # Use `window` size
|
|
6
|
+
*
|
|
7
|
+
* @param args Optionally pass {@link debounce} arguments (`wait` and `immediate`)
|
|
8
|
+
*
|
|
9
|
+
* @returns An array with:
|
|
10
|
+
* 1) _width_: using `window.innerWidth`
|
|
11
|
+
* 2) _height_: using `window.innerHeight`
|
|
12
|
+
*/
|
|
13
|
+
export function useWindowSize(wait, immediate) {
|
|
14
|
+
var _a = useState(0), width = _a[0], widthSet = _a[1];
|
|
15
|
+
var _b = useState(0), height = _b[0], heightSet = _b[1];
|
|
16
|
+
useEffect(function () {
|
|
17
|
+
function updateSize() {
|
|
18
|
+
widthSet(window.innerWidth);
|
|
19
|
+
heightSet(window.innerHeight);
|
|
20
|
+
}
|
|
21
|
+
var listener = wait
|
|
22
|
+
? listenResizeDebounced(0, updateSize, wait, immediate)
|
|
23
|
+
: listenResize(updateSize);
|
|
24
|
+
updateSize();
|
|
25
|
+
return listener;
|
|
26
|
+
}, [wait, immediate]);
|
|
27
|
+
return [width, height];
|
|
28
|
+
}
|
|
29
|
+
export default useWindowSize;
|
package/index.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./shared"), exports);
|
|
2
5
|
// we need to alias the star export otherwise the named exports would collide
|
|
3
6
|
// export * as css from "./css";
|
|
4
7
|
// export * as sc from "./sc";
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./shared"), exports);
|
|
1
|
+
export * from "./shared";
|
|
5
2
|
// we need to alias the star export otherwise the named exports would collide
|
|
6
3
|
// export * as css from "./css";
|
|
7
4
|
// export * as sc from "./sc";
|
package/m/MotionProvider.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MotionProvider = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
var framer_motion_1 = require("framer-motion");
|
|
4
7
|
/**
|
|
5
8
|
* `<LazyMotion />` provider wrapper from `framer-motion`
|
|
6
9
|
*
|
|
@@ -33,8 +36,9 @@ import { LazyMotion } from "framer-motion";
|
|
|
33
36
|
* </MotionProvider>
|
|
34
37
|
* ```
|
|
35
38
|
*/
|
|
36
|
-
|
|
39
|
+
var MotionProvider = function (_a) {
|
|
37
40
|
var features = _a.features, children = _a.children;
|
|
38
|
-
return
|
|
41
|
+
return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, tslib_1.__assign({ features: features }, { children: children }));
|
|
39
42
|
};
|
|
40
|
-
|
|
43
|
+
exports.MotionProvider = MotionProvider;
|
|
44
|
+
exports.default = exports.MotionProvider;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
var framer_motion_1 = require("framer-motion");
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { LazyMotion } from "framer-motion";
|
|
7
4
|
/**
|
|
8
5
|
* `<LazyMotion />` provider wrapper from `framer-motion`
|
|
9
6
|
*
|
|
@@ -36,9 +33,8 @@ var framer_motion_1 = require("framer-motion");
|
|
|
36
33
|
* </MotionProvider>
|
|
37
34
|
* ```
|
|
38
35
|
*/
|
|
39
|
-
var MotionProvider = function (_a) {
|
|
36
|
+
export var MotionProvider = function (_a) {
|
|
40
37
|
var features = _a.features, children = _a.children;
|
|
41
|
-
return (
|
|
38
|
+
return _jsx(LazyMotion, __assign({ features: features }, { children: children }));
|
|
42
39
|
};
|
|
43
|
-
|
|
44
|
-
exports.default = exports.MotionProvider;
|
|
40
|
+
export default MotionProvider;
|
package/m/index.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
/**
|
|
2
3
|
* @file
|
|
3
4
|
*
|
|
4
5
|
* In this file we only have exports related to `framer-motion`
|
|
5
6
|
*/
|
|
6
|
-
|
|
7
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
+
var tslib_1 = require("tslib");
|
|
9
|
+
tslib_1.__exportStar(require("./MotionProvider"), exports);
|
package/m/index.mjs
ADDED
package/m/lite.js
CHANGED
package/m/lite.mjs
ADDED
package/m/max.js
CHANGED
package/m/max.mjs
ADDED
package/m/package.json
CHANGED
package/package.json
CHANGED
|
@@ -45,28 +45,32 @@
|
|
|
45
45
|
"optional": true
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
|
-
"
|
|
49
|
-
"types": "./index.d.ts",
|
|
50
|
-
"dependencies": {},
|
|
51
|
-
"peerDependencies": {
|
|
52
|
-
"styled-components": "5.3.6",
|
|
53
|
-
"framer-motion": "8.5.5",
|
|
54
|
-
"react": "18.2.0",
|
|
55
|
-
"@mui/base": "5.0.0-alpha.115",
|
|
56
|
-
"@koine/utils": "1.1.10",
|
|
57
|
-
"react-icons": "4.7.1",
|
|
58
|
-
"date-fns": "2.29.3",
|
|
59
|
-
"react-swipeable": "7.0.0",
|
|
60
|
-
"ts-debounce": "4.0.0",
|
|
61
|
-
"type-fest": "3.5.3",
|
|
62
|
-
"@tiptap/react": "2.0.0-beta.209",
|
|
63
|
-
"@tiptap/starter-kit": "2.0.0-beta.209",
|
|
48
|
+
"dependencies": {
|
|
64
49
|
"@kuus/yup": "1.0.0-beta.7",
|
|
65
|
-
"
|
|
66
|
-
"@mui/utils": "5.11.
|
|
67
|
-
"react
|
|
68
|
-
"
|
|
50
|
+
"@mui/base": "5.0.0-alpha.118",
|
|
51
|
+
"@mui/utils": "5.11.9",
|
|
52
|
+
"@tiptap/react": "2.0.0-beta.217",
|
|
53
|
+
"@tiptap/starter-kit": "2.0.0-beta.217",
|
|
54
|
+
"clsx": "1.2.1",
|
|
55
|
+
"date-fns": "^2.29.3",
|
|
56
|
+
"framer-motion": "^9.0.4",
|
|
57
|
+
"next": "^13.1.6",
|
|
58
|
+
"react": "^18.2.0",
|
|
59
|
+
"react-dom": "^18.2.0",
|
|
60
|
+
"react-hook-form": "^7.43.1",
|
|
61
|
+
"react-icons": "^4.7.1",
|
|
62
|
+
"react-is": "^18.2.0",
|
|
63
|
+
"react-swipeable": "^7.0.0",
|
|
64
|
+
"styled-components": "^5.3.6",
|
|
65
|
+
"ts-debounce": "^4.0.0",
|
|
66
|
+
"tslib": "^2.5.0",
|
|
67
|
+
"type-fest": "^3.5.7"
|
|
69
68
|
},
|
|
70
|
-
"
|
|
71
|
-
|
|
69
|
+
"peerDependencies": {
|
|
70
|
+
"@koine/utils": "1.1.12"
|
|
71
|
+
},
|
|
72
|
+
"main": "./index.js",
|
|
73
|
+
"types": "./index.d.ts",
|
|
74
|
+
"version": "1.1.12",
|
|
75
|
+
"module": "./index.mjs"
|
|
72
76
|
}
|
package/sc/index.js
CHANGED
|
@@ -1,31 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.KoineForm = exports.KoineDialog = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
tslib_1.__exportStar(require("../shared"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("../Alert"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("../Animations"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("../Autocomplete"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("../Bg"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("../Breadcrumbs"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("../Buttons"), exports);
|
|
12
|
+
tslib_1.__exportStar(require("../Carousel"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("../Collapsable"), exports);
|
|
14
|
+
tslib_1.__exportStar(require("../Debug"), exports);
|
|
15
|
+
var bare_1 = require("../Dialog/sc/bare");
|
|
16
|
+
Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return bare_1.KoineDialog; } });
|
|
17
|
+
var bare_2 = require("../Form/sc/bare");
|
|
18
|
+
Object.defineProperty(exports, "KoineForm", { enumerable: true, get: function () { return bare_2.KoineForm; } });
|
|
19
|
+
tslib_1.__exportStar(require("../Forms"), exports);
|
|
20
|
+
tslib_1.__exportStar(require("../Grid"), exports);
|
|
21
|
+
tslib_1.__exportStar(require("../Hamburger"), exports);
|
|
22
|
+
tslib_1.__exportStar(require("../Header"), exports);
|
|
23
|
+
tslib_1.__exportStar(require("../Hidden"), exports);
|
|
24
|
+
tslib_1.__exportStar(require("../Img"), exports);
|
|
25
|
+
tslib_1.__exportStar(require("../Link"), exports);
|
|
26
|
+
tslib_1.__exportStar(require("../MenuItem"), exports);
|
|
27
|
+
tslib_1.__exportStar(require("../Pagination"), exports);
|
|
28
|
+
tslib_1.__exportStar(require("../Pill"), exports);
|
|
29
|
+
tslib_1.__exportStar(require("../Progress"), exports);
|
|
30
|
+
tslib_1.__exportStar(require("../Rating"), exports);
|
|
25
31
|
// export * from "../Select";
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
tslib_1.__exportStar(require("../Sidebar"), exports);
|
|
33
|
+
tslib_1.__exportStar(require("../Spacing"), exports);
|
|
34
|
+
tslib_1.__exportStar(require("../Sticky"), exports);
|
|
35
|
+
tslib_1.__exportStar(require("../styles"), exports);
|
|
36
|
+
tslib_1.__exportStar(require("../Tabs"), exports);
|
|
37
|
+
tslib_1.__exportStar(require("../Typography"), exports);
|
package/sc/index.mjs
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export * from "../shared";
|
|
2
|
+
export * from "../Alert";
|
|
3
|
+
export * from "../Animations";
|
|
4
|
+
export * from "../Autocomplete";
|
|
5
|
+
export * from "../Bg";
|
|
6
|
+
export * from "../Breadcrumbs";
|
|
7
|
+
export * from "../Buttons";
|
|
8
|
+
export * from "../Carousel";
|
|
9
|
+
export * from "../Collapsable";
|
|
10
|
+
export * from "../Debug";
|
|
11
|
+
export { KoineDialog } from "../Dialog/sc/bare";
|
|
12
|
+
export { KoineForm } from "../Form/sc/bare";
|
|
13
|
+
export * from "../Forms";
|
|
14
|
+
export * from "../Grid";
|
|
15
|
+
export * from "../Hamburger";
|
|
16
|
+
export * from "../Header";
|
|
17
|
+
export * from "../Hidden";
|
|
18
|
+
export * from "../Img";
|
|
19
|
+
export * from "../Link";
|
|
20
|
+
export * from "../MenuItem";
|
|
21
|
+
export * from "../Pagination";
|
|
22
|
+
export * from "../Pill";
|
|
23
|
+
export * from "../Progress";
|
|
24
|
+
export * from "../Rating";
|
|
25
|
+
// export * from "../Select";
|
|
26
|
+
export * from "../Sidebar";
|
|
27
|
+
export * from "../Spacing";
|
|
28
|
+
export * from "../Sticky";
|
|
29
|
+
export * from "../styles";
|
|
30
|
+
export * from "../Tabs";
|
|
31
|
+
export * from "../Typography";
|
package/sc/package.json
CHANGED
package/scm/index.js
CHANGED
|
@@ -1,31 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.KoineDialog = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
tslib_1.__exportStar(require("../shared"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("../Alert"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("../Animations"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("../Autocomplete"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("../Bg"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("../Breadcrumbs"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("../Buttons"), exports);
|
|
12
|
+
tslib_1.__exportStar(require("../Carousel"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("../Collapsable"), exports);
|
|
14
|
+
tslib_1.__exportStar(require("../Debug"), exports);
|
|
15
|
+
var framer_1 = require("../Dialog/sc/framer");
|
|
16
|
+
Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return framer_1.KoineDialog; } });
|
|
12
17
|
// export { KoineForm, type KoineFormProps} from "../Form/sc/framer";
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
18
|
+
tslib_1.__exportStar(require("../Forms"), exports);
|
|
19
|
+
tslib_1.__exportStar(require("../Grid"), exports);
|
|
20
|
+
tslib_1.__exportStar(require("../Hamburger"), exports);
|
|
21
|
+
tslib_1.__exportStar(require("../Header"), exports);
|
|
22
|
+
tslib_1.__exportStar(require("../Hidden"), exports);
|
|
23
|
+
tslib_1.__exportStar(require("../Img"), exports);
|
|
24
|
+
tslib_1.__exportStar(require("../Link"), exports);
|
|
25
|
+
tslib_1.__exportStar(require("../MenuItem"), exports);
|
|
26
|
+
tslib_1.__exportStar(require("../Pagination"), exports);
|
|
27
|
+
tslib_1.__exportStar(require("../Pill"), exports);
|
|
28
|
+
tslib_1.__exportStar(require("../Progress"), exports);
|
|
29
|
+
tslib_1.__exportStar(require("../Rating"), exports);
|
|
25
30
|
// export * from "../Select";
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
tslib_1.__exportStar(require("../Sidebar"), exports);
|
|
32
|
+
tslib_1.__exportStar(require("../Spacing"), exports);
|
|
33
|
+
tslib_1.__exportStar(require("../Sticky"), exports);
|
|
34
|
+
tslib_1.__exportStar(require("../styles"), exports);
|
|
35
|
+
tslib_1.__exportStar(require("../Tabs"), exports);
|
|
36
|
+
tslib_1.__exportStar(require("../Typography"), exports);
|