UNPKG

451 kBJSONView Raw
1{
2 "metadata": {
3 "toolPackage": "@microsoft/api-extractor",
4 "toolVersion": "7.3.4",
5 "schemaVersion": 1002,
6 "oldestForwardsCompatibleVersion": 1001
7 },
8 "kind": "Package",
9 "docComment": "",
10 "name": "framer-motion",
11 "members": [
12 {
13 "kind": "EntryPoint",
14 "name": "",
15 "members": [
16 {
17 "kind": "Variable",
18 "docComment": "/**\n * The `AnimatePresence` component enables the use of the `exit` prop to animate components when they're removed from the component tree.\n *\n * When adding/removing more than a single child component, every component **must** be given a unique `key` prop.\n *\n * You can propagate exit animations throughout a tree by using variants.\n *\n * @library\n *\n * You can use any component(s) within `AnimatePresence`, but the first `Frame` in each should have an `exit` property defined.\n * ```jsx\n * import { Frame, AnimatePresence } from 'framer'\n *\n * // As items are added and removed from `items`\n * export function Items({ items }) {\n * return (\n * <AnimatePresence>\n * {items.map(item => (\n * <Frame\n * key={item.id}\n * initial={{ opacity: 0 }}\n * animate={{ opacity: 1 }}\n * exit={{ opacity: 0 }}\n * />\n * ))}\n * </AnimatePresence>\n * )\n * }\n * ```\n *\n * @motion\n *\n * You can use any component(s) within `AnimatePresence`, but the first `motion` component in each should have an `exit` property defined.\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n * <AnimatePresence>\n * {items.map(item => (\n * <motion.div\n * key={item.id}\n * initial={{ opacity: 0 }}\n * animate={{ opacity: 1 }}\n * exit={{ opacity: 0 }}\n * />\n * ))}\n * </AnimatePresence>\n * )\n * ```\n *\n * @public\n */\n",
19 "excerptTokens": [
20 {
21 "kind": "Reference",
22 "text": "AnimatePresence"
23 },
24 {
25 "kind": "Content",
26 "text": ": "
27 },
28 {
29 "kind": "Reference",
30 "text": "FunctionComponent"
31 },
32 {
33 "kind": "Content",
34 "text": "<"
35 },
36 {
37 "kind": "Reference",
38 "text": "AnimatePresenceProps"
39 },
40 {
41 "kind": "Content",
42 "text": ">"
43 }
44 ],
45 "releaseTag": "Public",
46 "name": "AnimatePresence",
47 "variableTypeTokenRange": {
48 "startIndex": 2,
49 "endIndex": 6
50 }
51 },
52 {
53 "kind": "Interface",
54 "docComment": "/**\n * @public\n */\n",
55 "excerptTokens": [
56 {
57 "kind": "Content",
58 "text": "export interface "
59 },
60 {
61 "kind": "Reference",
62 "text": "AnimatePresenceProps"
63 },
64 {
65 "kind": "Content",
66 "text": " "
67 }
68 ],
69 "releaseTag": "Public",
70 "name": "AnimatePresenceProps",
71 "members": [
72 {
73 "kind": "PropertySignature",
74 "docComment": "/**\n * When a component is removed, there's no longer a chance to update its props. So if a component's `exit` prop is defined as a dynamic variant and you want to pass a new `custom` prop, you can do so via `AnimatePresence`. This will ensure all leaving components animate using the latest data.\n *\n * @public\n */\n",
75 "excerptTokens": [
76 {
77 "kind": "Reference",
78 "text": "custom"
79 },
80 {
81 "kind": "Content",
82 "text": "?: "
83 },
84 {
85 "kind": "Content",
86 "text": "any"
87 },
88 {
89 "kind": "Content",
90 "text": ";"
91 }
92 ],
93 "releaseTag": "Public",
94 "name": "custom",
95 "propertyTypeTokenRange": {
96 "startIndex": 2,
97 "endIndex": 3
98 }
99 },
100 {
101 "kind": "PropertySignature",
102 "docComment": "/**\n * If set to `true`, `AnimatePresence` will only render one component at a time. The exiting component will finished its exit animation before the entering component is rendered.\n *\n * @library\n * ```jsx\n * function MyComponent({ currentItem }) {\n * return (\n * <AnimatePresence exitBeforeEnter>\n * <Frame key={currentItem} exit={{ opacity: 0 }} />\n * </AnimatePresence>\n * )\n * }\n * ```\n *\n * @motion\n * ```jsx\n * const MyComponent = ({ currentItem }) => (\n * <AnimatePresence exitBeforeEnter>\n * <motion.div key={currentItem} exit={{ opacity: 0 }} />\n * </AnimatePresence>\n * )\n * ```\n *\n * @beta\n */\n",
103 "excerptTokens": [
104 {
105 "kind": "Reference",
106 "text": "exitBeforeEnter"
107 },
108 {
109 "kind": "Content",
110 "text": "?: "
111 },
112 {
113 "kind": "Content",
114 "text": "boolean"
115 },
116 {
117 "kind": "Content",
118 "text": ";"
119 }
120 ],
121 "releaseTag": "Beta",
122 "name": "exitBeforeEnter",
123 "propertyTypeTokenRange": {
124 "startIndex": 2,
125 "endIndex": 3
126 }
127 },
128 {
129 "kind": "PropertySignature",
130 "docComment": "/**\n * By passing `initial={false}`, `AnimatePresence` will disable any initial animations on children that are present when the component is first rendered.\n *\n * @library\n * ```jsx\n * <AnimatePresence initial={false}>\n * {isVisible && (\n * <Frame\n * key=\"modal\"\n * initial={{ opacity: 0 }}\n * animate={{ opacity: 1 }}\n * exit={{ opacity: 0 }}\n * />\n * )}\n * </AnimatePresence>\n * ```\n *\n * @motion\n * ```jsx\n * <AnimatePresence initial={false}>\n * {isVisible && (\n * <motion.div\n * key=\"modal\"\n * initial={{ opacity: 0 }}\n * animate={{ opacity: 1 }}\n * exit={{ opacity: 0 }}\n * />\n * )}\n * </AnimatePresence>\n * ```\n *\n * @public\n */\n",
131 "excerptTokens": [
132 {
133 "kind": "Reference",
134 "text": "initial"
135 },
136 {
137 "kind": "Content",
138 "text": "?: "
139 },
140 {
141 "kind": "Content",
142 "text": "boolean"
143 },
144 {
145 "kind": "Content",
146 "text": ";"
147 }
148 ],
149 "releaseTag": "Public",
150 "name": "initial",
151 "propertyTypeTokenRange": {
152 "startIndex": 2,
153 "endIndex": 3
154 }
155 },
156 {
157 "kind": "PropertySignature",
158 "docComment": "/**\n * Fires when all exiting nodes have completed animating out.\n *\n * @public\n */\n",
159 "excerptTokens": [
160 {
161 "kind": "Reference",
162 "text": "onExitComplete"
163 },
164 {
165 "kind": "Content",
166 "text": "?: "
167 },
168 {
169 "kind": "Content",
170 "text": "() => void"
171 },
172 {
173 "kind": "Content",
174 "text": ";"
175 }
176 ],
177 "releaseTag": "Public",
178 "name": "onExitComplete",
179 "propertyTypeTokenRange": {
180 "startIndex": 2,
181 "endIndex": 3
182 }
183 }
184 ],
185 "extendsTokenRanges": []
186 },
187 {
188 "kind": "Class",
189 "docComment": "/**\n * Control animations on one or more components.\n *\n * @public\n */\n",
190 "excerptTokens": [
191 {
192 "kind": "Content",
193 "text": "export declare class "
194 },
195 {
196 "kind": "Reference",
197 "text": "AnimationControls"
198 },
199 {
200 "kind": "Content",
201 "text": " "
202 }
203 ],
204 "releaseTag": "Public",
205 "name": "AnimationControls",
206 "members": [
207 {
208 "kind": "Method",
209 "docComment": "/**\n * Instantly set to a set of properties or a variant.\n * ```jsx\n * // With properties\n * controls.set({ opacity: 0 })\n *\n * // With variants\n * controls.set(\"hidden\")\n * ```\n *\n * @internalremarks\n *\n * We could perform a similar trick to `.start` where this can be called before mount and we maintain a list of of pending actions that get applied on mount. But the expectation of `set` is that it happens synchronously and this would be difficult to do before any children have even attached themselves. It's also poor practise and we should discourage render-synchronous `.start` calls rather than lean into this.\n *\n * @public\n */\n",
210 "excerptTokens": [
211 {
212 "kind": "Reference",
213 "text": "set"
214 },
215 {
216 "kind": "Content",
217 "text": "("
218 },
219 {
220 "kind": "Reference",
221 "text": "definition"
222 },
223 {
224 "kind": "Content",
225 "text": ": "
226 },
227 {
228 "kind": "Reference",
229 "text": "AnimationDefinition"
230 },
231 {
232 "kind": "Content",
233 "text": "): "
234 },
235 {
236 "kind": "Content",
237 "text": "void"
238 },
239 {
240 "kind": "Content",
241 "text": ";"
242 }
243 ],
244 "isStatic": false,
245 "returnTypeTokenRange": {
246 "startIndex": 6,
247 "endIndex": 7
248 },
249 "releaseTag": "Public",
250 "overloadIndex": 0,
251 "parameters": [
252 {
253 "parameterName": "definition",
254 "parameterTypeTokenRange": {
255 "startIndex": 4,
256 "endIndex": 5
257 }
258 }
259 ],
260 "name": "set"
261 },
262 {
263 "kind": "Method",
264 "docComment": "/**\n * Starts an animation on all linked components.\n *\n * @remarks\n * ```jsx\n * controls.start(\"variantLabel\")\n * controls.start({\n * x: 0,\n * transition: { duration: 1 }\n * })\n * ```\n *\n * @param definition - Properties or variant label to animate to\n *\n * @param transition - Optional `transtion` to apply to a variant\n *\n * @returns - A `Promise` that resolves when all animations have completed.\n *\n * @public\n */\n",
265 "excerptTokens": [
266 {
267 "kind": "Reference",
268 "text": "start"
269 },
270 {
271 "kind": "Content",
272 "text": "("
273 },
274 {
275 "kind": "Reference",
276 "text": "definition"
277 },
278 {
279 "kind": "Content",
280 "text": ": "
281 },
282 {
283 "kind": "Reference",
284 "text": "AnimationDefinition"
285 },
286 {
287 "kind": "Content",
288 "text": ", "
289 },
290 {
291 "kind": "Reference",
292 "text": "transitionOverride"
293 },
294 {
295 "kind": "Content",
296 "text": "?: "
297 },
298 {
299 "kind": "Reference",
300 "text": "Transition"
301 },
302 {
303 "kind": "Content",
304 "text": "): "
305 },
306 {
307 "kind": "Reference",
308 "text": "Promise"
309 },
310 {
311 "kind": "Content",
312 "text": "<any>"
313 },
314 {
315 "kind": "Content",
316 "text": ";"
317 }
318 ],
319 "isStatic": false,
320 "returnTypeTokenRange": {
321 "startIndex": 10,
322 "endIndex": 12
323 },
324 "releaseTag": "Public",
325 "overloadIndex": 0,
326 "parameters": [
327 {
328 "parameterName": "definition",
329 "parameterTypeTokenRange": {
330 "startIndex": 4,
331 "endIndex": 5
332 }
333 },
334 {
335 "parameterName": "transitionOverride",
336 "parameterTypeTokenRange": {
337 "startIndex": 8,
338 "endIndex": 9
339 }
340 }
341 ],
342 "name": "start"
343 },
344 {
345 "kind": "Method",
346 "docComment": "/**\n * Stops animations on all linked components.\n * ```jsx\n * controls.stop()\n * ```\n *\n * @public\n */\n",
347 "excerptTokens": [
348 {
349 "kind": "Reference",
350 "text": "stop"
351 },
352 {
353 "kind": "Content",
354 "text": "(): "
355 },
356 {
357 "kind": "Content",
358 "text": "void"
359 },
360 {
361 "kind": "Content",
362 "text": ";"
363 }
364 ],
365 "isStatic": false,
366 "returnTypeTokenRange": {
367 "startIndex": 2,
368 "endIndex": 3
369 },
370 "releaseTag": "Public",
371 "overloadIndex": 0,
372 "parameters": [],
373 "name": "stop"
374 }
375 ],
376 "implementsTokenRanges": []
377 },
378 {
379 "kind": "Interface",
380 "docComment": "/**\n * @public\n */\n",
381 "excerptTokens": [
382 {
383 "kind": "Content",
384 "text": "export interface "
385 },
386 {
387 "kind": "Reference",
388 "text": "AnimationProps"
389 },
390 {
391 "kind": "Content",
392 "text": " "
393 }
394 ],
395 "releaseTag": "Public",
396 "name": "AnimationProps",
397 "members": [
398 {
399 "kind": "PropertySignature",
400 "docComment": "/**\n * Values to animate to, variant label(s), or `AnimationControls`.\n *\n * @library\n * ```jsx\n * // As values\n * <Frame animate={{ opacity: 1 }} />\n *\n * // As variant\n * <Frame animate=\"visible\" variants={variants} />\n *\n * // Multiple variants\n * <Frame animate={[\"visible\", \"active\"]} variants={variants} />\n *\n * // AnimationControls\n * <Frame animate={animation} />\n * ```\n *\n * @motion\n * ```jsx\n * // As values\n * <motion.div animate={{ opacity: 1 }} />\n *\n * // As variant\n * <motion.div animate=\"visible\" variants={variants} />\n *\n * // Multiple variants\n * <motion.div animate={[\"visible\", \"active\"]} variants={variants} />\n *\n * // AnimationControls\n * <motion.div animate={animation} />\n * ```\n *\n */\n",
401 "excerptTokens": [
402 {
403 "kind": "Reference",
404 "text": "animate"
405 },
406 {
407 "kind": "Content",
408 "text": "?: "
409 },
410 {
411 "kind": "Reference",
412 "text": "AnimationControls"
413 },
414 {
415 "kind": "Content",
416 "text": " | "
417 },
418 {
419 "kind": "Reference",
420 "text": "TargetAndTransition"
421 },
422 {
423 "kind": "Content",
424 "text": " | "
425 },
426 {
427 "kind": "Reference",
428 "text": "VariantLabels"
429 },
430 {
431 "kind": "Content",
432 "text": ";"
433 }
434 ],
435 "releaseTag": "Public",
436 "name": "animate",
437 "propertyTypeTokenRange": {
438 "startIndex": 2,
439 "endIndex": 7
440 }
441 },
442 {
443 "kind": "PropertySignature",
444 "docComment": "/**\n * A target to animate to when this component is removed from the tree.\n *\n * This component **must** be the first animatable child of an `AnimatePresence` to enable this exit animation.\n *\n * This limitation exists because React doesn't allow components to defer unmounting until after an animation is complete. Once this limitation is fixed, the `AnimatePresence` component will be unnecessary.\n *\n * @library\n * ```jsx\n * import { Frame, AnimatePresence } from 'framer'\n *\n * export function MyComponent(props) {\n * return (\n * <AnimatePresence>\n * {props.isVisible && (\n * <Frame\n * initial={{ opacity: 0 }}\n * animate={{ opacity: 1 }}\n * exit={{ opacity: 0 }}\n * />\n * )}\n * </AnimatePresence>\n * )\n * }\n * ```\n *\n * @motion\n * ```jsx\n * import { AnimatePresence, motion } from 'framer-motion'\n *\n * export const MyComponent = ({ isVisible }) => {\n * return (\n * <AnimatePresence>\n * {isVisible && (\n * <motion.div\n * initial={{ opacity: 0 }}\n * animate={{ opacity: 1 }}\n * exit={{ opacity: 0 }}\n * />\n * )}\n * </AnimatePresence>\n * )\n * }\n * ```\n *\n */\n",
445 "excerptTokens": [
446 {
447 "kind": "Reference",
448 "text": "exit"
449 },
450 {
451 "kind": "Content",
452 "text": "?: "
453 },
454 {
455 "kind": "Reference",
456 "text": "TargetAndTransition"
457 },
458 {
459 "kind": "Content",
460 "text": " | "
461 },
462 {
463 "kind": "Reference",
464 "text": "VariantLabels"
465 },
466 {
467 "kind": "Content",
468 "text": " | "
469 },
470 {
471 "kind": "Reference",
472 "text": "TargetResolver"
473 },
474 {
475 "kind": "Content",
476 "text": ";"
477 }
478 ],
479 "releaseTag": "Public",
480 "name": "exit",
481 "propertyTypeTokenRange": {
482 "startIndex": 2,
483 "endIndex": 7
484 }
485 },
486 {
487 "kind": "PropertySignature",
488 "docComment": "/**\n * @library\n *\n * When a `Frame` is the child of a `Stack`, the `Stack` is responsible for its layout. This makes it difficult for to know when the layout changes and smoothly animate components to their new positions.\n *\n * By adding `layoutTransition` to a child `Frame`, it'll automatically animate to its new position when it moves in the `Stack`, whether the `Stack` layout has changed, or the `Frame` has changed order within it.\n *\n * It can either be set as a `Transition`, or just `true` to use the default layout transition.\n *\n * Animating size with `scale` can introduce visual distortion to the component's children. If unwanted, the `useInvertedScale` function can be used to undo this distortion.\n * ```jsx\n * function MyComponent({ distribution = \"space-around\" }) {\n * const spring = {\n * type: \"spring\",\n * damping: 10,\n * stiffness: 100\n * }\n *\n * return (\n * <Stack distribution={distribution}>\n * <Frame layoutTransition={spring} />\n * </Stack>\n * )\n * }\n * ```\n *\n * @motion\n *\n * If `layoutTransition` is defined on a `motion` component, the component will automatically animate any changes to its position **and** size.\n *\n * It will do so using performant transforms. So if a `motion` component changes position, it'll animate to its new position using `x` and `y`. If it changes size, it'll animate using `scaleX` and `scaleY`.\n *\n * Animating size with `scale` can introduce visual distortion to the component's children. If unwanted, the `useInvertedScale` function can be used to undo this distortion.\n *\n * `layoutTransition` can either be set as a `Transition`, or just `true` to use the default layout transition, which is a smooth `0.8` second ease.\n *\n * It can also be set as a function that will resolve when the component has changed layout. This function should return either a `Transition`, or `true`. For advanced use-cases where you want the component to visually stay in its previous position, this function can also return `false`. This function will receive the `delta` of the changed layout.\n * ```jsx\n * const spring = {\n * type: \"spring\",\n * damping: 10,\n * stiffness: 100\n * }\n *\n * // This component will animate between sizes when `isVisible` is toggled.\n * const MyComponent = ({ isVisible }) => {\n * return (\n * <motion.div layoutTransition={spring}>\n * {isVisible && <Content />}\n * </motion.div>\n * )\n * }\n * ```\n *\n * @beta\n */\n",
489 "excerptTokens": [
490 {
491 "kind": "Reference",
492 "text": "layoutTransition"
493 },
494 {
495 "kind": "Content",
496 "text": "?: "
497 },
498 {
499 "kind": "Reference",
500 "text": "Transition"
501 },
502 {
503 "kind": "Content",
504 "text": " | boolean | "
505 },
506 {
507 "kind": "Reference",
508 "text": "ResolveLayoutTransition"
509 },
510 {
511 "kind": "Content",
512 "text": ";"
513 }
514 ],
515 "releaseTag": "Beta",
516 "name": "layoutTransition",
517 "propertyTypeTokenRange": {
518 "startIndex": 2,
519 "endIndex": 5
520 }
521 },
522 {
523 "kind": "PropertySignature",
524 "docComment": "/**\n * @library\n *\n * When a `Frame` is the child of a `Stack`, the `Stack` is responsible for its layout. This makes it harder for us to know when a `Frame`'s position changes within the `Stack` and make it animate to its new position.\n *\n * By adding `positionTransition` to a `Frame`, it'll automatically animate to its new position in the `Stack`, whether the `Stack` layout has changed or the `Frame` has changed its order within it.\n *\n * It can either be set as a `Transition`, or just `true` to use the default layout transition.\n * ```jsx\n * function MyComponent({ distribution = \"space-around\" }) {\n * const spring = {\n * type: \"spring\",\n * damping: 10,\n * stiffness: 100\n * }\n *\n * return (\n * <Stack distribution={distribution}>\n * <Frame layoutTransition={spring} />\n * </Stack>\n * )\n * }\n * ```\n *\n * @motion\n *\n * If `positionTransition` is defined on a `motion` component, it will automatically animate any changes to its layout using a performant `x`/`y` transform.\n *\n * `positionTransition` can either be set as a `Transition`, or just `true` to use the default position transition, which is a snappy spring.\n *\n * It can also be set as a function that will resolve when the component has changed layout. This function should return either a `Transition`, or `true`. For advanced use-cases where you want the component to visually stay in its previous position, this function can also return `false`. This function will receive the `delta` of the changed layout.\n * ```jsx\n * const spring = {\n * type: \"spring\",\n * damping: 10,\n * stiffness: 100\n * }\n *\n * // This component will animate position when `isVisible` is toggled.\n * const MyComponent = ({ isOpen }) => {\n * return (\n * <motion.div positionTransition={spring} style={{ left: isOpen ? 0 : 100 }} />\n * )\n * }\n *\n * // This component will animate items to their new position if its place in `items` changes order.\n * const MyComponent = ({ items }) => {\n * return items.map((item) => (\n * <motion.div key={item.id} positionTransition={spring} />\n * ))\n * }\n * ```\n *\n * @public\n */\n",
525 "excerptTokens": [
526 {
527 "kind": "Reference",
528 "text": "positionTransition"
529 },
530 {
531 "kind": "Content",
532 "text": "?: "
533 },
534 {
535 "kind": "Reference",
536 "text": "Transition"
537 },
538 {
539 "kind": "Content",
540 "text": " | boolean | "
541 },
542 {
543 "kind": "Reference",
544 "text": "ResolveLayoutTransition"
545 },
546 {
547 "kind": "Content",
548 "text": ";"
549 }
550 ],
551 "releaseTag": "Public",
552 "name": "positionTransition",
553 "propertyTypeTokenRange": {
554 "startIndex": 2,
555 "endIndex": 5
556 }
557 },
558 {
559 "kind": "PropertySignature",
560 "docComment": "/**\n * Default transition. If no `transition` is defined in `animate`, it will use the transition defined here.\n *\n * @library\n * ```jsx\n * const spring = {\n * type: \"spring\",\n * damping: 10,\n * stiffness: 100\n * }\n *\n * <Frame transition={spring} animate={{ scale: 1.2 }} />\n * ```\n *\n * @motion\n * ```jsx\n * const spring = {\n * type: \"spring\",\n * damping: 10,\n * stiffness: 100\n * }\n *\n * <motion.div transition={spring} animate={{ scale: 1.2 }} />\n * ```\n *\n */\n",
561 "excerptTokens": [
562 {
563 "kind": "Reference",
564 "text": "transition"
565 },
566 {
567 "kind": "Content",
568 "text": "?: "
569 },
570 {
571 "kind": "Reference",
572 "text": "Transition"
573 },
574 {
575 "kind": "Content",
576 "text": ";"
577 }
578 ],
579 "releaseTag": "Public",
580 "name": "transition",
581 "propertyTypeTokenRange": {
582 "startIndex": 2,
583 "endIndex": 3
584 }
585 },
586 {
587 "kind": "PropertySignature",
588 "docComment": "/**\n * Variants allow you to define animation states and organise them by name. They allow you to control animations throughout a component tree by switching a single `animate` prop.\n *\n * Using `transition` options like `delayChildren` and `staggerChildren`, you can orchestrate when children animations play relative to their parent.\n *\n * @library\n *\n * After passing variants to one or more `Frame`'s `variants` prop, these variants can be used in place of values on the `animate`, `initial`, `whileTap` and `whileHover` props.\n * ```jsx\n * const variants = {\n * active: {\n * backgroundColor: \"#f00\"\n * },\n * inactive: {\n * backgroundColor: \"#fff\",\n * transition: { duration: 2 }\n * }\n * }\n *\n * <Frame variants={variants} animate=\"active\" />\n * ```\n *\n * @motion\n *\n * After passing variants to one or more `motion` component's `variants` prop, these variants can be used in place of values on the `animate`, `initial`, `whileTap` and `whileHover` props.\n * ```jsx\n * const variants = {\n * active: {\n * backgroundColor: \"#f00\"\n * },\n * inactive: {\n * backgroundColor: \"#fff\",\n * transition: { duration: 2 }\n * }\n * }\n *\n * <motion.div variants={variants} animate=\"active\" />\n * ```\n *\n */\n",
589 "excerptTokens": [
590 {
591 "kind": "Reference",
592 "text": "variants"
593 },
594 {
595 "kind": "Content",
596 "text": "?: "
597 },
598 {
599 "kind": "Reference",
600 "text": "Variants"
601 },
602 {
603 "kind": "Content",
604 "text": ";"
605 }
606 ],
607 "releaseTag": "Public",
608 "name": "variants",
609 "propertyTypeTokenRange": {
610 "startIndex": 2,
611 "endIndex": 3
612 }
613 }
614 ],
615 "extendsTokenRanges": []
616 },
617 {
618 "kind": "Interface",
619 "docComment": "/**\n * @public\n */\n",
620 "excerptTokens": [
621 {
622 "kind": "Content",
623 "text": "export interface "
624 },
625 {
626 "kind": "Reference",
627 "text": "CustomValueType"
628 },
629 {
630 "kind": "Content",
631 "text": " "
632 }
633 ],
634 "releaseTag": "Public",
635 "name": "CustomValueType",
636 "members": [
637 {
638 "kind": "PropertySignature",
639 "docComment": "",
640 "excerptTokens": [
641 {
642 "kind": "Reference",
643 "text": "mix"
644 },
645 {
646 "kind": "Content",
647 "text": ": "
648 },
649 {
650 "kind": "Content",
651 "text": "("
652 },
653 {
654 "kind": "Reference",
655 "text": "from"
656 },
657 {
658 "kind": "Content",
659 "text": ": any, "
660 },
661 {
662 "kind": "Reference",
663 "text": "to"
664 },
665 {
666 "kind": "Content",
667 "text": ": any) => ("
668 },
669 {
670 "kind": "Reference",
671 "text": "p"
672 },
673 {
674 "kind": "Content",
675 "text": ": number) => number | string"
676 },
677 {
678 "kind": "Content",
679 "text": ";"
680 }
681 ],
682 "releaseTag": "Public",
683 "name": "mix",
684 "propertyTypeTokenRange": {
685 "startIndex": 2,
686 "endIndex": 9
687 }
688 },
689 {
690 "kind": "PropertySignature",
691 "docComment": "",
692 "excerptTokens": [
693 {
694 "kind": "Reference",
695 "text": "toValue"
696 },
697 {
698 "kind": "Content",
699 "text": ": "
700 },
701 {
702 "kind": "Content",
703 "text": "() => number | string"
704 },
705 {
706 "kind": "Content",
707 "text": ";"
708 }
709 ],
710 "releaseTag": "Public",
711 "name": "toValue",
712 "propertyTypeTokenRange": {
713 "startIndex": 2,
714 "endIndex": 3
715 }
716 }
717 ],
718 "extendsTokenRanges": []
719 },
720 {
721 "kind": "Class",
722 "docComment": "/**\n * Can manually trigger a drag gesture on one or more `drag`-enabled `motion` components.\n *\n * @library\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <Frame onTapStart={startDrag} />\n * <Frame drag=\"x\" dragControls={dragControls} />\n * </>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <div onMouseDown={startDrag} />\n * <motion.div drag=\"x\" dragControls={dragControls} />\n * </>\n * )\n * ```\n *\n * @public\n */\n",
723 "excerptTokens": [
724 {
725 "kind": "Content",
726 "text": "export declare class "
727 },
728 {
729 "kind": "Reference",
730 "text": "DragControls"
731 },
732 {
733 "kind": "Content",
734 "text": " "
735 }
736 ],
737 "releaseTag": "Public",
738 "name": "DragControls",
739 "members": [
740 {
741 "kind": "Method",
742 "docComment": "/**\n * Start a drag gesture on every `motion` component that has this set of drag controls passed into it via the `dragControls` prop.\n * ```jsx\n * dragControls.start(e, {\n * snapToCursor: true\n * })\n * ```\n *\n * @param event - A mouse/touch/pointer event.\n *\n * @param options - Options\n *\n * @public\n */\n",
743 "excerptTokens": [
744 {
745 "kind": "Reference",
746 "text": "start"
747 },
748 {
749 "kind": "Content",
750 "text": "("
751 },
752 {
753 "kind": "Reference",
754 "text": "event"
755 },
756 {
757 "kind": "Content",
758 "text": ": "
759 },
760 {
761 "kind": "Reference",
762 "text": "React"
763 },
764 {
765 "kind": "Content",
766 "text": "."
767 },
768 {
769 "kind": "Reference",
770 "text": "MouseEvent"
771 },
772 {
773 "kind": "Content",
774 "text": " | "
775 },
776 {
777 "kind": "Reference",
778 "text": "React"
779 },
780 {
781 "kind": "Content",
782 "text": "."
783 },
784 {
785 "kind": "Reference",
786 "text": "TouchEvent"
787 },
788 {
789 "kind": "Content",
790 "text": " | "
791 },
792 {
793 "kind": "Reference",
794 "text": "React"
795 },
796 {
797 "kind": "Content",
798 "text": "."
799 },
800 {
801 "kind": "Reference",
802 "text": "PointerEvent"
803 },
804 {
805 "kind": "Content",
806 "text": " | "
807 },
808 {
809 "kind": "Reference",
810 "text": "MouseEvent"
811 },
812 {
813 "kind": "Content",
814 "text": " | "
815 },
816 {
817 "kind": "Reference",
818 "text": "TouchEvent"
819 },
820 {
821 "kind": "Content",
822 "text": " | "
823 },
824 {
825 "kind": "Reference",
826 "text": "PointerEvent"
827 },
828 {
829 "kind": "Content",
830 "text": ", "
831 },
832 {
833 "kind": "Reference",
834 "text": "options"
835 },
836 {
837 "kind": "Content",
838 "text": "?: "
839 },
840 {
841 "kind": "Reference",
842 "text": "DragControlOptions"
843 },
844 {
845 "kind": "Content",
846 "text": "): "
847 },
848 {
849 "kind": "Content",
850 "text": "void"
851 },
852 {
853 "kind": "Content",
854 "text": ";"
855 }
856 ],
857 "isStatic": false,
858 "returnTypeTokenRange": {
859 "startIndex": 26,
860 "endIndex": 27
861 },
862 "releaseTag": "Public",
863 "overloadIndex": 0,
864 "parameters": [
865 {
866 "parameterName": "event",
867 "parameterTypeTokenRange": {
868 "startIndex": 4,
869 "endIndex": 21
870 }
871 },
872 {
873 "parameterName": "options",
874 "parameterTypeTokenRange": {
875 "startIndex": 24,
876 "endIndex": 25
877 }
878 }
879 ],
880 "name": "start"
881 }
882 ],
883 "implementsTokenRanges": []
884 },
885 {
886 "kind": "Interface",
887 "docComment": "/**\n * @public\n */\n",
888 "excerptTokens": [
889 {
890 "kind": "Content",
891 "text": "export interface "
892 },
893 {
894 "kind": "Reference",
895 "text": "DraggableProps"
896 },
897 {
898 "kind": "Content",
899 "text": " extends "
900 },
901 {
902 "kind": "Reference",
903 "text": "DragHandlers"
904 },
905 {
906 "kind": "Content",
907 "text": " "
908 }
909 ],
910 "releaseTag": "Public",
911 "name": "DraggableProps",
912 "members": [
913 {
914 "kind": "PropertySignature",
915 "docComment": "/**\n * Enable dragging for this element. Set to `false` by default. Set `true` to drag in both directions. Set `\"x\"` or `\"y\"` to only drag in a specific direction.\n *\n * @library\n * ```jsx\n * <Frame drag=\"x\" />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div drag=\"x\" />\n * ```\n *\n */\n",
916 "excerptTokens": [
917 {
918 "kind": "Reference",
919 "text": "drag"
920 },
921 {
922 "kind": "Content",
923 "text": "?: "
924 },
925 {
926 "kind": "Content",
927 "text": "boolean | \"x\" | \"y\""
928 },
929 {
930 "kind": "Content",
931 "text": ";"
932 }
933 ],
934 "releaseTag": "Public",
935 "name": "drag",
936 "propertyTypeTokenRange": {
937 "startIndex": 2,
938 "endIndex": 3
939 }
940 },
941 {
942 "kind": "PropertySignature",
943 "docComment": "/**\n * An object of optional `top`, `left`, `right`, `bottom` pixel values, beyond which dragging is constrained.\n *\n * Another component can be used as drag constraints by creating a `ref` with React's `useRef`.hook. This `ref` should be passed to that component's `ref` prop and to this component's `dragConstraints` prop.\n *\n * @library\n * ```jsx\n * // In pixels\n * <Frame\n * drag=\"x\"\n * dragConstraints={{ left: 0, right: 300 }}\n * />\n *\n * // As a ref to another component\n * function MyComponent() {\n * const constraintsRef = useRef(null)\n *\n * return (\n * <Frame ref={constraintsRef} width={400} height={400}>\n * <Frame drag dragConstraints={constraintsRef} />\n * </Frame>\n * )\n * }\n * ```\n *\n * @motion\n * ```jsx\n * // In pixels\n * <motion.div\n * drag=\"x\"\n * dragConstraints={{ left: 0, right: 300 }}\n * />\n *\n * // As a ref to another component\n * const MyComponent = () => {\n * const constraintsRef = useRef(null)\n *\n * return (\n * <motion.div ref={constraintsRef}>\n * <motion.div drag dragConstraints={constraintsRef} />\n * </motion.div>\n * )\n * }\n * ```\n *\n */\n",
944 "excerptTokens": [
945 {
946 "kind": "Reference",
947 "text": "dragConstraints"
948 },
949 {
950 "kind": "Content",
951 "text": "?: "
952 },
953 {
954 "kind": "Content",
955 "text": "false | {\n "
956 },
957 {
958 "kind": "Reference",
959 "text": "top"
960 },
961 {
962 "kind": "Content",
963 "text": "?: number;\n "
964 },
965 {
966 "kind": "Reference",
967 "text": "right"
968 },
969 {
970 "kind": "Content",
971 "text": "?: number;\n "
972 },
973 {
974 "kind": "Reference",
975 "text": "bottom"
976 },
977 {
978 "kind": "Content",
979 "text": "?: number;\n "
980 },
981 {
982 "kind": "Reference",
983 "text": "left"
984 },
985 {
986 "kind": "Content",
987 "text": "?: number;\n } | "
988 },
989 {
990 "kind": "Reference",
991 "text": "RefObject"
992 },
993 {
994 "kind": "Content",
995 "text": "<"
996 },
997 {
998 "kind": "Reference",
999 "text": "Element"
1000 },
1001 {
1002 "kind": "Content",
1003 "text": ">"
1004 },
1005 {
1006 "kind": "Content",
1007 "text": ";"
1008 }
1009 ],
1010 "releaseTag": "Public",
1011 "name": "dragConstraints",
1012 "propertyTypeTokenRange": {
1013 "startIndex": 2,
1014 "endIndex": 15
1015 }
1016 },
1017 {
1018 "kind": "PropertySignature",
1019 "docComment": "/**\n * Usually, dragging is initiated by pressing down on a component and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we might want to initiate dragging from a different component than the draggable one.\n *\n * By creating a `dragControls` using the `useDragControls` hook, we can pass this into the draggable component's `dragControls` prop. It exposes a `start` method that can start dragging from pointer events on other components.\n *\n * @library\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <Frame onTapStart={startDrag} />\n * <Frame drag=\"x\" dragControls={dragControls} />\n * </>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <div onMouseDown={startDrag} />\n * <motion.div drag=\"x\" dragControls={dragControls} />\n * </>\n * )\n * ```\n *\n */\n",
1020 "excerptTokens": [
1021 {
1022 "kind": "Reference",
1023 "text": "dragControls"
1024 },
1025 {
1026 "kind": "Content",
1027 "text": "?: "
1028 },
1029 {
1030 "kind": "Reference",
1031 "text": "DragControls"
1032 },
1033 {
1034 "kind": "Content",
1035 "text": ";"
1036 }
1037 ],
1038 "releaseTag": "Public",
1039 "name": "dragControls",
1040 "propertyTypeTokenRange": {
1041 "startIndex": 2,
1042 "endIndex": 3
1043 }
1044 },
1045 {
1046 "kind": "PropertySignature",
1047 "docComment": "/**\n * If `true`, this will lock dragging to the initially-detected direction. Defaults to `false`.\n *\n * @library\n * ```jsx\n * <Frame drag={true} dragDirectionLock={true} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div drag dragDirectionLock />\n * ```\n *\n */\n",
1048 "excerptTokens": [
1049 {
1050 "kind": "Reference",
1051 "text": "dragDirectionLock"
1052 },
1053 {
1054 "kind": "Content",
1055 "text": "?: "
1056 },
1057 {
1058 "kind": "Content",
1059 "text": "boolean"
1060 },
1061 {
1062 "kind": "Content",
1063 "text": ";"
1064 }
1065 ],
1066 "releaseTag": "Public",
1067 "name": "dragDirectionLock",
1068 "propertyTypeTokenRange": {
1069 "startIndex": 2,
1070 "endIndex": 3
1071 }
1072 },
1073 {
1074 "kind": "PropertySignature",
1075 "docComment": "/**\n * The degree of movement allowed outside constraints. 0 = no movement, 1 = full movement. Set to `0.5` by default.\n *\n * @library\n * ```jsx\n * <Frame\n * drag={true}\n * dragConstraints={{ left: 0, right: 300 }}\n * dragElastic={0.2}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragConstraints={{ left: 0, right: 300 }}\n * dragElastic={0.2}\n * />\n * ```\n *\n */\n",
1076 "excerptTokens": [
1077 {
1078 "kind": "Reference",
1079 "text": "dragElastic"
1080 },
1081 {
1082 "kind": "Content",
1083 "text": "?: "
1084 },
1085 {
1086 "kind": "Content",
1087 "text": "boolean | number"
1088 },
1089 {
1090 "kind": "Content",
1091 "text": ";"
1092 }
1093 ],
1094 "releaseTag": "Public",
1095 "name": "dragElastic",
1096 "propertyTypeTokenRange": {
1097 "startIndex": 2,
1098 "endIndex": 3
1099 }
1100 },
1101 {
1102 "kind": "PropertySignature",
1103 "docComment": "/**\n * By default, if `drag` is defined on a component then an event listener will be attached to automatically initiate dragging when a user presses down on it.\n *\n * By setting `dragListener` to `false`, this event listener will not be created.\n *\n * @library\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <Frame onTapStart={startDrag} />\n * <Frame\n * drag=\"x\"\n * dragControls={dragControls}\n * dragListener={false}\n * />\n * </>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <div onMouseDown={startDrag} />\n * <motion.div\n * drag=\"x\"\n * dragControls={dragControls}\n * dragListener={false}\n * />\n * </>\n * )\n * ```\n *\n */\n",
1104 "excerptTokens": [
1105 {
1106 "kind": "Reference",
1107 "text": "dragListener"
1108 },
1109 {
1110 "kind": "Content",
1111 "text": "?: "
1112 },
1113 {
1114 "kind": "Content",
1115 "text": "boolean"
1116 },
1117 {
1118 "kind": "Content",
1119 "text": ";"
1120 }
1121 ],
1122 "releaseTag": "Public",
1123 "name": "dragListener",
1124 "propertyTypeTokenRange": {
1125 "startIndex": 2,
1126 "endIndex": 3
1127 }
1128 },
1129 {
1130 "kind": "PropertySignature",
1131 "docComment": "/**\n * Apply momentum from the pan gesture to the component when dragging finishes. Set to `true` by default.\n *\n * @library\n * ```jsx\n * <Frame\n * drag={true}\n * dragConstraints={{ left: 0, right: 300 }}\n * dragMomentum={false}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragConstraints={{ left: 0, right: 300 }}\n * dragMomentum={false}\n * />\n * ```\n *\n */\n",
1132 "excerptTokens": [
1133 {
1134 "kind": "Reference",
1135 "text": "dragMomentum"
1136 },
1137 {
1138 "kind": "Content",
1139 "text": "?: "
1140 },
1141 {
1142 "kind": "Content",
1143 "text": "boolean"
1144 },
1145 {
1146 "kind": "Content",
1147 "text": ";"
1148 }
1149 ],
1150 "releaseTag": "Public",
1151 "name": "dragMomentum",
1152 "propertyTypeTokenRange": {
1153 "startIndex": 2,
1154 "endIndex": 3
1155 }
1156 },
1157 {
1158 "kind": "PropertySignature",
1159 "docComment": "/**\n * Drag position is calculated by applying the pan offset to the x/y origin measured when the drag gesture begins.\n *\n * By manually creating `dragOriginX` as a `MotionValue`, it can be updated while the gesture is active, for instance to visually offset any movement should the component change layout.\n *\n * @library\n * ```jsx\n * const dragOriginX = useMotionValue(0)\n *\n * return <Frame dragOriginX={dragOriginX} />\n * ```\n *\n * @motion\n * ```jsx\n * const dragOriginX = useMotionValue(0)\n *\n * return <motion.div dragOriginX={dragOriginX} />\n * ```\n *\n * @public\n */\n",
1160 "excerptTokens": [
1161 {
1162 "kind": "Reference",
1163 "text": "dragOriginX"
1164 },
1165 {
1166 "kind": "Content",
1167 "text": "?: "
1168 },
1169 {
1170 "kind": "Reference",
1171 "text": "MotionValue"
1172 },
1173 {
1174 "kind": "Content",
1175 "text": "<number>"
1176 },
1177 {
1178 "kind": "Content",
1179 "text": ";"
1180 }
1181 ],
1182 "releaseTag": "Public",
1183 "name": "dragOriginX",
1184 "propertyTypeTokenRange": {
1185 "startIndex": 2,
1186 "endIndex": 4
1187 }
1188 },
1189 {
1190 "kind": "PropertySignature",
1191 "docComment": "/**\n * Drag position is calculated by applying the pan offset to the x/y origin measured when the drag gesture begins.\n *\n * By manually creating `dragOriginY` as a `MotionValue`, it can be updated while the gesture is active, for instance to visually offset any movement should the component change layout.\n *\n * @library\n * ```jsx\n * const dragOriginY = useMotionValue(0)\n *\n * return <Frame dragOriginY={dragOriginY} />\n * ```\n *\n * @motion\n * ```jsx\n * const dragOriginY = useMotionValue(0)\n *\n * return <motion.div dragOriginY={dragOriginY} />\n * ```\n *\n * @public\n */\n",
1192 "excerptTokens": [
1193 {
1194 "kind": "Reference",
1195 "text": "dragOriginY"
1196 },
1197 {
1198 "kind": "Content",
1199 "text": "?: "
1200 },
1201 {
1202 "kind": "Reference",
1203 "text": "MotionValue"
1204 },
1205 {
1206 "kind": "Content",
1207 "text": "<number>"
1208 },
1209 {
1210 "kind": "Content",
1211 "text": ";"
1212 }
1213 ],
1214 "releaseTag": "Public",
1215 "name": "dragOriginY",
1216 "propertyTypeTokenRange": {
1217 "startIndex": 2,
1218 "endIndex": 4
1219 }
1220 },
1221 {
1222 "kind": "PropertySignature",
1223 "docComment": "/**\n * Allows drag gesture propagation to child components. Set to `false` by default.\n *\n * @library\n * ```jsx\n * <Frame drag=\"x\" dragPropagation={true} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div drag=\"x\" dragPropagation />\n * ```\n *\n */\n",
1224 "excerptTokens": [
1225 {
1226 "kind": "Reference",
1227 "text": "dragPropagation"
1228 },
1229 {
1230 "kind": "Content",
1231 "text": "?: "
1232 },
1233 {
1234 "kind": "Content",
1235 "text": "boolean"
1236 },
1237 {
1238 "kind": "Content",
1239 "text": ";"
1240 }
1241 ],
1242 "releaseTag": "Public",
1243 "name": "dragPropagation",
1244 "propertyTypeTokenRange": {
1245 "startIndex": 2,
1246 "endIndex": 3
1247 }
1248 },
1249 {
1250 "kind": "PropertySignature",
1251 "docComment": "/**\n * Allows you to change dragging inertia parameters. When releasing a draggable Frame, an animation with type `inertia` starts. The animation is based on your dragging velocity. This property allows you to customize it. See {@link https://framer.com/api/animation/#inertia | Inertia} for all properties you can use.\n *\n * @library\n * ```jsx\n * <Frame\n * drag={true}\n * dragTransition={{ bounceStiffness: 600, bounceDamping: 10 }}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{ bounceStiffness: 600, bounceDamping: 10 }}\n * />\n * ```\n *\n */\n",
1252 "excerptTokens": [
1253 {
1254 "kind": "Reference",
1255 "text": "dragTransition"
1256 },
1257 {
1258 "kind": "Content",
1259 "text": "?: "
1260 },
1261 {
1262 "kind": "Reference",
1263 "text": "InertiaOptions"
1264 },
1265 {
1266 "kind": "Content",
1267 "text": ";"
1268 }
1269 ],
1270 "releaseTag": "Public",
1271 "name": "dragTransition",
1272 "propertyTypeTokenRange": {
1273 "startIndex": 2,
1274 "endIndex": 3
1275 }
1276 }
1277 ],
1278 "extendsTokenRanges": [
1279 {
1280 "startIndex": 3,
1281 "endIndex": 5
1282 }
1283 ]
1284 },
1285 {
1286 "kind": "Interface",
1287 "docComment": "/**\n * @public\n */\n",
1288 "excerptTokens": [
1289 {
1290 "kind": "Content",
1291 "text": "export interface "
1292 },
1293 {
1294 "kind": "Reference",
1295 "text": "DragHandlers"
1296 },
1297 {
1298 "kind": "Content",
1299 "text": " "
1300 }
1301 ],
1302 "releaseTag": "Public",
1303 "name": "DragHandlers",
1304 "members": [
1305 {
1306 "kind": "MethodSignature",
1307 "docComment": "/**\n * Callback function that fires a drag direction is determined.\n *\n * @library\n * ```jsx\n * function onDirectionLock(axis) {\n * console.log(axis)\n * }\n *\n * <Frame\n * drag\n * dragDirectionLock\n * onDirectionLock={onDirectionLock}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragDirectionLock\n * onDirectionLock={axis => console.log(axis)}\n * />\n * ```\n *\n * @public\n */\n",
1308 "excerptTokens": [
1309 {
1310 "kind": "Reference",
1311 "text": "onDirectionLock"
1312 },
1313 {
1314 "kind": "Content",
1315 "text": "?("
1316 },
1317 {
1318 "kind": "Reference",
1319 "text": "axis"
1320 },
1321 {
1322 "kind": "Content",
1323 "text": ": "
1324 },
1325 {
1326 "kind": "Content",
1327 "text": "\"x\" | \"y\""
1328 },
1329 {
1330 "kind": "Content",
1331 "text": "): "
1332 },
1333 {
1334 "kind": "Content",
1335 "text": "void"
1336 },
1337 {
1338 "kind": "Content",
1339 "text": ";"
1340 }
1341 ],
1342 "returnTypeTokenRange": {
1343 "startIndex": 6,
1344 "endIndex": 7
1345 },
1346 "releaseTag": "Public",
1347 "overloadIndex": 0,
1348 "parameters": [
1349 {
1350 "parameterName": "axis",
1351 "parameterTypeTokenRange": {
1352 "startIndex": 4,
1353 "endIndex": 5
1354 }
1355 }
1356 ],
1357 "name": "onDirectionLock"
1358 },
1359 {
1360 "kind": "MethodSignature",
1361 "docComment": "/**\n * Callback function that fires when the component is dragged.\n *\n * @library\n * ```jsx\n * function onDrag(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame drag onDrag={onDrag} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * onDrag={\n * (event, info) => console.log(info.point.x, info.point.y)\n * }\n * />\n * ```\n *\n * @public\n */\n",
1362 "excerptTokens": [
1363 {
1364 "kind": "Reference",
1365 "text": "onDrag"
1366 },
1367 {
1368 "kind": "Content",
1369 "text": "?("
1370 },
1371 {
1372 "kind": "Reference",
1373 "text": "event"
1374 },
1375 {
1376 "kind": "Content",
1377 "text": ": "
1378 },
1379 {
1380 "kind": "Reference",
1381 "text": "MouseEvent"
1382 },
1383 {
1384 "kind": "Content",
1385 "text": " | "
1386 },
1387 {
1388 "kind": "Reference",
1389 "text": "TouchEvent"
1390 },
1391 {
1392 "kind": "Content",
1393 "text": " | "
1394 },
1395 {
1396 "kind": "Reference",
1397 "text": "PointerEvent"
1398 },
1399 {
1400 "kind": "Content",
1401 "text": ", "
1402 },
1403 {
1404 "kind": "Reference",
1405 "text": "info"
1406 },
1407 {
1408 "kind": "Content",
1409 "text": ": "
1410 },
1411 {
1412 "kind": "Reference",
1413 "text": "PanInfo"
1414 },
1415 {
1416 "kind": "Content",
1417 "text": "): "
1418 },
1419 {
1420 "kind": "Content",
1421 "text": "void"
1422 },
1423 {
1424 "kind": "Content",
1425 "text": ";"
1426 }
1427 ],
1428 "returnTypeTokenRange": {
1429 "startIndex": 14,
1430 "endIndex": 15
1431 },
1432 "releaseTag": "Public",
1433 "overloadIndex": 0,
1434 "parameters": [
1435 {
1436 "parameterName": "event",
1437 "parameterTypeTokenRange": {
1438 "startIndex": 4,
1439 "endIndex": 9
1440 }
1441 },
1442 {
1443 "parameterName": "info",
1444 "parameterTypeTokenRange": {
1445 "startIndex": 12,
1446 "endIndex": 13
1447 }
1448 }
1449 ],
1450 "name": "onDrag"
1451 },
1452 {
1453 "kind": "MethodSignature",
1454 "docComment": "/**\n * Callback function that fires when dragging ends.\n *\n * @library\n * ```jsx\n * function onDragEnd(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame drag onDragEnd={onDragEnd} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * onDragEnd={\n * (event, info) => console.log(info.point.x, info.point.y)\n * }\n * />\n * ```\n *\n * @public\n */\n",
1455 "excerptTokens": [
1456 {
1457 "kind": "Reference",
1458 "text": "onDragEnd"
1459 },
1460 {
1461 "kind": "Content",
1462 "text": "?("
1463 },
1464 {
1465 "kind": "Reference",
1466 "text": "event"
1467 },
1468 {
1469 "kind": "Content",
1470 "text": ": "
1471 },
1472 {
1473 "kind": "Reference",
1474 "text": "MouseEvent"
1475 },
1476 {
1477 "kind": "Content",
1478 "text": " | "
1479 },
1480 {
1481 "kind": "Reference",
1482 "text": "TouchEvent"
1483 },
1484 {
1485 "kind": "Content",
1486 "text": " | "
1487 },
1488 {
1489 "kind": "Reference",
1490 "text": "PointerEvent"
1491 },
1492 {
1493 "kind": "Content",
1494 "text": ", "
1495 },
1496 {
1497 "kind": "Reference",
1498 "text": "info"
1499 },
1500 {
1501 "kind": "Content",
1502 "text": ": "
1503 },
1504 {
1505 "kind": "Reference",
1506 "text": "PanInfo"
1507 },
1508 {
1509 "kind": "Content",
1510 "text": "): "
1511 },
1512 {
1513 "kind": "Content",
1514 "text": "void"
1515 },
1516 {
1517 "kind": "Content",
1518 "text": ";"
1519 }
1520 ],
1521 "returnTypeTokenRange": {
1522 "startIndex": 14,
1523 "endIndex": 15
1524 },
1525 "releaseTag": "Public",
1526 "overloadIndex": 0,
1527 "parameters": [
1528 {
1529 "parameterName": "event",
1530 "parameterTypeTokenRange": {
1531 "startIndex": 4,
1532 "endIndex": 9
1533 }
1534 },
1535 {
1536 "parameterName": "info",
1537 "parameterTypeTokenRange": {
1538 "startIndex": 12,
1539 "endIndex": 13
1540 }
1541 }
1542 ],
1543 "name": "onDragEnd"
1544 },
1545 {
1546 "kind": "MethodSignature",
1547 "docComment": "/**\n * Callback function that fires when dragging starts.\n *\n * @library\n * ```jsx\n * function onDragStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame drag onDragStart={onDragStart} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * onDragStart={\n * (event, info) => console.log(info.point.x, info.point.y)\n * }\n * />\n * ```\n *\n * @public\n */\n",
1548 "excerptTokens": [
1549 {
1550 "kind": "Reference",
1551 "text": "onDragStart"
1552 },
1553 {
1554 "kind": "Content",
1555 "text": "?("
1556 },
1557 {
1558 "kind": "Reference",
1559 "text": "event"
1560 },
1561 {
1562 "kind": "Content",
1563 "text": ": "
1564 },
1565 {
1566 "kind": "Reference",
1567 "text": "MouseEvent"
1568 },
1569 {
1570 "kind": "Content",
1571 "text": " | "
1572 },
1573 {
1574 "kind": "Reference",
1575 "text": "TouchEvent"
1576 },
1577 {
1578 "kind": "Content",
1579 "text": " | "
1580 },
1581 {
1582 "kind": "Reference",
1583 "text": "PointerEvent"
1584 },
1585 {
1586 "kind": "Content",
1587 "text": ", "
1588 },
1589 {
1590 "kind": "Reference",
1591 "text": "info"
1592 },
1593 {
1594 "kind": "Content",
1595 "text": ": "
1596 },
1597 {
1598 "kind": "Reference",
1599 "text": "PanInfo"
1600 },
1601 {
1602 "kind": "Content",
1603 "text": "): "
1604 },
1605 {
1606 "kind": "Content",
1607 "text": "void"
1608 },
1609 {
1610 "kind": "Content",
1611 "text": ";"
1612 }
1613 ],
1614 "returnTypeTokenRange": {
1615 "startIndex": 14,
1616 "endIndex": 15
1617 },
1618 "releaseTag": "Public",
1619 "overloadIndex": 0,
1620 "parameters": [
1621 {
1622 "parameterName": "event",
1623 "parameterTypeTokenRange": {
1624 "startIndex": 4,
1625 "endIndex": 9
1626 }
1627 },
1628 {
1629 "parameterName": "info",
1630 "parameterTypeTokenRange": {
1631 "startIndex": 12,
1632 "endIndex": 13
1633 }
1634 }
1635 ],
1636 "name": "onDragStart"
1637 },
1638 {
1639 "kind": "MethodSignature",
1640 "docComment": "/**\n * Callback function that fires when drag momentum/bounce transition finishes.\n *\n * @library\n * ```jsx\n * function onDragTransitionEnd() {\n * console.log('drag transition has ended')\n * }\n *\n * <Frame\n * drag\n * onDragTransitionEnd={onDragTransitionEnd}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * onDragTransitionEnd={() => console.log('Drag transition complete')}\n * />\n * ```\n *\n * @public\n */\n",
1641 "excerptTokens": [
1642 {
1643 "kind": "Reference",
1644 "text": "onDragTransitionEnd"
1645 },
1646 {
1647 "kind": "Content",
1648 "text": "?(): "
1649 },
1650 {
1651 "kind": "Content",
1652 "text": "void"
1653 },
1654 {
1655 "kind": "Content",
1656 "text": ";"
1657 }
1658 ],
1659 "returnTypeTokenRange": {
1660 "startIndex": 2,
1661 "endIndex": 3
1662 },
1663 "releaseTag": "Public",
1664 "overloadIndex": 0,
1665 "parameters": [],
1666 "name": "onDragTransitionEnd"
1667 }
1668 ],
1669 "extendsTokenRanges": []
1670 },
1671 {
1672 "kind": "TypeAlias",
1673 "docComment": "/**\n * A function that accepts a progress value between `0` and `1` and returns a new one.\n *\n * @library\n * ```jsx\n * const transition = {\n * ease: progress => progress * progress\n * }\n *\n * <Frame\n * animate={{ opacity: 0 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ opacity: 0 }}\n * transition={{\n * duration: 1,\n * ease: progress => progress * progress\n * }}\n * />\n * ```\n *\n * @public\n */\n",
1674 "excerptTokens": [
1675 {
1676 "kind": "Content",
1677 "text": "export declare type "
1678 },
1679 {
1680 "kind": "Reference",
1681 "text": "EasingFunction"
1682 },
1683 {
1684 "kind": "Content",
1685 "text": " = "
1686 },
1687 {
1688 "kind": "Content",
1689 "text": "("
1690 },
1691 {
1692 "kind": "Reference",
1693 "text": "v"
1694 },
1695 {
1696 "kind": "Content",
1697 "text": ": number) => number"
1698 },
1699 {
1700 "kind": "Content",
1701 "text": ";"
1702 }
1703 ],
1704 "releaseTag": "Public",
1705 "name": "EasingFunction",
1706 "typeTokenRange": {
1707 "startIndex": 3,
1708 "endIndex": 6
1709 }
1710 },
1711 {
1712 "kind": "Interface",
1713 "docComment": "/**\n * @public\n */\n",
1714 "excerptTokens": [
1715 {
1716 "kind": "Content",
1717 "text": "export interface "
1718 },
1719 {
1720 "kind": "Reference",
1721 "text": "EventInfo"
1722 },
1723 {
1724 "kind": "Content",
1725 "text": " "
1726 }
1727 ],
1728 "releaseTag": "Public",
1729 "name": "EventInfo",
1730 "members": [
1731 {
1732 "kind": "PropertySignature",
1733 "docComment": "",
1734 "excerptTokens": [
1735 {
1736 "kind": "Reference",
1737 "text": "point"
1738 },
1739 {
1740 "kind": "Content",
1741 "text": ": "
1742 },
1743 {
1744 "kind": "Reference",
1745 "text": "Point"
1746 },
1747 {
1748 "kind": "Content",
1749 "text": ";"
1750 }
1751 ],
1752 "releaseTag": "Public",
1753 "name": "point",
1754 "propertyTypeTokenRange": {
1755 "startIndex": 2,
1756 "endIndex": 3
1757 }
1758 }
1759 ],
1760 "extendsTokenRanges": []
1761 },
1762 {
1763 "kind": "TypeAlias",
1764 "docComment": "/**\n * @public\n */\n",
1765 "excerptTokens": [
1766 {
1767 "kind": "Content",
1768 "text": "export declare type "
1769 },
1770 {
1771 "kind": "Reference",
1772 "text": "ForwardRefComponent"
1773 },
1774 {
1775 "kind": "Content",
1776 "text": "<"
1777 },
1778 {
1779 "kind": "Reference",
1780 "text": "T"
1781 },
1782 {
1783 "kind": "Content",
1784 "text": ", "
1785 },
1786 {
1787 "kind": "Reference",
1788 "text": "P"
1789 },
1790 {
1791 "kind": "Content",
1792 "text": "> = "
1793 },
1794 {
1795 "kind": "Reference",
1796 "text": "ForwardRefExoticComponent"
1797 },
1798 {
1799 "kind": "Content",
1800 "text": "<"
1801 },
1802 {
1803 "kind": "Reference",
1804 "text": "PropsWithoutRef"
1805 },
1806 {
1807 "kind": "Content",
1808 "text": "<"
1809 },
1810 {
1811 "kind": "Reference",
1812 "text": "P"
1813 },
1814 {
1815 "kind": "Content",
1816 "text": "> & "
1817 },
1818 {
1819 "kind": "Reference",
1820 "text": "RefAttributes"
1821 },
1822 {
1823 "kind": "Content",
1824 "text": "<"
1825 },
1826 {
1827 "kind": "Reference",
1828 "text": "T"
1829 },
1830 {
1831 "kind": "Content",
1832 "text": ">>"
1833 },
1834 {
1835 "kind": "Content",
1836 "text": ";"
1837 }
1838 ],
1839 "releaseTag": "Public",
1840 "name": "ForwardRefComponent",
1841 "typeParameters": [
1842 {
1843 "typeParameterName": "T",
1844 "constraintTokenRange": {
1845 "startIndex": 0,
1846 "endIndex": 0
1847 },
1848 "defaultTypeTokenRange": {
1849 "startIndex": 0,
1850 "endIndex": 0
1851 }
1852 },
1853 {
1854 "typeParameterName": "P",
1855 "constraintTokenRange": {
1856 "startIndex": 0,
1857 "endIndex": 0
1858 },
1859 "defaultTypeTokenRange": {
1860 "startIndex": 0,
1861 "endIndex": 0
1862 }
1863 }
1864 ],
1865 "typeTokenRange": {
1866 "startIndex": 7,
1867 "endIndex": 17
1868 }
1869 },
1870 {
1871 "kind": "TypeAlias",
1872 "docComment": "/**\n * @public\n */\n",
1873 "excerptTokens": [
1874 {
1875 "kind": "Content",
1876 "text": "export declare type "
1877 },
1878 {
1879 "kind": "Reference",
1880 "text": "GestureHandlers"
1881 },
1882 {
1883 "kind": "Content",
1884 "text": " = "
1885 },
1886 {
1887 "kind": "Reference",
1888 "text": "PanHandlers"
1889 },
1890 {
1891 "kind": "Content",
1892 "text": " & "
1893 },
1894 {
1895 "kind": "Reference",
1896 "text": "TapHandlers"
1897 },
1898 {
1899 "kind": "Content",
1900 "text": " & "
1901 },
1902 {
1903 "kind": "Reference",
1904 "text": "HoverHandlers"
1905 },
1906 {
1907 "kind": "Content",
1908 "text": ";"
1909 }
1910 ],
1911 "releaseTag": "Public",
1912 "name": "GestureHandlers",
1913 "typeTokenRange": {
1914 "startIndex": 3,
1915 "endIndex": 8
1916 }
1917 },
1918 {
1919 "kind": "Interface",
1920 "docComment": "/**\n * @public\n */\n",
1921 "excerptTokens": [
1922 {
1923 "kind": "Content",
1924 "text": "export interface "
1925 },
1926 {
1927 "kind": "Reference",
1928 "text": "HoverHandlers"
1929 },
1930 {
1931 "kind": "Content",
1932 "text": " "
1933 }
1934 ],
1935 "releaseTag": "Public",
1936 "name": "HoverHandlers",
1937 "members": [
1938 {
1939 "kind": "MethodSignature",
1940 "docComment": "/**\n * Callback function that fires when pointer stops hovering over the component.\n *\n * @library\n * ```jsx\n * function onHoverEnd(event) {\n * console.log(\"Hover ends\")\n * }\n *\n * <Frame onHoverEnd={onHoverEnd} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div onHoverEnd={() => console.log(\"Hover ends\")} />\n * ```\n *\n */\n",
1941 "excerptTokens": [
1942 {
1943 "kind": "Reference",
1944 "text": "onHoverEnd"
1945 },
1946 {
1947 "kind": "Content",
1948 "text": "?("
1949 },
1950 {
1951 "kind": "Reference",
1952 "text": "event"
1953 },
1954 {
1955 "kind": "Content",
1956 "text": ": "
1957 },
1958 {
1959 "kind": "Reference",
1960 "text": "MouseEvent"
1961 },
1962 {
1963 "kind": "Content",
1964 "text": ", "
1965 },
1966 {
1967 "kind": "Reference",
1968 "text": "info"
1969 },
1970 {
1971 "kind": "Content",
1972 "text": ": "
1973 },
1974 {
1975 "kind": "Reference",
1976 "text": "EventInfo"
1977 },
1978 {
1979 "kind": "Content",
1980 "text": "): "
1981 },
1982 {
1983 "kind": "Content",
1984 "text": "void"
1985 },
1986 {
1987 "kind": "Content",
1988 "text": ";"
1989 }
1990 ],
1991 "returnTypeTokenRange": {
1992 "startIndex": 10,
1993 "endIndex": 11
1994 },
1995 "releaseTag": "Public",
1996 "overloadIndex": 0,
1997 "parameters": [
1998 {
1999 "parameterName": "event",
2000 "parameterTypeTokenRange": {
2001 "startIndex": 4,
2002 "endIndex": 5
2003 }
2004 },
2005 {
2006 "parameterName": "info",
2007 "parameterTypeTokenRange": {
2008 "startIndex": 8,
2009 "endIndex": 9
2010 }
2011 }
2012 ],
2013 "name": "onHoverEnd"
2014 },
2015 {
2016 "kind": "MethodSignature",
2017 "docComment": "/**\n * Callback function that fires when pointer starts hovering over the component.\n *\n * @library\n * ```jsx\n * function onHoverStart(event) {\n * console.log(\"Hover starts\")\n * }\n *\n * <Frame onHoverStart={onHoverStart} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div onHoverStart={() => console.log('Hover starts')} />\n * ```\n *\n */\n",
2018 "excerptTokens": [
2019 {
2020 "kind": "Reference",
2021 "text": "onHoverStart"
2022 },
2023 {
2024 "kind": "Content",
2025 "text": "?("
2026 },
2027 {
2028 "kind": "Reference",
2029 "text": "event"
2030 },
2031 {
2032 "kind": "Content",
2033 "text": ": "
2034 },
2035 {
2036 "kind": "Reference",
2037 "text": "MouseEvent"
2038 },
2039 {
2040 "kind": "Content",
2041 "text": ", "
2042 },
2043 {
2044 "kind": "Reference",
2045 "text": "info"
2046 },
2047 {
2048 "kind": "Content",
2049 "text": ": "
2050 },
2051 {
2052 "kind": "Reference",
2053 "text": "EventInfo"
2054 },
2055 {
2056 "kind": "Content",
2057 "text": "): "
2058 },
2059 {
2060 "kind": "Content",
2061 "text": "void"
2062 },
2063 {
2064 "kind": "Content",
2065 "text": ";"
2066 }
2067 ],
2068 "returnTypeTokenRange": {
2069 "startIndex": 10,
2070 "endIndex": 11
2071 },
2072 "releaseTag": "Public",
2073 "overloadIndex": 0,
2074 "parameters": [
2075 {
2076 "parameterName": "event",
2077 "parameterTypeTokenRange": {
2078 "startIndex": 4,
2079 "endIndex": 5
2080 }
2081 },
2082 {
2083 "parameterName": "info",
2084 "parameterTypeTokenRange": {
2085 "startIndex": 8,
2086 "endIndex": 9
2087 }
2088 }
2089 ],
2090 "name": "onHoverStart"
2091 },
2092 {
2093 "kind": "PropertySignature",
2094 "docComment": "/**\n * Properties or variant label to animate to while the hover gesture is recognised.\n *\n * @library\n * ```jsx\n * <Frame whileHover={{ scale: 1.2 }} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div whileHover={{ scale: 1.2 }} />\n * ```\n *\n */\n",
2095 "excerptTokens": [
2096 {
2097 "kind": "Reference",
2098 "text": "whileHover"
2099 },
2100 {
2101 "kind": "Content",
2102 "text": "?: "
2103 },
2104 {
2105 "kind": "Content",
2106 "text": "string | "
2107 },
2108 {
2109 "kind": "Reference",
2110 "text": "TargetAndTransition"
2111 },
2112 {
2113 "kind": "Content",
2114 "text": ";"
2115 }
2116 ],
2117 "releaseTag": "Public",
2118 "name": "whileHover",
2119 "propertyTypeTokenRange": {
2120 "startIndex": 2,
2121 "endIndex": 4
2122 }
2123 }
2124 ],
2125 "extendsTokenRanges": []
2126 },
2127 {
2128 "kind": "TypeAlias",
2129 "docComment": "/**\n * @public\n */\n",
2130 "excerptTokens": [
2131 {
2132 "kind": "Content",
2133 "text": "export declare type "
2134 },
2135 {
2136 "kind": "Reference",
2137 "text": "HTMLMotionProps"
2138 },
2139 {
2140 "kind": "Content",
2141 "text": "<"
2142 },
2143 {
2144 "kind": "Reference",
2145 "text": "TagName"
2146 },
2147 {
2148 "kind": "Content",
2149 "text": " extends "
2150 },
2151 {
2152 "kind": "Content",
2153 "text": "keyof "
2154 },
2155 {
2156 "kind": "Reference",
2157 "text": "ReactHTML"
2158 },
2159 {
2160 "kind": "Content",
2161 "text": "> = "
2162 },
2163 {
2164 "kind": "Reference",
2165 "text": "HTMLAttributesWithoutMotionProps"
2166 },
2167 {
2168 "kind": "Content",
2169 "text": "<"
2170 },
2171 {
2172 "kind": "Reference",
2173 "text": "UnwrapFactoryAttributes"
2174 },
2175 {
2176 "kind": "Content",
2177 "text": "<"
2178 },
2179 {
2180 "kind": "Reference",
2181 "text": "ReactHTML"
2182 },
2183 {
2184 "kind": "Content",
2185 "text": "["
2186 },
2187 {
2188 "kind": "Reference",
2189 "text": "TagName"
2190 },
2191 {
2192 "kind": "Content",
2193 "text": "]>, "
2194 },
2195 {
2196 "kind": "Reference",
2197 "text": "UnwrapFactoryElement"
2198 },
2199 {
2200 "kind": "Content",
2201 "text": "<"
2202 },
2203 {
2204 "kind": "Reference",
2205 "text": "ReactHTML"
2206 },
2207 {
2208 "kind": "Content",
2209 "text": "["
2210 },
2211 {
2212 "kind": "Reference",
2213 "text": "TagName"
2214 },
2215 {
2216 "kind": "Content",
2217 "text": "]>> & "
2218 },
2219 {
2220 "kind": "Reference",
2221 "text": "MotionProps"
2222 },
2223 {
2224 "kind": "Content",
2225 "text": ";"
2226 }
2227 ],
2228 "releaseTag": "Public",
2229 "name": "HTMLMotionProps",
2230 "typeParameters": [
2231 {
2232 "typeParameterName": "TagName",
2233 "constraintTokenRange": {
2234 "startIndex": 5,
2235 "endIndex": 7
2236 },
2237 "defaultTypeTokenRange": {
2238 "startIndex": 0,
2239 "endIndex": 0
2240 }
2241 }
2242 ],
2243 "typeTokenRange": {
2244 "startIndex": 8,
2245 "endIndex": 23
2246 }
2247 },
2248 {
2249 "kind": "Interface",
2250 "docComment": "/**\n * An animation that decelerates a value based on its initial velocity, usually used to implement inertial scrolling.\n *\n * Optionally, `min` and `max` boundaries can be defined, and inertia will snap to these with a spring animation.\n *\n * This animation will automatically precalculate a target value, which can be modified with the `modifyTarget` property.\n *\n * This allows you to add snap-to-grid or similar functionality.\n *\n * Inertia is also the animation used for `dragTransition`, and can be configured via that prop.\n *\n * @public\n */\n",
2251 "excerptTokens": [
2252 {
2253 "kind": "Content",
2254 "text": "export interface "
2255 },
2256 {
2257 "kind": "Reference",
2258 "text": "Inertia"
2259 },
2260 {
2261 "kind": "Content",
2262 "text": " "
2263 }
2264 ],
2265 "releaseTag": "Public",
2266 "name": "Inertia",
2267 "members": [
2268 {
2269 "kind": "PropertySignature",
2270 "docComment": "/**\n * If `min` or `max` is set, this affects the damping of the bounce spring. If set to `0`, spring will oscillate indefinitely. Set to `10` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * min: 0,\n * max: 100,\n * bounceDamping: 8\n * }\n *\n * <Frame\n * drag\n * dragTransition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{\n * min: 0,\n * max: 100,\n * bounceDamping: 8\n * }}\n * />\n * ```\n *\n * @public\n */\n",
2271 "excerptTokens": [
2272 {
2273 "kind": "Reference",
2274 "text": "bounceDamping"
2275 },
2276 {
2277 "kind": "Content",
2278 "text": "?: "
2279 },
2280 {
2281 "kind": "Content",
2282 "text": "number"
2283 },
2284 {
2285 "kind": "Content",
2286 "text": ";"
2287 }
2288 ],
2289 "releaseTag": "Public",
2290 "name": "bounceDamping",
2291 "propertyTypeTokenRange": {
2292 "startIndex": 2,
2293 "endIndex": 3
2294 }
2295 },
2296 {
2297 "kind": "PropertySignature",
2298 "docComment": "/**\n * If `min` or `max` is set, this affects the stiffness of the bounce spring. Higher values will create more sudden movement. Set to `500` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * min: 0,\n * max: 100,\n * bounceStiffness: 100\n * }\n *\n * <Frame\n * drag\n * dragTransition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{\n * min: 0,\n * max: 100,\n * bounceStiffness: 100\n * }}\n * />\n * ```\n *\n * @public\n */\n",
2299 "excerptTokens": [
2300 {
2301 "kind": "Reference",
2302 "text": "bounceStiffness"
2303 },
2304 {
2305 "kind": "Content",
2306 "text": "?: "
2307 },
2308 {
2309 "kind": "Content",
2310 "text": "number"
2311 },
2312 {
2313 "kind": "Content",
2314 "text": ";"
2315 }
2316 ],
2317 "releaseTag": "Public",
2318 "name": "bounceStiffness",
2319 "propertyTypeTokenRange": {
2320 "startIndex": 2,
2321 "endIndex": 3
2322 }
2323 },
2324 {
2325 "kind": "PropertySignature",
2326 "docComment": "/**\n * The value to animate from. By default, this is the current state of the animating value.\n *\n * @library\n * ```jsx\n * const transition = {\n * min: 0,\n * max: 100,\n * from: 50\n * }\n *\n * <Frame\n * drag\n * dragTransition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <Frame\n * drag\n * dragTransition={{ from: 50 }}\n * />\n * ```\n *\n * @public\n */\n",
2327 "excerptTokens": [
2328 {
2329 "kind": "Reference",
2330 "text": "from"
2331 },
2332 {
2333 "kind": "Content",
2334 "text": "?: "
2335 },
2336 {
2337 "kind": "Content",
2338 "text": "number | string"
2339 },
2340 {
2341 "kind": "Content",
2342 "text": ";"
2343 }
2344 ],
2345 "releaseTag": "Public",
2346 "name": "from",
2347 "propertyTypeTokenRange": {
2348 "startIndex": 2,
2349 "endIndex": 3
2350 }
2351 },
2352 {
2353 "kind": "PropertySignature",
2354 "docComment": "/**\n * Maximum constraint. If set, the value will \"bump\" against this value (or immediately snap to it, if the initial animation value exceeds this value).\n *\n * @library\n * ```jsx\n * <Frame\n * drag\n * dragTransition={{ min: 0, max: 100 }}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{ min: 0, max: 100 }}\n * />\n * ```\n *\n * @public\n */\n",
2355 "excerptTokens": [
2356 {
2357 "kind": "Reference",
2358 "text": "max"
2359 },
2360 {
2361 "kind": "Content",
2362 "text": "?: "
2363 },
2364 {
2365 "kind": "Content",
2366 "text": "number"
2367 },
2368 {
2369 "kind": "Content",
2370 "text": ";"
2371 }
2372 ],
2373 "releaseTag": "Public",
2374 "name": "max",
2375 "propertyTypeTokenRange": {
2376 "startIndex": 2,
2377 "endIndex": 3
2378 }
2379 },
2380 {
2381 "kind": "PropertySignature",
2382 "docComment": "/**\n * Minimum constraint. If set, the value will \"bump\" against this value (or immediately spring to it if the animation starts as less than this value).\n *\n * @library\n * ```jsx\n * <Frame\n * drag\n * dragTransition={{ min: 0, max: 100 }}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{ min: 0, max: 100 }}\n * />\n * ```\n *\n * @public\n */\n",
2383 "excerptTokens": [
2384 {
2385 "kind": "Reference",
2386 "text": "min"
2387 },
2388 {
2389 "kind": "Content",
2390 "text": "?: "
2391 },
2392 {
2393 "kind": "Content",
2394 "text": "number"
2395 },
2396 {
2397 "kind": "Content",
2398 "text": ";"
2399 }
2400 ],
2401 "releaseTag": "Public",
2402 "name": "min",
2403 "propertyTypeTokenRange": {
2404 "startIndex": 2,
2405 "endIndex": 3
2406 }
2407 },
2408 {
2409 "kind": "MethodSignature",
2410 "docComment": "/**\n * A function that receives the automatically-calculated target and returns a new one. Useful for snapping the target to a grid.\n *\n * @library\n * ```jsx\n * const transition = {\n * power: 0,\n * // Snap calculated target to nearest 50 pixels\n * modifyTarget: target => Math.round(target / 50) * 50\n * }\n *\n * <Frame\n * drag\n * dragTransition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{\n * power: 0,\n * // Snap calculated target to nearest 50 pixels\n * modifyTarget: target => Math.round(target / 50) * 50\n * }}\n * />\n * ```\n *\n * @public\n */\n",
2411 "excerptTokens": [
2412 {
2413 "kind": "Reference",
2414 "text": "modifyTarget"
2415 },
2416 {
2417 "kind": "Content",
2418 "text": "?("
2419 },
2420 {
2421 "kind": "Reference",
2422 "text": "v"
2423 },
2424 {
2425 "kind": "Content",
2426 "text": ": "
2427 },
2428 {
2429 "kind": "Content",
2430 "text": "number"
2431 },
2432 {
2433 "kind": "Content",
2434 "text": "): "
2435 },
2436 {
2437 "kind": "Content",
2438 "text": "number"
2439 },
2440 {
2441 "kind": "Content",
2442 "text": ";"
2443 }
2444 ],
2445 "returnTypeTokenRange": {
2446 "startIndex": 6,
2447 "endIndex": 7
2448 },
2449 "releaseTag": "Public",
2450 "overloadIndex": 0,
2451 "parameters": [
2452 {
2453 "parameterName": "v",
2454 "parameterTypeTokenRange": {
2455 "startIndex": 4,
2456 "endIndex": 5
2457 }
2458 }
2459 ],
2460 "name": "modifyTarget"
2461 },
2462 {
2463 "kind": "PropertySignature",
2464 "docComment": "/**\n * A higher power value equals a further target. Set to `0.8` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * min: 0,\n * max: 100,\n * power: 0.2\n * }\n *\n * <Frame\n * drag\n * dragTransition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{ power: 0.2 }}\n * />\n * ```\n *\n * @public\n */\n",
2465 "excerptTokens": [
2466 {
2467 "kind": "Reference",
2468 "text": "power"
2469 },
2470 {
2471 "kind": "Content",
2472 "text": "?: "
2473 },
2474 {
2475 "kind": "Content",
2476 "text": "number"
2477 },
2478 {
2479 "kind": "Content",
2480 "text": ";"
2481 }
2482 ],
2483 "releaseTag": "Public",
2484 "name": "power",
2485 "propertyTypeTokenRange": {
2486 "startIndex": 2,
2487 "endIndex": 3
2488 }
2489 },
2490 {
2491 "kind": "PropertySignature",
2492 "docComment": "/**\n * End the animation if the distance to the animation target is below this value, and the absolute speed is below `restSpeed`. When the animation ends, the value gets snapped to the animation target. Set to `0.01` by default. Generally the default values provide smooth animation endings, only in rare cases should you need to customize these.\n *\n * @library\n * ```jsx\n * const transition = {\n * min: 0,\n * max: 100,\n * restDelta: 10\n * }\n *\n * <Frame\n * drag\n * dragTransition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{ restDelta: 10 }}\n * />\n * ```\n *\n * @public\n */\n",
2493 "excerptTokens": [
2494 {
2495 "kind": "Reference",
2496 "text": "restDelta"
2497 },
2498 {
2499 "kind": "Content",
2500 "text": "?: "
2501 },
2502 {
2503 "kind": "Content",
2504 "text": "number"
2505 },
2506 {
2507 "kind": "Content",
2508 "text": ";"
2509 }
2510 ],
2511 "releaseTag": "Public",
2512 "name": "restDelta",
2513 "propertyTypeTokenRange": {
2514 "startIndex": 2,
2515 "endIndex": 3
2516 }
2517 },
2518 {
2519 "kind": "PropertySignature",
2520 "docComment": "/**\n * Adjusting the time constant will change the duration of the deceleration, thereby affecting its feel. Set to `700` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * min: 0,\n * max: 100,\n * timeConstant: 200\n * }\n *\n * <Frame\n * drag\n * dragTransition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * drag\n * dragTransition={{ timeConstant: 200 }}\n * />\n * ```\n *\n * @public\n */\n",
2521 "excerptTokens": [
2522 {
2523 "kind": "Reference",
2524 "text": "timeConstant"
2525 },
2526 {
2527 "kind": "Content",
2528 "text": "?: "
2529 },
2530 {
2531 "kind": "Content",
2532 "text": "number"
2533 },
2534 {
2535 "kind": "Content",
2536 "text": ";"
2537 }
2538 ],
2539 "releaseTag": "Public",
2540 "name": "timeConstant",
2541 "propertyTypeTokenRange": {
2542 "startIndex": 2,
2543 "endIndex": 3
2544 }
2545 },
2546 {
2547 "kind": "PropertySignature",
2548 "docComment": "/**\n * Set `type` to animate using the inertia animation. Set to `\"tween\"` by default. This can be used for natural deceleration, like momentum scrolling.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"inertia\",\n * velocity: 50\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ type: \"inertia\", velocity: 50 }}\n * />\n * ```\n *\n * @public\n */\n",
2549 "excerptTokens": [
2550 {
2551 "kind": "Reference",
2552 "text": "type"
2553 },
2554 {
2555 "kind": "Content",
2556 "text": ": "
2557 },
2558 {
2559 "kind": "Content",
2560 "text": "\"inertia\""
2561 },
2562 {
2563 "kind": "Content",
2564 "text": ";"
2565 }
2566 ],
2567 "releaseTag": "Public",
2568 "name": "type",
2569 "propertyTypeTokenRange": {
2570 "startIndex": 2,
2571 "endIndex": 3
2572 }
2573 },
2574 {
2575 "kind": "PropertySignature",
2576 "docComment": "/**\n * The initial velocity of the animation. By default this is the current velocity of the component.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"inertia\",\n * velocity: 200\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ type: 'inertia', velocity: 200 }}\n * />\n * ```\n *\n * @public\n */\n",
2577 "excerptTokens": [
2578 {
2579 "kind": "Reference",
2580 "text": "velocity"
2581 },
2582 {
2583 "kind": "Content",
2584 "text": "?: "
2585 },
2586 {
2587 "kind": "Content",
2588 "text": "number"
2589 },
2590 {
2591 "kind": "Content",
2592 "text": ";"
2593 }
2594 ],
2595 "releaseTag": "Public",
2596 "name": "velocity",
2597 "propertyTypeTokenRange": {
2598 "startIndex": 2,
2599 "endIndex": 3
2600 }
2601 }
2602 ],
2603 "extendsTokenRanges": []
2604 },
2605 {
2606 "kind": "Function",
2607 "docComment": "/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n *\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\n",
2608 "excerptTokens": [
2609 {
2610 "kind": "Content",
2611 "text": "export declare function "
2612 },
2613 {
2614 "kind": "Reference",
2615 "text": "isValidMotionProp"
2616 },
2617 {
2618 "kind": "Content",
2619 "text": "("
2620 },
2621 {
2622 "kind": "Reference",
2623 "text": "key"
2624 },
2625 {
2626 "kind": "Content",
2627 "text": ": "
2628 },
2629 {
2630 "kind": "Content",
2631 "text": "string"
2632 },
2633 {
2634 "kind": "Content",
2635 "text": "): "
2636 },
2637 {
2638 "kind": "Content",
2639 "text": "boolean"
2640 },
2641 {
2642 "kind": "Content",
2643 "text": ";"
2644 }
2645 ],
2646 "returnTypeTokenRange": {
2647 "startIndex": 7,
2648 "endIndex": 8
2649 },
2650 "releaseTag": "Public",
2651 "overloadIndex": 0,
2652 "parameters": [
2653 {
2654 "parameterName": "key",
2655 "parameterTypeTokenRange": {
2656 "startIndex": 5,
2657 "endIndex": 6
2658 }
2659 }
2660 ],
2661 "name": "isValidMotionProp"
2662 },
2663 {
2664 "kind": "TypeAlias",
2665 "docComment": "/**\n * @public\n */\n",
2666 "excerptTokens": [
2667 {
2668 "kind": "Content",
2669 "text": "export declare type "
2670 },
2671 {
2672 "kind": "Reference",
2673 "text": "KeyframesTarget"
2674 },
2675 {
2676 "kind": "Content",
2677 "text": " = "
2678 },
2679 {
2680 "kind": "Reference",
2681 "text": "ResolvedKeyframesTarget"
2682 },
2683 {
2684 "kind": "Content",
2685 "text": " | [null, ..."
2686 },
2687 {
2688 "kind": "Reference",
2689 "text": "CustomValueType"
2690 },
2691 {
2692 "kind": "Content",
2693 "text": "[]] | "
2694 },
2695 {
2696 "kind": "Reference",
2697 "text": "CustomValueType"
2698 },
2699 {
2700 "kind": "Content",
2701 "text": "[]"
2702 },
2703 {
2704 "kind": "Content",
2705 "text": ";"
2706 }
2707 ],
2708 "releaseTag": "Public",
2709 "name": "KeyframesTarget",
2710 "typeTokenRange": {
2711 "startIndex": 3,
2712 "endIndex": 9
2713 }
2714 },
2715 {
2716 "kind": "Variable",
2717 "docComment": "/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @internalremarks\n *\n * I'd like to make it possible for these to be loaded \"on demand\" - to reduce bundle size by only including HTML/SVG stylers, animation and/or gesture support when necessary.\n * ```jsx\n * <motion.div animate={{ x: 100 }} />\n *\n * <motion.p animate={{ height: 200 }} />\n *\n * <svg><motion.circle r={10} animate={{ r: 20 }} /></svg>\n * ```\n *\n * @public\n */\n",
2718 "excerptTokens": [
2719 {
2720 "kind": "Reference",
2721 "text": "motion"
2722 },
2723 {
2724 "kind": "Content",
2725 "text": ": "
2726 },
2727 {
2728 "kind": "Content",
2729 "text": "{\n "
2730 },
2731 {
2732 "kind": "Reference",
2733 "text": "symbol"
2734 },
2735 {
2736 "kind": "Content",
2737 "text": ": "
2738 },
2739 {
2740 "kind": "Reference",
2741 "text": "ForwardRefComponent"
2742 },
2743 {
2744 "kind": "Content",
2745 "text": "<"
2746 },
2747 {
2748 "kind": "Reference",
2749 "text": "SVGSymbolElement"
2750 },
2751 {
2752 "kind": "Content",
2753 "text": ", "
2754 },
2755 {
2756 "kind": "Reference",
2757 "text": "SVGMotionProps"
2758 },
2759 {
2760 "kind": "Content",
2761 "text": "<"
2762 },
2763 {
2764 "kind": "Reference",
2765 "text": "SVGSymbolElement"
2766 },
2767 {
2768 "kind": "Content",
2769 "text": ">>;\n "
2770 },
2771 {
2772 "kind": "Reference",
2773 "text": "clipPath"
2774 },
2775 {
2776 "kind": "Content",
2777 "text": ": "
2778 },
2779 {
2780 "kind": "Reference",
2781 "text": "ForwardRefComponent"
2782 },
2783 {
2784 "kind": "Content",
2785 "text": "<"
2786 },
2787 {
2788 "kind": "Reference",
2789 "text": "SVGClipPathElement"
2790 },
2791 {
2792 "kind": "Content",
2793 "text": ", "
2794 },
2795 {
2796 "kind": "Reference",
2797 "text": "SVGMotionProps"
2798 },
2799 {
2800 "kind": "Content",
2801 "text": "<"
2802 },
2803 {
2804 "kind": "Reference",
2805 "text": "SVGClipPathElement"
2806 },
2807 {
2808 "kind": "Content",
2809 "text": ">>;\n "
2810 },
2811 {
2812 "kind": "Reference",
2813 "text": "filter"
2814 },
2815 {
2816 "kind": "Content",
2817 "text": ": "
2818 },
2819 {
2820 "kind": "Reference",
2821 "text": "ForwardRefComponent"
2822 },
2823 {
2824 "kind": "Content",
2825 "text": "<"
2826 },
2827 {
2828 "kind": "Reference",
2829 "text": "SVGFilterElement"
2830 },
2831 {
2832 "kind": "Content",
2833 "text": ", "
2834 },
2835 {
2836 "kind": "Reference",
2837 "text": "SVGMotionProps"
2838 },
2839 {
2840 "kind": "Content",
2841 "text": "<"
2842 },
2843 {
2844 "kind": "Reference",
2845 "text": "SVGFilterElement"
2846 },
2847 {
2848 "kind": "Content",
2849 "text": ">>;\n "
2850 },
2851 {
2852 "kind": "Reference",
2853 "text": "mask"
2854 },
2855 {
2856 "kind": "Content",
2857 "text": ": "
2858 },
2859 {
2860 "kind": "Reference",
2861 "text": "ForwardRefComponent"
2862 },
2863 {
2864 "kind": "Content",
2865 "text": "<"
2866 },
2867 {
2868 "kind": "Reference",
2869 "text": "SVGMaskElement"
2870 },
2871 {
2872 "kind": "Content",
2873 "text": ", "
2874 },
2875 {
2876 "kind": "Reference",
2877 "text": "SVGMotionProps"
2878 },
2879 {
2880 "kind": "Content",
2881 "text": "<"
2882 },
2883 {
2884 "kind": "Reference",
2885 "text": "SVGMaskElement"
2886 },
2887 {
2888 "kind": "Content",
2889 "text": ">>;\n "
2890 },
2891 {
2892 "kind": "Reference",
2893 "text": "marker"
2894 },
2895 {
2896 "kind": "Content",
2897 "text": ": "
2898 },
2899 {
2900 "kind": "Reference",
2901 "text": "ForwardRefComponent"
2902 },
2903 {
2904 "kind": "Content",
2905 "text": "<"
2906 },
2907 {
2908 "kind": "Reference",
2909 "text": "SVGMarkerElement"
2910 },
2911 {
2912 "kind": "Content",
2913 "text": ", "
2914 },
2915 {
2916 "kind": "Reference",
2917 "text": "SVGMotionProps"
2918 },
2919 {
2920 "kind": "Content",
2921 "text": "<"
2922 },
2923 {
2924 "kind": "Reference",
2925 "text": "SVGMarkerElement"
2926 },
2927 {
2928 "kind": "Content",
2929 "text": ">>;\n "
2930 },
2931 {
2932 "kind": "Reference",
2933 "text": "image"
2934 },
2935 {
2936 "kind": "Content",
2937 "text": ": "
2938 },
2939 {
2940 "kind": "Reference",
2941 "text": "ForwardRefComponent"
2942 },
2943 {
2944 "kind": "Content",
2945 "text": "<"
2946 },
2947 {
2948 "kind": "Reference",
2949 "text": "SVGImageElement"
2950 },
2951 {
2952 "kind": "Content",
2953 "text": ", "
2954 },
2955 {
2956 "kind": "Reference",
2957 "text": "SVGMotionProps"
2958 },
2959 {
2960 "kind": "Content",
2961 "text": "<"
2962 },
2963 {
2964 "kind": "Reference",
2965 "text": "SVGImageElement"
2966 },
2967 {
2968 "kind": "Content",
2969 "text": ">>;\n "
2970 },
2971 {
2972 "kind": "Reference",
2973 "text": "text"
2974 },
2975 {
2976 "kind": "Content",
2977 "text": ": "
2978 },
2979 {
2980 "kind": "Reference",
2981 "text": "ForwardRefComponent"
2982 },
2983 {
2984 "kind": "Content",
2985 "text": "<"
2986 },
2987 {
2988 "kind": "Reference",
2989 "text": "SVGTextElement"
2990 },
2991 {
2992 "kind": "Content",
2993 "text": ", "
2994 },
2995 {
2996 "kind": "Reference",
2997 "text": "SVGMotionProps"
2998 },
2999 {
3000 "kind": "Content",
3001 "text": "<"
3002 },
3003 {
3004 "kind": "Reference",
3005 "text": "SVGTextElement"
3006 },
3007 {
3008 "kind": "Content",
3009 "text": ">>;\n "
3010 },
3011 {
3012 "kind": "Reference",
3013 "text": "circle"
3014 },
3015 {
3016 "kind": "Content",
3017 "text": ": "
3018 },
3019 {
3020 "kind": "Reference",
3021 "text": "ForwardRefComponent"
3022 },
3023 {
3024 "kind": "Content",
3025 "text": "<"
3026 },
3027 {
3028 "kind": "Reference",
3029 "text": "SVGCircleElement"
3030 },
3031 {
3032 "kind": "Content",
3033 "text": ", "
3034 },
3035 {
3036 "kind": "Reference",
3037 "text": "SVGMotionProps"
3038 },
3039 {
3040 "kind": "Content",
3041 "text": "<"
3042 },
3043 {
3044 "kind": "Reference",
3045 "text": "SVGCircleElement"
3046 },
3047 {
3048 "kind": "Content",
3049 "text": ">>;\n "
3050 },
3051 {
3052 "kind": "Reference",
3053 "text": "svg"
3054 },
3055 {
3056 "kind": "Content",
3057 "text": ": "
3058 },
3059 {
3060 "kind": "Reference",
3061 "text": "ForwardRefComponent"
3062 },
3063 {
3064 "kind": "Content",
3065 "text": "<"
3066 },
3067 {
3068 "kind": "Reference",
3069 "text": "SVGSVGElement"
3070 },
3071 {
3072 "kind": "Content",
3073 "text": ", "
3074 },
3075 {
3076 "kind": "Reference",
3077 "text": "SVGMotionProps"
3078 },
3079 {
3080 "kind": "Content",
3081 "text": "<"
3082 },
3083 {
3084 "kind": "Reference",
3085 "text": "SVGSVGElement"
3086 },
3087 {
3088 "kind": "Content",
3089 "text": ">>;\n "
3090 },
3091 {
3092 "kind": "Reference",
3093 "text": "animate"
3094 },
3095 {
3096 "kind": "Content",
3097 "text": ": "
3098 },
3099 {
3100 "kind": "Reference",
3101 "text": "ForwardRefComponent"
3102 },
3103 {
3104 "kind": "Content",
3105 "text": "<"
3106 },
3107 {
3108 "kind": "Reference",
3109 "text": "SVGElement"
3110 },
3111 {
3112 "kind": "Content",
3113 "text": ", "
3114 },
3115 {
3116 "kind": "Reference",
3117 "text": "SVGMotionProps"
3118 },
3119 {
3120 "kind": "Content",
3121 "text": "<"
3122 },
3123 {
3124 "kind": "Reference",
3125 "text": "SVGElement"
3126 },
3127 {
3128 "kind": "Content",
3129 "text": ">>;\n "
3130 },
3131 {
3132 "kind": "Reference",
3133 "text": "defs"
3134 },
3135 {
3136 "kind": "Content",
3137 "text": ": "
3138 },
3139 {
3140 "kind": "Reference",
3141 "text": "ForwardRefComponent"
3142 },
3143 {
3144 "kind": "Content",
3145 "text": "<"
3146 },
3147 {
3148 "kind": "Reference",
3149 "text": "SVGDefsElement"
3150 },
3151 {
3152 "kind": "Content",
3153 "text": ", "
3154 },
3155 {
3156 "kind": "Reference",
3157 "text": "SVGMotionProps"
3158 },
3159 {
3160 "kind": "Content",
3161 "text": "<"
3162 },
3163 {
3164 "kind": "Reference",
3165 "text": "SVGDefsElement"
3166 },
3167 {
3168 "kind": "Content",
3169 "text": ">>;\n "
3170 },
3171 {
3172 "kind": "Reference",
3173 "text": "desc"
3174 },
3175 {
3176 "kind": "Content",
3177 "text": ": "
3178 },
3179 {
3180 "kind": "Reference",
3181 "text": "ForwardRefComponent"
3182 },
3183 {
3184 "kind": "Content",
3185 "text": "<"
3186 },
3187 {
3188 "kind": "Reference",
3189 "text": "SVGDescElement"
3190 },
3191 {
3192 "kind": "Content",
3193 "text": ", "
3194 },
3195 {
3196 "kind": "Reference",
3197 "text": "SVGMotionProps"
3198 },
3199 {
3200 "kind": "Content",
3201 "text": "<"
3202 },
3203 {
3204 "kind": "Reference",
3205 "text": "SVGDescElement"
3206 },
3207 {
3208 "kind": "Content",
3209 "text": ">>;\n "
3210 },
3211 {
3212 "kind": "Reference",
3213 "text": "ellipse"
3214 },
3215 {
3216 "kind": "Content",
3217 "text": ": "
3218 },
3219 {
3220 "kind": "Reference",
3221 "text": "ForwardRefComponent"
3222 },
3223 {
3224 "kind": "Content",
3225 "text": "<"
3226 },
3227 {
3228 "kind": "Reference",
3229 "text": "SVGEllipseElement"
3230 },
3231 {
3232 "kind": "Content",
3233 "text": ", "
3234 },
3235 {
3236 "kind": "Reference",
3237 "text": "SVGMotionProps"
3238 },
3239 {
3240 "kind": "Content",
3241 "text": "<"
3242 },
3243 {
3244 "kind": "Reference",
3245 "text": "SVGEllipseElement"
3246 },
3247 {
3248 "kind": "Content",
3249 "text": ">>;\n "
3250 },
3251 {
3252 "kind": "Reference",
3253 "text": "feBlend"
3254 },
3255 {
3256 "kind": "Content",
3257 "text": ": "
3258 },
3259 {
3260 "kind": "Reference",
3261 "text": "ForwardRefComponent"
3262 },
3263 {
3264 "kind": "Content",
3265 "text": "<"
3266 },
3267 {
3268 "kind": "Reference",
3269 "text": "SVGFEBlendElement"
3270 },
3271 {
3272 "kind": "Content",
3273 "text": ", "
3274 },
3275 {
3276 "kind": "Reference",
3277 "text": "SVGMotionProps"
3278 },
3279 {
3280 "kind": "Content",
3281 "text": "<"
3282 },
3283 {
3284 "kind": "Reference",
3285 "text": "SVGFEBlendElement"
3286 },
3287 {
3288 "kind": "Content",
3289 "text": ">>;\n "
3290 },
3291 {
3292 "kind": "Reference",
3293 "text": "feColorMatrix"
3294 },
3295 {
3296 "kind": "Content",
3297 "text": ": "
3298 },
3299 {
3300 "kind": "Reference",
3301 "text": "ForwardRefComponent"
3302 },
3303 {
3304 "kind": "Content",
3305 "text": "<"
3306 },
3307 {
3308 "kind": "Reference",
3309 "text": "SVGFEColorMatrixElement"
3310 },
3311 {
3312 "kind": "Content",
3313 "text": ", "
3314 },
3315 {
3316 "kind": "Reference",
3317 "text": "SVGMotionProps"
3318 },
3319 {
3320 "kind": "Content",
3321 "text": "<"
3322 },
3323 {
3324 "kind": "Reference",
3325 "text": "SVGFEColorMatrixElement"
3326 },
3327 {
3328 "kind": "Content",
3329 "text": ">>;\n "
3330 },
3331 {
3332 "kind": "Reference",
3333 "text": "feComponentTransfer"
3334 },
3335 {
3336 "kind": "Content",
3337 "text": ": "
3338 },
3339 {
3340 "kind": "Reference",
3341 "text": "ForwardRefComponent"
3342 },
3343 {
3344 "kind": "Content",
3345 "text": "<"
3346 },
3347 {
3348 "kind": "Reference",
3349 "text": "SVGFEComponentTransferElement"
3350 },
3351 {
3352 "kind": "Content",
3353 "text": ", "
3354 },
3355 {
3356 "kind": "Reference",
3357 "text": "SVGMotionProps"
3358 },
3359 {
3360 "kind": "Content",
3361 "text": "<"
3362 },
3363 {
3364 "kind": "Reference",
3365 "text": "SVGFEComponentTransferElement"
3366 },
3367 {
3368 "kind": "Content",
3369 "text": ">>;\n "
3370 },
3371 {
3372 "kind": "Reference",
3373 "text": "feComposite"
3374 },
3375 {
3376 "kind": "Content",
3377 "text": ": "
3378 },
3379 {
3380 "kind": "Reference",
3381 "text": "ForwardRefComponent"
3382 },
3383 {
3384 "kind": "Content",
3385 "text": "<"
3386 },
3387 {
3388 "kind": "Reference",
3389 "text": "SVGFECompositeElement"
3390 },
3391 {
3392 "kind": "Content",
3393 "text": ", "
3394 },
3395 {
3396 "kind": "Reference",
3397 "text": "SVGMotionProps"
3398 },
3399 {
3400 "kind": "Content",
3401 "text": "<"
3402 },
3403 {
3404 "kind": "Reference",
3405 "text": "SVGFECompositeElement"
3406 },
3407 {
3408 "kind": "Content",
3409 "text": ">>;\n "
3410 },
3411 {
3412 "kind": "Reference",
3413 "text": "feConvolveMatrix"
3414 },
3415 {
3416 "kind": "Content",
3417 "text": ": "
3418 },
3419 {
3420 "kind": "Reference",
3421 "text": "ForwardRefComponent"
3422 },
3423 {
3424 "kind": "Content",
3425 "text": "<"
3426 },
3427 {
3428 "kind": "Reference",
3429 "text": "SVGFEConvolveMatrixElement"
3430 },
3431 {
3432 "kind": "Content",
3433 "text": ", "
3434 },
3435 {
3436 "kind": "Reference",
3437 "text": "SVGMotionProps"
3438 },
3439 {
3440 "kind": "Content",
3441 "text": "<"
3442 },
3443 {
3444 "kind": "Reference",
3445 "text": "SVGFEConvolveMatrixElement"
3446 },
3447 {
3448 "kind": "Content",
3449 "text": ">>;\n "
3450 },
3451 {
3452 "kind": "Reference",
3453 "text": "feDiffuseLighting"
3454 },
3455 {
3456 "kind": "Content",
3457 "text": ": "
3458 },
3459 {
3460 "kind": "Reference",
3461 "text": "ForwardRefComponent"
3462 },
3463 {
3464 "kind": "Content",
3465 "text": "<"
3466 },
3467 {
3468 "kind": "Reference",
3469 "text": "SVGFEDiffuseLightingElement"
3470 },
3471 {
3472 "kind": "Content",
3473 "text": ", "
3474 },
3475 {
3476 "kind": "Reference",
3477 "text": "SVGMotionProps"
3478 },
3479 {
3480 "kind": "Content",
3481 "text": "<"
3482 },
3483 {
3484 "kind": "Reference",
3485 "text": "SVGFEDiffuseLightingElement"
3486 },
3487 {
3488 "kind": "Content",
3489 "text": ">>;\n "
3490 },
3491 {
3492 "kind": "Reference",
3493 "text": "feDisplacementMap"
3494 },
3495 {
3496 "kind": "Content",
3497 "text": ": "
3498 },
3499 {
3500 "kind": "Reference",
3501 "text": "ForwardRefComponent"
3502 },
3503 {
3504 "kind": "Content",
3505 "text": "<"
3506 },
3507 {
3508 "kind": "Reference",
3509 "text": "SVGFEDisplacementMapElement"
3510 },
3511 {
3512 "kind": "Content",
3513 "text": ", "
3514 },
3515 {
3516 "kind": "Reference",
3517 "text": "SVGMotionProps"
3518 },
3519 {
3520 "kind": "Content",
3521 "text": "<"
3522 },
3523 {
3524 "kind": "Reference",
3525 "text": "SVGFEDisplacementMapElement"
3526 },
3527 {
3528 "kind": "Content",
3529 "text": ">>;\n "
3530 },
3531 {
3532 "kind": "Reference",
3533 "text": "feDistantLight"
3534 },
3535 {
3536 "kind": "Content",
3537 "text": ": "
3538 },
3539 {
3540 "kind": "Reference",
3541 "text": "ForwardRefComponent"
3542 },
3543 {
3544 "kind": "Content",
3545 "text": "<"
3546 },
3547 {
3548 "kind": "Reference",
3549 "text": "SVGFEDistantLightElement"
3550 },
3551 {
3552 "kind": "Content",
3553 "text": ", "
3554 },
3555 {
3556 "kind": "Reference",
3557 "text": "SVGMotionProps"
3558 },
3559 {
3560 "kind": "Content",
3561 "text": "<"
3562 },
3563 {
3564 "kind": "Reference",
3565 "text": "SVGFEDistantLightElement"
3566 },
3567 {
3568 "kind": "Content",
3569 "text": ">>;\n "
3570 },
3571 {
3572 "kind": "Reference",
3573 "text": "feDropShadow"
3574 },
3575 {
3576 "kind": "Content",
3577 "text": ": "
3578 },
3579 {
3580 "kind": "Reference",
3581 "text": "ForwardRefComponent"
3582 },
3583 {
3584 "kind": "Content",
3585 "text": "<"
3586 },
3587 {
3588 "kind": "Reference",
3589 "text": "SVGFEDropShadowElement"
3590 },
3591 {
3592 "kind": "Content",
3593 "text": ", "
3594 },
3595 {
3596 "kind": "Reference",
3597 "text": "SVGMotionProps"
3598 },
3599 {
3600 "kind": "Content",
3601 "text": "<"
3602 },
3603 {
3604 "kind": "Reference",
3605 "text": "SVGFEDropShadowElement"
3606 },
3607 {
3608 "kind": "Content",
3609 "text": ">>;\n "
3610 },
3611 {
3612 "kind": "Reference",
3613 "text": "feFlood"
3614 },
3615 {
3616 "kind": "Content",
3617 "text": ": "
3618 },
3619 {
3620 "kind": "Reference",
3621 "text": "ForwardRefComponent"
3622 },
3623 {
3624 "kind": "Content",
3625 "text": "<"
3626 },
3627 {
3628 "kind": "Reference",
3629 "text": "SVGFEFloodElement"
3630 },
3631 {
3632 "kind": "Content",
3633 "text": ", "
3634 },
3635 {
3636 "kind": "Reference",
3637 "text": "SVGMotionProps"
3638 },
3639 {
3640 "kind": "Content",
3641 "text": "<"
3642 },
3643 {
3644 "kind": "Reference",
3645 "text": "SVGFEFloodElement"
3646 },
3647 {
3648 "kind": "Content",
3649 "text": ">>;\n "
3650 },
3651 {
3652 "kind": "Reference",
3653 "text": "feFuncA"
3654 },
3655 {
3656 "kind": "Content",
3657 "text": ": "
3658 },
3659 {
3660 "kind": "Reference",
3661 "text": "ForwardRefComponent"
3662 },
3663 {
3664 "kind": "Content",
3665 "text": "<"
3666 },
3667 {
3668 "kind": "Reference",
3669 "text": "SVGFEFuncAElement"
3670 },
3671 {
3672 "kind": "Content",
3673 "text": ", "
3674 },
3675 {
3676 "kind": "Reference",
3677 "text": "SVGMotionProps"
3678 },
3679 {
3680 "kind": "Content",
3681 "text": "<"
3682 },
3683 {
3684 "kind": "Reference",
3685 "text": "SVGFEFuncAElement"
3686 },
3687 {
3688 "kind": "Content",
3689 "text": ">>;\n "
3690 },
3691 {
3692 "kind": "Reference",
3693 "text": "feFuncB"
3694 },
3695 {
3696 "kind": "Content",
3697 "text": ": "
3698 },
3699 {
3700 "kind": "Reference",
3701 "text": "ForwardRefComponent"
3702 },
3703 {
3704 "kind": "Content",
3705 "text": "<"
3706 },
3707 {
3708 "kind": "Reference",
3709 "text": "SVGFEFuncBElement"
3710 },
3711 {
3712 "kind": "Content",
3713 "text": ", "
3714 },
3715 {
3716 "kind": "Reference",
3717 "text": "SVGMotionProps"
3718 },
3719 {
3720 "kind": "Content",
3721 "text": "<"
3722 },
3723 {
3724 "kind": "Reference",
3725 "text": "SVGFEFuncBElement"
3726 },
3727 {
3728 "kind": "Content",
3729 "text": ">>;\n "
3730 },
3731 {
3732 "kind": "Reference",
3733 "text": "feFuncG"
3734 },
3735 {
3736 "kind": "Content",
3737 "text": ": "
3738 },
3739 {
3740 "kind": "Reference",
3741 "text": "ForwardRefComponent"
3742 },
3743 {
3744 "kind": "Content",
3745 "text": "<"
3746 },
3747 {
3748 "kind": "Reference",
3749 "text": "SVGFEFuncGElement"
3750 },
3751 {
3752 "kind": "Content",
3753 "text": ", "
3754 },
3755 {
3756 "kind": "Reference",
3757 "text": "SVGMotionProps"
3758 },
3759 {
3760 "kind": "Content",
3761 "text": "<"
3762 },
3763 {
3764 "kind": "Reference",
3765 "text": "SVGFEFuncGElement"
3766 },
3767 {
3768 "kind": "Content",
3769 "text": ">>;\n "
3770 },
3771 {
3772 "kind": "Reference",
3773 "text": "feFuncR"
3774 },
3775 {
3776 "kind": "Content",
3777 "text": ": "
3778 },
3779 {
3780 "kind": "Reference",
3781 "text": "ForwardRefComponent"
3782 },
3783 {
3784 "kind": "Content",
3785 "text": "<"
3786 },
3787 {
3788 "kind": "Reference",
3789 "text": "SVGFEFuncRElement"
3790 },
3791 {
3792 "kind": "Content",
3793 "text": ", "
3794 },
3795 {
3796 "kind": "Reference",
3797 "text": "SVGMotionProps"
3798 },
3799 {
3800 "kind": "Content",
3801 "text": "<"
3802 },
3803 {
3804 "kind": "Reference",
3805 "text": "SVGFEFuncRElement"
3806 },
3807 {
3808 "kind": "Content",
3809 "text": ">>;\n "
3810 },
3811 {
3812 "kind": "Reference",
3813 "text": "feGaussianBlur"
3814 },
3815 {
3816 "kind": "Content",
3817 "text": ": "
3818 },
3819 {
3820 "kind": "Reference",
3821 "text": "ForwardRefComponent"
3822 },
3823 {
3824 "kind": "Content",
3825 "text": "<"
3826 },
3827 {
3828 "kind": "Reference",
3829 "text": "SVGFEGaussianBlurElement"
3830 },
3831 {
3832 "kind": "Content",
3833 "text": ", "
3834 },
3835 {
3836 "kind": "Reference",
3837 "text": "SVGMotionProps"
3838 },
3839 {
3840 "kind": "Content",
3841 "text": "<"
3842 },
3843 {
3844 "kind": "Reference",
3845 "text": "SVGFEGaussianBlurElement"
3846 },
3847 {
3848 "kind": "Content",
3849 "text": ">>;\n "
3850 },
3851 {
3852 "kind": "Reference",
3853 "text": "feImage"
3854 },
3855 {
3856 "kind": "Content",
3857 "text": ": "
3858 },
3859 {
3860 "kind": "Reference",
3861 "text": "ForwardRefComponent"
3862 },
3863 {
3864 "kind": "Content",
3865 "text": "<"
3866 },
3867 {
3868 "kind": "Reference",
3869 "text": "SVGFEImageElement"
3870 },
3871 {
3872 "kind": "Content",
3873 "text": ", "
3874 },
3875 {
3876 "kind": "Reference",
3877 "text": "SVGMotionProps"
3878 },
3879 {
3880 "kind": "Content",
3881 "text": "<"
3882 },
3883 {
3884 "kind": "Reference",
3885 "text": "SVGFEImageElement"
3886 },
3887 {
3888 "kind": "Content",
3889 "text": ">>;\n "
3890 },
3891 {
3892 "kind": "Reference",
3893 "text": "feMerge"
3894 },
3895 {
3896 "kind": "Content",
3897 "text": ": "
3898 },
3899 {
3900 "kind": "Reference",
3901 "text": "ForwardRefComponent"
3902 },
3903 {
3904 "kind": "Content",
3905 "text": "<"
3906 },
3907 {
3908 "kind": "Reference",
3909 "text": "SVGFEMergeElement"
3910 },
3911 {
3912 "kind": "Content",
3913 "text": ", "
3914 },
3915 {
3916 "kind": "Reference",
3917 "text": "SVGMotionProps"
3918 },
3919 {
3920 "kind": "Content",
3921 "text": "<"
3922 },
3923 {
3924 "kind": "Reference",
3925 "text": "SVGFEMergeElement"
3926 },
3927 {
3928 "kind": "Content",
3929 "text": ">>;\n "
3930 },
3931 {
3932 "kind": "Reference",
3933 "text": "feMergeNode"
3934 },
3935 {
3936 "kind": "Content",
3937 "text": ": "
3938 },
3939 {
3940 "kind": "Reference",
3941 "text": "ForwardRefComponent"
3942 },
3943 {
3944 "kind": "Content",
3945 "text": "<"
3946 },
3947 {
3948 "kind": "Reference",
3949 "text": "SVGFEMergeNodeElement"
3950 },
3951 {
3952 "kind": "Content",
3953 "text": ", "
3954 },
3955 {
3956 "kind": "Reference",
3957 "text": "SVGMotionProps"
3958 },
3959 {
3960 "kind": "Content",
3961 "text": "<"
3962 },
3963 {
3964 "kind": "Reference",
3965 "text": "SVGFEMergeNodeElement"
3966 },
3967 {
3968 "kind": "Content",
3969 "text": ">>;\n "
3970 },
3971 {
3972 "kind": "Reference",
3973 "text": "feMorphology"
3974 },
3975 {
3976 "kind": "Content",
3977 "text": ": "
3978 },
3979 {
3980 "kind": "Reference",
3981 "text": "ForwardRefComponent"
3982 },
3983 {
3984 "kind": "Content",
3985 "text": "<"
3986 },
3987 {
3988 "kind": "Reference",
3989 "text": "SVGFEMorphologyElement"
3990 },
3991 {
3992 "kind": "Content",
3993 "text": ", "
3994 },
3995 {
3996 "kind": "Reference",
3997 "text": "SVGMotionProps"
3998 },
3999 {
4000 "kind": "Content",
4001 "text": "<"
4002 },
4003 {
4004 "kind": "Reference",
4005 "text": "SVGFEMorphologyElement"
4006 },
4007 {
4008 "kind": "Content",
4009 "text": ">>;\n "
4010 },
4011 {
4012 "kind": "Reference",
4013 "text": "feOffset"
4014 },
4015 {
4016 "kind": "Content",
4017 "text": ": "
4018 },
4019 {
4020 "kind": "Reference",
4021 "text": "ForwardRefComponent"
4022 },
4023 {
4024 "kind": "Content",
4025 "text": "<"
4026 },
4027 {
4028 "kind": "Reference",
4029 "text": "SVGFEOffsetElement"
4030 },
4031 {
4032 "kind": "Content",
4033 "text": ", "
4034 },
4035 {
4036 "kind": "Reference",
4037 "text": "SVGMotionProps"
4038 },
4039 {
4040 "kind": "Content",
4041 "text": "<"
4042 },
4043 {
4044 "kind": "Reference",
4045 "text": "SVGFEOffsetElement"
4046 },
4047 {
4048 "kind": "Content",
4049 "text": ">>;\n "
4050 },
4051 {
4052 "kind": "Reference",
4053 "text": "fePointLight"
4054 },
4055 {
4056 "kind": "Content",
4057 "text": ": "
4058 },
4059 {
4060 "kind": "Reference",
4061 "text": "ForwardRefComponent"
4062 },
4063 {
4064 "kind": "Content",
4065 "text": "<"
4066 },
4067 {
4068 "kind": "Reference",
4069 "text": "SVGFEPointLightElement"
4070 },
4071 {
4072 "kind": "Content",
4073 "text": ", "
4074 },
4075 {
4076 "kind": "Reference",
4077 "text": "SVGMotionProps"
4078 },
4079 {
4080 "kind": "Content",
4081 "text": "<"
4082 },
4083 {
4084 "kind": "Reference",
4085 "text": "SVGFEPointLightElement"
4086 },
4087 {
4088 "kind": "Content",
4089 "text": ">>;\n "
4090 },
4091 {
4092 "kind": "Reference",
4093 "text": "feSpecularLighting"
4094 },
4095 {
4096 "kind": "Content",
4097 "text": ": "
4098 },
4099 {
4100 "kind": "Reference",
4101 "text": "ForwardRefComponent"
4102 },
4103 {
4104 "kind": "Content",
4105 "text": "<"
4106 },
4107 {
4108 "kind": "Reference",
4109 "text": "SVGFESpecularLightingElement"
4110 },
4111 {
4112 "kind": "Content",
4113 "text": ", "
4114 },
4115 {
4116 "kind": "Reference",
4117 "text": "SVGMotionProps"
4118 },
4119 {
4120 "kind": "Content",
4121 "text": "<"
4122 },
4123 {
4124 "kind": "Reference",
4125 "text": "SVGFESpecularLightingElement"
4126 },
4127 {
4128 "kind": "Content",
4129 "text": ">>;\n "
4130 },
4131 {
4132 "kind": "Reference",
4133 "text": "feSpotLight"
4134 },
4135 {
4136 "kind": "Content",
4137 "text": ": "
4138 },
4139 {
4140 "kind": "Reference",
4141 "text": "ForwardRefComponent"
4142 },
4143 {
4144 "kind": "Content",
4145 "text": "<"
4146 },
4147 {
4148 "kind": "Reference",
4149 "text": "SVGFESpotLightElement"
4150 },
4151 {
4152 "kind": "Content",
4153 "text": ", "
4154 },
4155 {
4156 "kind": "Reference",
4157 "text": "SVGMotionProps"
4158 },
4159 {
4160 "kind": "Content",
4161 "text": "<"
4162 },
4163 {
4164 "kind": "Reference",
4165 "text": "SVGFESpotLightElement"
4166 },
4167 {
4168 "kind": "Content",
4169 "text": ">>;\n "
4170 },
4171 {
4172 "kind": "Reference",
4173 "text": "feTile"
4174 },
4175 {
4176 "kind": "Content",
4177 "text": ": "
4178 },
4179 {
4180 "kind": "Reference",
4181 "text": "ForwardRefComponent"
4182 },
4183 {
4184 "kind": "Content",
4185 "text": "<"
4186 },
4187 {
4188 "kind": "Reference",
4189 "text": "SVGFETileElement"
4190 },
4191 {
4192 "kind": "Content",
4193 "text": ", "
4194 },
4195 {
4196 "kind": "Reference",
4197 "text": "SVGMotionProps"
4198 },
4199 {
4200 "kind": "Content",
4201 "text": "<"
4202 },
4203 {
4204 "kind": "Reference",
4205 "text": "SVGFETileElement"
4206 },
4207 {
4208 "kind": "Content",
4209 "text": ">>;\n "
4210 },
4211 {
4212 "kind": "Reference",
4213 "text": "feTurbulence"
4214 },
4215 {
4216 "kind": "Content",
4217 "text": ": "
4218 },
4219 {
4220 "kind": "Reference",
4221 "text": "ForwardRefComponent"
4222 },
4223 {
4224 "kind": "Content",
4225 "text": "<"
4226 },
4227 {
4228 "kind": "Reference",
4229 "text": "SVGFETurbulenceElement"
4230 },
4231 {
4232 "kind": "Content",
4233 "text": ", "
4234 },
4235 {
4236 "kind": "Reference",
4237 "text": "SVGMotionProps"
4238 },
4239 {
4240 "kind": "Content",
4241 "text": "<"
4242 },
4243 {
4244 "kind": "Reference",
4245 "text": "SVGFETurbulenceElement"
4246 },
4247 {
4248 "kind": "Content",
4249 "text": ">>;\n "
4250 },
4251 {
4252 "kind": "Reference",
4253 "text": "foreignObject"
4254 },
4255 {
4256 "kind": "Content",
4257 "text": ": "
4258 },
4259 {
4260 "kind": "Reference",
4261 "text": "ForwardRefComponent"
4262 },
4263 {
4264 "kind": "Content",
4265 "text": "<"
4266 },
4267 {
4268 "kind": "Reference",
4269 "text": "SVGForeignObjectElement"
4270 },
4271 {
4272 "kind": "Content",
4273 "text": ", "
4274 },
4275 {
4276 "kind": "Reference",
4277 "text": "SVGMotionProps"
4278 },
4279 {
4280 "kind": "Content",
4281 "text": "<"
4282 },
4283 {
4284 "kind": "Reference",
4285 "text": "SVGForeignObjectElement"
4286 },
4287 {
4288 "kind": "Content",
4289 "text": ">>;\n "
4290 },
4291 {
4292 "kind": "Reference",
4293 "text": "g"
4294 },
4295 {
4296 "kind": "Content",
4297 "text": ": "
4298 },
4299 {
4300 "kind": "Reference",
4301 "text": "ForwardRefComponent"
4302 },
4303 {
4304 "kind": "Content",
4305 "text": "<"
4306 },
4307 {
4308 "kind": "Reference",
4309 "text": "SVGGElement"
4310 },
4311 {
4312 "kind": "Content",
4313 "text": ", "
4314 },
4315 {
4316 "kind": "Reference",
4317 "text": "SVGMotionProps"
4318 },
4319 {
4320 "kind": "Content",
4321 "text": "<"
4322 },
4323 {
4324 "kind": "Reference",
4325 "text": "SVGGElement"
4326 },
4327 {
4328 "kind": "Content",
4329 "text": ">>;\n "
4330 },
4331 {
4332 "kind": "Reference",
4333 "text": "line"
4334 },
4335 {
4336 "kind": "Content",
4337 "text": ": "
4338 },
4339 {
4340 "kind": "Reference",
4341 "text": "ForwardRefComponent"
4342 },
4343 {
4344 "kind": "Content",
4345 "text": "<"
4346 },
4347 {
4348 "kind": "Reference",
4349 "text": "SVGLineElement"
4350 },
4351 {
4352 "kind": "Content",
4353 "text": ", "
4354 },
4355 {
4356 "kind": "Reference",
4357 "text": "SVGMotionProps"
4358 },
4359 {
4360 "kind": "Content",
4361 "text": "<"
4362 },
4363 {
4364 "kind": "Reference",
4365 "text": "SVGLineElement"
4366 },
4367 {
4368 "kind": "Content",
4369 "text": ">>;\n "
4370 },
4371 {
4372 "kind": "Reference",
4373 "text": "linearGradient"
4374 },
4375 {
4376 "kind": "Content",
4377 "text": ": "
4378 },
4379 {
4380 "kind": "Reference",
4381 "text": "ForwardRefComponent"
4382 },
4383 {
4384 "kind": "Content",
4385 "text": "<"
4386 },
4387 {
4388 "kind": "Reference",
4389 "text": "SVGLinearGradientElement"
4390 },
4391 {
4392 "kind": "Content",
4393 "text": ", "
4394 },
4395 {
4396 "kind": "Reference",
4397 "text": "SVGMotionProps"
4398 },
4399 {
4400 "kind": "Content",
4401 "text": "<"
4402 },
4403 {
4404 "kind": "Reference",
4405 "text": "SVGLinearGradientElement"
4406 },
4407 {
4408 "kind": "Content",
4409 "text": ">>;\n "
4410 },
4411 {
4412 "kind": "Reference",
4413 "text": "metadata"
4414 },
4415 {
4416 "kind": "Content",
4417 "text": ": "
4418 },
4419 {
4420 "kind": "Reference",
4421 "text": "ForwardRefComponent"
4422 },
4423 {
4424 "kind": "Content",
4425 "text": "<"
4426 },
4427 {
4428 "kind": "Reference",
4429 "text": "SVGMetadataElement"
4430 },
4431 {
4432 "kind": "Content",
4433 "text": ", "
4434 },
4435 {
4436 "kind": "Reference",
4437 "text": "SVGMotionProps"
4438 },
4439 {
4440 "kind": "Content",
4441 "text": "<"
4442 },
4443 {
4444 "kind": "Reference",
4445 "text": "SVGMetadataElement"
4446 },
4447 {
4448 "kind": "Content",
4449 "text": ">>;\n "
4450 },
4451 {
4452 "kind": "Reference",
4453 "text": "path"
4454 },
4455 {
4456 "kind": "Content",
4457 "text": ": "
4458 },
4459 {
4460 "kind": "Reference",
4461 "text": "ForwardRefComponent"
4462 },
4463 {
4464 "kind": "Content",
4465 "text": "<"
4466 },
4467 {
4468 "kind": "Reference",
4469 "text": "SVGPathElement"
4470 },
4471 {
4472 "kind": "Content",
4473 "text": ", "
4474 },
4475 {
4476 "kind": "Reference",
4477 "text": "SVGMotionProps"
4478 },
4479 {
4480 "kind": "Content",
4481 "text": "<"
4482 },
4483 {
4484 "kind": "Reference",
4485 "text": "SVGPathElement"
4486 },
4487 {
4488 "kind": "Content",
4489 "text": ">>;\n "
4490 },
4491 {
4492 "kind": "Reference",
4493 "text": "pattern"
4494 },
4495 {
4496 "kind": "Content",
4497 "text": ": "
4498 },
4499 {
4500 "kind": "Reference",
4501 "text": "ForwardRefComponent"
4502 },
4503 {
4504 "kind": "Content",
4505 "text": "<"
4506 },
4507 {
4508 "kind": "Reference",
4509 "text": "SVGPatternElement"
4510 },
4511 {
4512 "kind": "Content",
4513 "text": ", "
4514 },
4515 {
4516 "kind": "Reference",
4517 "text": "SVGMotionProps"
4518 },
4519 {
4520 "kind": "Content",
4521 "text": "<"
4522 },
4523 {
4524 "kind": "Reference",
4525 "text": "SVGPatternElement"
4526 },
4527 {
4528 "kind": "Content",
4529 "text": ">>;\n "
4530 },
4531 {
4532 "kind": "Reference",
4533 "text": "polygon"
4534 },
4535 {
4536 "kind": "Content",
4537 "text": ": "
4538 },
4539 {
4540 "kind": "Reference",
4541 "text": "ForwardRefComponent"
4542 },
4543 {
4544 "kind": "Content",
4545 "text": "<"
4546 },
4547 {
4548 "kind": "Reference",
4549 "text": "SVGPolygonElement"
4550 },
4551 {
4552 "kind": "Content",
4553 "text": ", "
4554 },
4555 {
4556 "kind": "Reference",
4557 "text": "SVGMotionProps"
4558 },
4559 {
4560 "kind": "Content",
4561 "text": "<"
4562 },
4563 {
4564 "kind": "Reference",
4565 "text": "SVGPolygonElement"
4566 },
4567 {
4568 "kind": "Content",
4569 "text": ">>;\n "
4570 },
4571 {
4572 "kind": "Reference",
4573 "text": "polyline"
4574 },
4575 {
4576 "kind": "Content",
4577 "text": ": "
4578 },
4579 {
4580 "kind": "Reference",
4581 "text": "ForwardRefComponent"
4582 },
4583 {
4584 "kind": "Content",
4585 "text": "<"
4586 },
4587 {
4588 "kind": "Reference",
4589 "text": "SVGPolylineElement"
4590 },
4591 {
4592 "kind": "Content",
4593 "text": ", "
4594 },
4595 {
4596 "kind": "Reference",
4597 "text": "SVGMotionProps"
4598 },
4599 {
4600 "kind": "Content",
4601 "text": "<"
4602 },
4603 {
4604 "kind": "Reference",
4605 "text": "SVGPolylineElement"
4606 },
4607 {
4608 "kind": "Content",
4609 "text": ">>;\n "
4610 },
4611 {
4612 "kind": "Reference",
4613 "text": "radialGradient"
4614 },
4615 {
4616 "kind": "Content",
4617 "text": ": "
4618 },
4619 {
4620 "kind": "Reference",
4621 "text": "ForwardRefComponent"
4622 },
4623 {
4624 "kind": "Content",
4625 "text": "<"
4626 },
4627 {
4628 "kind": "Reference",
4629 "text": "SVGRadialGradientElement"
4630 },
4631 {
4632 "kind": "Content",
4633 "text": ", "
4634 },
4635 {
4636 "kind": "Reference",
4637 "text": "SVGMotionProps"
4638 },
4639 {
4640 "kind": "Content",
4641 "text": "<"
4642 },
4643 {
4644 "kind": "Reference",
4645 "text": "SVGRadialGradientElement"
4646 },
4647 {
4648 "kind": "Content",
4649 "text": ">>;\n "
4650 },
4651 {
4652 "kind": "Reference",
4653 "text": "rect"
4654 },
4655 {
4656 "kind": "Content",
4657 "text": ": "
4658 },
4659 {
4660 "kind": "Reference",
4661 "text": "ForwardRefComponent"
4662 },
4663 {
4664 "kind": "Content",
4665 "text": "<"
4666 },
4667 {
4668 "kind": "Reference",
4669 "text": "SVGRectElement"
4670 },
4671 {
4672 "kind": "Content",
4673 "text": ", "
4674 },
4675 {
4676 "kind": "Reference",
4677 "text": "SVGMotionProps"
4678 },
4679 {
4680 "kind": "Content",
4681 "text": "<"
4682 },
4683 {
4684 "kind": "Reference",
4685 "text": "SVGRectElement"
4686 },
4687 {
4688 "kind": "Content",
4689 "text": ">>;\n "
4690 },
4691 {
4692 "kind": "Reference",
4693 "text": "stop"
4694 },
4695 {
4696 "kind": "Content",
4697 "text": ": "
4698 },
4699 {
4700 "kind": "Reference",
4701 "text": "ForwardRefComponent"
4702 },
4703 {
4704 "kind": "Content",
4705 "text": "<"
4706 },
4707 {
4708 "kind": "Reference",
4709 "text": "SVGStopElement"
4710 },
4711 {
4712 "kind": "Content",
4713 "text": ", "
4714 },
4715 {
4716 "kind": "Reference",
4717 "text": "SVGMotionProps"
4718 },
4719 {
4720 "kind": "Content",
4721 "text": "<"
4722 },
4723 {
4724 "kind": "Reference",
4725 "text": "SVGStopElement"
4726 },
4727 {
4728 "kind": "Content",
4729 "text": ">>;\n "
4730 },
4731 {
4732 "kind": "Reference",
4733 "text": "switch"
4734 },
4735 {
4736 "kind": "Content",
4737 "text": ": "
4738 },
4739 {
4740 "kind": "Reference",
4741 "text": "ForwardRefComponent"
4742 },
4743 {
4744 "kind": "Content",
4745 "text": "<"
4746 },
4747 {
4748 "kind": "Reference",
4749 "text": "SVGSwitchElement"
4750 },
4751 {
4752 "kind": "Content",
4753 "text": ", "
4754 },
4755 {
4756 "kind": "Reference",
4757 "text": "SVGMotionProps"
4758 },
4759 {
4760 "kind": "Content",
4761 "text": "<"
4762 },
4763 {
4764 "kind": "Reference",
4765 "text": "SVGSwitchElement"
4766 },
4767 {
4768 "kind": "Content",
4769 "text": ">>;\n "
4770 },
4771 {
4772 "kind": "Reference",
4773 "text": "textPath"
4774 },
4775 {
4776 "kind": "Content",
4777 "text": ": "
4778 },
4779 {
4780 "kind": "Reference",
4781 "text": "ForwardRefComponent"
4782 },
4783 {
4784 "kind": "Content",
4785 "text": "<"
4786 },
4787 {
4788 "kind": "Reference",
4789 "text": "SVGTextPathElement"
4790 },
4791 {
4792 "kind": "Content",
4793 "text": ", "
4794 },
4795 {
4796 "kind": "Reference",
4797 "text": "SVGMotionProps"
4798 },
4799 {
4800 "kind": "Content",
4801 "text": "<"
4802 },
4803 {
4804 "kind": "Reference",
4805 "text": "SVGTextPathElement"
4806 },
4807 {
4808 "kind": "Content",
4809 "text": ">>;\n "
4810 },
4811 {
4812 "kind": "Reference",
4813 "text": "tspan"
4814 },
4815 {
4816 "kind": "Content",
4817 "text": ": "
4818 },
4819 {
4820 "kind": "Reference",
4821 "text": "ForwardRefComponent"
4822 },
4823 {
4824 "kind": "Content",
4825 "text": "<"
4826 },
4827 {
4828 "kind": "Reference",
4829 "text": "SVGTSpanElement"
4830 },
4831 {
4832 "kind": "Content",
4833 "text": ", "
4834 },
4835 {
4836 "kind": "Reference",
4837 "text": "SVGMotionProps"
4838 },
4839 {
4840 "kind": "Content",
4841 "text": "<"
4842 },
4843 {
4844 "kind": "Reference",
4845 "text": "SVGTSpanElement"
4846 },
4847 {
4848 "kind": "Content",
4849 "text": ">>;\n "
4850 },
4851 {
4852 "kind": "Reference",
4853 "text": "use"
4854 },
4855 {
4856 "kind": "Content",
4857 "text": ": "
4858 },
4859 {
4860 "kind": "Reference",
4861 "text": "ForwardRefComponent"
4862 },
4863 {
4864 "kind": "Content",
4865 "text": "<"
4866 },
4867 {
4868 "kind": "Reference",
4869 "text": "SVGUseElement"
4870 },
4871 {
4872 "kind": "Content",
4873 "text": ", "
4874 },
4875 {
4876 "kind": "Reference",
4877 "text": "SVGMotionProps"
4878 },
4879 {
4880 "kind": "Content",
4881 "text": "<"
4882 },
4883 {
4884 "kind": "Reference",
4885 "text": "SVGUseElement"
4886 },
4887 {
4888 "kind": "Content",
4889 "text": ">>;\n "
4890 },
4891 {
4892 "kind": "Reference",
4893 "text": "view"
4894 },
4895 {
4896 "kind": "Content",
4897 "text": ": "
4898 },
4899 {
4900 "kind": "Reference",
4901 "text": "ForwardRefComponent"
4902 },
4903 {
4904 "kind": "Content",
4905 "text": "<"
4906 },
4907 {
4908 "kind": "Reference",
4909 "text": "SVGViewElement"
4910 },
4911 {
4912 "kind": "Content",
4913 "text": ", "
4914 },
4915 {
4916 "kind": "Reference",
4917 "text": "SVGMotionProps"
4918 },
4919 {
4920 "kind": "Content",
4921 "text": "<"
4922 },
4923 {
4924 "kind": "Reference",
4925 "text": "SVGViewElement"
4926 },
4927 {
4928 "kind": "Content",
4929 "text": ">>;\n "
4930 },
4931 {
4932 "kind": "Reference",
4933 "text": "object"
4934 },
4935 {
4936 "kind": "Content",
4937 "text": ": "
4938 },
4939 {
4940 "kind": "Reference",
4941 "text": "ForwardRefComponent"
4942 },
4943 {
4944 "kind": "Content",
4945 "text": "<"
4946 },
4947 {
4948 "kind": "Reference",
4949 "text": "HTMLObjectElement"
4950 },
4951 {
4952 "kind": "Content",
4953 "text": ", "
4954 },
4955 {
4956 "kind": "Reference",
4957 "text": "HTMLMotionProps"
4958 },
4959 {
4960 "kind": "Content",
4961 "text": "<\"object\">>;\n "
4962 },
4963 {
4964 "kind": "Reference",
4965 "text": "style"
4966 },
4967 {
4968 "kind": "Content",
4969 "text": ": "
4970 },
4971 {
4972 "kind": "Reference",
4973 "text": "ForwardRefComponent"
4974 },
4975 {
4976 "kind": "Content",
4977 "text": "<"
4978 },
4979 {
4980 "kind": "Reference",
4981 "text": "HTMLStyleElement"
4982 },
4983 {
4984 "kind": "Content",
4985 "text": ", "
4986 },
4987 {
4988 "kind": "Reference",
4989 "text": "HTMLMotionProps"
4990 },
4991 {
4992 "kind": "Content",
4993 "text": "<\"style\">>;\n "
4994 },
4995 {
4996 "kind": "Reference",
4997 "text": "progress"
4998 },
4999 {
5000 "kind": "Content",
5001 "text": ": "
5002 },
5003 {
5004 "kind": "Reference",
5005 "text": "ForwardRefComponent"
5006 },
5007 {
5008 "kind": "Content",
5009 "text": "<"
5010 },
5011 {
5012 "kind": "Reference",
5013 "text": "HTMLProgressElement"
5014 },
5015 {
5016 "kind": "Content",
5017 "text": ", "
5018 },
5019 {
5020 "kind": "Reference",
5021 "text": "HTMLMotionProps"
5022 },
5023 {
5024 "kind": "Content",
5025 "text": "<\"progress\">>;\n "
5026 },
5027 {
5028 "kind": "Reference",
5029 "text": "ruby"
5030 },
5031 {
5032 "kind": "Content",
5033 "text": ": "
5034 },
5035 {
5036 "kind": "Reference",
5037 "text": "ForwardRefComponent"
5038 },
5039 {
5040 "kind": "Content",
5041 "text": "<"
5042 },
5043 {
5044 "kind": "Reference",
5045 "text": "HTMLElement"
5046 },
5047 {
5048 "kind": "Content",
5049 "text": ", "
5050 },
5051 {
5052 "kind": "Reference",
5053 "text": "HTMLMotionProps"
5054 },
5055 {
5056 "kind": "Content",
5057 "text": "<\"ruby\">>;\n "
5058 },
5059 {
5060 "kind": "Reference",
5061 "text": "table"
5062 },
5063 {
5064 "kind": "Content",
5065 "text": ": "
5066 },
5067 {
5068 "kind": "Reference",
5069 "text": "ForwardRefComponent"
5070 },
5071 {
5072 "kind": "Content",
5073 "text": "<"
5074 },
5075 {
5076 "kind": "Reference",
5077 "text": "HTMLTableElement"
5078 },
5079 {
5080 "kind": "Content",
5081 "text": ", "
5082 },
5083 {
5084 "kind": "Reference",
5085 "text": "HTMLMotionProps"
5086 },
5087 {
5088 "kind": "Content",
5089 "text": "<\"table\">>;\n "
5090 },
5091 {
5092 "kind": "Reference",
5093 "text": "small"
5094 },
5095 {
5096 "kind": "Content",
5097 "text": ": "
5098 },
5099 {
5100 "kind": "Reference",
5101 "text": "ForwardRefComponent"
5102 },
5103 {
5104 "kind": "Content",
5105 "text": "<"
5106 },
5107 {
5108 "kind": "Reference",
5109 "text": "HTMLElement"
5110 },
5111 {
5112 "kind": "Content",
5113 "text": ", "
5114 },
5115 {
5116 "kind": "Reference",
5117 "text": "HTMLMotionProps"
5118 },
5119 {
5120 "kind": "Content",
5121 "text": "<\"ruby\">>;\n "
5122 },
5123 {
5124 "kind": "Reference",
5125 "text": "sub"
5126 },
5127 {
5128 "kind": "Content",
5129 "text": ": "
5130 },
5131 {
5132 "kind": "Reference",
5133 "text": "ForwardRefComponent"
5134 },
5135 {
5136 "kind": "Content",
5137 "text": "<"
5138 },
5139 {
5140 "kind": "Reference",
5141 "text": "HTMLElement"
5142 },
5143 {
5144 "kind": "Content",
5145 "text": ", "
5146 },
5147 {
5148 "kind": "Reference",
5149 "text": "HTMLMotionProps"
5150 },
5151 {
5152 "kind": "Content",
5153 "text": "<\"ruby\">>;\n "
5154 },
5155 {
5156 "kind": "Reference",
5157 "text": "embed"
5158 },
5159 {
5160 "kind": "Content",
5161 "text": ": "
5162 },
5163 {
5164 "kind": "Reference",
5165 "text": "ForwardRefComponent"
5166 },
5167 {
5168 "kind": "Content",
5169 "text": "<"
5170 },
5171 {
5172 "kind": "Reference",
5173 "text": "HTMLEmbedElement"
5174 },
5175 {
5176 "kind": "Content",
5177 "text": ", "
5178 },
5179 {
5180 "kind": "Reference",
5181 "text": "HTMLMotionProps"
5182 },
5183 {
5184 "kind": "Content",
5185 "text": "<\"embed\">>;\n "
5186 },
5187 {
5188 "kind": "Reference",
5189 "text": "pre"
5190 },
5191 {
5192 "kind": "Content",
5193 "text": ": "
5194 },
5195 {
5196 "kind": "Reference",
5197 "text": "ForwardRefComponent"
5198 },
5199 {
5200 "kind": "Content",
5201 "text": "<"
5202 },
5203 {
5204 "kind": "Reference",
5205 "text": "HTMLPreElement"
5206 },
5207 {
5208 "kind": "Content",
5209 "text": ", "
5210 },
5211 {
5212 "kind": "Reference",
5213 "text": "HTMLMotionProps"
5214 },
5215 {
5216 "kind": "Content",
5217 "text": "<\"pre\">>;\n "
5218 },
5219 {
5220 "kind": "Reference",
5221 "text": "caption"
5222 },
5223 {
5224 "kind": "Content",
5225 "text": ": "
5226 },
5227 {
5228 "kind": "Reference",
5229 "text": "ForwardRefComponent"
5230 },
5231 {
5232 "kind": "Content",
5233 "text": "<"
5234 },
5235 {
5236 "kind": "Reference",
5237 "text": "HTMLElement"
5238 },
5239 {
5240 "kind": "Content",
5241 "text": ", "
5242 },
5243 {
5244 "kind": "Reference",
5245 "text": "HTMLMotionProps"
5246 },
5247 {
5248 "kind": "Content",
5249 "text": "<\"ruby\">>;\n "
5250 },
5251 {
5252 "kind": "Reference",
5253 "text": "menu"
5254 },
5255 {
5256 "kind": "Content",
5257 "text": ": "
5258 },
5259 {
5260 "kind": "Reference",
5261 "text": "ForwardRefComponent"
5262 },
5263 {
5264 "kind": "Content",
5265 "text": "<"
5266 },
5267 {
5268 "kind": "Reference",
5269 "text": "HTMLElement"
5270 },
5271 {
5272 "kind": "Content",
5273 "text": ", "
5274 },
5275 {
5276 "kind": "Reference",
5277 "text": "HTMLMotionProps"
5278 },
5279 {
5280 "kind": "Content",
5281 "text": "<\"menu\">>;\n "
5282 },
5283 {
5284 "kind": "Reference",
5285 "text": "button"
5286 },
5287 {
5288 "kind": "Content",
5289 "text": ": "
5290 },
5291 {
5292 "kind": "Reference",
5293 "text": "ForwardRefComponent"
5294 },
5295 {
5296 "kind": "Content",
5297 "text": "<"
5298 },
5299 {
5300 "kind": "Reference",
5301 "text": "HTMLButtonElement"
5302 },
5303 {
5304 "kind": "Content",
5305 "text": ", "
5306 },
5307 {
5308 "kind": "Reference",
5309 "text": "HTMLMotionProps"
5310 },
5311 {
5312 "kind": "Content",
5313 "text": "<\"button\">>;\n "
5314 },
5315 {
5316 "kind": "Reference",
5317 "text": "menuitem"
5318 },
5319 {
5320 "kind": "Content",
5321 "text": ": "
5322 },
5323 {
5324 "kind": "Reference",
5325 "text": "ForwardRefComponent"
5326 },
5327 {
5328 "kind": "Content",
5329 "text": "<"
5330 },
5331 {
5332 "kind": "Reference",
5333 "text": "HTMLElement"
5334 },
5335 {
5336 "kind": "Content",
5337 "text": ", "
5338 },
5339 {
5340 "kind": "Reference",
5341 "text": "HTMLMotionProps"
5342 },
5343 {
5344 "kind": "Content",
5345 "text": "<\"ruby\">>;\n "
5346 },
5347 {
5348 "kind": "Reference",
5349 "text": "meter"
5350 },
5351 {
5352 "kind": "Content",
5353 "text": ": "
5354 },
5355 {
5356 "kind": "Reference",
5357 "text": "ForwardRefComponent"
5358 },
5359 {
5360 "kind": "Content",
5361 "text": "<"
5362 },
5363 {
5364 "kind": "Reference",
5365 "text": "HTMLElement"
5366 },
5367 {
5368 "kind": "Content",
5369 "text": ", "
5370 },
5371 {
5372 "kind": "Reference",
5373 "text": "HTMLMotionProps"
5374 },
5375 {
5376 "kind": "Content",
5377 "text": "<\"meter\">>;\n "
5378 },
5379 {
5380 "kind": "Reference",
5381 "text": "textarea"
5382 },
5383 {
5384 "kind": "Content",
5385 "text": ": "
5386 },
5387 {
5388 "kind": "Reference",
5389 "text": "ForwardRefComponent"
5390 },
5391 {
5392 "kind": "Content",
5393 "text": "<"
5394 },
5395 {
5396 "kind": "Reference",
5397 "text": "HTMLTextAreaElement"
5398 },
5399 {
5400 "kind": "Content",
5401 "text": ", "
5402 },
5403 {
5404 "kind": "Reference",
5405 "text": "HTMLMotionProps"
5406 },
5407 {
5408 "kind": "Content",
5409 "text": "<\"textarea\">>;\n "
5410 },
5411 {
5412 "kind": "Reference",
5413 "text": "time"
5414 },
5415 {
5416 "kind": "Content",
5417 "text": ": "
5418 },
5419 {
5420 "kind": "Reference",
5421 "text": "ForwardRefComponent"
5422 },
5423 {
5424 "kind": "Content",
5425 "text": "<"
5426 },
5427 {
5428 "kind": "Reference",
5429 "text": "HTMLElement"
5430 },
5431 {
5432 "kind": "Content",
5433 "text": ", "
5434 },
5435 {
5436 "kind": "Reference",
5437 "text": "HTMLMotionProps"
5438 },
5439 {
5440 "kind": "Content",
5441 "text": "<\"time\">>;\n "
5442 },
5443 {
5444 "kind": "Reference",
5445 "text": "link"
5446 },
5447 {
5448 "kind": "Content",
5449 "text": ": "
5450 },
5451 {
5452 "kind": "Reference",
5453 "text": "ForwardRefComponent"
5454 },
5455 {
5456 "kind": "Content",
5457 "text": "<"
5458 },
5459 {
5460 "kind": "Reference",
5461 "text": "HTMLLinkElement"
5462 },
5463 {
5464 "kind": "Content",
5465 "text": ", "
5466 },
5467 {
5468 "kind": "Reference",
5469 "text": "HTMLMotionProps"
5470 },
5471 {
5472 "kind": "Content",
5473 "text": "<\"link\">>;\n "
5474 },
5475 {
5476 "kind": "Reference",
5477 "text": "dialog"
5478 },
5479 {
5480 "kind": "Content",
5481 "text": ": "
5482 },
5483 {
5484 "kind": "Reference",
5485 "text": "ForwardRefComponent"
5486 },
5487 {
5488 "kind": "Content",
5489 "text": "<"
5490 },
5491 {
5492 "kind": "Reference",
5493 "text": "HTMLDialogElement"
5494 },
5495 {
5496 "kind": "Content",
5497 "text": ", "
5498 },
5499 {
5500 "kind": "Reference",
5501 "text": "HTMLMotionProps"
5502 },
5503 {
5504 "kind": "Content",
5505 "text": "<\"dialog\">>;\n "
5506 },
5507 {
5508 "kind": "Reference",
5509 "text": "a"
5510 },
5511 {
5512 "kind": "Content",
5513 "text": ": "
5514 },
5515 {
5516 "kind": "Reference",
5517 "text": "ForwardRefComponent"
5518 },
5519 {
5520 "kind": "Content",
5521 "text": "<"
5522 },
5523 {
5524 "kind": "Reference",
5525 "text": "HTMLAnchorElement"
5526 },
5527 {
5528 "kind": "Content",
5529 "text": ", "
5530 },
5531 {
5532 "kind": "Reference",
5533 "text": "HTMLMotionProps"
5534 },
5535 {
5536 "kind": "Content",
5537 "text": "<\"a\">>;\n "
5538 },
5539 {
5540 "kind": "Reference",
5541 "text": "abbr"
5542 },
5543 {
5544 "kind": "Content",
5545 "text": ": "
5546 },
5547 {
5548 "kind": "Reference",
5549 "text": "ForwardRefComponent"
5550 },
5551 {
5552 "kind": "Content",
5553 "text": "<"
5554 },
5555 {
5556 "kind": "Reference",
5557 "text": "HTMLElement"
5558 },
5559 {
5560 "kind": "Content",
5561 "text": ", "
5562 },
5563 {
5564 "kind": "Reference",
5565 "text": "HTMLMotionProps"
5566 },
5567 {
5568 "kind": "Content",
5569 "text": "<\"ruby\">>;\n "
5570 },
5571 {
5572 "kind": "Reference",
5573 "text": "address"
5574 },
5575 {
5576 "kind": "Content",
5577 "text": ": "
5578 },
5579 {
5580 "kind": "Reference",
5581 "text": "ForwardRefComponent"
5582 },
5583 {
5584 "kind": "Content",
5585 "text": "<"
5586 },
5587 {
5588 "kind": "Reference",
5589 "text": "HTMLElement"
5590 },
5591 {
5592 "kind": "Content",
5593 "text": ", "
5594 },
5595 {
5596 "kind": "Reference",
5597 "text": "HTMLMotionProps"
5598 },
5599 {
5600 "kind": "Content",
5601 "text": "<\"ruby\">>;\n "
5602 },
5603 {
5604 "kind": "Reference",
5605 "text": "area"
5606 },
5607 {
5608 "kind": "Content",
5609 "text": ": "
5610 },
5611 {
5612 "kind": "Reference",
5613 "text": "ForwardRefComponent"
5614 },
5615 {
5616 "kind": "Content",
5617 "text": "<"
5618 },
5619 {
5620 "kind": "Reference",
5621 "text": "HTMLAreaElement"
5622 },
5623 {
5624 "kind": "Content",
5625 "text": ", "
5626 },
5627 {
5628 "kind": "Reference",
5629 "text": "HTMLMotionProps"
5630 },
5631 {
5632 "kind": "Content",
5633 "text": "<\"area\">>;\n "
5634 },
5635 {
5636 "kind": "Reference",
5637 "text": "article"
5638 },
5639 {
5640 "kind": "Content",
5641 "text": ": "
5642 },
5643 {
5644 "kind": "Reference",
5645 "text": "ForwardRefComponent"
5646 },
5647 {
5648 "kind": "Content",
5649 "text": "<"
5650 },
5651 {
5652 "kind": "Reference",
5653 "text": "HTMLElement"
5654 },
5655 {
5656 "kind": "Content",
5657 "text": ", "
5658 },
5659 {
5660 "kind": "Reference",
5661 "text": "HTMLMotionProps"
5662 },
5663 {
5664 "kind": "Content",
5665 "text": "<\"ruby\">>;\n "
5666 },
5667 {
5668 "kind": "Reference",
5669 "text": "aside"
5670 },
5671 {
5672 "kind": "Content",
5673 "text": ": "
5674 },
5675 {
5676 "kind": "Reference",
5677 "text": "ForwardRefComponent"
5678 },
5679 {
5680 "kind": "Content",
5681 "text": "<"
5682 },
5683 {
5684 "kind": "Reference",
5685 "text": "HTMLElement"
5686 },
5687 {
5688 "kind": "Content",
5689 "text": ", "
5690 },
5691 {
5692 "kind": "Reference",
5693 "text": "HTMLMotionProps"
5694 },
5695 {
5696 "kind": "Content",
5697 "text": "<\"ruby\">>;\n "
5698 },
5699 {
5700 "kind": "Reference",
5701 "text": "audio"
5702 },
5703 {
5704 "kind": "Content",
5705 "text": ": "
5706 },
5707 {
5708 "kind": "Reference",
5709 "text": "ForwardRefComponent"
5710 },
5711 {
5712 "kind": "Content",
5713 "text": "<"
5714 },
5715 {
5716 "kind": "Reference",
5717 "text": "HTMLAudioElement"
5718 },
5719 {
5720 "kind": "Content",
5721 "text": ", "
5722 },
5723 {
5724 "kind": "Reference",
5725 "text": "HTMLMotionProps"
5726 },
5727 {
5728 "kind": "Content",
5729 "text": "<\"audio\">>;\n "
5730 },
5731 {
5732 "kind": "Reference",
5733 "text": "b"
5734 },
5735 {
5736 "kind": "Content",
5737 "text": ": "
5738 },
5739 {
5740 "kind": "Reference",
5741 "text": "ForwardRefComponent"
5742 },
5743 {
5744 "kind": "Content",
5745 "text": "<"
5746 },
5747 {
5748 "kind": "Reference",
5749 "text": "HTMLElement"
5750 },
5751 {
5752 "kind": "Content",
5753 "text": ", "
5754 },
5755 {
5756 "kind": "Reference",
5757 "text": "HTMLMotionProps"
5758 },
5759 {
5760 "kind": "Content",
5761 "text": "<\"ruby\">>;\n "
5762 },
5763 {
5764 "kind": "Reference",
5765 "text": "base"
5766 },
5767 {
5768 "kind": "Content",
5769 "text": ": "
5770 },
5771 {
5772 "kind": "Reference",
5773 "text": "ForwardRefComponent"
5774 },
5775 {
5776 "kind": "Content",
5777 "text": "<"
5778 },
5779 {
5780 "kind": "Reference",
5781 "text": "HTMLBaseElement"
5782 },
5783 {
5784 "kind": "Content",
5785 "text": ", "
5786 },
5787 {
5788 "kind": "Reference",
5789 "text": "HTMLMotionProps"
5790 },
5791 {
5792 "kind": "Content",
5793 "text": "<\"base\">>;\n "
5794 },
5795 {
5796 "kind": "Reference",
5797 "text": "bdi"
5798 },
5799 {
5800 "kind": "Content",
5801 "text": ": "
5802 },
5803 {
5804 "kind": "Reference",
5805 "text": "ForwardRefComponent"
5806 },
5807 {
5808 "kind": "Content",
5809 "text": "<"
5810 },
5811 {
5812 "kind": "Reference",
5813 "text": "HTMLElement"
5814 },
5815 {
5816 "kind": "Content",
5817 "text": ", "
5818 },
5819 {
5820 "kind": "Reference",
5821 "text": "HTMLMotionProps"
5822 },
5823 {
5824 "kind": "Content",
5825 "text": "<\"ruby\">>;\n "
5826 },
5827 {
5828 "kind": "Reference",
5829 "text": "bdo"
5830 },
5831 {
5832 "kind": "Content",
5833 "text": ": "
5834 },
5835 {
5836 "kind": "Reference",
5837 "text": "ForwardRefComponent"
5838 },
5839 {
5840 "kind": "Content",
5841 "text": "<"
5842 },
5843 {
5844 "kind": "Reference",
5845 "text": "HTMLElement"
5846 },
5847 {
5848 "kind": "Content",
5849 "text": ", "
5850 },
5851 {
5852 "kind": "Reference",
5853 "text": "HTMLMotionProps"
5854 },
5855 {
5856 "kind": "Content",
5857 "text": "<\"ruby\">>;\n "
5858 },
5859 {
5860 "kind": "Reference",
5861 "text": "big"
5862 },
5863 {
5864 "kind": "Content",
5865 "text": ": "
5866 },
5867 {
5868 "kind": "Reference",
5869 "text": "ForwardRefComponent"
5870 },
5871 {
5872 "kind": "Content",
5873 "text": "<"
5874 },
5875 {
5876 "kind": "Reference",
5877 "text": "HTMLElement"
5878 },
5879 {
5880 "kind": "Content",
5881 "text": ", "
5882 },
5883 {
5884 "kind": "Reference",
5885 "text": "HTMLMotionProps"
5886 },
5887 {
5888 "kind": "Content",
5889 "text": "<\"ruby\">>;\n "
5890 },
5891 {
5892 "kind": "Reference",
5893 "text": "blockquote"
5894 },
5895 {
5896 "kind": "Content",
5897 "text": ": "
5898 },
5899 {
5900 "kind": "Reference",
5901 "text": "ForwardRefComponent"
5902 },
5903 {
5904 "kind": "Content",
5905 "text": "<"
5906 },
5907 {
5908 "kind": "Reference",
5909 "text": "HTMLElement"
5910 },
5911 {
5912 "kind": "Content",
5913 "text": ", "
5914 },
5915 {
5916 "kind": "Reference",
5917 "text": "HTMLMotionProps"
5918 },
5919 {
5920 "kind": "Content",
5921 "text": "<\"blockquote\">>;\n "
5922 },
5923 {
5924 "kind": "Reference",
5925 "text": "body"
5926 },
5927 {
5928 "kind": "Content",
5929 "text": ": "
5930 },
5931 {
5932 "kind": "Reference",
5933 "text": "ForwardRefComponent"
5934 },
5935 {
5936 "kind": "Content",
5937 "text": "<"
5938 },
5939 {
5940 "kind": "Reference",
5941 "text": "HTMLBodyElement"
5942 },
5943 {
5944 "kind": "Content",
5945 "text": ", "
5946 },
5947 {
5948 "kind": "Reference",
5949 "text": "HTMLMotionProps"
5950 },
5951 {
5952 "kind": "Content",
5953 "text": "<\"body\">>;\n "
5954 },
5955 {
5956 "kind": "Reference",
5957 "text": "br"
5958 },
5959 {
5960 "kind": "Content",
5961 "text": ": "
5962 },
5963 {
5964 "kind": "Reference",
5965 "text": "ForwardRefComponent"
5966 },
5967 {
5968 "kind": "Content",
5969 "text": "<"
5970 },
5971 {
5972 "kind": "Reference",
5973 "text": "HTMLBRElement"
5974 },
5975 {
5976 "kind": "Content",
5977 "text": ", "
5978 },
5979 {
5980 "kind": "Reference",
5981 "text": "HTMLMotionProps"
5982 },
5983 {
5984 "kind": "Content",
5985 "text": "<\"br\">>;\n "
5986 },
5987 {
5988 "kind": "Reference",
5989 "text": "canvas"
5990 },
5991 {
5992 "kind": "Content",
5993 "text": ": "
5994 },
5995 {
5996 "kind": "Reference",
5997 "text": "ForwardRefComponent"
5998 },
5999 {
6000 "kind": "Content",
6001 "text": "<"
6002 },
6003 {
6004 "kind": "Reference",
6005 "text": "HTMLCanvasElement"
6006 },
6007 {
6008 "kind": "Content",
6009 "text": ", "
6010 },
6011 {
6012 "kind": "Reference",
6013 "text": "HTMLMotionProps"
6014 },
6015 {
6016 "kind": "Content",
6017 "text": "<\"canvas\">>;\n "
6018 },
6019 {
6020 "kind": "Reference",
6021 "text": "cite"
6022 },
6023 {
6024 "kind": "Content",
6025 "text": ": "
6026 },
6027 {
6028 "kind": "Reference",
6029 "text": "ForwardRefComponent"
6030 },
6031 {
6032 "kind": "Content",
6033 "text": "<"
6034 },
6035 {
6036 "kind": "Reference",
6037 "text": "HTMLElement"
6038 },
6039 {
6040 "kind": "Content",
6041 "text": ", "
6042 },
6043 {
6044 "kind": "Reference",
6045 "text": "HTMLMotionProps"
6046 },
6047 {
6048 "kind": "Content",
6049 "text": "<\"ruby\">>;\n "
6050 },
6051 {
6052 "kind": "Reference",
6053 "text": "code"
6054 },
6055 {
6056 "kind": "Content",
6057 "text": ": "
6058 },
6059 {
6060 "kind": "Reference",
6061 "text": "ForwardRefComponent"
6062 },
6063 {
6064 "kind": "Content",
6065 "text": "<"
6066 },
6067 {
6068 "kind": "Reference",
6069 "text": "HTMLElement"
6070 },
6071 {
6072 "kind": "Content",
6073 "text": ", "
6074 },
6075 {
6076 "kind": "Reference",
6077 "text": "HTMLMotionProps"
6078 },
6079 {
6080 "kind": "Content",
6081 "text": "<\"ruby\">>;\n "
6082 },
6083 {
6084 "kind": "Reference",
6085 "text": "col"
6086 },
6087 {
6088 "kind": "Content",
6089 "text": ": "
6090 },
6091 {
6092 "kind": "Reference",
6093 "text": "ForwardRefComponent"
6094 },
6095 {
6096 "kind": "Content",
6097 "text": "<"
6098 },
6099 {
6100 "kind": "Reference",
6101 "text": "HTMLTableColElement"
6102 },
6103 {
6104 "kind": "Content",
6105 "text": ", "
6106 },
6107 {
6108 "kind": "Reference",
6109 "text": "HTMLMotionProps"
6110 },
6111 {
6112 "kind": "Content",
6113 "text": "<\"col\">>;\n "
6114 },
6115 {
6116 "kind": "Reference",
6117 "text": "colgroup"
6118 },
6119 {
6120 "kind": "Content",
6121 "text": ": "
6122 },
6123 {
6124 "kind": "Reference",
6125 "text": "ForwardRefComponent"
6126 },
6127 {
6128 "kind": "Content",
6129 "text": "<"
6130 },
6131 {
6132 "kind": "Reference",
6133 "text": "HTMLTableColElement"
6134 },
6135 {
6136 "kind": "Content",
6137 "text": ", "
6138 },
6139 {
6140 "kind": "Reference",
6141 "text": "HTMLMotionProps"
6142 },
6143 {
6144 "kind": "Content",
6145 "text": "<\"colgroup\">>;\n "
6146 },
6147 {
6148 "kind": "Reference",
6149 "text": "data"
6150 },
6151 {
6152 "kind": "Content",
6153 "text": ": "
6154 },
6155 {
6156 "kind": "Reference",
6157 "text": "ForwardRefComponent"
6158 },
6159 {
6160 "kind": "Content",
6161 "text": "<"
6162 },
6163 {
6164 "kind": "Reference",
6165 "text": "HTMLDataElement"
6166 },
6167 {
6168 "kind": "Content",
6169 "text": ", "
6170 },
6171 {
6172 "kind": "Reference",
6173 "text": "HTMLMotionProps"
6174 },
6175 {
6176 "kind": "Content",
6177 "text": "<\"data\">>;\n "
6178 },
6179 {
6180 "kind": "Reference",
6181 "text": "datalist"
6182 },
6183 {
6184 "kind": "Content",
6185 "text": ": "
6186 },
6187 {
6188 "kind": "Reference",
6189 "text": "ForwardRefComponent"
6190 },
6191 {
6192 "kind": "Content",
6193 "text": "<"
6194 },
6195 {
6196 "kind": "Reference",
6197 "text": "HTMLDataListElement"
6198 },
6199 {
6200 "kind": "Content",
6201 "text": ", "
6202 },
6203 {
6204 "kind": "Reference",
6205 "text": "HTMLMotionProps"
6206 },
6207 {
6208 "kind": "Content",
6209 "text": "<\"datalist\">>;\n "
6210 },
6211 {
6212 "kind": "Reference",
6213 "text": "dd"
6214 },
6215 {
6216 "kind": "Content",
6217 "text": ": "
6218 },
6219 {
6220 "kind": "Reference",
6221 "text": "ForwardRefComponent"
6222 },
6223 {
6224 "kind": "Content",
6225 "text": "<"
6226 },
6227 {
6228 "kind": "Reference",
6229 "text": "HTMLElement"
6230 },
6231 {
6232 "kind": "Content",
6233 "text": ", "
6234 },
6235 {
6236 "kind": "Reference",
6237 "text": "HTMLMotionProps"
6238 },
6239 {
6240 "kind": "Content",
6241 "text": "<\"ruby\">>;\n "
6242 },
6243 {
6244 "kind": "Reference",
6245 "text": "del"
6246 },
6247 {
6248 "kind": "Content",
6249 "text": ": "
6250 },
6251 {
6252 "kind": "Reference",
6253 "text": "ForwardRefComponent"
6254 },
6255 {
6256 "kind": "Content",
6257 "text": "<"
6258 },
6259 {
6260 "kind": "Reference",
6261 "text": "HTMLElement"
6262 },
6263 {
6264 "kind": "Content",
6265 "text": ", "
6266 },
6267 {
6268 "kind": "Reference",
6269 "text": "HTMLMotionProps"
6270 },
6271 {
6272 "kind": "Content",
6273 "text": "<\"del\">>;\n "
6274 },
6275 {
6276 "kind": "Reference",
6277 "text": "details"
6278 },
6279 {
6280 "kind": "Content",
6281 "text": ": "
6282 },
6283 {
6284 "kind": "Reference",
6285 "text": "ForwardRefComponent"
6286 },
6287 {
6288 "kind": "Content",
6289 "text": "<"
6290 },
6291 {
6292 "kind": "Reference",
6293 "text": "HTMLElement"
6294 },
6295 {
6296 "kind": "Content",
6297 "text": ", "
6298 },
6299 {
6300 "kind": "Reference",
6301 "text": "HTMLMotionProps"
6302 },
6303 {
6304 "kind": "Content",
6305 "text": "<\"details\">>;\n "
6306 },
6307 {
6308 "kind": "Reference",
6309 "text": "dfn"
6310 },
6311 {
6312 "kind": "Content",
6313 "text": ": "
6314 },
6315 {
6316 "kind": "Reference",
6317 "text": "ForwardRefComponent"
6318 },
6319 {
6320 "kind": "Content",
6321 "text": "<"
6322 },
6323 {
6324 "kind": "Reference",
6325 "text": "HTMLElement"
6326 },
6327 {
6328 "kind": "Content",
6329 "text": ", "
6330 },
6331 {
6332 "kind": "Reference",
6333 "text": "HTMLMotionProps"
6334 },
6335 {
6336 "kind": "Content",
6337 "text": "<\"ruby\">>;\n "
6338 },
6339 {
6340 "kind": "Reference",
6341 "text": "div"
6342 },
6343 {
6344 "kind": "Content",
6345 "text": ": "
6346 },
6347 {
6348 "kind": "Reference",
6349 "text": "ForwardRefComponent"
6350 },
6351 {
6352 "kind": "Content",
6353 "text": "<"
6354 },
6355 {
6356 "kind": "Reference",
6357 "text": "HTMLDivElement"
6358 },
6359 {
6360 "kind": "Content",
6361 "text": ", "
6362 },
6363 {
6364 "kind": "Reference",
6365 "text": "HTMLMotionProps"
6366 },
6367 {
6368 "kind": "Content",
6369 "text": "<\"div\">>;\n "
6370 },
6371 {
6372 "kind": "Reference",
6373 "text": "dl"
6374 },
6375 {
6376 "kind": "Content",
6377 "text": ": "
6378 },
6379 {
6380 "kind": "Reference",
6381 "text": "ForwardRefComponent"
6382 },
6383 {
6384 "kind": "Content",
6385 "text": "<"
6386 },
6387 {
6388 "kind": "Reference",
6389 "text": "HTMLDListElement"
6390 },
6391 {
6392 "kind": "Content",
6393 "text": ", "
6394 },
6395 {
6396 "kind": "Reference",
6397 "text": "HTMLMotionProps"
6398 },
6399 {
6400 "kind": "Content",
6401 "text": "<\"dl\">>;\n "
6402 },
6403 {
6404 "kind": "Reference",
6405 "text": "dt"
6406 },
6407 {
6408 "kind": "Content",
6409 "text": ": "
6410 },
6411 {
6412 "kind": "Reference",
6413 "text": "ForwardRefComponent"
6414 },
6415 {
6416 "kind": "Content",
6417 "text": "<"
6418 },
6419 {
6420 "kind": "Reference",
6421 "text": "HTMLElement"
6422 },
6423 {
6424 "kind": "Content",
6425 "text": ", "
6426 },
6427 {
6428 "kind": "Reference",
6429 "text": "HTMLMotionProps"
6430 },
6431 {
6432 "kind": "Content",
6433 "text": "<\"ruby\">>;\n "
6434 },
6435 {
6436 "kind": "Reference",
6437 "text": "em"
6438 },
6439 {
6440 "kind": "Content",
6441 "text": ": "
6442 },
6443 {
6444 "kind": "Reference",
6445 "text": "ForwardRefComponent"
6446 },
6447 {
6448 "kind": "Content",
6449 "text": "<"
6450 },
6451 {
6452 "kind": "Reference",
6453 "text": "HTMLElement"
6454 },
6455 {
6456 "kind": "Content",
6457 "text": ", "
6458 },
6459 {
6460 "kind": "Reference",
6461 "text": "HTMLMotionProps"
6462 },
6463 {
6464 "kind": "Content",
6465 "text": "<\"ruby\">>;\n "
6466 },
6467 {
6468 "kind": "Reference",
6469 "text": "fieldset"
6470 },
6471 {
6472 "kind": "Content",
6473 "text": ": "
6474 },
6475 {
6476 "kind": "Reference",
6477 "text": "ForwardRefComponent"
6478 },
6479 {
6480 "kind": "Content",
6481 "text": "<"
6482 },
6483 {
6484 "kind": "Reference",
6485 "text": "HTMLFieldSetElement"
6486 },
6487 {
6488 "kind": "Content",
6489 "text": ", "
6490 },
6491 {
6492 "kind": "Reference",
6493 "text": "HTMLMotionProps"
6494 },
6495 {
6496 "kind": "Content",
6497 "text": "<\"fieldset\">>;\n "
6498 },
6499 {
6500 "kind": "Reference",
6501 "text": "figcaption"
6502 },
6503 {
6504 "kind": "Content",
6505 "text": ": "
6506 },
6507 {
6508 "kind": "Reference",
6509 "text": "ForwardRefComponent"
6510 },
6511 {
6512 "kind": "Content",
6513 "text": "<"
6514 },
6515 {
6516 "kind": "Reference",
6517 "text": "HTMLElement"
6518 },
6519 {
6520 "kind": "Content",
6521 "text": ", "
6522 },
6523 {
6524 "kind": "Reference",
6525 "text": "HTMLMotionProps"
6526 },
6527 {
6528 "kind": "Content",
6529 "text": "<\"ruby\">>;\n "
6530 },
6531 {
6532 "kind": "Reference",
6533 "text": "figure"
6534 },
6535 {
6536 "kind": "Content",
6537 "text": ": "
6538 },
6539 {
6540 "kind": "Reference",
6541 "text": "ForwardRefComponent"
6542 },
6543 {
6544 "kind": "Content",
6545 "text": "<"
6546 },
6547 {
6548 "kind": "Reference",
6549 "text": "HTMLElement"
6550 },
6551 {
6552 "kind": "Content",
6553 "text": ", "
6554 },
6555 {
6556 "kind": "Reference",
6557 "text": "HTMLMotionProps"
6558 },
6559 {
6560 "kind": "Content",
6561 "text": "<\"ruby\">>;\n "
6562 },
6563 {
6564 "kind": "Reference",
6565 "text": "footer"
6566 },
6567 {
6568 "kind": "Content",
6569 "text": ": "
6570 },
6571 {
6572 "kind": "Reference",
6573 "text": "ForwardRefComponent"
6574 },
6575 {
6576 "kind": "Content",
6577 "text": "<"
6578 },
6579 {
6580 "kind": "Reference",
6581 "text": "HTMLElement"
6582 },
6583 {
6584 "kind": "Content",
6585 "text": ", "
6586 },
6587 {
6588 "kind": "Reference",
6589 "text": "HTMLMotionProps"
6590 },
6591 {
6592 "kind": "Content",
6593 "text": "<\"ruby\">>;\n "
6594 },
6595 {
6596 "kind": "Reference",
6597 "text": "form"
6598 },
6599 {
6600 "kind": "Content",
6601 "text": ": "
6602 },
6603 {
6604 "kind": "Reference",
6605 "text": "ForwardRefComponent"
6606 },
6607 {
6608 "kind": "Content",
6609 "text": "<"
6610 },
6611 {
6612 "kind": "Reference",
6613 "text": "HTMLFormElement"
6614 },
6615 {
6616 "kind": "Content",
6617 "text": ", "
6618 },
6619 {
6620 "kind": "Reference",
6621 "text": "HTMLMotionProps"
6622 },
6623 {
6624 "kind": "Content",
6625 "text": "<\"form\">>;\n "
6626 },
6627 {
6628 "kind": "Reference",
6629 "text": "h1"
6630 },
6631 {
6632 "kind": "Content",
6633 "text": ": "
6634 },
6635 {
6636 "kind": "Reference",
6637 "text": "ForwardRefComponent"
6638 },
6639 {
6640 "kind": "Content",
6641 "text": "<"
6642 },
6643 {
6644 "kind": "Reference",
6645 "text": "HTMLHeadingElement"
6646 },
6647 {
6648 "kind": "Content",
6649 "text": ", "
6650 },
6651 {
6652 "kind": "Reference",
6653 "text": "HTMLMotionProps"
6654 },
6655 {
6656 "kind": "Content",
6657 "text": "<\"h1\">>;\n "
6658 },
6659 {
6660 "kind": "Reference",
6661 "text": "h2"
6662 },
6663 {
6664 "kind": "Content",
6665 "text": ": "
6666 },
6667 {
6668 "kind": "Reference",
6669 "text": "ForwardRefComponent"
6670 },
6671 {
6672 "kind": "Content",
6673 "text": "<"
6674 },
6675 {
6676 "kind": "Reference",
6677 "text": "HTMLHeadingElement"
6678 },
6679 {
6680 "kind": "Content",
6681 "text": ", "
6682 },
6683 {
6684 "kind": "Reference",
6685 "text": "HTMLMotionProps"
6686 },
6687 {
6688 "kind": "Content",
6689 "text": "<\"h1\">>;\n "
6690 },
6691 {
6692 "kind": "Reference",
6693 "text": "h3"
6694 },
6695 {
6696 "kind": "Content",
6697 "text": ": "
6698 },
6699 {
6700 "kind": "Reference",
6701 "text": "ForwardRefComponent"
6702 },
6703 {
6704 "kind": "Content",
6705 "text": "<"
6706 },
6707 {
6708 "kind": "Reference",
6709 "text": "HTMLHeadingElement"
6710 },
6711 {
6712 "kind": "Content",
6713 "text": ", "
6714 },
6715 {
6716 "kind": "Reference",
6717 "text": "HTMLMotionProps"
6718 },
6719 {
6720 "kind": "Content",
6721 "text": "<\"h1\">>;\n "
6722 },
6723 {
6724 "kind": "Reference",
6725 "text": "h4"
6726 },
6727 {
6728 "kind": "Content",
6729 "text": ": "
6730 },
6731 {
6732 "kind": "Reference",
6733 "text": "ForwardRefComponent"
6734 },
6735 {
6736 "kind": "Content",
6737 "text": "<"
6738 },
6739 {
6740 "kind": "Reference",
6741 "text": "HTMLHeadingElement"
6742 },
6743 {
6744 "kind": "Content",
6745 "text": ", "
6746 },
6747 {
6748 "kind": "Reference",
6749 "text": "HTMLMotionProps"
6750 },
6751 {
6752 "kind": "Content",
6753 "text": "<\"h1\">>;\n "
6754 },
6755 {
6756 "kind": "Reference",
6757 "text": "h5"
6758 },
6759 {
6760 "kind": "Content",
6761 "text": ": "
6762 },
6763 {
6764 "kind": "Reference",
6765 "text": "ForwardRefComponent"
6766 },
6767 {
6768 "kind": "Content",
6769 "text": "<"
6770 },
6771 {
6772 "kind": "Reference",
6773 "text": "HTMLHeadingElement"
6774 },
6775 {
6776 "kind": "Content",
6777 "text": ", "
6778 },
6779 {
6780 "kind": "Reference",
6781 "text": "HTMLMotionProps"
6782 },
6783 {
6784 "kind": "Content",
6785 "text": "<\"h1\">>;\n "
6786 },
6787 {
6788 "kind": "Reference",
6789 "text": "h6"
6790 },
6791 {
6792 "kind": "Content",
6793 "text": ": "
6794 },
6795 {
6796 "kind": "Reference",
6797 "text": "ForwardRefComponent"
6798 },
6799 {
6800 "kind": "Content",
6801 "text": "<"
6802 },
6803 {
6804 "kind": "Reference",
6805 "text": "HTMLHeadingElement"
6806 },
6807 {
6808 "kind": "Content",
6809 "text": ", "
6810 },
6811 {
6812 "kind": "Reference",
6813 "text": "HTMLMotionProps"
6814 },
6815 {
6816 "kind": "Content",
6817 "text": "<\"h1\">>;\n "
6818 },
6819 {
6820 "kind": "Reference",
6821 "text": "head"
6822 },
6823 {
6824 "kind": "Content",
6825 "text": ": "
6826 },
6827 {
6828 "kind": "Reference",
6829 "text": "ForwardRefComponent"
6830 },
6831 {
6832 "kind": "Content",
6833 "text": "<"
6834 },
6835 {
6836 "kind": "Reference",
6837 "text": "HTMLHeadElement"
6838 },
6839 {
6840 "kind": "Content",
6841 "text": ", "
6842 },
6843 {
6844 "kind": "Reference",
6845 "text": "HTMLMotionProps"
6846 },
6847 {
6848 "kind": "Content",
6849 "text": "<\"head\">>;\n "
6850 },
6851 {
6852 "kind": "Reference",
6853 "text": "header"
6854 },
6855 {
6856 "kind": "Content",
6857 "text": ": "
6858 },
6859 {
6860 "kind": "Reference",
6861 "text": "ForwardRefComponent"
6862 },
6863 {
6864 "kind": "Content",
6865 "text": "<"
6866 },
6867 {
6868 "kind": "Reference",
6869 "text": "HTMLElement"
6870 },
6871 {
6872 "kind": "Content",
6873 "text": ", "
6874 },
6875 {
6876 "kind": "Reference",
6877 "text": "HTMLMotionProps"
6878 },
6879 {
6880 "kind": "Content",
6881 "text": "<\"ruby\">>;\n "
6882 },
6883 {
6884 "kind": "Reference",
6885 "text": "hgroup"
6886 },
6887 {
6888 "kind": "Content",
6889 "text": ": "
6890 },
6891 {
6892 "kind": "Reference",
6893 "text": "ForwardRefComponent"
6894 },
6895 {
6896 "kind": "Content",
6897 "text": "<"
6898 },
6899 {
6900 "kind": "Reference",
6901 "text": "HTMLElement"
6902 },
6903 {
6904 "kind": "Content",
6905 "text": ", "
6906 },
6907 {
6908 "kind": "Reference",
6909 "text": "HTMLMotionProps"
6910 },
6911 {
6912 "kind": "Content",
6913 "text": "<\"ruby\">>;\n "
6914 },
6915 {
6916 "kind": "Reference",
6917 "text": "hr"
6918 },
6919 {
6920 "kind": "Content",
6921 "text": ": "
6922 },
6923 {
6924 "kind": "Reference",
6925 "text": "ForwardRefComponent"
6926 },
6927 {
6928 "kind": "Content",
6929 "text": "<"
6930 },
6931 {
6932 "kind": "Reference",
6933 "text": "HTMLHRElement"
6934 },
6935 {
6936 "kind": "Content",
6937 "text": ", "
6938 },
6939 {
6940 "kind": "Reference",
6941 "text": "HTMLMotionProps"
6942 },
6943 {
6944 "kind": "Content",
6945 "text": "<\"hr\">>;\n "
6946 },
6947 {
6948 "kind": "Reference",
6949 "text": "html"
6950 },
6951 {
6952 "kind": "Content",
6953 "text": ": "
6954 },
6955 {
6956 "kind": "Reference",
6957 "text": "ForwardRefComponent"
6958 },
6959 {
6960 "kind": "Content",
6961 "text": "<"
6962 },
6963 {
6964 "kind": "Reference",
6965 "text": "HTMLHtmlElement"
6966 },
6967 {
6968 "kind": "Content",
6969 "text": ", "
6970 },
6971 {
6972 "kind": "Reference",
6973 "text": "HTMLMotionProps"
6974 },
6975 {
6976 "kind": "Content",
6977 "text": "<\"html\">>;\n "
6978 },
6979 {
6980 "kind": "Reference",
6981 "text": "i"
6982 },
6983 {
6984 "kind": "Content",
6985 "text": ": "
6986 },
6987 {
6988 "kind": "Reference",
6989 "text": "ForwardRefComponent"
6990 },
6991 {
6992 "kind": "Content",
6993 "text": "<"
6994 },
6995 {
6996 "kind": "Reference",
6997 "text": "HTMLElement"
6998 },
6999 {
7000 "kind": "Content",
7001 "text": ", "
7002 },
7003 {
7004 "kind": "Reference",
7005 "text": "HTMLMotionProps"
7006 },
7007 {
7008 "kind": "Content",
7009 "text": "<\"ruby\">>;\n "
7010 },
7011 {
7012 "kind": "Reference",
7013 "text": "iframe"
7014 },
7015 {
7016 "kind": "Content",
7017 "text": ": "
7018 },
7019 {
7020 "kind": "Reference",
7021 "text": "ForwardRefComponent"
7022 },
7023 {
7024 "kind": "Content",
7025 "text": "<"
7026 },
7027 {
7028 "kind": "Reference",
7029 "text": "HTMLIFrameElement"
7030 },
7031 {
7032 "kind": "Content",
7033 "text": ", "
7034 },
7035 {
7036 "kind": "Reference",
7037 "text": "HTMLMotionProps"
7038 },
7039 {
7040 "kind": "Content",
7041 "text": "<\"iframe\">>;\n "
7042 },
7043 {
7044 "kind": "Reference",
7045 "text": "img"
7046 },
7047 {
7048 "kind": "Content",
7049 "text": ": "
7050 },
7051 {
7052 "kind": "Reference",
7053 "text": "ForwardRefComponent"
7054 },
7055 {
7056 "kind": "Content",
7057 "text": "<"
7058 },
7059 {
7060 "kind": "Reference",
7061 "text": "HTMLImageElement"
7062 },
7063 {
7064 "kind": "Content",
7065 "text": ", "
7066 },
7067 {
7068 "kind": "Reference",
7069 "text": "HTMLMotionProps"
7070 },
7071 {
7072 "kind": "Content",
7073 "text": "<\"img\">>;\n "
7074 },
7075 {
7076 "kind": "Reference",
7077 "text": "input"
7078 },
7079 {
7080 "kind": "Content",
7081 "text": ": "
7082 },
7083 {
7084 "kind": "Reference",
7085 "text": "ForwardRefComponent"
7086 },
7087 {
7088 "kind": "Content",
7089 "text": "<"
7090 },
7091 {
7092 "kind": "Reference",
7093 "text": "HTMLInputElement"
7094 },
7095 {
7096 "kind": "Content",
7097 "text": ", "
7098 },
7099 {
7100 "kind": "Reference",
7101 "text": "HTMLMotionProps"
7102 },
7103 {
7104 "kind": "Content",
7105 "text": "<\"input\">>;\n "
7106 },
7107 {
7108 "kind": "Reference",
7109 "text": "ins"
7110 },
7111 {
7112 "kind": "Content",
7113 "text": ": "
7114 },
7115 {
7116 "kind": "Reference",
7117 "text": "ForwardRefComponent"
7118 },
7119 {
7120 "kind": "Content",
7121 "text": "<"
7122 },
7123 {
7124 "kind": "Reference",
7125 "text": "HTMLModElement"
7126 },
7127 {
7128 "kind": "Content",
7129 "text": ", "
7130 },
7131 {
7132 "kind": "Reference",
7133 "text": "HTMLMotionProps"
7134 },
7135 {
7136 "kind": "Content",
7137 "text": "<\"ins\">>;\n "
7138 },
7139 {
7140 "kind": "Reference",
7141 "text": "kbd"
7142 },
7143 {
7144 "kind": "Content",
7145 "text": ": "
7146 },
7147 {
7148 "kind": "Reference",
7149 "text": "ForwardRefComponent"
7150 },
7151 {
7152 "kind": "Content",
7153 "text": "<"
7154 },
7155 {
7156 "kind": "Reference",
7157 "text": "HTMLElement"
7158 },
7159 {
7160 "kind": "Content",
7161 "text": ", "
7162 },
7163 {
7164 "kind": "Reference",
7165 "text": "HTMLMotionProps"
7166 },
7167 {
7168 "kind": "Content",
7169 "text": "<\"ruby\">>;\n "
7170 },
7171 {
7172 "kind": "Reference",
7173 "text": "keygen"
7174 },
7175 {
7176 "kind": "Content",
7177 "text": ": "
7178 },
7179 {
7180 "kind": "Reference",
7181 "text": "ForwardRefComponent"
7182 },
7183 {
7184 "kind": "Content",
7185 "text": "<"
7186 },
7187 {
7188 "kind": "Reference",
7189 "text": "HTMLElement"
7190 },
7191 {
7192 "kind": "Content",
7193 "text": ", "
7194 },
7195 {
7196 "kind": "Reference",
7197 "text": "HTMLMotionProps"
7198 },
7199 {
7200 "kind": "Content",
7201 "text": "<\"keygen\">>;\n "
7202 },
7203 {
7204 "kind": "Reference",
7205 "text": "label"
7206 },
7207 {
7208 "kind": "Content",
7209 "text": ": "
7210 },
7211 {
7212 "kind": "Reference",
7213 "text": "ForwardRefComponent"
7214 },
7215 {
7216 "kind": "Content",
7217 "text": "<"
7218 },
7219 {
7220 "kind": "Reference",
7221 "text": "HTMLLabelElement"
7222 },
7223 {
7224 "kind": "Content",
7225 "text": ", "
7226 },
7227 {
7228 "kind": "Reference",
7229 "text": "HTMLMotionProps"
7230 },
7231 {
7232 "kind": "Content",
7233 "text": "<\"label\">>;\n "
7234 },
7235 {
7236 "kind": "Reference",
7237 "text": "legend"
7238 },
7239 {
7240 "kind": "Content",
7241 "text": ": "
7242 },
7243 {
7244 "kind": "Reference",
7245 "text": "ForwardRefComponent"
7246 },
7247 {
7248 "kind": "Content",
7249 "text": "<"
7250 },
7251 {
7252 "kind": "Reference",
7253 "text": "HTMLLegendElement"
7254 },
7255 {
7256 "kind": "Content",
7257 "text": ", "
7258 },
7259 {
7260 "kind": "Reference",
7261 "text": "HTMLMotionProps"
7262 },
7263 {
7264 "kind": "Content",
7265 "text": "<\"legend\">>;\n "
7266 },
7267 {
7268 "kind": "Reference",
7269 "text": "li"
7270 },
7271 {
7272 "kind": "Content",
7273 "text": ": "
7274 },
7275 {
7276 "kind": "Reference",
7277 "text": "ForwardRefComponent"
7278 },
7279 {
7280 "kind": "Content",
7281 "text": "<"
7282 },
7283 {
7284 "kind": "Reference",
7285 "text": "HTMLLIElement"
7286 },
7287 {
7288 "kind": "Content",
7289 "text": ", "
7290 },
7291 {
7292 "kind": "Reference",
7293 "text": "HTMLMotionProps"
7294 },
7295 {
7296 "kind": "Content",
7297 "text": "<\"li\">>;\n "
7298 },
7299 {
7300 "kind": "Reference",
7301 "text": "main"
7302 },
7303 {
7304 "kind": "Content",
7305 "text": ": "
7306 },
7307 {
7308 "kind": "Reference",
7309 "text": "ForwardRefComponent"
7310 },
7311 {
7312 "kind": "Content",
7313 "text": "<"
7314 },
7315 {
7316 "kind": "Reference",
7317 "text": "HTMLElement"
7318 },
7319 {
7320 "kind": "Content",
7321 "text": ", "
7322 },
7323 {
7324 "kind": "Reference",
7325 "text": "HTMLMotionProps"
7326 },
7327 {
7328 "kind": "Content",
7329 "text": "<\"ruby\">>;\n "
7330 },
7331 {
7332 "kind": "Reference",
7333 "text": "map"
7334 },
7335 {
7336 "kind": "Content",
7337 "text": ": "
7338 },
7339 {
7340 "kind": "Reference",
7341 "text": "ForwardRefComponent"
7342 },
7343 {
7344 "kind": "Content",
7345 "text": "<"
7346 },
7347 {
7348 "kind": "Reference",
7349 "text": "HTMLMapElement"
7350 },
7351 {
7352 "kind": "Content",
7353 "text": ", "
7354 },
7355 {
7356 "kind": "Reference",
7357 "text": "HTMLMotionProps"
7358 },
7359 {
7360 "kind": "Content",
7361 "text": "<\"map\">>;\n "
7362 },
7363 {
7364 "kind": "Reference",
7365 "text": "mark"
7366 },
7367 {
7368 "kind": "Content",
7369 "text": ": "
7370 },
7371 {
7372 "kind": "Reference",
7373 "text": "ForwardRefComponent"
7374 },
7375 {
7376 "kind": "Content",
7377 "text": "<"
7378 },
7379 {
7380 "kind": "Reference",
7381 "text": "HTMLElement"
7382 },
7383 {
7384 "kind": "Content",
7385 "text": ", "
7386 },
7387 {
7388 "kind": "Reference",
7389 "text": "HTMLMotionProps"
7390 },
7391 {
7392 "kind": "Content",
7393 "text": "<\"ruby\">>;\n "
7394 },
7395 {
7396 "kind": "Reference",
7397 "text": "meta"
7398 },
7399 {
7400 "kind": "Content",
7401 "text": ": "
7402 },
7403 {
7404 "kind": "Reference",
7405 "text": "ForwardRefComponent"
7406 },
7407 {
7408 "kind": "Content",
7409 "text": "<"
7410 },
7411 {
7412 "kind": "Reference",
7413 "text": "HTMLMetaElement"
7414 },
7415 {
7416 "kind": "Content",
7417 "text": ", "
7418 },
7419 {
7420 "kind": "Reference",
7421 "text": "HTMLMotionProps"
7422 },
7423 {
7424 "kind": "Content",
7425 "text": "<\"meta\">>;\n "
7426 },
7427 {
7428 "kind": "Reference",
7429 "text": "nav"
7430 },
7431 {
7432 "kind": "Content",
7433 "text": ": "
7434 },
7435 {
7436 "kind": "Reference",
7437 "text": "ForwardRefComponent"
7438 },
7439 {
7440 "kind": "Content",
7441 "text": "<"
7442 },
7443 {
7444 "kind": "Reference",
7445 "text": "HTMLElement"
7446 },
7447 {
7448 "kind": "Content",
7449 "text": ", "
7450 },
7451 {
7452 "kind": "Reference",
7453 "text": "HTMLMotionProps"
7454 },
7455 {
7456 "kind": "Content",
7457 "text": "<\"ruby\">>;\n "
7458 },
7459 {
7460 "kind": "Reference",
7461 "text": "noscript"
7462 },
7463 {
7464 "kind": "Content",
7465 "text": ": "
7466 },
7467 {
7468 "kind": "Reference",
7469 "text": "ForwardRefComponent"
7470 },
7471 {
7472 "kind": "Content",
7473 "text": "<"
7474 },
7475 {
7476 "kind": "Reference",
7477 "text": "HTMLElement"
7478 },
7479 {
7480 "kind": "Content",
7481 "text": ", "
7482 },
7483 {
7484 "kind": "Reference",
7485 "text": "HTMLMotionProps"
7486 },
7487 {
7488 "kind": "Content",
7489 "text": "<\"ruby\">>;\n "
7490 },
7491 {
7492 "kind": "Reference",
7493 "text": "ol"
7494 },
7495 {
7496 "kind": "Content",
7497 "text": ": "
7498 },
7499 {
7500 "kind": "Reference",
7501 "text": "ForwardRefComponent"
7502 },
7503 {
7504 "kind": "Content",
7505 "text": "<"
7506 },
7507 {
7508 "kind": "Reference",
7509 "text": "HTMLOListElement"
7510 },
7511 {
7512 "kind": "Content",
7513 "text": ", "
7514 },
7515 {
7516 "kind": "Reference",
7517 "text": "HTMLMotionProps"
7518 },
7519 {
7520 "kind": "Content",
7521 "text": "<\"ol\">>;\n "
7522 },
7523 {
7524 "kind": "Reference",
7525 "text": "optgroup"
7526 },
7527 {
7528 "kind": "Content",
7529 "text": ": "
7530 },
7531 {
7532 "kind": "Reference",
7533 "text": "ForwardRefComponent"
7534 },
7535 {
7536 "kind": "Content",
7537 "text": "<"
7538 },
7539 {
7540 "kind": "Reference",
7541 "text": "HTMLOptGroupElement"
7542 },
7543 {
7544 "kind": "Content",
7545 "text": ", "
7546 },
7547 {
7548 "kind": "Reference",
7549 "text": "HTMLMotionProps"
7550 },
7551 {
7552 "kind": "Content",
7553 "text": "<\"optgroup\">>;\n "
7554 },
7555 {
7556 "kind": "Reference",
7557 "text": "option"
7558 },
7559 {
7560 "kind": "Content",
7561 "text": ": "
7562 },
7563 {
7564 "kind": "Reference",
7565 "text": "ForwardRefComponent"
7566 },
7567 {
7568 "kind": "Content",
7569 "text": "<"
7570 },
7571 {
7572 "kind": "Reference",
7573 "text": "HTMLOptionElement"
7574 },
7575 {
7576 "kind": "Content",
7577 "text": ", "
7578 },
7579 {
7580 "kind": "Reference",
7581 "text": "HTMLMotionProps"
7582 },
7583 {
7584 "kind": "Content",
7585 "text": "<\"option\">>;\n "
7586 },
7587 {
7588 "kind": "Reference",
7589 "text": "output"
7590 },
7591 {
7592 "kind": "Content",
7593 "text": ": "
7594 },
7595 {
7596 "kind": "Reference",
7597 "text": "ForwardRefComponent"
7598 },
7599 {
7600 "kind": "Content",
7601 "text": "<"
7602 },
7603 {
7604 "kind": "Reference",
7605 "text": "HTMLElement"
7606 },
7607 {
7608 "kind": "Content",
7609 "text": ", "
7610 },
7611 {
7612 "kind": "Reference",
7613 "text": "HTMLMotionProps"
7614 },
7615 {
7616 "kind": "Content",
7617 "text": "<\"output\">>;\n "
7618 },
7619 {
7620 "kind": "Reference",
7621 "text": "p"
7622 },
7623 {
7624 "kind": "Content",
7625 "text": ": "
7626 },
7627 {
7628 "kind": "Reference",
7629 "text": "ForwardRefComponent"
7630 },
7631 {
7632 "kind": "Content",
7633 "text": "<"
7634 },
7635 {
7636 "kind": "Reference",
7637 "text": "HTMLParagraphElement"
7638 },
7639 {
7640 "kind": "Content",
7641 "text": ", "
7642 },
7643 {
7644 "kind": "Reference",
7645 "text": "HTMLMotionProps"
7646 },
7647 {
7648 "kind": "Content",
7649 "text": "<\"p\">>;\n "
7650 },
7651 {
7652 "kind": "Reference",
7653 "text": "param"
7654 },
7655 {
7656 "kind": "Content",
7657 "text": ": "
7658 },
7659 {
7660 "kind": "Reference",
7661 "text": "ForwardRefComponent"
7662 },
7663 {
7664 "kind": "Content",
7665 "text": "<"
7666 },
7667 {
7668 "kind": "Reference",
7669 "text": "HTMLParamElement"
7670 },
7671 {
7672 "kind": "Content",
7673 "text": ", "
7674 },
7675 {
7676 "kind": "Reference",
7677 "text": "HTMLMotionProps"
7678 },
7679 {
7680 "kind": "Content",
7681 "text": "<\"param\">>;\n "
7682 },
7683 {
7684 "kind": "Reference",
7685 "text": "picture"
7686 },
7687 {
7688 "kind": "Content",
7689 "text": ": "
7690 },
7691 {
7692 "kind": "Reference",
7693 "text": "ForwardRefComponent"
7694 },
7695 {
7696 "kind": "Content",
7697 "text": "<"
7698 },
7699 {
7700 "kind": "Reference",
7701 "text": "HTMLElement"
7702 },
7703 {
7704 "kind": "Content",
7705 "text": ", "
7706 },
7707 {
7708 "kind": "Reference",
7709 "text": "HTMLMotionProps"
7710 },
7711 {
7712 "kind": "Content",
7713 "text": "<\"ruby\">>;\n "
7714 },
7715 {
7716 "kind": "Reference",
7717 "text": "q"
7718 },
7719 {
7720 "kind": "Content",
7721 "text": ": "
7722 },
7723 {
7724 "kind": "Reference",
7725 "text": "ForwardRefComponent"
7726 },
7727 {
7728 "kind": "Content",
7729 "text": "<"
7730 },
7731 {
7732 "kind": "Reference",
7733 "text": "HTMLQuoteElement"
7734 },
7735 {
7736 "kind": "Content",
7737 "text": ", "
7738 },
7739 {
7740 "kind": "Reference",
7741 "text": "HTMLMotionProps"
7742 },
7743 {
7744 "kind": "Content",
7745 "text": "<\"q\">>;\n "
7746 },
7747 {
7748 "kind": "Reference",
7749 "text": "rp"
7750 },
7751 {
7752 "kind": "Content",
7753 "text": ": "
7754 },
7755 {
7756 "kind": "Reference",
7757 "text": "ForwardRefComponent"
7758 },
7759 {
7760 "kind": "Content",
7761 "text": "<"
7762 },
7763 {
7764 "kind": "Reference",
7765 "text": "HTMLElement"
7766 },
7767 {
7768 "kind": "Content",
7769 "text": ", "
7770 },
7771 {
7772 "kind": "Reference",
7773 "text": "HTMLMotionProps"
7774 },
7775 {
7776 "kind": "Content",
7777 "text": "<\"ruby\">>;\n "
7778 },
7779 {
7780 "kind": "Reference",
7781 "text": "rt"
7782 },
7783 {
7784 "kind": "Content",
7785 "text": ": "
7786 },
7787 {
7788 "kind": "Reference",
7789 "text": "ForwardRefComponent"
7790 },
7791 {
7792 "kind": "Content",
7793 "text": "<"
7794 },
7795 {
7796 "kind": "Reference",
7797 "text": "HTMLElement"
7798 },
7799 {
7800 "kind": "Content",
7801 "text": ", "
7802 },
7803 {
7804 "kind": "Reference",
7805 "text": "HTMLMotionProps"
7806 },
7807 {
7808 "kind": "Content",
7809 "text": "<\"ruby\">>;\n "
7810 },
7811 {
7812 "kind": "Reference",
7813 "text": "s"
7814 },
7815 {
7816 "kind": "Content",
7817 "text": ": "
7818 },
7819 {
7820 "kind": "Reference",
7821 "text": "ForwardRefComponent"
7822 },
7823 {
7824 "kind": "Content",
7825 "text": "<"
7826 },
7827 {
7828 "kind": "Reference",
7829 "text": "HTMLElement"
7830 },
7831 {
7832 "kind": "Content",
7833 "text": ", "
7834 },
7835 {
7836 "kind": "Reference",
7837 "text": "HTMLMotionProps"
7838 },
7839 {
7840 "kind": "Content",
7841 "text": "<\"ruby\">>;\n "
7842 },
7843 {
7844 "kind": "Reference",
7845 "text": "samp"
7846 },
7847 {
7848 "kind": "Content",
7849 "text": ": "
7850 },
7851 {
7852 "kind": "Reference",
7853 "text": "ForwardRefComponent"
7854 },
7855 {
7856 "kind": "Content",
7857 "text": "<"
7858 },
7859 {
7860 "kind": "Reference",
7861 "text": "HTMLElement"
7862 },
7863 {
7864 "kind": "Content",
7865 "text": ", "
7866 },
7867 {
7868 "kind": "Reference",
7869 "text": "HTMLMotionProps"
7870 },
7871 {
7872 "kind": "Content",
7873 "text": "<\"ruby\">>;\n "
7874 },
7875 {
7876 "kind": "Reference",
7877 "text": "script"
7878 },
7879 {
7880 "kind": "Content",
7881 "text": ": "
7882 },
7883 {
7884 "kind": "Reference",
7885 "text": "ForwardRefComponent"
7886 },
7887 {
7888 "kind": "Content",
7889 "text": "<"
7890 },
7891 {
7892 "kind": "Reference",
7893 "text": "HTMLScriptElement"
7894 },
7895 {
7896 "kind": "Content",
7897 "text": ", "
7898 },
7899 {
7900 "kind": "Reference",
7901 "text": "HTMLMotionProps"
7902 },
7903 {
7904 "kind": "Content",
7905 "text": "<\"script\">>;\n "
7906 },
7907 {
7908 "kind": "Reference",
7909 "text": "section"
7910 },
7911 {
7912 "kind": "Content",
7913 "text": ": "
7914 },
7915 {
7916 "kind": "Reference",
7917 "text": "ForwardRefComponent"
7918 },
7919 {
7920 "kind": "Content",
7921 "text": "<"
7922 },
7923 {
7924 "kind": "Reference",
7925 "text": "HTMLElement"
7926 },
7927 {
7928 "kind": "Content",
7929 "text": ", "
7930 },
7931 {
7932 "kind": "Reference",
7933 "text": "HTMLMotionProps"
7934 },
7935 {
7936 "kind": "Content",
7937 "text": "<\"ruby\">>;\n "
7938 },
7939 {
7940 "kind": "Reference",
7941 "text": "select"
7942 },
7943 {
7944 "kind": "Content",
7945 "text": ": "
7946 },
7947 {
7948 "kind": "Reference",
7949 "text": "ForwardRefComponent"
7950 },
7951 {
7952 "kind": "Content",
7953 "text": "<"
7954 },
7955 {
7956 "kind": "Reference",
7957 "text": "HTMLSelectElement"
7958 },
7959 {
7960 "kind": "Content",
7961 "text": ", "
7962 },
7963 {
7964 "kind": "Reference",
7965 "text": "HTMLMotionProps"
7966 },
7967 {
7968 "kind": "Content",
7969 "text": "<\"select\">>;\n "
7970 },
7971 {
7972 "kind": "Reference",
7973 "text": "source"
7974 },
7975 {
7976 "kind": "Content",
7977 "text": ": "
7978 },
7979 {
7980 "kind": "Reference",
7981 "text": "ForwardRefComponent"
7982 },
7983 {
7984 "kind": "Content",
7985 "text": "<"
7986 },
7987 {
7988 "kind": "Reference",
7989 "text": "HTMLSourceElement"
7990 },
7991 {
7992 "kind": "Content",
7993 "text": ", "
7994 },
7995 {
7996 "kind": "Reference",
7997 "text": "HTMLMotionProps"
7998 },
7999 {
8000 "kind": "Content",
8001 "text": "<\"source\">>;\n "
8002 },
8003 {
8004 "kind": "Reference",
8005 "text": "span"
8006 },
8007 {
8008 "kind": "Content",
8009 "text": ": "
8010 },
8011 {
8012 "kind": "Reference",
8013 "text": "ForwardRefComponent"
8014 },
8015 {
8016 "kind": "Content",
8017 "text": "<"
8018 },
8019 {
8020 "kind": "Reference",
8021 "text": "HTMLSpanElement"
8022 },
8023 {
8024 "kind": "Content",
8025 "text": ", "
8026 },
8027 {
8028 "kind": "Reference",
8029 "text": "HTMLMotionProps"
8030 },
8031 {
8032 "kind": "Content",
8033 "text": "<\"span\">>;\n "
8034 },
8035 {
8036 "kind": "Reference",
8037 "text": "strong"
8038 },
8039 {
8040 "kind": "Content",
8041 "text": ": "
8042 },
8043 {
8044 "kind": "Reference",
8045 "text": "ForwardRefComponent"
8046 },
8047 {
8048 "kind": "Content",
8049 "text": "<"
8050 },
8051 {
8052 "kind": "Reference",
8053 "text": "HTMLElement"
8054 },
8055 {
8056 "kind": "Content",
8057 "text": ", "
8058 },
8059 {
8060 "kind": "Reference",
8061 "text": "HTMLMotionProps"
8062 },
8063 {
8064 "kind": "Content",
8065 "text": "<\"ruby\">>;\n "
8066 },
8067 {
8068 "kind": "Reference",
8069 "text": "summary"
8070 },
8071 {
8072 "kind": "Content",
8073 "text": ": "
8074 },
8075 {
8076 "kind": "Reference",
8077 "text": "ForwardRefComponent"
8078 },
8079 {
8080 "kind": "Content",
8081 "text": "<"
8082 },
8083 {
8084 "kind": "Reference",
8085 "text": "HTMLElement"
8086 },
8087 {
8088 "kind": "Content",
8089 "text": ", "
8090 },
8091 {
8092 "kind": "Reference",
8093 "text": "HTMLMotionProps"
8094 },
8095 {
8096 "kind": "Content",
8097 "text": "<\"ruby\">>;\n "
8098 },
8099 {
8100 "kind": "Reference",
8101 "text": "sup"
8102 },
8103 {
8104 "kind": "Content",
8105 "text": ": "
8106 },
8107 {
8108 "kind": "Reference",
8109 "text": "ForwardRefComponent"
8110 },
8111 {
8112 "kind": "Content",
8113 "text": "<"
8114 },
8115 {
8116 "kind": "Reference",
8117 "text": "HTMLElement"
8118 },
8119 {
8120 "kind": "Content",
8121 "text": ", "
8122 },
8123 {
8124 "kind": "Reference",
8125 "text": "HTMLMotionProps"
8126 },
8127 {
8128 "kind": "Content",
8129 "text": "<\"ruby\">>;\n "
8130 },
8131 {
8132 "kind": "Reference",
8133 "text": "tbody"
8134 },
8135 {
8136 "kind": "Content",
8137 "text": ": "
8138 },
8139 {
8140 "kind": "Reference",
8141 "text": "ForwardRefComponent"
8142 },
8143 {
8144 "kind": "Content",
8145 "text": "<"
8146 },
8147 {
8148 "kind": "Reference",
8149 "text": "HTMLTableSectionElement"
8150 },
8151 {
8152 "kind": "Content",
8153 "text": ", "
8154 },
8155 {
8156 "kind": "Reference",
8157 "text": "HTMLMotionProps"
8158 },
8159 {
8160 "kind": "Content",
8161 "text": "<\"tbody\">>;\n "
8162 },
8163 {
8164 "kind": "Reference",
8165 "text": "td"
8166 },
8167 {
8168 "kind": "Content",
8169 "text": ": "
8170 },
8171 {
8172 "kind": "Reference",
8173 "text": "ForwardRefComponent"
8174 },
8175 {
8176 "kind": "Content",
8177 "text": "<"
8178 },
8179 {
8180 "kind": "Reference",
8181 "text": "HTMLTableDataCellElement"
8182 },
8183 {
8184 "kind": "Content",
8185 "text": ", "
8186 },
8187 {
8188 "kind": "Reference",
8189 "text": "HTMLMotionProps"
8190 },
8191 {
8192 "kind": "Content",
8193 "text": "<\"td\">>;\n "
8194 },
8195 {
8196 "kind": "Reference",
8197 "text": "tfoot"
8198 },
8199 {
8200 "kind": "Content",
8201 "text": ": "
8202 },
8203 {
8204 "kind": "Reference",
8205 "text": "ForwardRefComponent"
8206 },
8207 {
8208 "kind": "Content",
8209 "text": "<"
8210 },
8211 {
8212 "kind": "Reference",
8213 "text": "HTMLTableSectionElement"
8214 },
8215 {
8216 "kind": "Content",
8217 "text": ", "
8218 },
8219 {
8220 "kind": "Reference",
8221 "text": "HTMLMotionProps"
8222 },
8223 {
8224 "kind": "Content",
8225 "text": "<\"tbody\">>;\n "
8226 },
8227 {
8228 "kind": "Reference",
8229 "text": "th"
8230 },
8231 {
8232 "kind": "Content",
8233 "text": ": "
8234 },
8235 {
8236 "kind": "Reference",
8237 "text": "ForwardRefComponent"
8238 },
8239 {
8240 "kind": "Content",
8241 "text": "<"
8242 },
8243 {
8244 "kind": "Reference",
8245 "text": "HTMLTableHeaderCellElement"
8246 },
8247 {
8248 "kind": "Content",
8249 "text": ", "
8250 },
8251 {
8252 "kind": "Reference",
8253 "text": "HTMLMotionProps"
8254 },
8255 {
8256 "kind": "Content",
8257 "text": "<\"th\">>;\n "
8258 },
8259 {
8260 "kind": "Reference",
8261 "text": "thead"
8262 },
8263 {
8264 "kind": "Content",
8265 "text": ": "
8266 },
8267 {
8268 "kind": "Reference",
8269 "text": "ForwardRefComponent"
8270 },
8271 {
8272 "kind": "Content",
8273 "text": "<"
8274 },
8275 {
8276 "kind": "Reference",
8277 "text": "HTMLTableSectionElement"
8278 },
8279 {
8280 "kind": "Content",
8281 "text": ", "
8282 },
8283 {
8284 "kind": "Reference",
8285 "text": "HTMLMotionProps"
8286 },
8287 {
8288 "kind": "Content",
8289 "text": "<\"tbody\">>;\n "
8290 },
8291 {
8292 "kind": "Reference",
8293 "text": "title"
8294 },
8295 {
8296 "kind": "Content",
8297 "text": ": "
8298 },
8299 {
8300 "kind": "Reference",
8301 "text": "ForwardRefComponent"
8302 },
8303 {
8304 "kind": "Content",
8305 "text": "<"
8306 },
8307 {
8308 "kind": "Reference",
8309 "text": "HTMLTitleElement"
8310 },
8311 {
8312 "kind": "Content",
8313 "text": ", "
8314 },
8315 {
8316 "kind": "Reference",
8317 "text": "HTMLMotionProps"
8318 },
8319 {
8320 "kind": "Content",
8321 "text": "<\"title\">>;\n "
8322 },
8323 {
8324 "kind": "Reference",
8325 "text": "tr"
8326 },
8327 {
8328 "kind": "Content",
8329 "text": ": "
8330 },
8331 {
8332 "kind": "Reference",
8333 "text": "ForwardRefComponent"
8334 },
8335 {
8336 "kind": "Content",
8337 "text": "<"
8338 },
8339 {
8340 "kind": "Reference",
8341 "text": "HTMLTableRowElement"
8342 },
8343 {
8344 "kind": "Content",
8345 "text": ", "
8346 },
8347 {
8348 "kind": "Reference",
8349 "text": "HTMLMotionProps"
8350 },
8351 {
8352 "kind": "Content",
8353 "text": "<\"tr\">>;\n "
8354 },
8355 {
8356 "kind": "Reference",
8357 "text": "track"
8358 },
8359 {
8360 "kind": "Content",
8361 "text": ": "
8362 },
8363 {
8364 "kind": "Reference",
8365 "text": "ForwardRefComponent"
8366 },
8367 {
8368 "kind": "Content",
8369 "text": "<"
8370 },
8371 {
8372 "kind": "Reference",
8373 "text": "HTMLTrackElement"
8374 },
8375 {
8376 "kind": "Content",
8377 "text": ", "
8378 },
8379 {
8380 "kind": "Reference",
8381 "text": "HTMLMotionProps"
8382 },
8383 {
8384 "kind": "Content",
8385 "text": "<\"track\">>;\n "
8386 },
8387 {
8388 "kind": "Reference",
8389 "text": "u"
8390 },
8391 {
8392 "kind": "Content",
8393 "text": ": "
8394 },
8395 {
8396 "kind": "Reference",
8397 "text": "ForwardRefComponent"
8398 },
8399 {
8400 "kind": "Content",
8401 "text": "<"
8402 },
8403 {
8404 "kind": "Reference",
8405 "text": "HTMLElement"
8406 },
8407 {
8408 "kind": "Content",
8409 "text": ", "
8410 },
8411 {
8412 "kind": "Reference",
8413 "text": "HTMLMotionProps"
8414 },
8415 {
8416 "kind": "Content",
8417 "text": "<\"ruby\">>;\n "
8418 },
8419 {
8420 "kind": "Reference",
8421 "text": "ul"
8422 },
8423 {
8424 "kind": "Content",
8425 "text": ": "
8426 },
8427 {
8428 "kind": "Reference",
8429 "text": "ForwardRefComponent"
8430 },
8431 {
8432 "kind": "Content",
8433 "text": "<"
8434 },
8435 {
8436 "kind": "Reference",
8437 "text": "HTMLUListElement"
8438 },
8439 {
8440 "kind": "Content",
8441 "text": ", "
8442 },
8443 {
8444 "kind": "Reference",
8445 "text": "HTMLMotionProps"
8446 },
8447 {
8448 "kind": "Content",
8449 "text": "<\"ul\">>;\n "
8450 },
8451 {
8452 "kind": "Reference",
8453 "text": "var"
8454 },
8455 {
8456 "kind": "Content",
8457 "text": ": "
8458 },
8459 {
8460 "kind": "Reference",
8461 "text": "ForwardRefComponent"
8462 },
8463 {
8464 "kind": "Content",
8465 "text": "<"
8466 },
8467 {
8468 "kind": "Reference",
8469 "text": "HTMLElement"
8470 },
8471 {
8472 "kind": "Content",
8473 "text": ", "
8474 },
8475 {
8476 "kind": "Reference",
8477 "text": "HTMLMotionProps"
8478 },
8479 {
8480 "kind": "Content",
8481 "text": "<\"ruby\">>;\n "
8482 },
8483 {
8484 "kind": "Reference",
8485 "text": "video"
8486 },
8487 {
8488 "kind": "Content",
8489 "text": ": "
8490 },
8491 {
8492 "kind": "Reference",
8493 "text": "ForwardRefComponent"
8494 },
8495 {
8496 "kind": "Content",
8497 "text": "<"
8498 },
8499 {
8500 "kind": "Reference",
8501 "text": "HTMLVideoElement"
8502 },
8503 {
8504 "kind": "Content",
8505 "text": ", "
8506 },
8507 {
8508 "kind": "Reference",
8509 "text": "HTMLMotionProps"
8510 },
8511 {
8512 "kind": "Content",
8513 "text": "<\"video\">>;\n "
8514 },
8515 {
8516 "kind": "Reference",
8517 "text": "wbr"
8518 },
8519 {
8520 "kind": "Content",
8521 "text": ": "
8522 },
8523 {
8524 "kind": "Reference",
8525 "text": "ForwardRefComponent"
8526 },
8527 {
8528 "kind": "Content",
8529 "text": "<"
8530 },
8531 {
8532 "kind": "Reference",
8533 "text": "HTMLElement"
8534 },
8535 {
8536 "kind": "Content",
8537 "text": ", "
8538 },
8539 {
8540 "kind": "Reference",
8541 "text": "HTMLMotionProps"
8542 },
8543 {
8544 "kind": "Content",
8545 "text": "<\"ruby\">>;\n "
8546 },
8547 {
8548 "kind": "Reference",
8549 "text": "webview"
8550 },
8551 {
8552 "kind": "Content",
8553 "text": ": "
8554 },
8555 {
8556 "kind": "Reference",
8557 "text": "ForwardRefComponent"
8558 },
8559 {
8560 "kind": "Content",
8561 "text": "<"
8562 },
8563 {
8564 "kind": "Reference",
8565 "text": "HTMLWebViewElement"
8566 },
8567 {
8568 "kind": "Content",
8569 "text": ", "
8570 },
8571 {
8572 "kind": "Reference",
8573 "text": "HTMLMotionProps"
8574 },
8575 {
8576 "kind": "Content",
8577 "text": "<\"webview\">>;\n "
8578 },
8579 {
8580 "kind": "Reference",
8581 "text": "custom"
8582 },
8583 {
8584 "kind": "Content",
8585 "text": ": <"
8586 },
8587 {
8588 "kind": "Reference",
8589 "text": "Props"
8590 },
8591 {
8592 "kind": "Content",
8593 "text": ">("
8594 },
8595 {
8596 "kind": "Reference",
8597 "text": "Component"
8598 },
8599 {
8600 "kind": "Content",
8601 "text": ": string | "
8602 },
8603 {
8604 "kind": "Reference",
8605 "text": "React"
8606 },
8607 {
8608 "kind": "Content",
8609 "text": "."
8610 },
8611 {
8612 "kind": "Reference",
8613 "text": "ComponentClass"
8614 },
8615 {
8616 "kind": "Content",
8617 "text": "<"
8618 },
8619 {
8620 "kind": "Reference",
8621 "text": "Props"
8622 },
8623 {
8624 "kind": "Content",
8625 "text": ", any> | "
8626 },
8627 {
8628 "kind": "Reference",
8629 "text": "React"
8630 },
8631 {
8632 "kind": "Content",
8633 "text": "."
8634 },
8635 {
8636 "kind": "Reference",
8637 "text": "FunctionComponent"
8638 },
8639 {
8640 "kind": "Content",
8641 "text": "<"
8642 },
8643 {
8644 "kind": "Reference",
8645 "text": "Props"
8646 },
8647 {
8648 "kind": "Content",
8649 "text": ">) => "
8650 },
8651 {
8652 "kind": "Reference",
8653 "text": "React"
8654 },
8655 {
8656 "kind": "Content",
8657 "text": "."
8658 },
8659 {
8660 "kind": "Reference",
8661 "text": "ForwardRefExoticComponent"
8662 },
8663 {
8664 "kind": "Content",
8665 "text": "<"
8666 },
8667 {
8668 "kind": "Reference",
8669 "text": "React"
8670 },
8671 {
8672 "kind": "Content",
8673 "text": "."
8674 },
8675 {
8676 "kind": "Reference",
8677 "text": "PropsWithoutRef"
8678 },
8679 {
8680 "kind": "Content",
8681 "text": "<"
8682 },
8683 {
8684 "kind": "Reference",
8685 "text": "Props"
8686 },
8687 {
8688 "kind": "Content",
8689 "text": " & "
8690 },
8691 {
8692 "kind": "Reference",
8693 "text": "MotionProps"
8694 },
8695 {
8696 "kind": "Content",
8697 "text": "> & "
8698 },
8699 {
8700 "kind": "Reference",
8701 "text": "React"
8702 },
8703 {
8704 "kind": "Content",
8705 "text": "."
8706 },
8707 {
8708 "kind": "Reference",
8709 "text": "RefAttributes"
8710 },
8711 {
8712 "kind": "Content",
8713 "text": "<"
8714 },
8715 {
8716 "kind": "Reference",
8717 "text": "Element"
8718 },
8719 {
8720 "kind": "Content",
8721 "text": ">>;\n}"
8722 }
8723 ],
8724 "releaseTag": "Public",
8725 "name": "motion",
8726 "variableTypeTokenRange": {
8727 "startIndex": 2,
8728 "endIndex": 1501
8729 }
8730 },
8731 {
8732 "kind": "Interface",
8733 "docComment": "/**\n * @public\n */\n",
8734 "excerptTokens": [
8735 {
8736 "kind": "Content",
8737 "text": "export interface "
8738 },
8739 {
8740 "kind": "Reference",
8741 "text": "MotionAdvancedProps"
8742 },
8743 {
8744 "kind": "Content",
8745 "text": " "
8746 }
8747 ],
8748 "releaseTag": "Public",
8749 "name": "MotionAdvancedProps",
8750 "members": [
8751 {
8752 "kind": "PropertySignature",
8753 "docComment": "/**\n * Custom data to use to resolve dynamic variants differently for each animating component.\n *\n * @library\n * ```jsx\n * const variants = {\n * visible: (custom) => ({\n * opacity: 1,\n * transition: { delay: custom * 0.2 }\n * })\n * }\n *\n * <Frame custom={0} animate=\"visible\" variants={variants} />\n * <Frame custom={1} animate=\"visible\" variants={variants} />\n * <Frame custom={2} animate=\"visible\" variants={variants} />\n * ```\n *\n * @motion\n * ```jsx\n * const variants = {\n * visible: (custom) => ({\n * opacity: 1,\n * transition: { delay: custom * 0.2 }\n * })\n * }\n *\n * <motion.div custom={0} animate=\"visible\" variants={variants} />\n * <motion.div custom={1} animate=\"visible\" variants={variants} />\n * <motion.div custom={2} animate=\"visible\" variants={variants} />\n * ```\n *\n * @public\n */\n",
8754 "excerptTokens": [
8755 {
8756 "kind": "Reference",
8757 "text": "custom"
8758 },
8759 {
8760 "kind": "Content",
8761 "text": "?: "
8762 },
8763 {
8764 "kind": "Content",
8765 "text": "any"
8766 },
8767 {
8768 "kind": "Content",
8769 "text": ";"
8770 }
8771 ],
8772 "releaseTag": "Public",
8773 "name": "custom",
8774 "propertyTypeTokenRange": {
8775 "startIndex": 2,
8776 "endIndex": 3
8777 }
8778 },
8779 {
8780 "kind": "PropertySignature",
8781 "docComment": "/**\n * Set to `false` to prevent inheriting variant changes from its parent.\n *\n * @public\n */\n",
8782 "excerptTokens": [
8783 {
8784 "kind": "Reference",
8785 "text": "inherit"
8786 },
8787 {
8788 "kind": "Content",
8789 "text": "?: "
8790 },
8791 {
8792 "kind": "Content",
8793 "text": "boolean"
8794 },
8795 {
8796 "kind": "Content",
8797 "text": ";"
8798 }
8799 ],
8800 "releaseTag": "Public",
8801 "name": "inherit",
8802 "propertyTypeTokenRange": {
8803 "startIndex": 2,
8804 "endIndex": 3
8805 }
8806 }
8807 ],
8808 "extendsTokenRanges": []
8809 },
8810 {
8811 "kind": "Interface",
8812 "docComment": "/**\n * @public\n */\n",
8813 "excerptTokens": [
8814 {
8815 "kind": "Content",
8816 "text": "export interface "
8817 },
8818 {
8819 "kind": "Reference",
8820 "text": "MotionCallbacks"
8821 },
8822 {
8823 "kind": "Content",
8824 "text": " "
8825 }
8826 ],
8827 "releaseTag": "Public",
8828 "name": "MotionCallbacks",
8829 "members": [
8830 {
8831 "kind": "MethodSignature",
8832 "docComment": "/**\n * Callback when animation defined in `animate` is complete.\n *\n * @library\n * ```jsx\n * function onComplete() {\n * console.log(\"Animation completed\")\n * }\n *\n * <Frame animate={{ x: 100 }} onAnimationComplete={onComplete} />\n * ```\n *\n * @motion\n * ```jsx\n * function onComplete() {\n * console.log(\"Animation completed\")\n * }\n *\n * <motion.div animate={{ x: 100 }} onAnimationComplete={onComplete} />\n * ```\n *\n */\n",
8833 "excerptTokens": [
8834 {
8835 "kind": "Reference",
8836 "text": "onAnimationComplete"
8837 },
8838 {
8839 "kind": "Content",
8840 "text": "?(): "
8841 },
8842 {
8843 "kind": "Content",
8844 "text": "void"
8845 },
8846 {
8847 "kind": "Content",
8848 "text": ";"
8849 }
8850 ],
8851 "returnTypeTokenRange": {
8852 "startIndex": 2,
8853 "endIndex": 3
8854 },
8855 "releaseTag": "Public",
8856 "overloadIndex": 0,
8857 "parameters": [],
8858 "name": "onAnimationComplete"
8859 },
8860 {
8861 "kind": "MethodSignature",
8862 "docComment": "/**\n * Callback when animation defined in `animate` begins.\n *\n * @library\n * ```jsx\n * function onStart() {\n * console.log(\"Animation completed\")\n * }\n *\n * <Frame animate={{ x: 100 }} onAnimationStart={onStart} />\n * ```\n *\n * @motion\n * ```jsx\n * function onStart() {\n * console.log(\"Animation completed\")\n * }\n *\n * <motion.div animate={{ x: 100 }} onAnimationStart={onStart} />\n * ```\n *\n */\n",
8863 "excerptTokens": [
8864 {
8865 "kind": "Reference",
8866 "text": "onAnimationStart"
8867 },
8868 {
8869 "kind": "Content",
8870 "text": "?(): "
8871 },
8872 {
8873 "kind": "Content",
8874 "text": "void"
8875 },
8876 {
8877 "kind": "Content",
8878 "text": ";"
8879 }
8880 ],
8881 "returnTypeTokenRange": {
8882 "startIndex": 2,
8883 "endIndex": 3
8884 },
8885 "releaseTag": "Public",
8886 "overloadIndex": 0,
8887 "parameters": [],
8888 "name": "onAnimationStart"
8889 },
8890 {
8891 "kind": "MethodSignature",
8892 "docComment": "/**\n * Callback with latest motion values, fired max once per frame.\n *\n * @library\n * ```jsx\n * function onUpdate(latest) {\n * console.log(latest.x, latest.opacity)\n * }\n *\n * <Frame animate={{ x: 100, opacity: 0 }} onUpdate={onUpdate} />\n * ```\n *\n * @motion\n * ```jsx\n * function onUpdate(latest) {\n * console.log(latest.x, latest.opacity)\n * }\n *\n * <motion.div animate={{ x: 100, opacity: 0 }} onUpdate={onUpdate} />\n * ```\n *\n */\n",
8893 "excerptTokens": [
8894 {
8895 "kind": "Reference",
8896 "text": "onUpdate"
8897 },
8898 {
8899 "kind": "Content",
8900 "text": "?("
8901 },
8902 {
8903 "kind": "Reference",
8904 "text": "latest"
8905 },
8906 {
8907 "kind": "Content",
8908 "text": ": "
8909 },
8910 {
8911 "kind": "Content",
8912 "text": "{\n ["
8913 },
8914 {
8915 "kind": "Reference",
8916 "text": "key"
8917 },
8918 {
8919 "kind": "Content",
8920 "text": ": string]: string | number;\n }"
8921 },
8922 {
8923 "kind": "Content",
8924 "text": "): "
8925 },
8926 {
8927 "kind": "Content",
8928 "text": "void"
8929 },
8930 {
8931 "kind": "Content",
8932 "text": ";"
8933 }
8934 ],
8935 "returnTypeTokenRange": {
8936 "startIndex": 8,
8937 "endIndex": 9
8938 },
8939 "releaseTag": "Public",
8940 "overloadIndex": 0,
8941 "parameters": [
8942 {
8943 "parameterName": "latest",
8944 "parameterTypeTokenRange": {
8945 "startIndex": 4,
8946 "endIndex": 7
8947 }
8948 }
8949 ],
8950 "name": "onUpdate"
8951 }
8952 ],
8953 "extendsTokenRanges": []
8954 },
8955 {
8956 "kind": "Interface",
8957 "docComment": "/**\n * Props for `motion` components.\n *\n * @public\n */\n",
8958 "excerptTokens": [
8959 {
8960 "kind": "Content",
8961 "text": "export interface "
8962 },
8963 {
8964 "kind": "Reference",
8965 "text": "MotionProps"
8966 },
8967 {
8968 "kind": "Content",
8969 "text": " extends "
8970 },
8971 {
8972 "kind": "Reference",
8973 "text": "AnimationProps"
8974 },
8975 {
8976 "kind": "Content",
8977 "text": ", "
8978 },
8979 {
8980 "kind": "Reference",
8981 "text": "MotionCallbacks"
8982 },
8983 {
8984 "kind": "Content",
8985 "text": ", "
8986 },
8987 {
8988 "kind": "Reference",
8989 "text": "GestureHandlers"
8990 },
8991 {
8992 "kind": "Content",
8993 "text": ", "
8994 },
8995 {
8996 "kind": "Reference",
8997 "text": "DraggableProps"
8998 },
8999 {
9000 "kind": "Content",
9001 "text": ", "
9002 },
9003 {
9004 "kind": "Reference",
9005 "text": "MotionAdvancedProps"
9006 },
9007 {
9008 "kind": "Content",
9009 "text": " "
9010 }
9011 ],
9012 "releaseTag": "Public",
9013 "name": "MotionProps",
9014 "members": [
9015 {
9016 "kind": "PropertySignature",
9017 "docComment": "/**\n * Properties, variant label or array of variant labels to start in.\n *\n * Set to `false` to initialise with the values in `animate` (disabling the mount animation)\n *\n * @library\n * ```jsx\n * // As values\n * <Frame initial={{ opacity: 1 }} />\n *\n * // As variant\n * <Frame initial=\"visible\" variants={variants} />\n *\n * // Multiple variants\n * <Frame initial={[\"visible\", \"active\"]} variants={variants} />\n *\n * // As false (disable mount animation)\n * <Frame initial={false} animate={{ opacity: 0 }} />\n * ```\n *\n * @motion\n * ```jsx\n * // As values\n * <motion.div initial={{ opacity: 1 }} />\n *\n * // As variant\n * <motion.div initial=\"visible\" variants={variants} />\n *\n * // Multiple variants\n * <motion.div initial={[\"visible\", \"active\"]} variants={variants} />\n *\n * // As false (disable mount animation)\n * <motion.div initial={false} animate={{ opacity: 0 }} />\n * ```\n *\n */\n",
9018 "excerptTokens": [
9019 {
9020 "kind": "Reference",
9021 "text": "initial"
9022 },
9023 {
9024 "kind": "Content",
9025 "text": "?: "
9026 },
9027 {
9028 "kind": "Content",
9029 "text": "boolean | "
9030 },
9031 {
9032 "kind": "Reference",
9033 "text": "Target"
9034 },
9035 {
9036 "kind": "Content",
9037 "text": " | "
9038 },
9039 {
9040 "kind": "Reference",
9041 "text": "VariantLabels"
9042 },
9043 {
9044 "kind": "Content",
9045 "text": ";"
9046 }
9047 ],
9048 "releaseTag": "Public",
9049 "name": "initial",
9050 "propertyTypeTokenRange": {
9051 "startIndex": 2,
9052 "endIndex": 6
9053 }
9054 },
9055 {
9056 "kind": "PropertySignature",
9057 "docComment": "/**\n * @library\n *\n * The React DOM `style` prop, useful for setting CSS properties that aren't explicitly exposed by `Frame` props.\n * ```jsx\n * <Frame style={{ mixBlendMode: \"difference\" }} />\n * ```\n *\n * @motion\n *\n * The React DOM `style` prop, enhanced with support for `MotionValue`s and separate `transform` values.\n * ```jsx\n * export const MyComponent = () => {\n * const x = useMotionValue(0)\n *\n * return <motion.div style={{ x, opacity: 1, scale: 0.5 }} />\n * }\n * ```\n *\n */\n",
9058 "excerptTokens": [
9059 {
9060 "kind": "Reference",
9061 "text": "style"
9062 },
9063 {
9064 "kind": "Content",
9065 "text": "?: "
9066 },
9067 {
9068 "kind": "Reference",
9069 "text": "MotionStyle"
9070 },
9071 {
9072 "kind": "Content",
9073 "text": ";"
9074 }
9075 ],
9076 "releaseTag": "Public",
9077 "name": "style",
9078 "propertyTypeTokenRange": {
9079 "startIndex": 2,
9080 "endIndex": 3
9081 }
9082 },
9083 {
9084 "kind": "MethodSignature",
9085 "docComment": "/**\n * By default, Framer Motion generates a `transform` property with a sensible transform order. `transformTemplate` can be used to create a different order, or to append/preprend the automatically generated `transform` property.\n *\n * @library\n * ```jsx\n * function transformTemplate({ x, rotate }) {\n * return `rotate(${rotate}deg) translateX(${x}px)`\n * }\n *\n * <Frame x={0} rotate={180} transformTemplate={transformTemplate} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * style={{ x: 0, rotate: 180 }}\n * transformTemplate={\n * ({ x, rotate }) => `rotate(${rotate}deg) translateX(${x}px)`\n * }\n * />\n * ```\n *\n * @param transform - The latest animated transform props.\n *\n * @param generatedTransform - The transform string as automatically generated by Framer Motion\n *\n * @public\n */\n",
9086 "excerptTokens": [
9087 {
9088 "kind": "Reference",
9089 "text": "transformTemplate"
9090 },
9091 {
9092 "kind": "Content",
9093 "text": "?("
9094 },
9095 {
9096 "kind": "Reference",
9097 "text": "transform"
9098 },
9099 {
9100 "kind": "Content",
9101 "text": ": "
9102 },
9103 {
9104 "kind": "Reference",
9105 "text": "TransformProperties"
9106 },
9107 {
9108 "kind": "Content",
9109 "text": ", "
9110 },
9111 {
9112 "kind": "Reference",
9113 "text": "generatedTransform"
9114 },
9115 {
9116 "kind": "Content",
9117 "text": ": "
9118 },
9119 {
9120 "kind": "Content",
9121 "text": "string"
9122 },
9123 {
9124 "kind": "Content",
9125 "text": "): "
9126 },
9127 {
9128 "kind": "Content",
9129 "text": "string"
9130 },
9131 {
9132 "kind": "Content",
9133 "text": ";"
9134 }
9135 ],
9136 "returnTypeTokenRange": {
9137 "startIndex": 10,
9138 "endIndex": 11
9139 },
9140 "releaseTag": "Public",
9141 "overloadIndex": 0,
9142 "parameters": [
9143 {
9144 "parameterName": "transform",
9145 "parameterTypeTokenRange": {
9146 "startIndex": 4,
9147 "endIndex": 5
9148 }
9149 },
9150 {
9151 "parameterName": "generatedTransform",
9152 "parameterTypeTokenRange": {
9153 "startIndex": 8,
9154 "endIndex": 9
9155 }
9156 }
9157 ],
9158 "name": "transformTemplate"
9159 }
9160 ],
9161 "extendsTokenRanges": [
9162 {
9163 "startIndex": 3,
9164 "endIndex": 4
9165 },
9166 {
9167 "startIndex": 5,
9168 "endIndex": 6
9169 },
9170 {
9171 "startIndex": 7,
9172 "endIndex": 8
9173 },
9174 {
9175 "startIndex": 9,
9176 "endIndex": 10
9177 },
9178 {
9179 "startIndex": 11,
9180 "endIndex": 13
9181 }
9182 ]
9183 },
9184 {
9185 "kind": "TypeAlias",
9186 "docComment": "/**\n * @public\n */\n",
9187 "excerptTokens": [
9188 {
9189 "kind": "Content",
9190 "text": "export declare type "
9191 },
9192 {
9193 "kind": "Reference",
9194 "text": "MotionStyle"
9195 },
9196 {
9197 "kind": "Content",
9198 "text": " = "
9199 },
9200 {
9201 "kind": "Reference",
9202 "text": "MotionCSS"
9203 },
9204 {
9205 "kind": "Content",
9206 "text": " & "
9207 },
9208 {
9209 "kind": "Reference",
9210 "text": "MotionTransform"
9211 },
9212 {
9213 "kind": "Content",
9214 "text": " & "
9215 },
9216 {
9217 "kind": "Reference",
9218 "text": "MakeMotion"
9219 },
9220 {
9221 "kind": "Content",
9222 "text": "<"
9223 },
9224 {
9225 "kind": "Reference",
9226 "text": "SVGPathProperties"
9227 },
9228 {
9229 "kind": "Content",
9230 "text": "> & "
9231 },
9232 {
9233 "kind": "Reference",
9234 "text": "MakeCustomValueType"
9235 },
9236 {
9237 "kind": "Content",
9238 "text": "<"
9239 },
9240 {
9241 "kind": "Reference",
9242 "text": "CustomStyles"
9243 },
9244 {
9245 "kind": "Content",
9246 "text": ">"
9247 },
9248 {
9249 "kind": "Content",
9250 "text": ";"
9251 }
9252 ],
9253 "releaseTag": "Public",
9254 "name": "MotionStyle",
9255 "typeTokenRange": {
9256 "startIndex": 3,
9257 "endIndex": 15
9258 }
9259 },
9260 {
9261 "kind": "TypeAlias",
9262 "docComment": "/**\n * @public\n */\n",
9263 "excerptTokens": [
9264 {
9265 "kind": "Content",
9266 "text": "export declare type "
9267 },
9268 {
9269 "kind": "Reference",
9270 "text": "MotionTransform"
9271 },
9272 {
9273 "kind": "Content",
9274 "text": " = "
9275 },
9276 {
9277 "kind": "Reference",
9278 "text": "MakeMotion"
9279 },
9280 {
9281 "kind": "Content",
9282 "text": "<"
9283 },
9284 {
9285 "kind": "Reference",
9286 "text": "TransformProperties"
9287 },
9288 {
9289 "kind": "Content",
9290 "text": ">"
9291 },
9292 {
9293 "kind": "Content",
9294 "text": ";"
9295 }
9296 ],
9297 "releaseTag": "Public",
9298 "name": "MotionTransform",
9299 "typeTokenRange": {
9300 "startIndex": 3,
9301 "endIndex": 7
9302 }
9303 },
9304 {
9305 "kind": "Class",
9306 "docComment": "/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @remarks\n *\n * The constructor for this class is marked as internal. Third-party code should not call the constructor directly or create subclasses that extend the `MotionValue` class.\n *\n * @public\n */\n",
9307 "excerptTokens": [
9308 {
9309 "kind": "Content",
9310 "text": "export declare class "
9311 },
9312 {
9313 "kind": "Reference",
9314 "text": "MotionValue"
9315 },
9316 {
9317 "kind": "Content",
9318 "text": "<"
9319 },
9320 {
9321 "kind": "Reference",
9322 "text": "V"
9323 },
9324 {
9325 "kind": "Content",
9326 "text": " = "
9327 },
9328 {
9329 "kind": "Content",
9330 "text": "any"
9331 },
9332 {
9333 "kind": "Content",
9334 "text": "> "
9335 }
9336 ],
9337 "releaseTag": "Public",
9338 "typeParameters": [
9339 {
9340 "typeParameterName": "V",
9341 "constraintTokenRange": {
9342 "startIndex": 0,
9343 "endIndex": 0
9344 },
9345 "defaultTypeTokenRange": {
9346 "startIndex": 5,
9347 "endIndex": 6
9348 }
9349 }
9350 ],
9351 "name": "MotionValue",
9352 "members": [
9353 {
9354 "kind": "Method",
9355 "docComment": "/**\n * Destroy and clean up subscribers to this `MotionValue`.\n *\n * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually created a `MotionValue` via the `motionValue` function.\n *\n * @public\n */\n",
9356 "excerptTokens": [
9357 {
9358 "kind": "Reference",
9359 "text": "destroy"
9360 },
9361 {
9362 "kind": "Content",
9363 "text": "(): "
9364 },
9365 {
9366 "kind": "Content",
9367 "text": "void"
9368 },
9369 {
9370 "kind": "Content",
9371 "text": ";"
9372 }
9373 ],
9374 "isStatic": false,
9375 "returnTypeTokenRange": {
9376 "startIndex": 2,
9377 "endIndex": 3
9378 },
9379 "releaseTag": "Public",
9380 "overloadIndex": 0,
9381 "parameters": [],
9382 "name": "destroy"
9383 },
9384 {
9385 "kind": "Method",
9386 "docComment": "/**\n * Returns the latest state of `MotionValue`\n *\n * @returns - The latest state of `MotionValue`\n *\n * @public\n */\n",
9387 "excerptTokens": [
9388 {
9389 "kind": "Reference",
9390 "text": "get"
9391 },
9392 {
9393 "kind": "Content",
9394 "text": "(): "
9395 },
9396 {
9397 "kind": "Reference",
9398 "text": "V"
9399 },
9400 {
9401 "kind": "Content",
9402 "text": ";"
9403 }
9404 ],
9405 "isStatic": false,
9406 "returnTypeTokenRange": {
9407 "startIndex": 2,
9408 "endIndex": 3
9409 },
9410 "releaseTag": "Public",
9411 "overloadIndex": 0,
9412 "parameters": [],
9413 "name": "get"
9414 },
9415 {
9416 "kind": "Method",
9417 "docComment": "/**\n * Returns the latest velocity of `MotionValue`\n *\n * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n *\n * @public\n */\n",
9418 "excerptTokens": [
9419 {
9420 "kind": "Reference",
9421 "text": "getVelocity"
9422 },
9423 {
9424 "kind": "Content",
9425 "text": "(): "
9426 },
9427 {
9428 "kind": "Content",
9429 "text": "number"
9430 },
9431 {
9432 "kind": "Content",
9433 "text": ";"
9434 }
9435 ],
9436 "isStatic": false,
9437 "returnTypeTokenRange": {
9438 "startIndex": 2,
9439 "endIndex": 3
9440 },
9441 "releaseTag": "Public",
9442 "overloadIndex": 0,
9443 "parameters": [],
9444 "name": "getVelocity"
9445 },
9446 {
9447 "kind": "Method",
9448 "docComment": "/**\n * Returns `true` if this value is currently animating.\n *\n * @public\n */\n",
9449 "excerptTokens": [
9450 {
9451 "kind": "Reference",
9452 "text": "isAnimating"
9453 },
9454 {
9455 "kind": "Content",
9456 "text": "(): "
9457 },
9458 {
9459 "kind": "Content",
9460 "text": "boolean"
9461 },
9462 {
9463 "kind": "Content",
9464 "text": ";"
9465 }
9466 ],
9467 "isStatic": false,
9468 "returnTypeTokenRange": {
9469 "startIndex": 2,
9470 "endIndex": 3
9471 },
9472 "releaseTag": "Public",
9473 "overloadIndex": 0,
9474 "parameters": [],
9475 "name": "isAnimating"
9476 },
9477 {
9478 "kind": "Method",
9479 "docComment": "/**\n * Adds a function that will be notified when the `MotionValue` is updated.\n *\n * It returns a function that, when called, will cancel the subscription.\n *\n * When calling `onChange` inside a React component, it should be wrapped with the `useEffect` hook. As it returns an unsubscribe function, this should be returned from the `useEffect` function to ensure you don't add duplicate subscribers..\n *\n * @library\n * ```jsx\n * function MyComponent() {\n * const x = useMotionValue(0)\n * const y = useMotionValue(0)\n * const opacity = useMotionValue(1)\n *\n * useEffect(() => {\n * function updateOpacity() {\n * const maxXY = Math.max(x.get(), y.get())\n * const newOpacity = transform(maxXY, [0, 100], [1, 0])\n * opacity.set(newOpacity)\n * }\n *\n * const unsubscribeX = x.onChange(updateOpacity)\n * const unsubscribeY = y.onChange(updateOpacity)\n *\n * return () => {\n * unsubscribeX()\n * unsubscribeY()\n * }\n * }, [])\n *\n * return <Frame x={x} />\n * }\n * ```\n *\n * @motion\n * ```jsx\n * export const MyComponent = () => {\n * const x = useMotionValue(0)\n * const y = useMotionValue(0)\n * const opacity = useMotionValue(1)\n *\n * useEffect(() => {\n * function updateOpacity() {\n * const maxXY = Math.max(x.get(), y.get())\n * const newOpacity = transform(maxXY, [0, 100], [1, 0])\n * opacity.set(newOpacity)\n * }\n *\n * const unsubscribeX = x.onChange(updateOpacity)\n * const unsubscribeY = y.onChange(updateOpacity)\n *\n * return () => {\n * unsubscribeX()\n * unsubscribeY()\n * }\n * }, [])\n *\n * return <motion.div style={{ x }} />\n * }\n * ```\n *\n * @param subscriber - A function that receives the latest value.\n *\n * @returns A function that, when called, will cancel this subscription.\n *\n * @internalremarks\n *\n * We could look into a `useOnChange` hook if the above lifecycle management proves confusing.\n * ```jsx\n * useOnChange(x, () => {})\n * ```\n *\n * @public\n */\n",
9480 "excerptTokens": [
9481 {
9482 "kind": "Reference",
9483 "text": "onChange"
9484 },
9485 {
9486 "kind": "Content",
9487 "text": "("
9488 },
9489 {
9490 "kind": "Reference",
9491 "text": "subscription"
9492 },
9493 {
9494 "kind": "Content",
9495 "text": ": "
9496 },
9497 {
9498 "kind": "Reference",
9499 "text": "Subscriber"
9500 },
9501 {
9502 "kind": "Content",
9503 "text": "<"
9504 },
9505 {
9506 "kind": "Reference",
9507 "text": "V"
9508 },
9509 {
9510 "kind": "Content",
9511 "text": ">"
9512 },
9513 {
9514 "kind": "Content",
9515 "text": "): "
9516 },
9517 {
9518 "kind": "Content",
9519 "text": "() => void"
9520 },
9521 {
9522 "kind": "Content",
9523 "text": ";"
9524 }
9525 ],
9526 "isStatic": false,
9527 "returnTypeTokenRange": {
9528 "startIndex": 9,
9529 "endIndex": 10
9530 },
9531 "releaseTag": "Public",
9532 "overloadIndex": 0,
9533 "parameters": [
9534 {
9535 "parameterName": "subscription",
9536 "parameterTypeTokenRange": {
9537 "startIndex": 4,
9538 "endIndex": 8
9539 }
9540 }
9541 ],
9542 "name": "onChange"
9543 },
9544 {
9545 "kind": "Method",
9546 "docComment": "/**\n * Sets the state of the `MotionValue`.\n *\n * @remarks\n * ```jsx\n * const x = useMotionValue(0)\n * x.set(10)\n * ```\n *\n * @param latest - Latest value to set.\n *\n * @param render - Whether to notify render subscribers. Defaults to `true`\n *\n * @public\n */\n",
9547 "excerptTokens": [
9548 {
9549 "kind": "Reference",
9550 "text": "set"
9551 },
9552 {
9553 "kind": "Content",
9554 "text": "("
9555 },
9556 {
9557 "kind": "Reference",
9558 "text": "v"
9559 },
9560 {
9561 "kind": "Content",
9562 "text": ": "
9563 },
9564 {
9565 "kind": "Reference",
9566 "text": "V"
9567 },
9568 {
9569 "kind": "Content",
9570 "text": ", "
9571 },
9572 {
9573 "kind": "Reference",
9574 "text": "render"
9575 },
9576 {
9577 "kind": "Content",
9578 "text": "?: "
9579 },
9580 {
9581 "kind": "Content",
9582 "text": "boolean"
9583 },
9584 {
9585 "kind": "Content",
9586 "text": "): "
9587 },
9588 {
9589 "kind": "Content",
9590 "text": "void"
9591 },
9592 {
9593 "kind": "Content",
9594 "text": ";"
9595 }
9596 ],
9597 "isStatic": false,
9598 "returnTypeTokenRange": {
9599 "startIndex": 10,
9600 "endIndex": 11
9601 },
9602 "releaseTag": "Public",
9603 "overloadIndex": 0,
9604 "parameters": [
9605 {
9606 "parameterName": "v",
9607 "parameterTypeTokenRange": {
9608 "startIndex": 4,
9609 "endIndex": 5
9610 }
9611 },
9612 {
9613 "parameterName": "render",
9614 "parameterTypeTokenRange": {
9615 "startIndex": 8,
9616 "endIndex": 9
9617 }
9618 }
9619 ],
9620 "name": "set"
9621 },
9622 {
9623 "kind": "Method",
9624 "docComment": "/**\n * Stop the currently active animation.\n *\n * @public\n */\n",
9625 "excerptTokens": [
9626 {
9627 "kind": "Reference",
9628 "text": "stop"
9629 },
9630 {
9631 "kind": "Content",
9632 "text": "(): "
9633 },
9634 {
9635 "kind": "Content",
9636 "text": "void"
9637 },
9638 {
9639 "kind": "Content",
9640 "text": ";"
9641 }
9642 ],
9643 "isStatic": false,
9644 "returnTypeTokenRange": {
9645 "startIndex": 2,
9646 "endIndex": 3
9647 },
9648 "releaseTag": "Public",
9649 "overloadIndex": 0,
9650 "parameters": [],
9651 "name": "stop"
9652 },
9653 {
9654 "kind": "Property",
9655 "docComment": "",
9656 "excerptTokens": [
9657 {
9658 "kind": "Reference",
9659 "text": "updateAndNotify"
9660 },
9661 {
9662 "kind": "Content",
9663 "text": ": "
9664 },
9665 {
9666 "kind": "Content",
9667 "text": "("
9668 },
9669 {
9670 "kind": "Reference",
9671 "text": "v"
9672 },
9673 {
9674 "kind": "Content",
9675 "text": ": "
9676 },
9677 {
9678 "kind": "Reference",
9679 "text": "V"
9680 },
9681 {
9682 "kind": "Content",
9683 "text": ", "
9684 },
9685 {
9686 "kind": "Reference",
9687 "text": "render"
9688 },
9689 {
9690 "kind": "Content",
9691 "text": "?: boolean) => void"
9692 },
9693 {
9694 "kind": "Content",
9695 "text": ";"
9696 }
9697 ],
9698 "releaseTag": "Public",
9699 "name": "updateAndNotify",
9700 "propertyTypeTokenRange": {
9701 "startIndex": 2,
9702 "endIndex": 9
9703 },
9704 "isStatic": false
9705 }
9706 ],
9707 "implementsTokenRanges": []
9708 },
9709 {
9710 "kind": "Interface",
9711 "docComment": "/**\n * @public\n */\n",
9712 "excerptTokens": [
9713 {
9714 "kind": "Content",
9715 "text": "export interface "
9716 },
9717 {
9718 "kind": "Reference",
9719 "text": "None"
9720 },
9721 {
9722 "kind": "Content",
9723 "text": " "
9724 }
9725 ],
9726 "releaseTag": "Public",
9727 "name": "None",
9728 "members": [
9729 {
9730 "kind": "PropertySignature",
9731 "docComment": "/**\n * Set `type` to `false` for an instant transition.\n *\n * @public\n */\n",
9732 "excerptTokens": [
9733 {
9734 "kind": "Reference",
9735 "text": "type"
9736 },
9737 {
9738 "kind": "Content",
9739 "text": ": "
9740 },
9741 {
9742 "kind": "Content",
9743 "text": "false"
9744 },
9745 {
9746 "kind": "Content",
9747 "text": ";"
9748 }
9749 ],
9750 "releaseTag": "Public",
9751 "name": "type",
9752 "propertyTypeTokenRange": {
9753 "startIndex": 2,
9754 "endIndex": 3
9755 }
9756 }
9757 ],
9758 "extendsTokenRanges": []
9759 },
9760 {
9761 "kind": "Interface",
9762 "docComment": "/**\n * Options for orchestrating the timing of animations.\n *\n * @public\n */\n",
9763 "excerptTokens": [
9764 {
9765 "kind": "Content",
9766 "text": "export interface "
9767 },
9768 {
9769 "kind": "Reference",
9770 "text": "Orchestration"
9771 },
9772 {
9773 "kind": "Content",
9774 "text": " "
9775 }
9776 ],
9777 "releaseTag": "Public",
9778 "name": "Orchestration",
9779 "members": [
9780 {
9781 "kind": "PropertySignature",
9782 "docComment": "/**\n * Delay the animation by this duration (in seconds). Defaults to `0`.\n *\n * @remarks\n * ```javascript\n * const transition = {\n * delay: 0.2\n * }\n * ```\n *\n * @public\n */\n",
9783 "excerptTokens": [
9784 {
9785 "kind": "Reference",
9786 "text": "delay"
9787 },
9788 {
9789 "kind": "Content",
9790 "text": "?: "
9791 },
9792 {
9793 "kind": "Content",
9794 "text": "number"
9795 },
9796 {
9797 "kind": "Content",
9798 "text": ";"
9799 }
9800 ],
9801 "releaseTag": "Public",
9802 "name": "delay",
9803 "propertyTypeTokenRange": {
9804 "startIndex": 2,
9805 "endIndex": 3
9806 }
9807 },
9808 {
9809 "kind": "PropertySignature",
9810 "docComment": "/**\n * When using variants, children animations will start after this duration (in seconds). You can add the `transition` property to both the `Frame` and the `variant` directly. Adding it to the `variant` generally offers more flexibility, as it allows you to customize the delay per visual state.\n *\n * @library\n * ```jsx\n * const container = {\n * hidden: { opacity: 0 },\n * show: {\n * opacity: 1,\n * transition: {\n * delayChildren: 0.5\n * }\n * }\n * }\n *\n * const item = {\n * hidden: { opacity: 0 },\n * show: { opacity: 1 }\n * }\n *\n * return (\n * <Frame\n * variants={container}\n * initial=\"hidden\"\n * animate=\"show\"\n * >\n * <Frame variants={item} size={50} />\n * <Frame variants={item} size={50} />\n * </Frame>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const container = {\n * hidden: { opacity: 0 },\n * show: {\n * opacity: 1,\n * transition: {\n * delayChildren: 0.5\n * }\n * }\n * }\n *\n * const item = {\n * hidden: { opacity: 0 },\n * show: { opacity: 1 }\n * }\n *\n * return (\n * <motion.ul\n * variants={container}\n * initial=\"hidden\"\n * animate=\"show\"\n * >\n * <motion.li variants={item} />\n * <motion.li variants={item} />\n * </motion.ul>\n * )\n * ```\n *\n * @public\n */\n",
9811 "excerptTokens": [
9812 {
9813 "kind": "Reference",
9814 "text": "delayChildren"
9815 },
9816 {
9817 "kind": "Content",
9818 "text": "?: "
9819 },
9820 {
9821 "kind": "Content",
9822 "text": "number"
9823 },
9824 {
9825 "kind": "Content",
9826 "text": ";"
9827 }
9828 ],
9829 "releaseTag": "Public",
9830 "name": "delayChildren",
9831 "propertyTypeTokenRange": {
9832 "startIndex": 2,
9833 "endIndex": 3
9834 }
9835 },
9836 {
9837 "kind": "PropertySignature",
9838 "docComment": "/**\n * When using variants, animations of child components can be staggered by this duration (in seconds).\n *\n * For instance, if `staggerChildren` is `0.01`, the first child will be delayed by `0` seconds, the second by `0.01`, the third by `0.02` and so on.\n *\n * The calculated stagger delay will be added to `delayChildren`.\n *\n * @library\n * ```jsx\n * const container = {\n * hidden: { opacity: 0 },\n * show: {\n * opacity: 1,\n * transition: {\n * staggerChildren: 0.5\n * }\n * }\n * }\n *\n * const item = {\n * hidden: { opacity: 0 },\n * show: { opacity: 1 }\n * }\n *\n * return (\n * <Frame\n * variants={container}\n * initial=\"hidden\"\n * animate=\"show\"\n * >\n * <Frame variants={item} size={50} />\n * <Frame variants={item} size={50} />\n * </Frame>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const container = {\n * hidden: { opacity: 0 },\n * show: {\n * opacity: 1,\n * transition: {\n * staggerChildren: 0.5\n * }\n * }\n * }\n *\n * const item = {\n * hidden: { opacity: 0 },\n * show: { opacity: 1 }\n * }\n *\n * return (\n * <motion.ol\n * variants={container}\n * initial=\"hidden\"\n * animate=\"show\"\n * >\n * <motion.li variants={item} />\n * <motion.li variants={item} />\n * </motion.ol>\n * )\n * ```\n *\n * @public\n */\n",
9839 "excerptTokens": [
9840 {
9841 "kind": "Reference",
9842 "text": "staggerChildren"
9843 },
9844 {
9845 "kind": "Content",
9846 "text": "?: "
9847 },
9848 {
9849 "kind": "Content",
9850 "text": "number"
9851 },
9852 {
9853 "kind": "Content",
9854 "text": ";"
9855 }
9856 ],
9857 "releaseTag": "Public",
9858 "name": "staggerChildren",
9859 "propertyTypeTokenRange": {
9860 "startIndex": 2,
9861 "endIndex": 3
9862 }
9863 },
9864 {
9865 "kind": "PropertySignature",
9866 "docComment": "/**\n * The direction in which to stagger children.\n *\n * A value of `1` staggers from the first to the last while `-1` staggers from the last to the first.\n *\n * @library\n * ```jsx\n * const container = {\n * hidden: { opacity: 0 },\n * show: {\n * opacity: 1,\n * transition: {\n * delayChildren: 0.5,\n * staggerDirection: -1\n * }\n * }\n * }\n *\n * const item = {\n * hidden: { opacity: 0 },\n * show: { opacity: 1 }\n * }\n *\n * return (\n * <Frame\n * variants={container}\n * initial=\"hidden\"\n * animate=\"show\"\n * >\n * <Frame variants={item} size={50} />\n * <Frame variants={item} size={50} />\n * </Frame>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const container = {\n * hidden: { opacity: 0 },\n * show: {\n * opacity: 1,\n * transition: {\n * delayChildren: 0.5,\n * staggerDirection: -1\n * }\n * }\n * }\n *\n * const item = {\n * hidden: { opacity: 0 },\n * show: { opacity: 1 }\n * }\n *\n * return (\n * <motion.ul\n * variants={container}\n * initial=\"hidden\"\n * animate=\"show\"\n * >\n * <motion.li variants={item} size={50} />\n * <motion.li variants={item} size={50} />\n * </motion.ul>\n * )\n * ```\n *\n * @public\n */\n",
9867 "excerptTokens": [
9868 {
9869 "kind": "Reference",
9870 "text": "staggerDirection"
9871 },
9872 {
9873 "kind": "Content",
9874 "text": "?: "
9875 },
9876 {
9877 "kind": "Content",
9878 "text": "number"
9879 },
9880 {
9881 "kind": "Content",
9882 "text": ";"
9883 }
9884 ],
9885 "releaseTag": "Public",
9886 "name": "staggerDirection",
9887 "propertyTypeTokenRange": {
9888 "startIndex": 2,
9889 "endIndex": 3
9890 }
9891 },
9892 {
9893 "kind": "PropertySignature",
9894 "docComment": "/**\n * Describes the relationship between the transition and its children. Set to `false` by default.\n *\n * @remarks\n *\n * When using variants, the transition can be scheduled in relation to its children with either `\"beforeChildren\"` to finish this transition before starting children transitions, `\"afterChildren\"` to finish children transitions before starting this transition.\n *\n * @library\n * ```jsx\n * const container = {\n * hidden: {\n * opacity: 0,\n * transition: { when: \"afterChildren\" }\n * }\n * }\n *\n * const item = {\n * hidden: {\n * opacity: 0,\n * transition: { duration: 2 }\n * }\n * }\n *\n * return (\n * <Frame variants={container} animate=\"hidden\">\n * <Frame variants={item} size={50} />\n * <Frame variants={item} size={50} />\n * </Frame>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const list = {\n * hidden: {\n * opacity: 0,\n * transition: { when: \"afterChildren\" }\n * }\n * }\n *\n * const item = {\n * hidden: {\n * opacity: 0,\n * transition: { duration: 2 }\n * }\n * }\n *\n * return (\n * <motion.ul variants={list} animate=\"hidden\">\n * <motion.li variants={item} />\n * <motion.li variants={item} />\n * </motion.ul>\n * )\n * ```\n *\n * @public\n */\n",
9895 "excerptTokens": [
9896 {
9897 "kind": "Reference",
9898 "text": "when"
9899 },
9900 {
9901 "kind": "Content",
9902 "text": "?: "
9903 },
9904 {
9905 "kind": "Content",
9906 "text": "false | \"beforeChildren\" | \"afterChildren\" | string"
9907 },
9908 {
9909 "kind": "Content",
9910 "text": ";"
9911 }
9912 ],
9913 "releaseTag": "Public",
9914 "name": "when",
9915 "propertyTypeTokenRange": {
9916 "startIndex": 2,
9917 "endIndex": 3
9918 }
9919 }
9920 ],
9921 "extendsTokenRanges": []
9922 },
9923 {
9924 "kind": "Interface",
9925 "docComment": "/**\n * @public\n */\n",
9926 "excerptTokens": [
9927 {
9928 "kind": "Content",
9929 "text": "export interface "
9930 },
9931 {
9932 "kind": "Reference",
9933 "text": "PanHandlers"
9934 },
9935 {
9936 "kind": "Content",
9937 "text": " "
9938 }
9939 ],
9940 "releaseTag": "Public",
9941 "name": "PanHandlers",
9942 "members": [
9943 {
9944 "kind": "MethodSignature",
9945 "docComment": "/**\n * Callback function that fires when the pan gesture is recognised on this element.\n *\n * @library\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onPan={onPan} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onPan={onPan} />\n * ```\n *\n * @param event - The originating pointer event.\n *\n * @param info - A {@link PanInfo} object containing `x` and `y` values for:\n *\n * - `point`: Relative to the device or page. - `delta`: Distance moved since the last event. - `offset`: Offset from the original pan event. - `velocity`: Current velocity of the pointer.\n */\n",
9946 "excerptTokens": [
9947 {
9948 "kind": "Reference",
9949 "text": "onPan"
9950 },
9951 {
9952 "kind": "Content",
9953 "text": "?("
9954 },
9955 {
9956 "kind": "Reference",
9957 "text": "event"
9958 },
9959 {
9960 "kind": "Content",
9961 "text": ": "
9962 },
9963 {
9964 "kind": "Reference",
9965 "text": "MouseEvent"
9966 },
9967 {
9968 "kind": "Content",
9969 "text": " | "
9970 },
9971 {
9972 "kind": "Reference",
9973 "text": "TouchEvent"
9974 },
9975 {
9976 "kind": "Content",
9977 "text": " | "
9978 },
9979 {
9980 "kind": "Reference",
9981 "text": "PointerEvent"
9982 },
9983 {
9984 "kind": "Content",
9985 "text": ", "
9986 },
9987 {
9988 "kind": "Reference",
9989 "text": "info"
9990 },
9991 {
9992 "kind": "Content",
9993 "text": ": "
9994 },
9995 {
9996 "kind": "Reference",
9997 "text": "PanInfo"
9998 },
9999 {
10000 "kind": "Content",
10001 "text": "): "
10002 },
10003 {
10004 "kind": "Content",
10005 "text": "void"
10006 },
10007 {
10008 "kind": "Content",
10009 "text": ";"
10010 }
10011 ],
10012 "returnTypeTokenRange": {
10013 "startIndex": 14,
10014 "endIndex": 15
10015 },
10016 "releaseTag": "Public",
10017 "overloadIndex": 0,
10018 "parameters": [
10019 {
10020 "parameterName": "event",
10021 "parameterTypeTokenRange": {
10022 "startIndex": 4,
10023 "endIndex": 9
10024 }
10025 },
10026 {
10027 "parameterName": "info",
10028 "parameterTypeTokenRange": {
10029 "startIndex": 12,
10030 "endIndex": 13
10031 }
10032 }
10033 ],
10034 "name": "onPan"
10035 },
10036 {
10037 "kind": "MethodSignature",
10038 "docComment": "/**\n * Callback function that fires when the pan gesture ends on this element.\n *\n * @library\n * ```jsx\n * function onPanEnd(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onPanEnd={onPanEnd} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPanEnd(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onPanEnd={onPanEnd} />\n * ```\n *\n * @param event - The originating pointer event.\n *\n * @param info - A {@link PanInfo} object containing `x`/`y` values for:\n *\n * - `point`: Relative to the device or page. - `delta`: Distance moved since the last event. - `offset`: Offset from the original pan event. - `velocity`: Current velocity of the pointer.\n */\n",
10039 "excerptTokens": [
10040 {
10041 "kind": "Reference",
10042 "text": "onPanEnd"
10043 },
10044 {
10045 "kind": "Content",
10046 "text": "?("
10047 },
10048 {
10049 "kind": "Reference",
10050 "text": "event"
10051 },
10052 {
10053 "kind": "Content",
10054 "text": ": "
10055 },
10056 {
10057 "kind": "Reference",
10058 "text": "MouseEvent"
10059 },
10060 {
10061 "kind": "Content",
10062 "text": " | "
10063 },
10064 {
10065 "kind": "Reference",
10066 "text": "TouchEvent"
10067 },
10068 {
10069 "kind": "Content",
10070 "text": " | "
10071 },
10072 {
10073 "kind": "Reference",
10074 "text": "PointerEvent"
10075 },
10076 {
10077 "kind": "Content",
10078 "text": ", "
10079 },
10080 {
10081 "kind": "Reference",
10082 "text": "info"
10083 },
10084 {
10085 "kind": "Content",
10086 "text": ": "
10087 },
10088 {
10089 "kind": "Reference",
10090 "text": "PanInfo"
10091 },
10092 {
10093 "kind": "Content",
10094 "text": "): "
10095 },
10096 {
10097 "kind": "Content",
10098 "text": "void"
10099 },
10100 {
10101 "kind": "Content",
10102 "text": ";"
10103 }
10104 ],
10105 "returnTypeTokenRange": {
10106 "startIndex": 14,
10107 "endIndex": 15
10108 },
10109 "releaseTag": "Public",
10110 "overloadIndex": 0,
10111 "parameters": [
10112 {
10113 "parameterName": "event",
10114 "parameterTypeTokenRange": {
10115 "startIndex": 4,
10116 "endIndex": 9
10117 }
10118 },
10119 {
10120 "parameterName": "info",
10121 "parameterTypeTokenRange": {
10122 "startIndex": 12,
10123 "endIndex": 13
10124 }
10125 }
10126 ],
10127 "name": "onPanEnd"
10128 },
10129 {
10130 "kind": "MethodSignature",
10131 "docComment": "/**\n * Callback function that fires when we begin detecting a pan gesture. This is analogous to `onMouseStart` or `onTouchStart`.\n *\n * @library\n * ```jsx\n * function onPanSessionStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onPanSessionStart={onPanSessionStart} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPanSessionStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onPanSessionStart={onPanSessionStart} />\n * ```\n *\n * @param event - The originating pointer event.\n *\n * @param info - An {@link EventInfo} object containing `x`/`y` values for:\n *\n * - `point`: Relative to the device or page.\n */\n",
10132 "excerptTokens": [
10133 {
10134 "kind": "Reference",
10135 "text": "onPanSessionStart"
10136 },
10137 {
10138 "kind": "Content",
10139 "text": "?("
10140 },
10141 {
10142 "kind": "Reference",
10143 "text": "event"
10144 },
10145 {
10146 "kind": "Content",
10147 "text": ": "
10148 },
10149 {
10150 "kind": "Reference",
10151 "text": "MouseEvent"
10152 },
10153 {
10154 "kind": "Content",
10155 "text": " | "
10156 },
10157 {
10158 "kind": "Reference",
10159 "text": "TouchEvent"
10160 },
10161 {
10162 "kind": "Content",
10163 "text": " | "
10164 },
10165 {
10166 "kind": "Reference",
10167 "text": "PointerEvent"
10168 },
10169 {
10170 "kind": "Content",
10171 "text": ", "
10172 },
10173 {
10174 "kind": "Reference",
10175 "text": "info"
10176 },
10177 {
10178 "kind": "Content",
10179 "text": ": "
10180 },
10181 {
10182 "kind": "Reference",
10183 "text": "EventInfo"
10184 },
10185 {
10186 "kind": "Content",
10187 "text": "): "
10188 },
10189 {
10190 "kind": "Content",
10191 "text": "void"
10192 },
10193 {
10194 "kind": "Content",
10195 "text": ";"
10196 }
10197 ],
10198 "returnTypeTokenRange": {
10199 "startIndex": 14,
10200 "endIndex": 15
10201 },
10202 "releaseTag": "Public",
10203 "overloadIndex": 0,
10204 "parameters": [
10205 {
10206 "parameterName": "event",
10207 "parameterTypeTokenRange": {
10208 "startIndex": 4,
10209 "endIndex": 9
10210 }
10211 },
10212 {
10213 "parameterName": "info",
10214 "parameterTypeTokenRange": {
10215 "startIndex": 12,
10216 "endIndex": 13
10217 }
10218 }
10219 ],
10220 "name": "onPanSessionStart"
10221 },
10222 {
10223 "kind": "MethodSignature",
10224 "docComment": "/**\n * Callback function that fires when the pan gesture begins on this element.\n *\n * @library\n * ```jsx\n * function onPanStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onPanStart={onPanStart} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPanStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onPanStart={onPanStart} />\n * ```\n *\n * @param event - The originating pointer event.\n *\n * @param info - A {@link PanInfo} object containing `x`/`y` values for:\n *\n * - `point`: Relative to the device or page. - `delta`: Distance moved since the last event. - `offset`: Offset from the original pan event. - `velocity`: Current velocity of the pointer.\n */\n",
10225 "excerptTokens": [
10226 {
10227 "kind": "Reference",
10228 "text": "onPanStart"
10229 },
10230 {
10231 "kind": "Content",
10232 "text": "?("
10233 },
10234 {
10235 "kind": "Reference",
10236 "text": "event"
10237 },
10238 {
10239 "kind": "Content",
10240 "text": ": "
10241 },
10242 {
10243 "kind": "Reference",
10244 "text": "MouseEvent"
10245 },
10246 {
10247 "kind": "Content",
10248 "text": " | "
10249 },
10250 {
10251 "kind": "Reference",
10252 "text": "TouchEvent"
10253 },
10254 {
10255 "kind": "Content",
10256 "text": " | "
10257 },
10258 {
10259 "kind": "Reference",
10260 "text": "PointerEvent"
10261 },
10262 {
10263 "kind": "Content",
10264 "text": ", "
10265 },
10266 {
10267 "kind": "Reference",
10268 "text": "info"
10269 },
10270 {
10271 "kind": "Content",
10272 "text": ": "
10273 },
10274 {
10275 "kind": "Reference",
10276 "text": "PanInfo"
10277 },
10278 {
10279 "kind": "Content",
10280 "text": "): "
10281 },
10282 {
10283 "kind": "Content",
10284 "text": "void"
10285 },
10286 {
10287 "kind": "Content",
10288 "text": ";"
10289 }
10290 ],
10291 "returnTypeTokenRange": {
10292 "startIndex": 14,
10293 "endIndex": 15
10294 },
10295 "releaseTag": "Public",
10296 "overloadIndex": 0,
10297 "parameters": [
10298 {
10299 "parameterName": "event",
10300 "parameterTypeTokenRange": {
10301 "startIndex": 4,
10302 "endIndex": 9
10303 }
10304 },
10305 {
10306 "parameterName": "info",
10307 "parameterTypeTokenRange": {
10308 "startIndex": 12,
10309 "endIndex": 13
10310 }
10311 }
10312 ],
10313 "name": "onPanStart"
10314 }
10315 ],
10316 "extendsTokenRanges": []
10317 },
10318 {
10319 "kind": "Interface",
10320 "docComment": "/**\n * Passed in to pan event handlers like `onPan` the `PanInfo` object contains information about the current state of the tap gesture such as its `point`, `delta`, `offset` and `velocity`.\n *\n * @library\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onPan={onPan} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div onPan={(event, info) => {\n * console.log(info.point.x, info.point.y)\n * }} />\n * ```\n *\n * @public\n */\n",
10321 "excerptTokens": [
10322 {
10323 "kind": "Content",
10324 "text": "export interface "
10325 },
10326 {
10327 "kind": "Reference",
10328 "text": "PanInfo"
10329 },
10330 {
10331 "kind": "Content",
10332 "text": " "
10333 }
10334 ],
10335 "releaseTag": "Public",
10336 "name": "PanInfo",
10337 "members": [
10338 {
10339 "kind": "PropertySignature",
10340 "docComment": "/**\n * Contains `x` and `y` values for the distance moved since the last event.\n *\n * @library\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.delta.x, info.delta.y)\n * }\n *\n * <Frame onPan={onPan} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.delta.x, info.delta.y)\n * }\n *\n * <motion.div onPan={onPan} />\n * ```\n *\n * @public\n */\n",
10341 "excerptTokens": [
10342 {
10343 "kind": "Reference",
10344 "text": "delta"
10345 },
10346 {
10347 "kind": "Content",
10348 "text": ": "
10349 },
10350 {
10351 "kind": "Reference",
10352 "text": "Point"
10353 },
10354 {
10355 "kind": "Content",
10356 "text": ";"
10357 }
10358 ],
10359 "releaseTag": "Public",
10360 "name": "delta",
10361 "propertyTypeTokenRange": {
10362 "startIndex": 2,
10363 "endIndex": 3
10364 }
10365 },
10366 {
10367 "kind": "PropertySignature",
10368 "docComment": "/**\n * Contains `x` and `y` values for the distance moved from the first pan event.\n *\n * @library\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.offset.x, info.offset.y)\n * }\n *\n * <Frame onPan={onPan} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.offset.x, info.offset.y)\n * }\n *\n * <motion.div onPan={onPan} />\n * ```\n *\n * @public\n */\n",
10369 "excerptTokens": [
10370 {
10371 "kind": "Reference",
10372 "text": "offset"
10373 },
10374 {
10375 "kind": "Content",
10376 "text": ": "
10377 },
10378 {
10379 "kind": "Reference",
10380 "text": "Point"
10381 },
10382 {
10383 "kind": "Content",
10384 "text": ";"
10385 }
10386 ],
10387 "releaseTag": "Public",
10388 "name": "offset",
10389 "propertyTypeTokenRange": {
10390 "startIndex": 2,
10391 "endIndex": 3
10392 }
10393 },
10394 {
10395 "kind": "PropertySignature",
10396 "docComment": "/**\n * Contains `x` and `y` values for the current pan position relative to the device or page.\n *\n * @library\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onPan={onPan} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onPan={onPan} />\n * ```\n *\n * @public\n */\n",
10397 "excerptTokens": [
10398 {
10399 "kind": "Reference",
10400 "text": "point"
10401 },
10402 {
10403 "kind": "Content",
10404 "text": ": "
10405 },
10406 {
10407 "kind": "Reference",
10408 "text": "Point"
10409 },
10410 {
10411 "kind": "Content",
10412 "text": ";"
10413 }
10414 ],
10415 "releaseTag": "Public",
10416 "name": "point",
10417 "propertyTypeTokenRange": {
10418 "startIndex": 2,
10419 "endIndex": 3
10420 }
10421 },
10422 {
10423 "kind": "PropertySignature",
10424 "docComment": "/**\n * Contains `x` and `y` values for the current velocity of the pointer.\n *\n * @library\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.velocity.x, info.velocity.y)\n * }\n *\n * <Frame onPan={onPan} />\n * ```\n *\n * @motion\n * ```jsx\n * function onPan(event, info) {\n * console.log(info.velocity.x, info.velocity.y)\n * }\n *\n * <motion.div onPan={onPan} />\n * ```\n *\n * @public\n */\n",
10425 "excerptTokens": [
10426 {
10427 "kind": "Reference",
10428 "text": "velocity"
10429 },
10430 {
10431 "kind": "Content",
10432 "text": ": "
10433 },
10434 {
10435 "kind": "Reference",
10436 "text": "Point"
10437 },
10438 {
10439 "kind": "Content",
10440 "text": ";"
10441 }
10442 ],
10443 "releaseTag": "Public",
10444 "name": "velocity",
10445 "propertyTypeTokenRange": {
10446 "startIndex": 2,
10447 "endIndex": 3
10448 }
10449 }
10450 ],
10451 "extendsTokenRanges": []
10452 },
10453 {
10454 "kind": "TypeAlias",
10455 "docComment": "/**\n * @public\n */\n",
10456 "excerptTokens": [
10457 {
10458 "kind": "Content",
10459 "text": "export declare type "
10460 },
10461 {
10462 "kind": "Reference",
10463 "text": "PassiveEffect"
10464 },
10465 {
10466 "kind": "Content",
10467 "text": "<"
10468 },
10469 {
10470 "kind": "Reference",
10471 "text": "T"
10472 },
10473 {
10474 "kind": "Content",
10475 "text": "> = "
10476 },
10477 {
10478 "kind": "Content",
10479 "text": "("
10480 },
10481 {
10482 "kind": "Reference",
10483 "text": "v"
10484 },
10485 {
10486 "kind": "Content",
10487 "text": ": "
10488 },
10489 {
10490 "kind": "Reference",
10491 "text": "T"
10492 },
10493 {
10494 "kind": "Content",
10495 "text": ", "
10496 },
10497 {
10498 "kind": "Reference",
10499 "text": "safeSetter"
10500 },
10501 {
10502 "kind": "Content",
10503 "text": ": ("
10504 },
10505 {
10506 "kind": "Reference",
10507 "text": "v"
10508 },
10509 {
10510 "kind": "Content",
10511 "text": ": "
10512 },
10513 {
10514 "kind": "Reference",
10515 "text": "T"
10516 },
10517 {
10518 "kind": "Content",
10519 "text": ") => void) => void"
10520 },
10521 {
10522 "kind": "Content",
10523 "text": ";"
10524 }
10525 ],
10526 "releaseTag": "Public",
10527 "name": "PassiveEffect",
10528 "typeParameters": [
10529 {
10530 "typeParameterName": "T",
10531 "constraintTokenRange": {
10532 "startIndex": 0,
10533 "endIndex": 0
10534 },
10535 "defaultTypeTokenRange": {
10536 "startIndex": 0,
10537 "endIndex": 0
10538 }
10539 }
10540 ],
10541 "typeTokenRange": {
10542 "startIndex": 5,
10543 "endIndex": 16
10544 }
10545 },
10546 {
10547 "kind": "Interface",
10548 "docComment": "/**\n * @public\n */\n",
10549 "excerptTokens": [
10550 {
10551 "kind": "Content",
10552 "text": "export interface "
10553 },
10554 {
10555 "kind": "Reference",
10556 "text": "Point"
10557 },
10558 {
10559 "kind": "Content",
10560 "text": " "
10561 }
10562 ],
10563 "releaseTag": "Public",
10564 "name": "Point",
10565 "members": [
10566 {
10567 "kind": "PropertySignature",
10568 "docComment": "",
10569 "excerptTokens": [
10570 {
10571 "kind": "Reference",
10572 "text": "x"
10573 },
10574 {
10575 "kind": "Content",
10576 "text": ": "
10577 },
10578 {
10579 "kind": "Content",
10580 "text": "number"
10581 },
10582 {
10583 "kind": "Content",
10584 "text": ";"
10585 }
10586 ],
10587 "releaseTag": "Public",
10588 "name": "x",
10589 "propertyTypeTokenRange": {
10590 "startIndex": 2,
10591 "endIndex": 3
10592 }
10593 },
10594 {
10595 "kind": "PropertySignature",
10596 "docComment": "",
10597 "excerptTokens": [
10598 {
10599 "kind": "Reference",
10600 "text": "y"
10601 },
10602 {
10603 "kind": "Content",
10604 "text": ": "
10605 },
10606 {
10607 "kind": "Content",
10608 "text": "number"
10609 },
10610 {
10611 "kind": "Content",
10612 "text": ";"
10613 }
10614 ],
10615 "releaseTag": "Public",
10616 "name": "y",
10617 "propertyTypeTokenRange": {
10618 "startIndex": 2,
10619 "endIndex": 3
10620 }
10621 }
10622 ],
10623 "extendsTokenRanges": []
10624 },
10625 {
10626 "kind": "Namespace",
10627 "docComment": "/**\n * @public\n */\n",
10628 "excerptTokens": [
10629 {
10630 "kind": "Content",
10631 "text": "export declare namespace "
10632 },
10633 {
10634 "kind": "Reference",
10635 "text": "Point"
10636 },
10637 {
10638 "kind": "Content",
10639 "text": " "
10640 }
10641 ],
10642 "releaseTag": "Public",
10643 "name": "Point",
10644 "members": [
10645 {
10646 "kind": "Variable",
10647 "docComment": "/**\n * @beta\n */\n",
10648 "excerptTokens": [
10649 {
10650 "kind": "Reference",
10651 "text": "relativeTo"
10652 },
10653 {
10654 "kind": "Content",
10655 "text": ": "
10656 },
10657 {
10658 "kind": "Content",
10659 "text": "("
10660 },
10661 {
10662 "kind": "Reference",
10663 "text": "idOrElem"
10664 },
10665 {
10666 "kind": "Content",
10667 "text": ": string | "
10668 },
10669 {
10670 "kind": "Reference",
10671 "text": "HTMLElement"
10672 },
10673 {
10674 "kind": "Content",
10675 "text": ") => ({ "
10676 },
10677 {
10678 "kind": "Reference",
10679 "text": "x"
10680 },
10681 {
10682 "kind": "Content",
10683 "text": ", "
10684 },
10685 {
10686 "kind": "Reference",
10687 "text": "y"
10688 },
10689 {
10690 "kind": "Content",
10691 "text": " }: "
10692 },
10693 {
10694 "kind": "Reference",
10695 "text": "Point"
10696 },
10697 {
10698 "kind": "Content",
10699 "text": ") => "
10700 },
10701 {
10702 "kind": "Reference",
10703 "text": "Point"
10704 },
10705 {
10706 "kind": "Content",
10707 "text": " | undefined"
10708 }
10709 ],
10710 "releaseTag": "Beta",
10711 "name": "relativeTo",
10712 "variableTypeTokenRange": {
10713 "startIndex": 2,
10714 "endIndex": 15
10715 }
10716 },
10717 {
10718 "kind": "Variable",
10719 "docComment": "/**\n * @beta\n */\n",
10720 "excerptTokens": [
10721 {
10722 "kind": "Reference",
10723 "text": "subtract"
10724 },
10725 {
10726 "kind": "Content",
10727 "text": ": "
10728 },
10729 {
10730 "kind": "Content",
10731 "text": "("
10732 },
10733 {
10734 "kind": "Reference",
10735 "text": "a"
10736 },
10737 {
10738 "kind": "Content",
10739 "text": ": "
10740 },
10741 {
10742 "kind": "Reference",
10743 "text": "Point"
10744 },
10745 {
10746 "kind": "Content",
10747 "text": ", "
10748 },
10749 {
10750 "kind": "Reference",
10751 "text": "b"
10752 },
10753 {
10754 "kind": "Content",
10755 "text": ": "
10756 },
10757 {
10758 "kind": "Reference",
10759 "text": "Point"
10760 },
10761 {
10762 "kind": "Content",
10763 "text": ") => "
10764 },
10765 {
10766 "kind": "Reference",
10767 "text": "Point"
10768 }
10769 ],
10770 "releaseTag": "Beta",
10771 "name": "subtract",
10772 "variableTypeTokenRange": {
10773 "startIndex": 2,
10774 "endIndex": 12
10775 }
10776 }
10777 ]
10778 },
10779 {
10780 "kind": "Interface",
10781 "docComment": "/**\n * @public\n */\n",
10782 "excerptTokens": [
10783 {
10784 "kind": "Content",
10785 "text": "export interface "
10786 },
10787 {
10788 "kind": "Reference",
10789 "text": "RelayoutInfo"
10790 },
10791 {
10792 "kind": "Content",
10793 "text": " "
10794 }
10795 ],
10796 "releaseTag": "Public",
10797 "name": "RelayoutInfo",
10798 "members": [
10799 {
10800 "kind": "PropertySignature",
10801 "docComment": "",
10802 "excerptTokens": [
10803 {
10804 "kind": "Reference",
10805 "text": "delta"
10806 },
10807 {
10808 "kind": "Content",
10809 "text": ": "
10810 },
10811 {
10812 "kind": "Content",
10813 "text": "{\n "
10814 },
10815 {
10816 "kind": "Reference",
10817 "text": "x"
10818 },
10819 {
10820 "kind": "Content",
10821 "text": ": number;\n "
10822 },
10823 {
10824 "kind": "Reference",
10825 "text": "y"
10826 },
10827 {
10828 "kind": "Content",
10829 "text": ": number;\n "
10830 },
10831 {
10832 "kind": "Reference",
10833 "text": "width"
10834 },
10835 {
10836 "kind": "Content",
10837 "text": ": number;\n "
10838 },
10839 {
10840 "kind": "Reference",
10841 "text": "height"
10842 },
10843 {
10844 "kind": "Content",
10845 "text": ": number;\n }"
10846 },
10847 {
10848 "kind": "Content",
10849 "text": ";"
10850 }
10851 ],
10852 "releaseTag": "Public",
10853 "name": "delta",
10854 "propertyTypeTokenRange": {
10855 "startIndex": 2,
10856 "endIndex": 11
10857 }
10858 }
10859 ],
10860 "extendsTokenRanges": []
10861 },
10862 {
10863 "kind": "TypeAlias",
10864 "docComment": "/**\n * @public\n */\n",
10865 "excerptTokens": [
10866 {
10867 "kind": "Content",
10868 "text": "export declare type "
10869 },
10870 {
10871 "kind": "Reference",
10872 "text": "ResolvedKeyframesTarget"
10873 },
10874 {
10875 "kind": "Content",
10876 "text": " = "
10877 },
10878 {
10879 "kind": "Content",
10880 "text": "[null, ...number[]] | number[] | [null, ...string[]] | string[]"
10881 },
10882 {
10883 "kind": "Content",
10884 "text": ";"
10885 }
10886 ],
10887 "releaseTag": "Public",
10888 "name": "ResolvedKeyframesTarget",
10889 "typeTokenRange": {
10890 "startIndex": 3,
10891 "endIndex": 4
10892 }
10893 },
10894 {
10895 "kind": "TypeAlias",
10896 "docComment": "/**\n * @public\n */\n",
10897 "excerptTokens": [
10898 {
10899 "kind": "Content",
10900 "text": "export declare type "
10901 },
10902 {
10903 "kind": "Reference",
10904 "text": "ResolvedSingleTarget"
10905 },
10906 {
10907 "kind": "Content",
10908 "text": " = "
10909 },
10910 {
10911 "kind": "Content",
10912 "text": "string | number"
10913 },
10914 {
10915 "kind": "Content",
10916 "text": ";"
10917 }
10918 ],
10919 "releaseTag": "Public",
10920 "name": "ResolvedSingleTarget",
10921 "typeTokenRange": {
10922 "startIndex": 3,
10923 "endIndex": 4
10924 }
10925 },
10926 {
10927 "kind": "TypeAlias",
10928 "docComment": "/**\n * @public\n */\n",
10929 "excerptTokens": [
10930 {
10931 "kind": "Content",
10932 "text": "export declare type "
10933 },
10934 {
10935 "kind": "Reference",
10936 "text": "ResolvedValueTarget"
10937 },
10938 {
10939 "kind": "Content",
10940 "text": " = "
10941 },
10942 {
10943 "kind": "Reference",
10944 "text": "ResolvedSingleTarget"
10945 },
10946 {
10947 "kind": "Content",
10948 "text": " | "
10949 },
10950 {
10951 "kind": "Reference",
10952 "text": "ResolvedKeyframesTarget"
10953 },
10954 {
10955 "kind": "Content",
10956 "text": ";"
10957 }
10958 ],
10959 "releaseTag": "Public",
10960 "name": "ResolvedValueTarget",
10961 "typeTokenRange": {
10962 "startIndex": 3,
10963 "endIndex": 6
10964 }
10965 },
10966 {
10967 "kind": "TypeAlias",
10968 "docComment": "/**\n * @public\n */\n",
10969 "excerptTokens": [
10970 {
10971 "kind": "Content",
10972 "text": "export declare type "
10973 },
10974 {
10975 "kind": "Reference",
10976 "text": "ResolveLayoutTransition"
10977 },
10978 {
10979 "kind": "Content",
10980 "text": " = "
10981 },
10982 {
10983 "kind": "Content",
10984 "text": "("
10985 },
10986 {
10987 "kind": "Reference",
10988 "text": "info"
10989 },
10990 {
10991 "kind": "Content",
10992 "text": ": "
10993 },
10994 {
10995 "kind": "Reference",
10996 "text": "RelayoutInfo"
10997 },
10998 {
10999 "kind": "Content",
11000 "text": ") => "
11001 },
11002 {
11003 "kind": "Reference",
11004 "text": "Transition"
11005 },
11006 {
11007 "kind": "Content",
11008 "text": " | boolean"
11009 },
11010 {
11011 "kind": "Content",
11012 "text": ";"
11013 }
11014 ],
11015 "releaseTag": "Public",
11016 "name": "ResolveLayoutTransition",
11017 "typeTokenRange": {
11018 "startIndex": 3,
11019 "endIndex": 10
11020 }
11021 },
11022 {
11023 "kind": "TypeAlias",
11024 "docComment": "/**\n * @public\n */\n",
11025 "excerptTokens": [
11026 {
11027 "kind": "Content",
11028 "text": "export declare type "
11029 },
11030 {
11031 "kind": "Reference",
11032 "text": "SingleTarget"
11033 },
11034 {
11035 "kind": "Content",
11036 "text": " = "
11037 },
11038 {
11039 "kind": "Reference",
11040 "text": "ResolvedSingleTarget"
11041 },
11042 {
11043 "kind": "Content",
11044 "text": " | "
11045 },
11046 {
11047 "kind": "Reference",
11048 "text": "CustomValueType"
11049 },
11050 {
11051 "kind": "Content",
11052 "text": ";"
11053 }
11054 ],
11055 "releaseTag": "Public",
11056 "name": "SingleTarget",
11057 "typeTokenRange": {
11058 "startIndex": 3,
11059 "endIndex": 6
11060 }
11061 },
11062 {
11063 "kind": "Interface",
11064 "docComment": "/**\n * An animation that simulates spring physics for realistic motion. This is the default animation for physical values like `x`, `y`, `scale` and `rotate`.\n *\n * @public\n */\n",
11065 "excerptTokens": [
11066 {
11067 "kind": "Content",
11068 "text": "export interface "
11069 },
11070 {
11071 "kind": "Reference",
11072 "text": "Spring"
11073 },
11074 {
11075 "kind": "Content",
11076 "text": " "
11077 }
11078 ],
11079 "releaseTag": "Public",
11080 "name": "Spring",
11081 "members": [
11082 {
11083 "kind": "PropertySignature",
11084 "docComment": "/**\n * Strength of opposing force. If set to 0, spring will oscillate indefinitely. Set to `10` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\",\n * damping: 300\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.a\n * animate={{ rotate: 180 }}\n * transition={{ type: 'spring', damping: 300 }}\n * />\n * ```\n *\n * @public\n */\n",
11085 "excerptTokens": [
11086 {
11087 "kind": "Reference",
11088 "text": "damping"
11089 },
11090 {
11091 "kind": "Content",
11092 "text": "?: "
11093 },
11094 {
11095 "kind": "Content",
11096 "text": "number"
11097 },
11098 {
11099 "kind": "Content",
11100 "text": ";"
11101 }
11102 ],
11103 "releaseTag": "Public",
11104 "name": "damping",
11105 "propertyTypeTokenRange": {
11106 "startIndex": 2,
11107 "endIndex": 3
11108 }
11109 },
11110 {
11111 "kind": "PropertySignature",
11112 "docComment": "/**\n * The value to animate from. By default, this is the initial state of the animating value.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\",\n * from: 90\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ type: 'spring', from: 90 }}\n * />\n * ```\n *\n * @public\n */\n",
11113 "excerptTokens": [
11114 {
11115 "kind": "Reference",
11116 "text": "from"
11117 },
11118 {
11119 "kind": "Content",
11120 "text": "?: "
11121 },
11122 {
11123 "kind": "Content",
11124 "text": "number | string"
11125 },
11126 {
11127 "kind": "Content",
11128 "text": ";"
11129 }
11130 ],
11131 "releaseTag": "Public",
11132 "name": "from",
11133 "propertyTypeTokenRange": {
11134 "startIndex": 2,
11135 "endIndex": 3
11136 }
11137 },
11138 {
11139 "kind": "PropertySignature",
11140 "docComment": "/**\n * Mass of the moving object. Higher values will result in more lethargic movement. Set to `1` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\",\n * mass: 0.5\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.feTurbulence\n * animate={{ baseFrequency: 0.5 } as any}\n * transition={{ type: \"spring\", mass: 0.5 }}\n * />\n * ```\n *\n * @public\n */\n",
11141 "excerptTokens": [
11142 {
11143 "kind": "Reference",
11144 "text": "mass"
11145 },
11146 {
11147 "kind": "Content",
11148 "text": "?: "
11149 },
11150 {
11151 "kind": "Content",
11152 "text": "number"
11153 },
11154 {
11155 "kind": "Content",
11156 "text": ";"
11157 }
11158 ],
11159 "releaseTag": "Public",
11160 "name": "mass",
11161 "propertyTypeTokenRange": {
11162 "startIndex": 2,
11163 "endIndex": 3
11164 }
11165 },
11166 {
11167 "kind": "PropertySignature",
11168 "docComment": "/**\n * End animation if distance is below this value and speed is below `restSpeed`. When animation ends, spring gets “snapped” to. Set to `0.01` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\",\n * restDelta: 0.5\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ type: 'spring', restDelta: 0.5 }}\n * />\n * ```\n *\n * @public\n */\n",
11169 "excerptTokens": [
11170 {
11171 "kind": "Reference",
11172 "text": "restDelta"
11173 },
11174 {
11175 "kind": "Content",
11176 "text": "?: "
11177 },
11178 {
11179 "kind": "Content",
11180 "text": "number"
11181 },
11182 {
11183 "kind": "Content",
11184 "text": ";"
11185 }
11186 ],
11187 "releaseTag": "Public",
11188 "name": "restDelta",
11189 "propertyTypeTokenRange": {
11190 "startIndex": 2,
11191 "endIndex": 3
11192 }
11193 },
11194 {
11195 "kind": "PropertySignature",
11196 "docComment": "/**\n * End animation if absolute speed (in units per second) drops below this value and delta is smaller than `restDelta`. Set to `0.01` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\",\n * restSpeed: 0.5\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ type: 'spring', restSpeed: 0.5 }}\n * />\n * ```\n *\n * @public\n */\n",
11197 "excerptTokens": [
11198 {
11199 "kind": "Reference",
11200 "text": "restSpeed"
11201 },
11202 {
11203 "kind": "Content",
11204 "text": "?: "
11205 },
11206 {
11207 "kind": "Content",
11208 "text": "number"
11209 },
11210 {
11211 "kind": "Content",
11212 "text": ";"
11213 }
11214 ],
11215 "releaseTag": "Public",
11216 "name": "restSpeed",
11217 "propertyTypeTokenRange": {
11218 "startIndex": 2,
11219 "endIndex": 3
11220 }
11221 },
11222 {
11223 "kind": "PropertySignature",
11224 "docComment": "/**\n * Stiffness of the spring. Higher values will create more sudden movement. Set to `100` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\",\n * stiffness: 50\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.section\n * animate={{ rotate: 180 }}\n * transition={{ type: 'spring', stiffness: 50 }}\n * />\n * ```\n *\n * @public\n */\n",
11225 "excerptTokens": [
11226 {
11227 "kind": "Reference",
11228 "text": "stiffness"
11229 },
11230 {
11231 "kind": "Content",
11232 "text": "?: "
11233 },
11234 {
11235 "kind": "Content",
11236 "text": "number"
11237 },
11238 {
11239 "kind": "Content",
11240 "text": ";"
11241 }
11242 ],
11243 "releaseTag": "Public",
11244 "name": "stiffness",
11245 "propertyTypeTokenRange": {
11246 "startIndex": 2,
11247 "endIndex": 3
11248 }
11249 },
11250 {
11251 "kind": "PropertySignature",
11252 "docComment": "/**\n * Set `type` to `\"spring\"` to animate using spring physics for natural movement. Type is set to `\"spring\"` by default.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\"\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ type: 'spring' }}\n * />\n * ```\n *\n * @public\n */\n",
11253 "excerptTokens": [
11254 {
11255 "kind": "Reference",
11256 "text": "type"
11257 },
11258 {
11259 "kind": "Content",
11260 "text": ": "
11261 },
11262 {
11263 "kind": "Content",
11264 "text": "\"spring\""
11265 },
11266 {
11267 "kind": "Content",
11268 "text": ";"
11269 }
11270 ],
11271 "releaseTag": "Public",
11272 "name": "type",
11273 "propertyTypeTokenRange": {
11274 "startIndex": 2,
11275 "endIndex": 3
11276 }
11277 },
11278 {
11279 "kind": "PropertySignature",
11280 "docComment": "/**\n * The initial velocity of the spring. By default this is the current velocity of the component.\n *\n * @library\n * ```jsx\n * const transition = {\n * type: \"spring\",\n * velocity: 2\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ type: 'spring', velocity: 2 }}\n * />\n * ```\n *\n * @public\n */\n",
11281 "excerptTokens": [
11282 {
11283 "kind": "Reference",
11284 "text": "velocity"
11285 },
11286 {
11287 "kind": "Content",
11288 "text": "?: "
11289 },
11290 {
11291 "kind": "Content",
11292 "text": "number"
11293 },
11294 {
11295 "kind": "Content",
11296 "text": ";"
11297 }
11298 ],
11299 "releaseTag": "Public",
11300 "name": "velocity",
11301 "propertyTypeTokenRange": {
11302 "startIndex": 2,
11303 "endIndex": 3
11304 }
11305 }
11306 ],
11307 "extendsTokenRanges": []
11308 },
11309 {
11310 "kind": "TypeAlias",
11311 "docComment": "/**\n * @public\n */\n",
11312 "excerptTokens": [
11313 {
11314 "kind": "Content",
11315 "text": "export declare type "
11316 },
11317 {
11318 "kind": "Reference",
11319 "text": "Subscriber"
11320 },
11321 {
11322 "kind": "Content",
11323 "text": "<"
11324 },
11325 {
11326 "kind": "Reference",
11327 "text": "T"
11328 },
11329 {
11330 "kind": "Content",
11331 "text": "> = "
11332 },
11333 {
11334 "kind": "Content",
11335 "text": "("
11336 },
11337 {
11338 "kind": "Reference",
11339 "text": "v"
11340 },
11341 {
11342 "kind": "Content",
11343 "text": ": "
11344 },
11345 {
11346 "kind": "Reference",
11347 "text": "T"
11348 },
11349 {
11350 "kind": "Content",
11351 "text": ") => void"
11352 },
11353 {
11354 "kind": "Content",
11355 "text": ";"
11356 }
11357 ],
11358 "releaseTag": "Public",
11359 "name": "Subscriber",
11360 "typeParameters": [
11361 {
11362 "typeParameterName": "T",
11363 "constraintTokenRange": {
11364 "startIndex": 0,
11365 "endIndex": 0
11366 },
11367 "defaultTypeTokenRange": {
11368 "startIndex": 0,
11369 "endIndex": 0
11370 }
11371 }
11372 ],
11373 "typeTokenRange": {
11374 "startIndex": 5,
11375 "endIndex": 10
11376 }
11377 },
11378 {
11379 "kind": "TypeAlias",
11380 "docComment": "/**\n * Blanket-accept any SVG attribute as a `MotionValue`\n *\n * @public\n */\n",
11381 "excerptTokens": [
11382 {
11383 "kind": "Content",
11384 "text": "export declare type "
11385 },
11386 {
11387 "kind": "Reference",
11388 "text": "SVGAttributesAsMotionValues"
11389 },
11390 {
11391 "kind": "Content",
11392 "text": "<"
11393 },
11394 {
11395 "kind": "Reference",
11396 "text": "T"
11397 },
11398 {
11399 "kind": "Content",
11400 "text": "> = "
11401 },
11402 {
11403 "kind": "Reference",
11404 "text": "MakeMotion"
11405 },
11406 {
11407 "kind": "Content",
11408 "text": "<"
11409 },
11410 {
11411 "kind": "Reference",
11412 "text": "SVGAttributesWithoutMotionProps"
11413 },
11414 {
11415 "kind": "Content",
11416 "text": "<"
11417 },
11418 {
11419 "kind": "Reference",
11420 "text": "T"
11421 },
11422 {
11423 "kind": "Content",
11424 "text": ">>"
11425 },
11426 {
11427 "kind": "Content",
11428 "text": ";"
11429 }
11430 ],
11431 "releaseTag": "Public",
11432 "name": "SVGAttributesAsMotionValues",
11433 "typeParameters": [
11434 {
11435 "typeParameterName": "T",
11436 "constraintTokenRange": {
11437 "startIndex": 0,
11438 "endIndex": 0
11439 },
11440 "defaultTypeTokenRange": {
11441 "startIndex": 0,
11442 "endIndex": 0
11443 }
11444 }
11445 ],
11446 "typeTokenRange": {
11447 "startIndex": 5,
11448 "endIndex": 11
11449 }
11450 },
11451 {
11452 "kind": "Interface",
11453 "docComment": "/**\n * @public\n */\n",
11454 "excerptTokens": [
11455 {
11456 "kind": "Content",
11457 "text": "export interface "
11458 },
11459 {
11460 "kind": "Reference",
11461 "text": "SVGMotionProps"
11462 },
11463 {
11464 "kind": "Content",
11465 "text": "<"
11466 },
11467 {
11468 "kind": "Reference",
11469 "text": "T"
11470 },
11471 {
11472 "kind": "Content",
11473 "text": "> extends "
11474 },
11475 {
11476 "kind": "Reference",
11477 "text": "SVGAttributesAsMotionValues"
11478 },
11479 {
11480 "kind": "Content",
11481 "text": "<"
11482 },
11483 {
11484 "kind": "Reference",
11485 "text": "T"
11486 },
11487 {
11488 "kind": "Content",
11489 "text": ">"
11490 },
11491 {
11492 "kind": "Content",
11493 "text": ", "
11494 },
11495 {
11496 "kind": "Reference",
11497 "text": "Omit"
11498 },
11499 {
11500 "kind": "Content",
11501 "text": "<"
11502 },
11503 {
11504 "kind": "Reference",
11505 "text": "MotionProps"
11506 },
11507 {
11508 "kind": "Content",
11509 "text": ", \"positionTransition\"> "
11510 }
11511 ],
11512 "releaseTag": "Public",
11513 "typeParameters": [
11514 {
11515 "typeParameterName": "T",
11516 "constraintTokenRange": {
11517 "startIndex": 0,
11518 "endIndex": 0
11519 },
11520 "defaultTypeTokenRange": {
11521 "startIndex": 0,
11522 "endIndex": 0
11523 }
11524 }
11525 ],
11526 "name": "SVGMotionProps",
11527 "members": [],
11528 "extendsTokenRanges": [
11529 {
11530 "startIndex": 5,
11531 "endIndex": 9
11532 },
11533 {
11534 "startIndex": 10,
11535 "endIndex": 14
11536 }
11537 ]
11538 },
11539 {
11540 "kind": "Interface",
11541 "docComment": "/**\n * @public\n */\n",
11542 "excerptTokens": [
11543 {
11544 "kind": "Content",
11545 "text": "export interface "
11546 },
11547 {
11548 "kind": "Reference",
11549 "text": "TapHandlers"
11550 },
11551 {
11552 "kind": "Content",
11553 "text": " "
11554 }
11555 ],
11556 "releaseTag": "Public",
11557 "name": "TapHandlers",
11558 "members": [
11559 {
11560 "kind": "MethodSignature",
11561 "docComment": "/**\n * Callback when the tap gesture successfully ends on this element.\n *\n * @library\n * ```jsx\n * function onTap(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onTap={onTap} />\n * ```\n *\n * @motion\n * ```jsx\n * function onTap(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onTap={onTap} />\n * ```\n *\n * @param event - The originating pointer event.\n *\n * @param info - An {@link TapInfo} object containing `x` and `y` values for the `point` relative to the device or page.\n */\n",
11562 "excerptTokens": [
11563 {
11564 "kind": "Reference",
11565 "text": "onTap"
11566 },
11567 {
11568 "kind": "Content",
11569 "text": "?("
11570 },
11571 {
11572 "kind": "Reference",
11573 "text": "event"
11574 },
11575 {
11576 "kind": "Content",
11577 "text": ": "
11578 },
11579 {
11580 "kind": "Reference",
11581 "text": "MouseEvent"
11582 },
11583 {
11584 "kind": "Content",
11585 "text": " | "
11586 },
11587 {
11588 "kind": "Reference",
11589 "text": "TouchEvent"
11590 },
11591 {
11592 "kind": "Content",
11593 "text": " | "
11594 },
11595 {
11596 "kind": "Reference",
11597 "text": "PointerEvent"
11598 },
11599 {
11600 "kind": "Content",
11601 "text": ", "
11602 },
11603 {
11604 "kind": "Reference",
11605 "text": "info"
11606 },
11607 {
11608 "kind": "Content",
11609 "text": ": "
11610 },
11611 {
11612 "kind": "Reference",
11613 "text": "TapInfo"
11614 },
11615 {
11616 "kind": "Content",
11617 "text": "): "
11618 },
11619 {
11620 "kind": "Content",
11621 "text": "void"
11622 },
11623 {
11624 "kind": "Content",
11625 "text": ";"
11626 }
11627 ],
11628 "returnTypeTokenRange": {
11629 "startIndex": 14,
11630 "endIndex": 15
11631 },
11632 "releaseTag": "Public",
11633 "overloadIndex": 0,
11634 "parameters": [
11635 {
11636 "parameterName": "event",
11637 "parameterTypeTokenRange": {
11638 "startIndex": 4,
11639 "endIndex": 9
11640 }
11641 },
11642 {
11643 "parameterName": "info",
11644 "parameterTypeTokenRange": {
11645 "startIndex": 12,
11646 "endIndex": 13
11647 }
11648 }
11649 ],
11650 "name": "onTap"
11651 },
11652 {
11653 "kind": "MethodSignature",
11654 "docComment": "/**\n * Callback when the tap gesture ends outside this element.\n *\n * @library\n * ```jsx\n * function onTapCancel(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onTapCancel={onTapCancel} />\n * ```\n *\n * @motion\n * ```jsx\n * function onTapCancel(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onTapCancel={onTapCancel} />\n * ```\n *\n * @param event - The originating pointer event.\n *\n * @param info - An {@link TapInfo} object containing `x` and `y` values for the `point` relative to the device or page.\n */\n",
11655 "excerptTokens": [
11656 {
11657 "kind": "Reference",
11658 "text": "onTapCancel"
11659 },
11660 {
11661 "kind": "Content",
11662 "text": "?("
11663 },
11664 {
11665 "kind": "Reference",
11666 "text": "event"
11667 },
11668 {
11669 "kind": "Content",
11670 "text": ": "
11671 },
11672 {
11673 "kind": "Reference",
11674 "text": "MouseEvent"
11675 },
11676 {
11677 "kind": "Content",
11678 "text": " | "
11679 },
11680 {
11681 "kind": "Reference",
11682 "text": "TouchEvent"
11683 },
11684 {
11685 "kind": "Content",
11686 "text": " | "
11687 },
11688 {
11689 "kind": "Reference",
11690 "text": "PointerEvent"
11691 },
11692 {
11693 "kind": "Content",
11694 "text": ", "
11695 },
11696 {
11697 "kind": "Reference",
11698 "text": "info"
11699 },
11700 {
11701 "kind": "Content",
11702 "text": ": "
11703 },
11704 {
11705 "kind": "Reference",
11706 "text": "TapInfo"
11707 },
11708 {
11709 "kind": "Content",
11710 "text": "): "
11711 },
11712 {
11713 "kind": "Content",
11714 "text": "void"
11715 },
11716 {
11717 "kind": "Content",
11718 "text": ";"
11719 }
11720 ],
11721 "returnTypeTokenRange": {
11722 "startIndex": 14,
11723 "endIndex": 15
11724 },
11725 "releaseTag": "Public",
11726 "overloadIndex": 0,
11727 "parameters": [
11728 {
11729 "parameterName": "event",
11730 "parameterTypeTokenRange": {
11731 "startIndex": 4,
11732 "endIndex": 9
11733 }
11734 },
11735 {
11736 "parameterName": "info",
11737 "parameterTypeTokenRange": {
11738 "startIndex": 12,
11739 "endIndex": 13
11740 }
11741 }
11742 ],
11743 "name": "onTapCancel"
11744 },
11745 {
11746 "kind": "MethodSignature",
11747 "docComment": "/**\n * Callback when the tap gesture starts on this element.\n *\n * @library\n * ```jsx\n * function onTapStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onTapStart={onTapStart} />\n * ```\n *\n * @motion\n * ```jsx\n * function onTapStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onTapStart={onTapStart} />\n * ```\n *\n * @param event - The originating pointer event.\n *\n * @param info - An {@link TapInfo} object containing `x` and `y` values for the `point` relative to the device or page.\n */\n",
11748 "excerptTokens": [
11749 {
11750 "kind": "Reference",
11751 "text": "onTapStart"
11752 },
11753 {
11754 "kind": "Content",
11755 "text": "?("
11756 },
11757 {
11758 "kind": "Reference",
11759 "text": "event"
11760 },
11761 {
11762 "kind": "Content",
11763 "text": ": "
11764 },
11765 {
11766 "kind": "Reference",
11767 "text": "MouseEvent"
11768 },
11769 {
11770 "kind": "Content",
11771 "text": " | "
11772 },
11773 {
11774 "kind": "Reference",
11775 "text": "TouchEvent"
11776 },
11777 {
11778 "kind": "Content",
11779 "text": " | "
11780 },
11781 {
11782 "kind": "Reference",
11783 "text": "PointerEvent"
11784 },
11785 {
11786 "kind": "Content",
11787 "text": ", "
11788 },
11789 {
11790 "kind": "Reference",
11791 "text": "info"
11792 },
11793 {
11794 "kind": "Content",
11795 "text": ": "
11796 },
11797 {
11798 "kind": "Reference",
11799 "text": "TapInfo"
11800 },
11801 {
11802 "kind": "Content",
11803 "text": "): "
11804 },
11805 {
11806 "kind": "Content",
11807 "text": "void"
11808 },
11809 {
11810 "kind": "Content",
11811 "text": ";"
11812 }
11813 ],
11814 "returnTypeTokenRange": {
11815 "startIndex": 14,
11816 "endIndex": 15
11817 },
11818 "releaseTag": "Public",
11819 "overloadIndex": 0,
11820 "parameters": [
11821 {
11822 "parameterName": "event",
11823 "parameterTypeTokenRange": {
11824 "startIndex": 4,
11825 "endIndex": 9
11826 }
11827 },
11828 {
11829 "parameterName": "info",
11830 "parameterTypeTokenRange": {
11831 "startIndex": 12,
11832 "endIndex": 13
11833 }
11834 }
11835 ],
11836 "name": "onTapStart"
11837 },
11838 {
11839 "kind": "PropertySignature",
11840 "docComment": "/**\n * Properties or variant label to animate to while the component is pressed.\n *\n * @library\n * ```jsx\n * <Frame whileTap={{ scale: 0.8 }} />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div whileTap={{ scale: 0.8 }} />\n * ```\n *\n */\n",
11841 "excerptTokens": [
11842 {
11843 "kind": "Reference",
11844 "text": "whileTap"
11845 },
11846 {
11847 "kind": "Content",
11848 "text": "?: "
11849 },
11850 {
11851 "kind": "Content",
11852 "text": "string | "
11853 },
11854 {
11855 "kind": "Reference",
11856 "text": "TargetAndTransition"
11857 },
11858 {
11859 "kind": "Content",
11860 "text": ";"
11861 }
11862 ],
11863 "releaseTag": "Public",
11864 "name": "whileTap",
11865 "propertyTypeTokenRange": {
11866 "startIndex": 2,
11867 "endIndex": 4
11868 }
11869 }
11870 ],
11871 "extendsTokenRanges": []
11872 },
11873 {
11874 "kind": "Interface",
11875 "docComment": "/**\n * Passed in to tap event handlers like `onTap` the `TapInfo` object contains information about the tap gesture such as it‘s location.\n *\n * @library\n * ```jsx\n * function onTap(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onTap={onTap} />\n * ```\n *\n * @motion\n * ```jsx\n * function onTap(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onTap={onTap} />\n * ```\n *\n * @public\n */\n",
11876 "excerptTokens": [
11877 {
11878 "kind": "Content",
11879 "text": "export interface "
11880 },
11881 {
11882 "kind": "Reference",
11883 "text": "TapInfo"
11884 },
11885 {
11886 "kind": "Content",
11887 "text": " "
11888 }
11889 ],
11890 "releaseTag": "Public",
11891 "name": "TapInfo",
11892 "members": [
11893 {
11894 "kind": "PropertySignature",
11895 "docComment": "/**\n * Contains `x` and `y` values for the tap gesture relative to the device or page.\n *\n * @library\n * ```jsx\n * function onTapStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <Frame onTapStart={onTapStart} />\n * ```\n *\n * @motion\n * ```jsx\n * function onTapStart(event, info) {\n * console.log(info.point.x, info.point.y)\n * }\n *\n * <motion.div onTapStart={onTapStart} />\n * ```\n *\n * @public\n */\n",
11896 "excerptTokens": [
11897 {
11898 "kind": "Reference",
11899 "text": "point"
11900 },
11901 {
11902 "kind": "Content",
11903 "text": ": "
11904 },
11905 {
11906 "kind": "Reference",
11907 "text": "Point"
11908 },
11909 {
11910 "kind": "Content",
11911 "text": ";"
11912 }
11913 ],
11914 "releaseTag": "Public",
11915 "name": "point",
11916 "propertyTypeTokenRange": {
11917 "startIndex": 2,
11918 "endIndex": 3
11919 }
11920 }
11921 ],
11922 "extendsTokenRanges": []
11923 },
11924 {
11925 "kind": "TypeAlias",
11926 "docComment": "/**\n * An object that specifies values to animate to. Each value may be set either as a single value, or an array of values.\n *\n * It may also option contain these properties:\n *\n * - `transition`: Specifies transitions for all or individual values. - `transitionEnd`: Specifies values to set when the animation finishes.\n * ```jsx\n * const target = {\n * x: \"0%\",\n * opacity: 0,\n * transition: { duration: 1 },\n * transitionEnd: { display: \"none\" }\n * }\n * ```\n *\n * @public\n */\n",
11927 "excerptTokens": [
11928 {
11929 "kind": "Content",
11930 "text": "export declare type "
11931 },
11932 {
11933 "kind": "Reference",
11934 "text": "TargetAndTransition"
11935 },
11936 {
11937 "kind": "Content",
11938 "text": " = "
11939 },
11940 {
11941 "kind": "Reference",
11942 "text": "TargetWithKeyframes"
11943 },
11944 {
11945 "kind": "Content",
11946 "text": " & {\n "
11947 },
11948 {
11949 "kind": "Reference",
11950 "text": "transition"
11951 },
11952 {
11953 "kind": "Content",
11954 "text": "?: "
11955 },
11956 {
11957 "kind": "Reference",
11958 "text": "Transition"
11959 },
11960 {
11961 "kind": "Content",
11962 "text": ";\n "
11963 },
11964 {
11965 "kind": "Reference",
11966 "text": "transitionEnd"
11967 },
11968 {
11969 "kind": "Content",
11970 "text": "?: "
11971 },
11972 {
11973 "kind": "Reference",
11974 "text": "Target"
11975 },
11976 {
11977 "kind": "Content",
11978 "text": ";\n}"
11979 },
11980 {
11981 "kind": "Content",
11982 "text": ";"
11983 }
11984 ],
11985 "releaseTag": "Public",
11986 "name": "TargetAndTransition",
11987 "typeTokenRange": {
11988 "startIndex": 3,
11989 "endIndex": 13
11990 }
11991 },
11992 {
11993 "kind": "Function",
11994 "docComment": "/**\n * Transforms numbers into other values by mapping them from an input range to an output range. Returns the type of the input provided.\n *\n * @remarks\n *\n * Given an input range of `[0, 200]` and an output range of `[0, 1]`, this function will return a value between `0` and `1`. The input range must be a linear series of numbers. The output range can be any supported value type, such as numbers, colors, shadows, arrays, objects and more. Every value in the output range must be of the same type and in the same format.\n *\n * @library\n * ```jsx\n * import * as React from \"react\"\n * import { Frame, transform } from \"framer\"\n *\n * export function MyComponent() {\n * const inputRange = [0, 200]\n * const outputRange = [0, 1]\n * const output = transform(100, inputRange, outputRange)\n *\n * // Returns 0.5\n * return <Frame>{output}</Frame>\n * }\n * ```\n *\n * @motion\n * ```jsx\n * import * as React from \"react\"\n * import { transform } from \"framer-motion\"\n *\n * export function MyComponent() {\n * const inputRange = [0, 200]\n * const outputRange = [0, 1]\n * const output = transform(100, inputRange, outputRange)\n *\n * // Returns 0.5\n * return <div>{output}</div>\n * }\n * ```\n *\n * @param inputValue - A number to transform between the input and output ranges.\n *\n * @param inputRange - A linear series of numbers (either all increasing or decreasing).\n *\n * @param outputRange - A series of numbers, colors, strings, or arrays/objects of those. Must be the same length as `inputRange`.\n *\n * @param options - Clamp: Clamp values to within the given range. Defaults to `true`.\n *\n * @public\n */\n",
11995 "excerptTokens": [
11996 {
11997 "kind": "Content",
11998 "text": "export declare function "
11999 },
12000 {
12001 "kind": "Reference",
12002 "text": "transform"
12003 },
12004 {
12005 "kind": "Content",
12006 "text": "<"
12007 },
12008 {
12009 "kind": "Reference",
12010 "text": "T"
12011 },
12012 {
12013 "kind": "Content",
12014 "text": ">("
12015 },
12016 {
12017 "kind": "Reference",
12018 "text": "inputValue"
12019 },
12020 {
12021 "kind": "Content",
12022 "text": ": "
12023 },
12024 {
12025 "kind": "Content",
12026 "text": "number"
12027 },
12028 {
12029 "kind": "Content",
12030 "text": ", "
12031 },
12032 {
12033 "kind": "Reference",
12034 "text": "inputRange"
12035 },
12036 {
12037 "kind": "Content",
12038 "text": ": "
12039 },
12040 {
12041 "kind": "Content",
12042 "text": "number[]"
12043 },
12044 {
12045 "kind": "Content",
12046 "text": ", "
12047 },
12048 {
12049 "kind": "Reference",
12050 "text": "outputRange"
12051 },
12052 {
12053 "kind": "Content",
12054 "text": ": "
12055 },
12056 {
12057 "kind": "Reference",
12058 "text": "T"
12059 },
12060 {
12061 "kind": "Content",
12062 "text": "[]"
12063 },
12064 {
12065 "kind": "Content",
12066 "text": ", "
12067 },
12068 {
12069 "kind": "Reference",
12070 "text": "options"
12071 },
12072 {
12073 "kind": "Content",
12074 "text": "?: "
12075 },
12076 {
12077 "kind": "Reference",
12078 "text": "TransformOptions"
12079 },
12080 {
12081 "kind": "Content",
12082 "text": "<"
12083 },
12084 {
12085 "kind": "Reference",
12086 "text": "T"
12087 },
12088 {
12089 "kind": "Content",
12090 "text": ">"
12091 },
12092 {
12093 "kind": "Content",
12094 "text": "): "
12095 },
12096 {
12097 "kind": "Reference",
12098 "text": "T"
12099 },
12100 {
12101 "kind": "Content",
12102 "text": ";"
12103 }
12104 ],
12105 "returnTypeTokenRange": {
12106 "startIndex": 25,
12107 "endIndex": 26
12108 },
12109 "releaseTag": "Public",
12110 "overloadIndex": 1,
12111 "parameters": [
12112 {
12113 "parameterName": "inputValue",
12114 "parameterTypeTokenRange": {
12115 "startIndex": 7,
12116 "endIndex": 8
12117 }
12118 },
12119 {
12120 "parameterName": "inputRange",
12121 "parameterTypeTokenRange": {
12122 "startIndex": 11,
12123 "endIndex": 12
12124 }
12125 },
12126 {
12127 "parameterName": "outputRange",
12128 "parameterTypeTokenRange": {
12129 "startIndex": 15,
12130 "endIndex": 17
12131 }
12132 },
12133 {
12134 "parameterName": "options",
12135 "parameterTypeTokenRange": {
12136 "startIndex": 20,
12137 "endIndex": 24
12138 }
12139 }
12140 ],
12141 "typeParameters": [
12142 {
12143 "typeParameterName": "T",
12144 "constraintTokenRange": {
12145 "startIndex": 0,
12146 "endIndex": 0
12147 },
12148 "defaultTypeTokenRange": {
12149 "startIndex": 0,
12150 "endIndex": 0
12151 }
12152 }
12153 ],
12154 "name": "transform"
12155 },
12156 {
12157 "kind": "Function",
12158 "docComment": "/**\n * @library\n *\n * For improved performance, `transform` can pre-calculate the function that will transform a value between two ranges. Returns a function.\n * ```jsx\n * import * as React from \"react\"\n * import { Frame, transform } from \"framer\"\n *\n * export function MyComponent() {\n * const inputRange = [-200, -100, 100, 200]\n * const outputRange = [0, 1, 1, 0]\n * const convertRange = transform(inputRange, outputRange)\n * const output = convertRange(-150)\n *\n * // Returns 0.5\n * return <Frame>{output}</Frame>\n * }\n *\n * ```\n *\n * @motion\n *\n * Transforms numbers into other values by mapping them from an input range to an output range.\n *\n * Given an input range of `[0, 200]` and an output range of `[0, 1]`, this function will return a value between `0` and `1`. The input range must be a linear series of numbers. The output range can be any supported value type, such as numbers, colors, shadows, arrays, objects and more. Every value in the output range must be of the same type and in the same format.\n * ```jsx\n * import * as React from \"react\"\n * import { Frame, transform } from \"framer\"\n *\n * export function MyComponent() {\n * const inputRange = [-200, -100, 100, 200]\n * const outputRange = [0, 1, 1, 0]\n * const convertRange = transform(inputRange, outputRange)\n * const output = convertRange(-150)\n *\n * // Returns 0.5\n * return <div>{output}</div>\n * }\n *\n * ```\n *\n * @param inputRange - A linear series of numbers (either all increasing or decreasing).\n *\n * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.\n *\n * @param options - Clamp: clamp values to within the given range. Defaults to `true`.\n *\n * @public\n */\n",
12159 "excerptTokens": [
12160 {
12161 "kind": "Content",
12162 "text": "export declare function "
12163 },
12164 {
12165 "kind": "Reference",
12166 "text": "transform"
12167 },
12168 {
12169 "kind": "Content",
12170 "text": "<"
12171 },
12172 {
12173 "kind": "Reference",
12174 "text": "T"
12175 },
12176 {
12177 "kind": "Content",
12178 "text": ">("
12179 },
12180 {
12181 "kind": "Reference",
12182 "text": "inputRange"
12183 },
12184 {
12185 "kind": "Content",
12186 "text": ": "
12187 },
12188 {
12189 "kind": "Content",
12190 "text": "number[]"
12191 },
12192 {
12193 "kind": "Content",
12194 "text": ", "
12195 },
12196 {
12197 "kind": "Reference",
12198 "text": "outputRange"
12199 },
12200 {
12201 "kind": "Content",
12202 "text": ": "
12203 },
12204 {
12205 "kind": "Reference",
12206 "text": "T"
12207 },
12208 {
12209 "kind": "Content",
12210 "text": "[]"
12211 },
12212 {
12213 "kind": "Content",
12214 "text": ", "
12215 },
12216 {
12217 "kind": "Reference",
12218 "text": "options"
12219 },
12220 {
12221 "kind": "Content",
12222 "text": "?: "
12223 },
12224 {
12225 "kind": "Reference",
12226 "text": "TransformOptions"
12227 },
12228 {
12229 "kind": "Content",
12230 "text": "<"
12231 },
12232 {
12233 "kind": "Reference",
12234 "text": "T"
12235 },
12236 {
12237 "kind": "Content",
12238 "text": ">"
12239 },
12240 {
12241 "kind": "Content",
12242 "text": "): "
12243 },
12244 {
12245 "kind": "Content",
12246 "text": "("
12247 },
12248 {
12249 "kind": "Reference",
12250 "text": "inputValue"
12251 },
12252 {
12253 "kind": "Content",
12254 "text": ": number) => "
12255 },
12256 {
12257 "kind": "Reference",
12258 "text": "T"
12259 },
12260 {
12261 "kind": "Content",
12262 "text": ";"
12263 }
12264 ],
12265 "returnTypeTokenRange": {
12266 "startIndex": 21,
12267 "endIndex": 25
12268 },
12269 "releaseTag": "Public",
12270 "overloadIndex": 2,
12271 "parameters": [
12272 {
12273 "parameterName": "inputRange",
12274 "parameterTypeTokenRange": {
12275 "startIndex": 7,
12276 "endIndex": 8
12277 }
12278 },
12279 {
12280 "parameterName": "outputRange",
12281 "parameterTypeTokenRange": {
12282 "startIndex": 11,
12283 "endIndex": 13
12284 }
12285 },
12286 {
12287 "parameterName": "options",
12288 "parameterTypeTokenRange": {
12289 "startIndex": 16,
12290 "endIndex": 20
12291 }
12292 }
12293 ],
12294 "typeParameters": [
12295 {
12296 "typeParameterName": "T",
12297 "constraintTokenRange": {
12298 "startIndex": 0,
12299 "endIndex": 0
12300 },
12301 "defaultTypeTokenRange": {
12302 "startIndex": 0,
12303 "endIndex": 0
12304 }
12305 }
12306 ],
12307 "name": "transform"
12308 },
12309 {
12310 "kind": "TypeAlias",
12311 "docComment": "/**\n * Transition props\n *\n * @public\n */\n",
12312 "excerptTokens": [
12313 {
12314 "kind": "Content",
12315 "text": "export declare type "
12316 },
12317 {
12318 "kind": "Reference",
12319 "text": "Transition"
12320 },
12321 {
12322 "kind": "Content",
12323 "text": " = "
12324 },
12325 {
12326 "kind": "Content",
12327 "text": "("
12328 },
12329 {
12330 "kind": "Reference",
12331 "text": "Orchestration"
12332 },
12333 {
12334 "kind": "Content",
12335 "text": " & "
12336 },
12337 {
12338 "kind": "Reference",
12339 "text": "TransitionDefinition"
12340 },
12341 {
12342 "kind": "Content",
12343 "text": ") | ("
12344 },
12345 {
12346 "kind": "Reference",
12347 "text": "Orchestration"
12348 },
12349 {
12350 "kind": "Content",
12351 "text": " & "
12352 },
12353 {
12354 "kind": "Reference",
12355 "text": "TransitionMap"
12356 },
12357 {
12358 "kind": "Content",
12359 "text": ")"
12360 },
12361 {
12362 "kind": "Content",
12363 "text": ";"
12364 }
12365 ],
12366 "releaseTag": "Public",
12367 "name": "Transition",
12368 "typeTokenRange": {
12369 "startIndex": 3,
12370 "endIndex": 12
12371 }
12372 },
12373 {
12374 "kind": "Interface",
12375 "docComment": "/**\n * An animation that animates between two or more values over a specific duration of time. This is the default animation for non-physical values like `color` and `opacity`.\n *\n * @public\n */\n",
12376 "excerptTokens": [
12377 {
12378 "kind": "Content",
12379 "text": "export interface "
12380 },
12381 {
12382 "kind": "Reference",
12383 "text": "Tween"
12384 },
12385 {
12386 "kind": "Content",
12387 "text": " "
12388 }
12389 ],
12390 "releaseTag": "Public",
12391 "name": "Tween",
12392 "members": [
12393 {
12394 "kind": "PropertySignature",
12395 "docComment": "/**\n * The duration of the tween animation. Set to `0.3` by default, 0r `0.8` if animating a series of keyframes.\n *\n * @library\n * ```jsx\n * <Frame\n * animate={{ opacity: 0 }}\n * transition={{ duration: 2 }}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * const variants = {\n * visible: {\n * opacity: 1,\n * transition: { duration: 2 }\n * }\n * }\n * ```\n *\n * @public\n */\n",
12396 "excerptTokens": [
12397 {
12398 "kind": "Reference",
12399 "text": "duration"
12400 },
12401 {
12402 "kind": "Content",
12403 "text": "?: "
12404 },
12405 {
12406 "kind": "Content",
12407 "text": "number"
12408 },
12409 {
12410 "kind": "Content",
12411 "text": ";"
12412 }
12413 ],
12414 "releaseTag": "Public",
12415 "name": "duration",
12416 "propertyTypeTokenRange": {
12417 "startIndex": 2,
12418 "endIndex": 3
12419 }
12420 },
12421 {
12422 "kind": "PropertySignature",
12423 "docComment": "/**\n * The easing function to use. Set as one of the below.\n *\n * - The name of an existing easing function. - An array of four numbers to define a cubic bezier curve. - An easing function, that accepts and returns a value `0-1`.\n *\n * If the animating value is set as an array of multiple values for a keyframes animation, `ease` can be set as an array of easing functions to set different easings between each of those values.\n *\n * @library\n * ```jsx\n * const transition = {\n * ease: [0.17, 0.67, 0.83, 0.67]\n * }\n *\n * <Frame\n * animate={{ opacity: 0 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ opacity: 0 }}\n * transition={{ ease: [0.17, 0.67, 0.83, 0.67] }}\n * />\n * ```\n *\n * @public\n */\n",
12424 "excerptTokens": [
12425 {
12426 "kind": "Reference",
12427 "text": "ease"
12428 },
12429 {
12430 "kind": "Content",
12431 "text": "?: "
12432 },
12433 {
12434 "kind": "Reference",
12435 "text": "Easing"
12436 },
12437 {
12438 "kind": "Content",
12439 "text": " | "
12440 },
12441 {
12442 "kind": "Reference",
12443 "text": "Easing"
12444 },
12445 {
12446 "kind": "Content",
12447 "text": "[]"
12448 },
12449 {
12450 "kind": "Content",
12451 "text": ";"
12452 }
12453 ],
12454 "releaseTag": "Public",
12455 "name": "ease",
12456 "propertyTypeTokenRange": {
12457 "startIndex": 2,
12458 "endIndex": 6
12459 }
12460 },
12461 {
12462 "kind": "PropertySignature",
12463 "docComment": "/**\n * When animating keyframes, `easings` can be used to define easing functions between each keyframe. This array should be one item fewer than the number of keyframes, as these easings apply to the transitions between the keyframes.\n *\n * @library\n * ```jsx\n * const transition = {\n * easings: [\"easeIn\", \"easeOut\"]\n * }\n *\n * <Frame\n * animate={{ backgroundColor: [\"#0f0\", \"#00f\", \"#f00\"] }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ backgroundColor: [\"#0f0\", \"#00f\", \"#f00\"] }}\n * transition={{ easings: [\"easeIn\", \"easeOut\"] }}\n * />\n * ```\n *\n * @public\n */\n",
12464 "excerptTokens": [
12465 {
12466 "kind": "Reference",
12467 "text": "easings"
12468 },
12469 {
12470 "kind": "Content",
12471 "text": "?: "
12472 },
12473 {
12474 "kind": "Reference",
12475 "text": "Easing"
12476 },
12477 {
12478 "kind": "Content",
12479 "text": "[]"
12480 },
12481 {
12482 "kind": "Content",
12483 "text": ";"
12484 }
12485 ],
12486 "releaseTag": "Public",
12487 "name": "easings",
12488 "propertyTypeTokenRange": {
12489 "startIndex": 2,
12490 "endIndex": 4
12491 }
12492 },
12493 {
12494 "kind": "PropertySignature",
12495 "docComment": "/**\n * The number of times to flip the animation by swapping the `to` and `from` values. Set to `Infinity` for perpetual flipping.\n *\n * @library\n * ```jsx\n * const transition = {\n * flip: Infinity,\n * duration: 2\n * }\n *\n * <Frame\n * animate={{ opacity: 0 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ opacity: 0 }}\n * transition={{ flip: Infinity, duration: 2 }}\n * />\n * ```\n *\n * @public\n */\n",
12496 "excerptTokens": [
12497 {
12498 "kind": "Reference",
12499 "text": "flip"
12500 },
12501 {
12502 "kind": "Content",
12503 "text": "?: "
12504 },
12505 {
12506 "kind": "Content",
12507 "text": "number"
12508 },
12509 {
12510 "kind": "Content",
12511 "text": ";"
12512 }
12513 ],
12514 "releaseTag": "Public",
12515 "name": "flip",
12516 "propertyTypeTokenRange": {
12517 "startIndex": 2,
12518 "endIndex": 3
12519 }
12520 },
12521 {
12522 "kind": "PropertySignature",
12523 "docComment": "/**\n * The value to animate from. By default, this is the current state of the animating value.\n *\n * @library\n * ```jsx\n * const transition = {\n * from: 90,\n * duration: 2\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ from: 90, duration: 2 }}\n * />\n * ```\n *\n * @public\n */\n",
12524 "excerptTokens": [
12525 {
12526 "kind": "Reference",
12527 "text": "from"
12528 },
12529 {
12530 "kind": "Content",
12531 "text": "?: "
12532 },
12533 {
12534 "kind": "Content",
12535 "text": "number | string"
12536 },
12537 {
12538 "kind": "Content",
12539 "text": ";"
12540 }
12541 ],
12542 "releaseTag": "Public",
12543 "name": "from",
12544 "propertyTypeTokenRange": {
12545 "startIndex": 2,
12546 "endIndex": 3
12547 }
12548 },
12549 {
12550 "kind": "PropertySignature",
12551 "docComment": "/**\n * The number of times to loop the animation. Set to `Infinity` for perpetual looping.\n *\n * @library\n * ```jsx\n * const transition = {\n * loop: Infinity,\n * ease: \"linear\",\n * duration: 2\n * }\n *\n * <Frame\n * animate={{ rotate: 360 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 360 }}\n * transition={{\n * loop: Infinity,\n * ease: \"linear\",\n * duration: 2\n * }}\n * />\n * ```\n *\n * @public\n */\n",
12552 "excerptTokens": [
12553 {
12554 "kind": "Reference",
12555 "text": "loop"
12556 },
12557 {
12558 "kind": "Content",
12559 "text": "?: "
12560 },
12561 {
12562 "kind": "Content",
12563 "text": "number"
12564 },
12565 {
12566 "kind": "Content",
12567 "text": ";"
12568 }
12569 ],
12570 "releaseTag": "Public",
12571 "name": "loop",
12572 "propertyTypeTokenRange": {
12573 "startIndex": 2,
12574 "endIndex": 3
12575 }
12576 },
12577 {
12578 "kind": "PropertySignature",
12579 "docComment": "/**\n * When repeating an animation using `loop`, `flip`, or `yoyo`, `repeatDelay` can set the duration of the time to wait, in seconds, between each repetition.\n *\n * @library\n * ```jsx\n * const transition = {\n * yoyo: Infinity,\n * repeatDelay: 1\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ yoyo: Infinity, repeatDelay: 1 }}\n * />\n * ```\n *\n * @public\n */\n",
12580 "excerptTokens": [
12581 {
12582 "kind": "Reference",
12583 "text": "repeatDelay"
12584 },
12585 {
12586 "kind": "Content",
12587 "text": "?: "
12588 },
12589 {
12590 "kind": "Content",
12591 "text": "number"
12592 },
12593 {
12594 "kind": "Content",
12595 "text": ";"
12596 }
12597 ],
12598 "releaseTag": "Public",
12599 "name": "repeatDelay",
12600 "propertyTypeTokenRange": {
12601 "startIndex": 2,
12602 "endIndex": 3
12603 }
12604 },
12605 {
12606 "kind": "PropertySignature",
12607 "docComment": "/**\n * When animating keyframes, `times` can be used to determine where in the animation each keyframe is reached. Each value in `times` is a value between `0` and `1`, representing `duration`.\n *\n * There must be the same number of `times` as there are keyframes. Defaults to an array of evenly-spread durations.\n *\n * @library\n * ```jsx\n * const transition = {\n * times: [0, 0.1, 0.9, 1]\n * }\n *\n * <Frame\n * animate={{ scale: [0, 1, 0.5, 1] }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ scale: [0, 1, 0.5, 1] }}\n * transition={{ times: [0, 0.1, 0.9, 1] }}\n * />\n * ```\n *\n * @public\n */\n",
12608 "excerptTokens": [
12609 {
12610 "kind": "Reference",
12611 "text": "times"
12612 },
12613 {
12614 "kind": "Content",
12615 "text": "?: "
12616 },
12617 {
12618 "kind": "Content",
12619 "text": "number[]"
12620 },
12621 {
12622 "kind": "Content",
12623 "text": ";"
12624 }
12625 ],
12626 "releaseTag": "Public",
12627 "name": "times",
12628 "propertyTypeTokenRange": {
12629 "startIndex": 2,
12630 "endIndex": 3
12631 }
12632 },
12633 {
12634 "kind": "PropertySignature",
12635 "docComment": "/**\n * Set `type` to `\"tween\"` to use a duration-based tween animation. If any non-orchestration `transition` values are set without a `type` property, this is used as the default animation.\n *\n * @library\n * ```jsx\n * <Frame\n * animate={{ opacity: 0 }}\n * transition={{ duration: 2, type: \"tween\" }}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.path\n * animate={{ pathLength: 1 }}\n * transition={{ duration: 2, type: \"tween\" }}\n * />\n * ```\n *\n * @public\n */\n",
12636 "excerptTokens": [
12637 {
12638 "kind": "Reference",
12639 "text": "type"
12640 },
12641 {
12642 "kind": "Content",
12643 "text": "?: "
12644 },
12645 {
12646 "kind": "Content",
12647 "text": "\"tween\""
12648 },
12649 {
12650 "kind": "Content",
12651 "text": ";"
12652 }
12653 ],
12654 "releaseTag": "Public",
12655 "name": "type",
12656 "propertyTypeTokenRange": {
12657 "startIndex": 2,
12658 "endIndex": 3
12659 }
12660 },
12661 {
12662 "kind": "PropertySignature",
12663 "docComment": "/**\n * The number of times to reverse the animation. Set to `Infinity` for perpetual reversing.\n *\n * @library\n * ```jsx\n * const transition = {\n * yoyo: Infinity,\n * duration: 2\n * }\n *\n * <Frame\n * animate={{ rotate: 180 }}\n * transition={transition}\n * />\n * ```\n *\n * @motion\n * ```jsx\n * <motion.div\n * animate={{ rotate: 180 }}\n * transition={{ yoyo: Infinity, duration: 2 }}\n * />\n * ```\n *\n * @public\n */\n",
12664 "excerptTokens": [
12665 {
12666 "kind": "Reference",
12667 "text": "yoyo"
12668 },
12669 {
12670 "kind": "Content",
12671 "text": "?: "
12672 },
12673 {
12674 "kind": "Content",
12675 "text": "number"
12676 },
12677 {
12678 "kind": "Content",
12679 "text": ";"
12680 }
12681 ],
12682 "releaseTag": "Public",
12683 "name": "yoyo",
12684 "propertyTypeTokenRange": {
12685 "startIndex": 2,
12686 "endIndex": 3
12687 }
12688 }
12689 ],
12690 "extendsTokenRanges": []
12691 },
12692 {
12693 "kind": "Function",
12694 "docComment": "/**\n * Experimental API.\n *\n * Makes an animated version of `useState`.\n *\n * @remarks\n *\n * When the returned state setter is called, values will be animated to their new target.\n *\n * This allows the animation of arbitrary React components.\n *\n * **Note:** When animating DOM components, it's always preferable to use the `animate` prop, as Framer will bypass React's rendering cycle with one optimised for 60fps motion. This Hook is specifically for animating props on arbitrary React components, or for animating text content.\n * ```jsx\n * const [state, setState] = useAnimatedState({ percentage: 0 })\n *\n * return (\n * <Graph\n * percentage={state.percentage}\n * onTap={() => setState({ percentage: 50 })}\n * />\n * )\n * ```\n *\n * @internalremarks\n *\n * TODO: - Make hook accept a typed version of Target that accepts any value (not just DOM values) - Allow hook to accept single values. ie useAnimatedState(0) - Allow providing MotionValues via initialState.\n *\n * @beta\n */\n",
12695 "excerptTokens": [
12696 {
12697 "kind": "Content",
12698 "text": "export declare function "
12699 },
12700 {
12701 "kind": "Reference",
12702 "text": "useAnimatedState"
12703 },
12704 {
12705 "kind": "Content",
12706 "text": "("
12707 },
12708 {
12709 "kind": "Reference",
12710 "text": "initialState"
12711 },
12712 {
12713 "kind": "Content",
12714 "text": ": "
12715 },
12716 {
12717 "kind": "Content",
12718 "text": "any"
12719 },
12720 {
12721 "kind": "Content",
12722 "text": "): "
12723 },
12724 {
12725 "kind": "Content",
12726 "text": "any[]"
12727 },
12728 {
12729 "kind": "Content",
12730 "text": ";"
12731 }
12732 ],
12733 "returnTypeTokenRange": {
12734 "startIndex": 7,
12735 "endIndex": 8
12736 },
12737 "releaseTag": "Beta",
12738 "overloadIndex": 0,
12739 "parameters": [
12740 {
12741 "parameterName": "initialState",
12742 "parameterTypeTokenRange": {
12743 "startIndex": 5,
12744 "endIndex": 6
12745 }
12746 }
12747 ],
12748 "name": "useAnimatedState"
12749 },
12750 {
12751 "kind": "Function",
12752 "docComment": "/**\n * Creates `AnimationControls`, which can be used to manually start, stop and sequence animations on one or more components.\n *\n * The returned `AnimationControls` should be passed to the `animate` property of the components you want to animate.\n *\n * These components can then be animated with the `start` method.\n *\n * @library\n * ```jsx\n * import * as React from 'react'\n * import { Frame, useAnimation } from 'framer'\n *\n * export function MyComponent(props) {\n * const controls = useAnimation()\n *\n * controls.start({\n * x: 100,\n * transition: { duration: 0.5 },\n * })\n *\n * return <Frame animate={controls} />\n * }\n * ```\n *\n * @motion\n * ```jsx\n * import * as React from 'react'\n * import { motion, useAnimation } from 'framer-motion'\n *\n * export function MyComponent(props) {\n * const controls = useAnimation()\n *\n * controls.start({\n * x: 100,\n * transition: { duration: 0.5 },\n * })\n *\n * return <motion.div animate={controls} />\n * }\n * ```\n *\n * @returns Animation controller with `start` and `stop` methods\n *\n * @public\n */\n",
12753 "excerptTokens": [
12754 {
12755 "kind": "Content",
12756 "text": "export declare function "
12757 },
12758 {
12759 "kind": "Reference",
12760 "text": "useAnimation"
12761 },
12762 {
12763 "kind": "Content",
12764 "text": "(): "
12765 },
12766 {
12767 "kind": "Reference",
12768 "text": "AnimationControls"
12769 },
12770 {
12771 "kind": "Content",
12772 "text": ";"
12773 }
12774 ],
12775 "returnTypeTokenRange": {
12776 "startIndex": 3,
12777 "endIndex": 4
12778 },
12779 "releaseTag": "Public",
12780 "overloadIndex": 0,
12781 "parameters": [],
12782 "name": "useAnimation"
12783 },
12784 {
12785 "kind": "Function",
12786 "docComment": "/**\n * Cycles through a series of visual properties. Can be used to toggle between or cycle through animations. It works similar to `useState` in React. It is provided an initial array of possible states, and returns an array of two arguments.\n *\n * @library\n * ```jsx\n * import * as React from \"react\"\n * import { Frame, useCycle } from \"framer\"\n *\n * export function MyComponent() {\n * const [x, cycleX] = useCycle(0, 50, 100)\n *\n * return (\n * <Frame\n * animate={{ x: x }}\n * onTap={() => cycleX()}\n * />\n * )\n * }\n * ```\n *\n * @motion\n *\n * An index value can be passed to the returned `cycle` function to cycle to a specific index.\n * ```jsx\n * import * as React from \"react\"\n * import { motion, useCycle } from \"framer-motion\"\n *\n * export const MyComponent = () => {\n * const [x, cycleX] = useCycle(0, 50, 100)\n *\n * return (\n * <motion.div\n * animate={{ x: x }}\n * onTap={() => cycleX()}\n * />\n * )\n * }\n * ```\n *\n * @param items - items to cycle through\n *\n * @returns [currentState, cycleState]\n *\n * @public\n */\n",
12787 "excerptTokens": [
12788 {
12789 "kind": "Content",
12790 "text": "export declare function "
12791 },
12792 {
12793 "kind": "Reference",
12794 "text": "useCycle"
12795 },
12796 {
12797 "kind": "Content",
12798 "text": "<"
12799 },
12800 {
12801 "kind": "Reference",
12802 "text": "T"
12803 },
12804 {
12805 "kind": "Content",
12806 "text": ">(..."
12807 },
12808 {
12809 "kind": "Reference",
12810 "text": "items"
12811 },
12812 {
12813 "kind": "Content",
12814 "text": ": "
12815 },
12816 {
12817 "kind": "Reference",
12818 "text": "T"
12819 },
12820 {
12821 "kind": "Content",
12822 "text": "[]"
12823 },
12824 {
12825 "kind": "Content",
12826 "text": "): "
12827 },
12828 {
12829 "kind": "Reference",
12830 "text": "CycleState"
12831 },
12832 {
12833 "kind": "Content",
12834 "text": "<"
12835 },
12836 {
12837 "kind": "Reference",
12838 "text": "T"
12839 },
12840 {
12841 "kind": "Content",
12842 "text": ">"
12843 },
12844 {
12845 "kind": "Content",
12846 "text": ";"
12847 }
12848 ],
12849 "returnTypeTokenRange": {
12850 "startIndex": 10,
12851 "endIndex": 14
12852 },
12853 "releaseTag": "Public",
12854 "overloadIndex": 0,
12855 "parameters": [
12856 {
12857 "parameterName": "items",
12858 "parameterTypeTokenRange": {
12859 "startIndex": 7,
12860 "endIndex": 9
12861 }
12862 }
12863 ],
12864 "typeParameters": [
12865 {
12866 "typeParameterName": "T",
12867 "constraintTokenRange": {
12868 "startIndex": 0,
12869 "endIndex": 0
12870 },
12871 "defaultTypeTokenRange": {
12872 "startIndex": 0,
12873 "endIndex": 0
12874 }
12875 }
12876 ],
12877 "name": "useCycle"
12878 },
12879 {
12880 "kind": "Function",
12881 "docComment": "/**\n * Attaches an event listener directly to the provided DOM element.\n *\n * Bypassing React's event system can be desirable, for instance when attaching non-passive event handlers.\n * ```jsx\n * const ref = useRef(null)\n *\n * useDomEvent(ref, 'wheel', onWheel, { passive: false })\n *\n * return <div ref={ref} />\n * ```\n *\n * @param ref - React.RefObject that's been provided to the element you want to bind the listener to.\n *\n * @param eventName - Name of the event you want listen for.\n *\n * @param handler - Function to fire when receiving the event.\n *\n * @param options - Options to pass to `Event.addEventListener`.\n *\n * @public\n */\n",
12882 "excerptTokens": [
12883 {
12884 "kind": "Content",
12885 "text": "export declare function "
12886 },
12887 {
12888 "kind": "Reference",
12889 "text": "useDomEvent"
12890 },
12891 {
12892 "kind": "Content",
12893 "text": "("
12894 },
12895 {
12896 "kind": "Reference",
12897 "text": "ref"
12898 },
12899 {
12900 "kind": "Content",
12901 "text": ": "
12902 },
12903 {
12904 "kind": "Reference",
12905 "text": "RefObject"
12906 },
12907 {
12908 "kind": "Content",
12909 "text": "<"
12910 },
12911 {
12912 "kind": "Reference",
12913 "text": "Element"
12914 },
12915 {
12916 "kind": "Content",
12917 "text": ">"
12918 },
12919 {
12920 "kind": "Content",
12921 "text": ", "
12922 },
12923 {
12924 "kind": "Reference",
12925 "text": "eventName"
12926 },
12927 {
12928 "kind": "Content",
12929 "text": ": "
12930 },
12931 {
12932 "kind": "Content",
12933 "text": "string"
12934 },
12935 {
12936 "kind": "Content",
12937 "text": ", "
12938 },
12939 {
12940 "kind": "Reference",
12941 "text": "handler"
12942 },
12943 {
12944 "kind": "Content",
12945 "text": "?: "
12946 },
12947 {
12948 "kind": "Reference",
12949 "text": "EventListener"
12950 },
12951 {
12952 "kind": "Content",
12953 "text": " | undefined"
12954 },
12955 {
12956 "kind": "Content",
12957 "text": ", "
12958 },
12959 {
12960 "kind": "Reference",
12961 "text": "options"
12962 },
12963 {
12964 "kind": "Content",
12965 "text": "?: "
12966 },
12967 {
12968 "kind": "Reference",
12969 "text": "AddEventListenerOptions"
12970 },
12971 {
12972 "kind": "Content",
12973 "text": "): "
12974 },
12975 {
12976 "kind": "Content",
12977 "text": "void"
12978 },
12979 {
12980 "kind": "Content",
12981 "text": ";"
12982 }
12983 ],
12984 "returnTypeTokenRange": {
12985 "startIndex": 23,
12986 "endIndex": 24
12987 },
12988 "releaseTag": "Public",
12989 "overloadIndex": 0,
12990 "parameters": [
12991 {
12992 "parameterName": "ref",
12993 "parameterTypeTokenRange": {
12994 "startIndex": 5,
12995 "endIndex": 9
12996 }
12997 },
12998 {
12999 "parameterName": "eventName",
13000 "parameterTypeTokenRange": {
13001 "startIndex": 12,
13002 "endIndex": 13
13003 }
13004 },
13005 {
13006 "parameterName": "handler",
13007 "parameterTypeTokenRange": {
13008 "startIndex": 16,
13009 "endIndex": 18
13010 }
13011 },
13012 {
13013 "parameterName": "options",
13014 "parameterTypeTokenRange": {
13015 "startIndex": 21,
13016 "endIndex": 22
13017 }
13018 }
13019 ],
13020 "name": "useDomEvent"
13021 },
13022 {
13023 "kind": "Function",
13024 "docComment": "/**\n * Usually, dragging is initiated by pressing down on a `motion` component with a `drag` prop and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we might want to initiate that dragging from a different component than the draggable one.\n *\n * By creating a `dragControls` using the `useDragControls` hook, we can pass this into the draggable component's `dragControls` prop. It exposes a `start` method that can start dragging from pointer events on other components.\n *\n * @library\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <Frame onTapStart={startDrag} />\n * <Frame drag=\"x\" dragControls={dragControls} />\n * </>\n * )\n * ```\n *\n * @motion\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n * dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n * <>\n * <div onMouseDown={startDrag} />\n * <motion.div drag=\"x\" dragControls={dragControls} />\n * </>\n * )\n * ```\n *\n * @public\n */\n",
13025 "excerptTokens": [
13026 {
13027 "kind": "Content",
13028 "text": "export declare function "
13029 },
13030 {
13031 "kind": "Reference",
13032 "text": "useDragControls"
13033 },
13034 {
13035 "kind": "Content",
13036 "text": "(): "
13037 },
13038 {
13039 "kind": "Reference",
13040 "text": "DragControls"
13041 },
13042 {
13043 "kind": "Content",
13044 "text": ";"
13045 }
13046 ],
13047 "returnTypeTokenRange": {
13048 "startIndex": 3,
13049 "endIndex": 4
13050 },
13051 "releaseTag": "Public",
13052 "overloadIndex": 0,
13053 "parameters": [],
13054 "name": "useDragControls"
13055 },
13056 {
13057 "kind": "Function",
13058 "docComment": "/**\n * Add pan and tap gesture recognition to an element.\n *\n * @param props - Gesture event handlers\n *\n * @param ref - React `ref` containing a DOM `Element`\n *\n * @public\n */\n",
13059 "excerptTokens": [
13060 {
13061 "kind": "Content",
13062 "text": "export declare function "
13063 },
13064 {
13065 "kind": "Reference",
13066 "text": "useGestures"
13067 },
13068 {
13069 "kind": "Content",
13070 "text": "<"
13071 },
13072 {
13073 "kind": "Reference",
13074 "text": "GestureHandlers"
13075 },
13076 {
13077 "kind": "Content",
13078 "text": ">("
13079 },
13080 {
13081 "kind": "Reference",
13082 "text": "props"
13083 },
13084 {
13085 "kind": "Content",
13086 "text": ": "
13087 },
13088 {
13089 "kind": "Reference",
13090 "text": "GestureHandlers"
13091 },
13092 {
13093 "kind": "Content",
13094 "text": ", "
13095 },
13096 {
13097 "kind": "Reference",
13098 "text": "ref"
13099 },
13100 {
13101 "kind": "Content",
13102 "text": ": "
13103 },
13104 {
13105 "kind": "Reference",
13106 "text": "RefObject"
13107 },
13108 {
13109 "kind": "Content",
13110 "text": "<"
13111 },
13112 {
13113 "kind": "Reference",
13114 "text": "Element"
13115 },
13116 {
13117 "kind": "Content",
13118 "text": ">"
13119 },
13120 {
13121 "kind": "Content",
13122 "text": "): "
13123 },
13124 {
13125 "kind": "Content",
13126 "text": "void"
13127 },
13128 {
13129 "kind": "Content",
13130 "text": ";"
13131 }
13132 ],
13133 "returnTypeTokenRange": {
13134 "startIndex": 16,
13135 "endIndex": 17
13136 },
13137 "releaseTag": "Public",
13138 "overloadIndex": 0,
13139 "parameters": [
13140 {
13141 "parameterName": "props",
13142 "parameterTypeTokenRange": {
13143 "startIndex": 7,
13144 "endIndex": 8
13145 }
13146 },
13147 {
13148 "parameterName": "ref",
13149 "parameterTypeTokenRange": {
13150 "startIndex": 11,
13151 "endIndex": 15
13152 }
13153 }
13154 ],
13155 "typeParameters": [
13156 {
13157 "typeParameterName": "GestureHandlers",
13158 "constraintTokenRange": {
13159 "startIndex": 0,
13160 "endIndex": 0
13161 },
13162 "defaultTypeTokenRange": {
13163 "startIndex": 0,
13164 "endIndex": 0
13165 }
13166 }
13167 ],
13168 "name": "useGestures"
13169 },
13170 {
13171 "kind": "Function",
13172 "docComment": "/**\n * Returns a `MotionValue` each for `scaleX` and `scaleY` that update with the inverse of their respective parent scales.\n *\n * This is useful for undoing the distortion of content when scaling a parent component.\n *\n * By default, `useInvertedScale` will automatically fetch `scaleX` and `scaleY` from the nearest parent. By passing other `MotionValue`s in as `useInvertedScale({ scaleX, scaleY })`, it will invert the output of those instead.\n *\n * @motion\n * ```jsx\n * const MyComponent = () => {\n * const { scaleX, scaleY } = useInvertedScale()\n * return <motion.div style={{ scaleX, scaleY }} />\n * }\n * ```\n *\n * @library\n * ```jsx\n * function MyComponent() {\n * const { scaleX, scaleY } = useInvertedScale()\n * return <Frame scaleX={scaleX} scaleY={scaleY} />\n * }\n * ```\n *\n * @public\n */\n",
13173 "excerptTokens": [
13174 {
13175 "kind": "Content",
13176 "text": "export declare function "
13177 },
13178 {
13179 "kind": "Reference",
13180 "text": "useInvertedScale"
13181 },
13182 {
13183 "kind": "Content",
13184 "text": "("
13185 },
13186 {
13187 "kind": "Reference",
13188 "text": "scale"
13189 },
13190 {
13191 "kind": "Content",
13192 "text": "?: "
13193 },
13194 {
13195 "kind": "Reference",
13196 "text": "Partial"
13197 },
13198 {
13199 "kind": "Content",
13200 "text": "<"
13201 },
13202 {
13203 "kind": "Reference",
13204 "text": "ScaleMotionValues"
13205 },
13206 {
13207 "kind": "Content",
13208 "text": ">"
13209 },
13210 {
13211 "kind": "Content",
13212 "text": "): "
13213 },
13214 {
13215 "kind": "Reference",
13216 "text": "ScaleMotionValues"
13217 },
13218 {
13219 "kind": "Content",
13220 "text": ";"
13221 }
13222 ],
13223 "returnTypeTokenRange": {
13224 "startIndex": 10,
13225 "endIndex": 11
13226 },
13227 "releaseTag": "Public",
13228 "overloadIndex": 0,
13229 "parameters": [
13230 {
13231 "parameterName": "scale",
13232 "parameterTypeTokenRange": {
13233 "startIndex": 5,
13234 "endIndex": 9
13235 }
13236 }
13237 ],
13238 "name": "useInvertedScale"
13239 },
13240 {
13241 "kind": "Function",
13242 "docComment": "/**\n * Creates a `MotionValue` to track the state and velocity of a value.\n *\n * Usually, these are created automatically. For advanced use-cases, like use with `useTransform`, you can create `MotionValue`s externally and pass them into the animated component via the `style` prop.\n *\n * @library\n * ```jsx\n * export function MyComponent() {\n * const scale = useMotionValue(1)\n *\n * return <Frame scale={scale} />\n * }\n * ```\n *\n * @motion\n * ```jsx\n * export const MyComponent = () => {\n * const scale = useMotionValue(1)\n *\n * return <motion.div style={{ scale }} />\n * }\n * ```\n *\n * @param initial - The initial state.\n *\n * @public\n */\n",
13243 "excerptTokens": [
13244 {
13245 "kind": "Content",
13246 "text": "export declare function "
13247 },
13248 {
13249 "kind": "Reference",
13250 "text": "useMotionValue"
13251 },
13252 {
13253 "kind": "Content",
13254 "text": "<"
13255 },
13256 {
13257 "kind": "Reference",
13258 "text": "T"
13259 },
13260 {
13261 "kind": "Content",
13262 "text": ">("
13263 },
13264 {
13265 "kind": "Reference",
13266 "text": "initial"
13267 },
13268 {
13269 "kind": "Content",
13270 "text": ": "
13271 },
13272 {
13273 "kind": "Reference",
13274 "text": "T"
13275 },
13276 {
13277 "kind": "Content",
13278 "text": "): "
13279 },
13280 {
13281 "kind": "Reference",
13282 "text": "MotionValue"
13283 },
13284 {
13285 "kind": "Content",
13286 "text": "<"
13287 },
13288 {
13289 "kind": "Reference",
13290 "text": "T"
13291 },
13292 {
13293 "kind": "Content",
13294 "text": ">"
13295 },
13296 {
13297 "kind": "Content",
13298 "text": ";"
13299 }
13300 ],
13301 "returnTypeTokenRange": {
13302 "startIndex": 9,
13303 "endIndex": 13
13304 },
13305 "releaseTag": "Public",
13306 "overloadIndex": 0,
13307 "parameters": [
13308 {
13309 "parameterName": "initial",
13310 "parameterTypeTokenRange": {
13311 "startIndex": 7,
13312 "endIndex": 8
13313 }
13314 }
13315 ],
13316 "typeParameters": [
13317 {
13318 "typeParameterName": "T",
13319 "constraintTokenRange": {
13320 "startIndex": 0,
13321 "endIndex": 0
13322 },
13323 "defaultTypeTokenRange": {
13324 "startIndex": 0,
13325 "endIndex": 0
13326 }
13327 }
13328 ],
13329 "name": "useMotionValue"
13330 },
13331 {
13332 "kind": "Function",
13333 "docComment": "/**\n * When a component is the child of an `AnimatePresence` component, it has access to information about whether it's still present the React tree. `usePresence` can be used to access that data and perform operations before the component can be considered safe to remove.\n *\n * It returns two values. `isPresent` is a boolean that is `true` when the component is present within the React tree. It is `false` when it's been removed, but still visible.\n *\n * When `isPresent` is `false`, the `safeToRemove` callback can be used to tell `AnimatePresence` that it's safe to remove the component from the DOM, for instance after a animation has completed.\n * ```jsx\n * const [isPresent, safeToRemove] = usePresence()\n *\n * useEffect(() => {\n * !isPresent setTimeout(safeToRemove, 1000)\n * }, [isPresent])\n * ```\n *\n * @public\n */\n",
13334 "excerptTokens": [
13335 {
13336 "kind": "Content",
13337 "text": "export declare function "
13338 },
13339 {
13340 "kind": "Reference",
13341 "text": "usePresence"
13342 },
13343 {
13344 "kind": "Content",
13345 "text": "(): "
13346 },
13347 {
13348 "kind": "Reference",
13349 "text": "Present"
13350 },
13351 {
13352 "kind": "Content",
13353 "text": " | "
13354 },
13355 {
13356 "kind": "Reference",
13357 "text": "NotPresent"
13358 },
13359 {
13360 "kind": "Content",
13361 "text": ";"
13362 }
13363 ],
13364 "returnTypeTokenRange": {
13365 "startIndex": 3,
13366 "endIndex": 6
13367 },
13368 "releaseTag": "Public",
13369 "overloadIndex": 0,
13370 "parameters": [],
13371 "name": "usePresence"
13372 },
13373 {
13374 "kind": "Function",
13375 "docComment": "/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n * ```jsx\n * export function Sidebar({ isOpem }) {\n * const shouldReduceMotion = useReducedMotion()\n * const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n * return (\n * <motion.div animate={{\n * opacity: isOpen ? 1 : 0,\n * x: isOpen ? 0 : closedX\n * }} />\n * )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\n",
13376 "excerptTokens": [
13377 {
13378 "kind": "Content",
13379 "text": "export declare function "
13380 },
13381 {
13382 "kind": "Reference",
13383 "text": "useReducedMotion"
13384 },
13385 {
13386 "kind": "Content",
13387 "text": "(): "
13388 },
13389 {
13390 "kind": "Content",
13391 "text": "boolean"
13392 },
13393 {
13394 "kind": "Content",
13395 "text": ";"
13396 }
13397 ],
13398 "returnTypeTokenRange": {
13399 "startIndex": 3,
13400 "endIndex": 4
13401 },
13402 "releaseTag": "Public",
13403 "overloadIndex": 0,
13404 "parameters": [],
13405 "name": "useReducedMotion"
13406 },
13407 {
13408 "kind": "Function",
13409 "docComment": "/**\n * Creates a `MotionValue` that, when `set`, will use a spring animation to animate to its new state.\n *\n * It can either work as a stand-alone `MotionValue` by initialising it with a value, or as a subscriber to another `MotionValue`.\n *\n * @remarks\n * ```jsx\n * const x = useSpring(0, { stiffness: 300 })\n * const y = useSpring(x, { damping: 10 })\n * ```\n *\n * @param inputValue - `MotionValue` or number. If provided a `MotionValue`, when the input `MotionValue` changes, the created `MotionValue` will spring towards that value.\n *\n * @param springConfig - Configuration options for the spring.\n *\n * @returns `MotionValue`\n *\n * @public\n */\n",
13410 "excerptTokens": [
13411 {
13412 "kind": "Content",
13413 "text": "export declare function "
13414 },
13415 {
13416 "kind": "Reference",
13417 "text": "useSpring"
13418 },
13419 {
13420 "kind": "Content",
13421 "text": "("
13422 },
13423 {
13424 "kind": "Reference",
13425 "text": "source"
13426 },
13427 {
13428 "kind": "Content",
13429 "text": ": "
13430 },
13431 {
13432 "kind": "Reference",
13433 "text": "MotionValue"
13434 },
13435 {
13436 "kind": "Content",
13437 "text": " | number"
13438 },
13439 {
13440 "kind": "Content",
13441 "text": ", "
13442 },
13443 {
13444 "kind": "Reference",
13445 "text": "config"
13446 },
13447 {
13448 "kind": "Content",
13449 "text": "?: "
13450 },
13451 {
13452 "kind": "Reference",
13453 "text": "SpringProps"
13454 },
13455 {
13456 "kind": "Content",
13457 "text": "): "
13458 },
13459 {
13460 "kind": "Reference",
13461 "text": "MotionValue"
13462 },
13463 {
13464 "kind": "Content",
13465 "text": "<any>"
13466 },
13467 {
13468 "kind": "Content",
13469 "text": ";"
13470 }
13471 ],
13472 "returnTypeTokenRange": {
13473 "startIndex": 12,
13474 "endIndex": 14
13475 },
13476 "releaseTag": "Public",
13477 "overloadIndex": 0,
13478 "parameters": [
13479 {
13480 "parameterName": "source",
13481 "parameterTypeTokenRange": {
13482 "startIndex": 5,
13483 "endIndex": 7
13484 }
13485 },
13486 {
13487 "parameterName": "config",
13488 "parameterTypeTokenRange": {
13489 "startIndex": 10,
13490 "endIndex": 11
13491 }
13492 }
13493 ],
13494 "name": "useSpring"
13495 },
13496 {
13497 "kind": "Function",
13498 "docComment": "/**\n * Create a `MotionValue` that transforms the output of another `MotionValue` through a function. In this example, `y` will always be double `x`.\n *\n * @library\n * ```jsx\n * import * as React from \"react\"\n * import { Frame, useMotionValue, useTransform } from \"framer\"\n *\n * export function MyComponent() {\n * const x = useMotionValue(10)\n * const y = useTransform(x, value => value * 2)\n *\n * return <Frame x={x} y={y} />\n * }\n * ```\n *\n * @motion\n * ```jsx\n * export const MyComponent = () => {\n * const x = useMotionValue(10)\n * const y = useTransform(x, value => value * 2)\n *\n * return <motion.div style={{ x, y }} />\n * }\n * ```\n *\n * @param value - The `MotionValue` to transform the output of.\n *\n * @param transform - Function that accepts the output of `value` and returns a new value.\n *\n * @returns `MotionValue`\n *\n * @public\n */\n",
13499 "excerptTokens": [
13500 {
13501 "kind": "Content",
13502 "text": "export declare function "
13503 },
13504 {
13505 "kind": "Reference",
13506 "text": "useTransform"
13507 },
13508 {
13509 "kind": "Content",
13510 "text": "<"
13511 },
13512 {
13513 "kind": "Reference",
13514 "text": "T"
13515 },
13516 {
13517 "kind": "Content",
13518 "text": ">("
13519 },
13520 {
13521 "kind": "Reference",
13522 "text": "parent"
13523 },
13524 {
13525 "kind": "Content",
13526 "text": ": "
13527 },
13528 {
13529 "kind": "Reference",
13530 "text": "MotionValue"
13531 },
13532 {
13533 "kind": "Content",
13534 "text": ", "
13535 },
13536 {
13537 "kind": "Reference",
13538 "text": "transform"
13539 },
13540 {
13541 "kind": "Content",
13542 "text": ": "
13543 },
13544 {
13545 "kind": "Reference",
13546 "text": "Transformer"
13547 },
13548 {
13549 "kind": "Content",
13550 "text": "<"
13551 },
13552 {
13553 "kind": "Reference",
13554 "text": "T"
13555 },
13556 {
13557 "kind": "Content",
13558 "text": ">"
13559 },
13560 {
13561 "kind": "Content",
13562 "text": "): "
13563 },
13564 {
13565 "kind": "Reference",
13566 "text": "MotionValue"
13567 },
13568 {
13569 "kind": "Content",
13570 "text": ";"
13571 }
13572 ],
13573 "returnTypeTokenRange": {
13574 "startIndex": 16,
13575 "endIndex": 17
13576 },
13577 "releaseTag": "Public",
13578 "overloadIndex": 1,
13579 "parameters": [
13580 {
13581 "parameterName": "parent",
13582 "parameterTypeTokenRange": {
13583 "startIndex": 7,
13584 "endIndex": 8
13585 }
13586 },
13587 {
13588 "parameterName": "transform",
13589 "parameterTypeTokenRange": {
13590 "startIndex": 11,
13591 "endIndex": 15
13592 }
13593 }
13594 ],
13595 "typeParameters": [
13596 {
13597 "typeParameterName": "T",
13598 "constraintTokenRange": {
13599 "startIndex": 0,
13600 "endIndex": 0
13601 },
13602 "defaultTypeTokenRange": {
13603 "startIndex": 0,
13604 "endIndex": 0
13605 }
13606 }
13607 ],
13608 "name": "useTransform"
13609 },
13610 {
13611 "kind": "Function",
13612 "docComment": "/**\n * Create a `MotionValue` that transforms the output of another `MotionValue` by mapping it from one range of values into another.\n *\n * @remarks\n *\n * Given an input range of `[-200, -100, 100, 200]` and an output range of `[0, 1, 1, 0]`, the returned `MotionValue` will:\n *\n * - When provided a value between `-200` and `-100`, will return a value between `0` and `1`. - When provided a value between `-100` and `100`, will return `1`. - When provided a value between `100` and `200`, will return a value between `1` and `0`\n *\n * The input range must be a linear series of numbers. The output range can be any value type supported by Framer Motion: numbers, colors, shadows, etc.\n *\n * Every value in the output range must be of the same type and in the same format.\n *\n * @library\n * ```jsx\n * export function MyComponent() {\n * const x = useMotionValue(0)\n * const xRange = [-200, -100, 100, 200]\n * const opacityRange = [0, 1, 1, 0]\n * const opacity = useTransform(x, xRange, opacityRange)\n *\n * return <Frame drag=\"x\" x={x} opacity={opacity} />\n * }\n * ```\n *\n * @motion\n * ```jsx\n * export const MyComponent = () => {\n * const x = useMotionValue(0)\n * const xRange = [-200, -100, 100, 200]\n * const opacityRange = [0, 1, 1, 0]\n * const opacity = useTransform(x, xRange, opacityRange)\n *\n * return <motion.div drag=\"x\" style={{ opacity, x }} />\n * }\n * ```\n *\n * @param inputValue - `MotionValue`\n *\n * @param inputRange - A linear series of numbers (either all increasing or decreasing)\n *\n * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.\n *\n * @param options - - clamp: boolean - Clamp values to within the given range. Defaults to `true` - ease: EasingFunction[] - Easing functions to use on the interpolations between each value in the input and output ranges. If provided as an array, the array must be one item shorter than the input and output ranges, as the easings apply to the transition **between** each.\n *\n * @returns `MotionValue`\n *\n * @public\n */\n",
13613 "excerptTokens": [
13614 {
13615 "kind": "Content",
13616 "text": "export declare function "
13617 },
13618 {
13619 "kind": "Reference",
13620 "text": "useTransform"
13621 },
13622 {
13623 "kind": "Content",
13624 "text": "<"
13625 },
13626 {
13627 "kind": "Reference",
13628 "text": "T"
13629 },
13630 {
13631 "kind": "Content",
13632 "text": ">("
13633 },
13634 {
13635 "kind": "Reference",
13636 "text": "parent"
13637 },
13638 {
13639 "kind": "Content",
13640 "text": ": "
13641 },
13642 {
13643 "kind": "Reference",
13644 "text": "MotionValue"
13645 },
13646 {
13647 "kind": "Content",
13648 "text": "<number>"
13649 },
13650 {
13651 "kind": "Content",
13652 "text": ", "
13653 },
13654 {
13655 "kind": "Reference",
13656 "text": "from"
13657 },
13658 {
13659 "kind": "Content",
13660 "text": ": "
13661 },
13662 {
13663 "kind": "Content",
13664 "text": "number[]"
13665 },
13666 {
13667 "kind": "Content",
13668 "text": ", "
13669 },
13670 {
13671 "kind": "Reference",
13672 "text": "to"
13673 },
13674 {
13675 "kind": "Content",
13676 "text": ": "
13677 },
13678 {
13679 "kind": "Reference",
13680 "text": "T"
13681 },
13682 {
13683 "kind": "Content",
13684 "text": "[]"
13685 },
13686 {
13687 "kind": "Content",
13688 "text": ", "
13689 },
13690 {
13691 "kind": "Reference",
13692 "text": "options"
13693 },
13694 {
13695 "kind": "Content",
13696 "text": "?: "
13697 },
13698 {
13699 "kind": "Reference",
13700 "text": "TransformOptions"
13701 },
13702 {
13703 "kind": "Content",
13704 "text": "<"
13705 },
13706 {
13707 "kind": "Reference",
13708 "text": "T"
13709 },
13710 {
13711 "kind": "Content",
13712 "text": ">"
13713 },
13714 {
13715 "kind": "Content",
13716 "text": "): "
13717 },
13718 {
13719 "kind": "Reference",
13720 "text": "MotionValue"
13721 },
13722 {
13723 "kind": "Content",
13724 "text": "<"
13725 },
13726 {
13727 "kind": "Reference",
13728 "text": "T"
13729 },
13730 {
13731 "kind": "Content",
13732 "text": ">"
13733 },
13734 {
13735 "kind": "Content",
13736 "text": ";"
13737 }
13738 ],
13739 "returnTypeTokenRange": {
13740 "startIndex": 26,
13741 "endIndex": 30
13742 },
13743 "releaseTag": "Public",
13744 "overloadIndex": 2,
13745 "parameters": [
13746 {
13747 "parameterName": "parent",
13748 "parameterTypeTokenRange": {
13749 "startIndex": 7,
13750 "endIndex": 9
13751 }
13752 },
13753 {
13754 "parameterName": "from",
13755 "parameterTypeTokenRange": {
13756 "startIndex": 12,
13757 "endIndex": 13
13758 }
13759 },
13760 {
13761 "parameterName": "to",
13762 "parameterTypeTokenRange": {
13763 "startIndex": 16,
13764 "endIndex": 18
13765 }
13766 },
13767 {
13768 "parameterName": "options",
13769 "parameterTypeTokenRange": {
13770 "startIndex": 21,
13771 "endIndex": 25
13772 }
13773 }
13774 ],
13775 "typeParameters": [
13776 {
13777 "typeParameterName": "T",
13778 "constraintTokenRange": {
13779 "startIndex": 0,
13780 "endIndex": 0
13781 },
13782 "defaultTypeTokenRange": {
13783 "startIndex": 0,
13784 "endIndex": 0
13785 }
13786 }
13787 ],
13788 "name": "useTransform"
13789 },
13790 {
13791 "kind": "Function",
13792 "docComment": "/**\n * Provides `MotionValue`s that update when the viewport scrolls:\n *\n * - `scrollX` — Horizontal scroll distance in pixels. - `scrollY` — Vertical scroll distance in pixels. - `scrollXProgress` — Horizontal scroll progress between `0` and `1`. - `scrollYProgress` — Vertical scroll progress between `0` and `1`.\n *\n * **Note:** If the returned scroll `MotionValue`s don't seem to be updating, double check if the `body` tag styles are set to `width: 100%; height: 100%` or similar, as this can break accurate measurement of viewport scroll.\n *\n * @library\n * ```jsx\n * import * as React from \"react\"\n * import {\n * Frame,\n * useViewportScroll,\n * useTransform\n * } from \"framer\"\n *\n * export function MyComponent() {\n * const { scrollYProgress } = useViewportScroll()\n * return <Frame scaleX={scrollYProgress} />\n * }\n * ```\n *\n * @motion\n * ```jsx\n * export const MyComponent = () => {\n * const { scrollYProgress } = useViewportScroll()\n * return <motion.div style={{ scaleX: scrollYProgress }} />\n * }\n * ```\n *\n * @internalremarks\n *\n * This isn't technically a hook yet, but in the future it might be nice to accept refs to elements and add scroll listeners to those, which may involve the use of lifecycle.\n *\n * @public\n */\n",
13793 "excerptTokens": [
13794 {
13795 "kind": "Content",
13796 "text": "export declare function "
13797 },
13798 {
13799 "kind": "Reference",
13800 "text": "useViewportScroll"
13801 },
13802 {
13803 "kind": "Content",
13804 "text": "(): "
13805 },
13806 {
13807 "kind": "Reference",
13808 "text": "ScrollMotionValues"
13809 },
13810 {
13811 "kind": "Content",
13812 "text": ";"
13813 }
13814 ],
13815 "returnTypeTokenRange": {
13816 "startIndex": 3,
13817 "endIndex": 4
13818 },
13819 "releaseTag": "Public",
13820 "overloadIndex": 0,
13821 "parameters": [],
13822 "name": "useViewportScroll"
13823 },
13824 {
13825 "kind": "TypeAlias",
13826 "docComment": "/**\n * @public\n */\n",
13827 "excerptTokens": [
13828 {
13829 "kind": "Content",
13830 "text": "export declare type "
13831 },
13832 {
13833 "kind": "Reference",
13834 "text": "ValueTarget"
13835 },
13836 {
13837 "kind": "Content",
13838 "text": " = "
13839 },
13840 {
13841 "kind": "Reference",
13842 "text": "SingleTarget"
13843 },
13844 {
13845 "kind": "Content",
13846 "text": " | "
13847 },
13848 {
13849 "kind": "Reference",
13850 "text": "KeyframesTarget"
13851 },
13852 {
13853 "kind": "Content",
13854 "text": ";"
13855 }
13856 ],
13857 "releaseTag": "Public",
13858 "name": "ValueTarget",
13859 "typeTokenRange": {
13860 "startIndex": 3,
13861 "endIndex": 6
13862 }
13863 },
13864 {
13865 "kind": "TypeAlias",
13866 "docComment": "/**\n * @public\n */\n",
13867 "excerptTokens": [
13868 {
13869 "kind": "Content",
13870 "text": "export declare type "
13871 },
13872 {
13873 "kind": "Reference",
13874 "text": "Variant"
13875 },
13876 {
13877 "kind": "Content",
13878 "text": " = "
13879 },
13880 {
13881 "kind": "Reference",
13882 "text": "TargetAndTransition"
13883 },
13884 {
13885 "kind": "Content",
13886 "text": " | "
13887 },
13888 {
13889 "kind": "Reference",
13890 "text": "TargetResolver"
13891 },
13892 {
13893 "kind": "Content",
13894 "text": ";"
13895 }
13896 ],
13897 "releaseTag": "Public",
13898 "name": "Variant",
13899 "typeTokenRange": {
13900 "startIndex": 3,
13901 "endIndex": 6
13902 }
13903 },
13904 {
13905 "kind": "TypeAlias",
13906 "docComment": "/**\n * Either a string, or array of strings, that reference variants defined via the `variants` prop.\n *\n * @public\n */\n",
13907 "excerptTokens": [
13908 {
13909 "kind": "Content",
13910 "text": "export declare type "
13911 },
13912 {
13913 "kind": "Reference",
13914 "text": "VariantLabels"
13915 },
13916 {
13917 "kind": "Content",
13918 "text": " = "
13919 },
13920 {
13921 "kind": "Content",
13922 "text": "string | string[]"
13923 },
13924 {
13925 "kind": "Content",
13926 "text": ";"
13927 }
13928 ],
13929 "releaseTag": "Public",
13930 "name": "VariantLabels",
13931 "typeTokenRange": {
13932 "startIndex": 3,
13933 "endIndex": 4
13934 }
13935 },
13936 {
13937 "kind": "TypeAlias",
13938 "docComment": "/**\n * @public\n */\n",
13939 "excerptTokens": [
13940 {
13941 "kind": "Content",
13942 "text": "export declare type "
13943 },
13944 {
13945 "kind": "Reference",
13946 "text": "Variants"
13947 },
13948 {
13949 "kind": "Content",
13950 "text": " = "
13951 },
13952 {
13953 "kind": "Content",
13954 "text": "{\n ["
13955 },
13956 {
13957 "kind": "Reference",
13958 "text": "key"
13959 },
13960 {
13961 "kind": "Content",
13962 "text": ": string]: "
13963 },
13964 {
13965 "kind": "Reference",
13966 "text": "Variant"
13967 },
13968 {
13969 "kind": "Content",
13970 "text": ";\n}"
13971 },
13972 {
13973 "kind": "Content",
13974 "text": ";"
13975 }
13976 ],
13977 "releaseTag": "Public",
13978 "name": "Variants",
13979 "typeTokenRange": {
13980 "startIndex": 3,
13981 "endIndex": 8
13982 }
13983 }
13984 ]
13985 }
13986 ]
13987}