FilesExpand file tree

main

/

types.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

63 lines (53 loc) · 1.98 KB

main

/

types.ts

Copy path

Top

File metadata and controls

• Code
• Blame

63 lines (53 loc) · 1.98 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

import type * as motionone from "@motionone/dom"

import type {PropertiesHyphen} from "csstype"

import type {JSX, ParentProps} from "solid-js"

export type {VariantDefinition, Options} from "@motionone/dom"

export interface MotionEventHandlers {

onMotionStart?: (event: motionone.MotionEvent) => void

onMotionComplete?: (event: motionone.MotionEvent) => void

onHoverStart?: (event: motionone.CustomPointerEvent) => void

onHoverEnd?: (event: motionone.CustomPointerEvent) => void

onPressStart?: (event: motionone.CustomPointerEvent) => void

onPressEnd?: (event: motionone.CustomPointerEvent) => void

onViewEnter?: (event: motionone.ViewEvent) => void

onViewLeave?: (event: motionone.ViewEvent) => void

}

declare module "@motionone/dom" {

/*

Solid style attribute supports only kebab-case properties.

While @motionone/dom supports both camelCase and kebab-case,

but provides only camelCase properties in the types.

*/

interface CSSStyleDeclarationWithTransform

extends Omit<PropertiesHyphen, "direction" | "transition"> {}

/*

exit is missing in types in motionone core

because it is only used in the Presence implementations

*/

interface Options {

exit?: motionone.VariantDefinition

}

}

export type MotionComponentProps = ParentProps<MotionEventHandlers & motionone.Options>

export type MotionComponent = {

// <Motion />

(props: JSX.IntrinsicElements["div"] & MotionComponentProps): JSX.Element

// <Motion tag="div" />

<T extends keyof JSX.IntrinsicElements>(

props: JSX.IntrinsicElements[T] & MotionComponentProps & {tag: T},

): JSX.Element

}

export type MotionProxyComponent<T> = (props: T & MotionComponentProps) => JSX.Element

export type MotionProxy = MotionComponent & {

// <Motion.div />

[K in keyof JSX.IntrinsicElements]: MotionProxyComponent<JSX.IntrinsicElements[K]>

}

declare module "solid-js" {

namespace JSX {

interface Directives {

motion: motionone.Options

}

}

}

// export only here so the `JSX` import won't be shaken off the tree:

export type E = JSX.Element