Framer.Motion

motion :: forall result baseProps motionSubset. Union baseProps (MotionProps ()) result => Nub result result => Castable motionSubset (Record (MotionProps ())) => motionSubset -> Record baseProps -> Record result

withMotion :: forall result baseProps motionSubset. Union baseProps (MotionProps ()) result => Nub result result => Castable motionSubset (Record (MotionProps ())) => Record baseProps -> motionSubset -> Record result

animatePresence :: forall attrs attrs_. Union attrs attrs_ AnimatePresenceProps => ReactComponent (Record attrs)

animateSharedLayout :: forall attrs attrs_. Union attrs attrs_ AnimateSharedLayoutProps => ReactComponent (Record attrs)

startAnimation :: CSS -> AnimationControls -> Aff Unit

startAnimationDynamic :: forall arg. (arg -> CSS) -> AnimationControls -> Aff Unit

startAnimationVariant :: VariantLabel -> AnimationControls -> Aff Unit

stopAnimation :: AnimationControls -> Effect Unit

wbr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_wbr) => ReactComponent (Record attrs)

view :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_view) => ReactComponent (Record attrs)

video :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_video) => ReactComponent (Record attrs)

var :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_var) => ReactComponent (Record attrs)

use :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_use) => ReactComponent (Record attrs)

ul :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ul) => ReactComponent (Record attrs)

u :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_u) => ReactComponent (Record attrs)

tspan :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tspan) => ReactComponent (Record attrs)

track :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_track) => ReactComponent (Record attrs)

tr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tr) => ReactComponent (Record attrs)

title :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_title) => ReactComponent (Record attrs)

time :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_time) => ReactComponent (Record attrs)

thead :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_thead) => ReactComponent (Record attrs)

th :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_th) => ReactComponent (Record attrs)

tfoot :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tfoot) => ReactComponent (Record attrs)

textarea :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_textarea) => ReactComponent (Record attrs)

textPath :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_textPath) => ReactComponent (Record attrs)

text :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_text) => ReactComponent (Record attrs)

td :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_td) => ReactComponent (Record attrs)

tbody :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tbody) => ReactComponent (Record attrs)

table :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_table) => ReactComponent (Record attrs)

symbol :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_symbol) => ReactComponent (Record attrs)

svgSwitch :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_switch) => ReactComponent (Record attrs)

svgAnimate :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_animate) => ReactComponent (Record attrs)

svg :: forall attrs attrs_. Union attrs attrs_ (MotionProps + (SharedSVGProps Props_svg)) => ReactComponent (Record attrs)

sup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_sup) => ReactComponent (Record attrs)

summary :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_summary) => ReactComponent (Record attrs)

sub :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_sub) => ReactComponent (Record attrs)

style :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_style) => ReactComponent (Record attrs)

strong :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_strong) => ReactComponent (Record attrs)

stop :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_stop) => ReactComponent (Record attrs)

span :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_span) => ReactComponent (Record attrs)

source :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_source) => ReactComponent (Record attrs)

small :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_small) => ReactComponent (Record attrs)

select :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_select) => ReactComponent (Record attrs)

section :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_section) => ReactComponent (Record attrs)

script :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_script) => ReactComponent (Record attrs)

samp :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_samp) => ReactComponent (Record attrs)

s :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_s) => ReactComponent (Record attrs)

ruby :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ruby) => ReactComponent (Record attrs)

rt :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_rt) => ReactComponent (Record attrs)

rp :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_rp) => ReactComponent (Record attrs)

rect :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_rect) => ReactComponent (Record attrs)

radialGradient :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_radialGradient) => ReactComponent (Record attrs)

q :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_q) => ReactComponent (Record attrs)

progress :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_progress) => ReactComponent (Record attrs)

pre :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_pre) => ReactComponent (Record attrs)

polyline :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_polyline) => ReactComponent (Record attrs)

polygon :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_polygon) => ReactComponent (Record attrs)

picture :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_picture) => ReactComponent (Record attrs)

pattern :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_pattern) => ReactComponent (Record attrs)

path :: forall attrs attrs_. Union attrs attrs_ (MotionProps + (SharedSVGProps Props_path)) => ReactComponent (Record attrs)

param :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_param) => ReactComponent (Record attrs)

p :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_p) => ReactComponent (Record attrs)

output :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_output) => ReactComponent (Record attrs)

option :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_option) => ReactComponent (Record attrs)

optgroup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_optgroup) => ReactComponent (Record attrs)

ol :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ol) => ReactComponent (Record attrs)

object :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_object) => ReactComponent (Record attrs)

noscript :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_noscript) => ReactComponent (Record attrs)

nav :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_nav) => ReactComponent (Record attrs)

motionComponentImpl :: forall a. String -> ReactComponent (Record a)

meter :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_meter) => ReactComponent (Record attrs)

metadata :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_metadata) => ReactComponent (Record attrs)

meta :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_meta) => ReactComponent (Record attrs)

menuitem :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_menuitem) => ReactComponent (Record attrs)

menu :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_menu) => ReactComponent (Record attrs)

mask :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_mask) => ReactComponent (Record attrs)

marker :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_marker) => ReactComponent (Record attrs)

mark :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_mark) => ReactComponent (Record attrs)

map :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_map) => ReactComponent (Record attrs)

main :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_main) => ReactComponent (Record attrs)

link :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_link) => ReactComponent (Record attrs)

linearGradient :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_linearGradient) => ReactComponent (Record attrs)

line :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_line) => ReactComponent (Record attrs)

li :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_li) => ReactComponent (Record attrs)

legend :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_legend) => ReactComponent (Record attrs)

label :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_label) => ReactComponent (Record attrs)

keygen :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_keygen) => ReactComponent (Record attrs)

kbd :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_kbd) => ReactComponent (Record attrs)

ins :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ins) => ReactComponent (Record attrs)

input :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_input) => ReactComponent (Record attrs)

img :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_img) => ReactComponent (Record attrs)

image :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_image) => ReactComponent (Record attrs)

iframe :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_iframe) => ReactComponent (Record attrs)

i :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_i) => ReactComponent (Record attrs)

html :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_html) => ReactComponent (Record attrs)

hr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_hr) => ReactComponent (Record attrs)

hgroup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_hgroup) => ReactComponent (Record attrs)

header :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_header) => ReactComponent (Record attrs)

head :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_head) => ReactComponent (Record attrs)

h6 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h6) => ReactComponent (Record attrs)

h5 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h5) => ReactComponent (Record attrs)

h4 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h4) => ReactComponent (Record attrs)

h3 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h3) => ReactComponent (Record attrs)

h2 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h2) => ReactComponent (Record attrs)

h1 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h1) => ReactComponent (Record attrs)

g :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_g) => ReactComponent (Record attrs)

form :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_form) => ReactComponent (Record attrs)

foreignObject :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_foreignObject) => ReactComponent (Record attrs)

footer :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_footer) => ReactComponent (Record attrs)

filter :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_filter) => ReactComponent (Record attrs)

figure :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_figure) => ReactComponent (Record attrs)

figcaption :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_figcaption) => ReactComponent (Record attrs)

fieldset :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_fieldset) => ReactComponent (Record attrs)

feTurbulence :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feTurbulence) => ReactComponent (Record attrs)

feTile :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feTile) => ReactComponent (Record attrs)

feSpotLight :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feSpotLight) => ReactComponent (Record attrs)

feSpecularLighting :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feSpecularLighting) => ReactComponent (Record attrs)

fePointLight :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_fePointLight) => ReactComponent (Record attrs)

feOffset :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feOffset) => ReactComponent (Record attrs)

feMorphology :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feMorphology) => ReactComponent (Record attrs)

feMergeNode :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feMergeNode) => ReactComponent (Record attrs)

feMerge :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feMerge) => ReactComponent (Record attrs)

feImage :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feImage) => ReactComponent (Record attrs)

feGaussianBlur :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feGaussianBlur) => ReactComponent (Record attrs)

feFuncR :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncR) => ReactComponent (Record attrs)

feFuncG :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncG) => ReactComponent (Record attrs)

feFuncB :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncB) => ReactComponent (Record attrs)

feFuncA :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncA) => ReactComponent (Record attrs)

feFlood :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFlood) => ReactComponent (Record attrs)

feDropShadow :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDropShadow) => ReactComponent (Record attrs)

feDistantLight :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDistantLight) => ReactComponent (Record attrs)

feDisplacementMap :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDisplacementMap) => ReactComponent (Record attrs)

feDiffuseLighting :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDiffuseLighting) => ReactComponent (Record attrs)

feConvolveMatrix :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feConvolveMatrix) => ReactComponent (Record attrs)

feComposite :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feComposite) => ReactComponent (Record attrs)

feComponentTransfer :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feComponentTransfer) => ReactComponent (Record attrs)

feColorMatrix :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feColorMatrix) => ReactComponent (Record attrs)

feBlend :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feBlend) => ReactComponent (Record attrs)

embed :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_embed) => ReactComponent (Record attrs)

em :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_em) => ReactComponent (Record attrs)

ellipse :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ellipse) => ReactComponent (Record attrs)

dt :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dt) => ReactComponent (Record attrs)

dl :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dl) => ReactComponent (Record attrs)

div :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_div) => ReactComponent (Record attrs)

dialog :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dialog) => ReactComponent (Record attrs)

dfn :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dfn) => ReactComponent (Record attrs)

details :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_details) => ReactComponent (Record attrs)

desc :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_desc) => ReactComponent (Record attrs)

del :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_del) => ReactComponent (Record attrs)

defs :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_defs) => ReactComponent (Record attrs)

dd :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dd) => ReactComponent (Record attrs)

datalist :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_datalist) => ReactComponent (Record attrs)

custom :: forall old. ReactComponent (Record old) -> Effect (ReactComponent (Record (MotionProps old)))

colgroup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_colgroup) => ReactComponent (Record attrs)

col :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_col) => ReactComponent (Record attrs)

code :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_code) => ReactComponent (Record attrs)

clipPath :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_clipPath) => ReactComponent (Record attrs)

cite :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_cite) => ReactComponent (Record attrs)

circle :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_circle) => ReactComponent (Record attrs)

caption :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_caption) => ReactComponent (Record attrs)

canvas :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_canvas) => ReactComponent (Record attrs)

button :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_button) => ReactComponent (Record attrs)

br :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_br) => ReactComponent (Record attrs)

body :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_body) => ReactComponent (Record attrs)

blockquote :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_blockquote) => ReactComponent (Record attrs)

bdo :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_bdo) => ReactComponent (Record attrs)

bdi :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_bdi) => ReactComponent (Record attrs)

base :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_base) => ReactComponent (Record attrs)

b :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_b) => ReactComponent (Record attrs)

audio :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_audio) => ReactComponent (Record attrs)

aside :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_aside) => ReactComponent (Record attrs)

article :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_article) => ReactComponent (Record attrs)

area :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_area) => ReactComponent (Record attrs)

address :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_address) => ReactComponent (Record attrs)

abbr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_abbr) => ReactComponent (Record attrs)

_data :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_data) => ReactComponent (Record attrs)

type WhileTap = TargetAndTransition |+| String |+| Undefined

type WhileHover = (EffectFn2 MouseEvent EventInfo Unit) |+| Undefined

type Variants = CSS |+| Undefined

newtype VariantLabel

Constructors

• VariantLabel String

Instances

• (IsSymbol sym) => MappingWithIndex MakeVariantLabel (Proxy sym) a VariantLabel

type Transition = CSS |+| Undefined

type TargetAndTransition = CSS

data Target

Constructors

• Target

type TapInfo = { x :: Number, y :: Number }

type Point2D = { x :: Number, y :: Number }

type PanInfo = { delta :: Point2D, offset :: Point2D, point :: Point2D, velocity :: Point2D }

type OnViewportBoxUpdate = (EffectFn2 AxisBox2D BoxDelta Unit) |+| Undefined

type OnTapStart = (EffectFn2 Event TapInfo Unit) |+| Undefined

type OnTapEnd = (EffectFn2 Event TapInfo Unit) |+| Undefined

type OnTapCancel = (EffectFn2 Event TapInfo Unit) |+| Undefined

type OnTap = (EffectFn2 Event TapInfo Unit) |+| Undefined

type OnPanStart = (EffectFn2 Event PanInfo Unit) |+| Undefined

type OnPanEnd = (EffectFn2 Event PanInfo Unit) |+| Undefined

type OnPan = (EffectFn2 Event PanInfo Unit) |+| Undefined

type OnLayoutAnimationComplete = (Effect Unit) |+| Undefined

type OnHoverStart = (EffectFn2 MouseEvent EventInfo Unit) |+| Undefined

type OnHoverEnd = (EffectFn2 MouseEvent EventInfo Unit) |+| Undefined

type OnDragStart = (EffectFn2 Event PanInfo Unit) |+| Undefined

type OnDragEnd = (EffectFn2 Event PanInfo Unit) |+| Undefined

type OnDrag = (EffectFn2 Event PanInfo Unit) |+| Undefined

type OnAnimationStart = (Effect Unit) |+| Undefined

type OnAnimationComplete = (EffectFn1 AnimationDefinition Unit) |+| Undefined

type MotionPropsF f r = (animate :: f Animate, custom :: f Foreign, drag :: f Drag, dragConstraints :: f DragConstraints, dragElastic :: f DragElastic, dragMomentum :: f DragMomentum, dragPropagation :: f DragPropagation, exit :: f Exit, initial :: f Initial, layout :: f Layout, layoutId :: f LayoutId, onAnimationComplete :: f OnAnimationComplete, onAnimationStart :: f OnAnimationStart, onDrag :: f OnDrag, onDragEnd :: f OnDragEnd, onDragStart :: f OnDragStart, onHoverEnd :: f OnHoverEnd, onHoverStart :: f OnHoverStart, onLayoutAnimationComplete :: f OnLayoutAnimationComplete, onPan :: f OnPan, onPanEnd :: f OnPanEnd, onPanStart :: f OnPanStart, onTap :: f OnTap, onTapCancel :: f OnTapCancel, onTapEnd :: f OnTapEnd, onTapStart :: f OnTapStart, onViewportBoxUpdate :: f OnViewportBoxUpdate, transition :: f Transition, variants :: f Variants, whileHover :: f WhileHover, whileTap :: f WhileTap | r)

type MotionProps r = MotionPropsF Id r

data MakeVariantLabel

Constructors

• MakeVariantLabel

Instances

• (IsSymbol sym) => MappingWithIndex MakeVariantLabel (Proxy sym) a VariantLabel

type LayoutTransition = Boolean |+| Undefined

type LayoutId = String |+| Undefined

type Layout = Boolean |+| Undefined

type Initial = Boolean |+| CSS |+| VariantLabel |+| (Array VariantLabel) |+| Undefined

data Infinity :: Type

type Id a = a

type Exit = CSS |+| VariantLabel |+| (Array VariantLabel) |+| Undefined

type EventInfo = { point :: { x :: Number, y :: Number } }

type DragPropagation = Boolean |+| Undefined

type DragMomentum = Boolean |+| Undefined

type DragElastic = Boolean |+| Number |+| BoundingBox2D |+| Undefined

type DragConstraints = (Ref (Nullable Node)) |+| BoundingBox2D |+| Undefined

type Drag = Boolean |+| String |+| Undefined

type BoxDelta = { x :: AxisDelta, y :: AxisDelta }

type BoundingBox2D = { bottom :: Int |+| Number |+| Undefined, left :: Int |+| Number |+| Undefined, right :: Int |+| Number |+| Undefined, top :: Int |+| Number |+| Undefined }

type AxisDelta = { origin :: Number, originPoint :: Number, scale :: Number, translate :: Number }

type AxisBox2D = { x :: Axis, y :: Axis }

type Axis = { max :: Number, min :: Number }

data AnimationPlaybackControls :: Type

type AnimationDefinition = Foreign

data AnimationControls :: Type

newtype AnimateSharedLayoutType

Constructors

• AnimateSharedLayoutType String

type AnimateSharedLayoutProps = (children :: Array JSX, type :: AnimateSharedLayoutType)

type AnimatePresenceProps = (children :: Array JSX, custom :: forall a. a, exitBeforeEnter :: Boolean, initial :: Boolean, onExitComplete :: Effect Unit)

type Animate = CSS |+| VariantLabel |+| (Array VariantLabel) |+| AnimationControls |+| Undefined

class EffectFnMaker fn effectFn | fn -> effectFn where

Members

• toEffectFn :: fn -> effectFn

Instances

• EffectFnMaker (a -> b -> Effect c) (EffectFn2 a b c)
• EffectFnMaker (a -> Effect b) (EffectFn1 a b)

whileTap :: forall c. Castable c WhileTap => c -> WhileTap

whileHover :: forall c. Castable c WhileHover => c -> WhileHover

variantsFromObject :: forall o. Object o -> Variants

variants :: forall r. Record r -> Variants

transition :: forall r. Record r -> Transition

switch :: AnimateSharedLayoutType

prop :: forall a b. Castable a b => a -> b

onViewportBoxUpdate :: (AxisBox2D -> BoxDelta -> Effect Unit) -> OnViewportBoxUpdate

onTapStart :: (Event -> TapInfo -> Effect Unit) -> OnTapStart

onTapEnd :: (Event -> TapInfo -> Effect Unit) -> OnTapEnd

onTapCancel :: (Event -> TapInfo -> Effect Unit) -> OnTap

onTap :: (Event -> TapInfo -> Effect Unit) -> OnTap

onPanStart :: (Event -> PanInfo -> Effect Unit) -> OnPanStart

onPanEnd :: (Event -> PanInfo -> Effect Unit) -> OnPanEnd

onPan :: (Event -> PanInfo -> Effect Unit) -> OnPan

onLayoutAnimationComplete :: Effect Unit -> OnLayoutAnimationComplete

onHoverStart :: (MouseEvent -> EventInfo -> Effect Unit) -> OnHoverStart

onHoverEnd :: (MouseEvent -> EventInfo -> Effect Unit) -> OnHoverEnd

onDragStart :: (Event -> PanInfo -> Effect Unit) -> OnDragStart

onDragEnd :: (Event -> PanInfo -> Effect Unit) -> OnDragEnd

onDrag :: (Event -> PanInfo -> Effect Unit) -> OnDrag

onAnimationStart :: (Effect Unit) -> OnAnimationStart

onAnimationComplete :: (AnimationDefinition -> Effect Unit) -> OnAnimationComplete

makeVariantLabels :: forall a b. HMapWithIndex MakeVariantLabel a b => a -> b

layoutId :: forall a. Castable a LayoutId => a -> LayoutId

layout :: forall a. Castable a Layout => a -> Layout

initial :: forall a. Castable a Initial => a -> Initial

infinity :: Infinity

exit :: forall a. Castable a Exit => a -> Exit

dragPropagation :: forall a. Castable a DragPropagation => a -> DragPropagation

dragMomentum :: forall c. Castable c DragMomentum => c -> DragMomentum

dragElasticBoundingBox :: forall a. Castable a BoundingBox2D => a -> DragElastic

dragElastic :: forall c. Castable c DragElastic => c -> DragElastic

dragConstraintsBoundingBox :: forall a. Castable a BoundingBox2D => a -> DragConstraints

dragConstraints :: forall a. Castable a DragConstraints => a -> DragConstraints

drag :: forall a. Castable a Drag => a -> Drag

customProp :: forall a. a -> Foreign

crossfade :: AnimateSharedLayoutType

callback :: forall a c f. Castable c a => EffectFnMaker f c => f -> a

boundingBox2D :: forall c. Castable c BoundingBox2D => c -> BoundingBox2D

animate :: forall a. Castable a Animate => a -> Animate