@coinbase/cds-web 8.60.0 → 8.62.0

package/dts/motion/useMotionProps.d.ts

@@ -108,8 +108,8 @@ export declare const getMotionProps: ({
   onAnimationStart?:
     | ((definition: import('framer-motion').AnimationDefinition) => void)
     | undefined;
-  drag?: boolean | 'x' | 'y' | undefined;
   layout?: boolean | 'position' | 'size' | 'preserve-aspect' | undefined;
+  drag?: boolean | 'x' | 'y' | undefined;
   transformValues?:
     | (<V extends import('framer-motion').ResolvedValues>(values: V) => V)
     | undefined;
@@ -1006,11 +1006,11 @@ export declare const getMotionProps: ({
           | 'hanging'
           | 'ideographic'
           | 'mathematical'
-          | 'baseline'
-          | 'middle'
           | 'after-edge'
+          | 'baseline'
           | 'before-edge'
           | 'central'
+          | 'middle'
           | 'text-after-edge'
           | 'text-before-edge'
           | import('framer-motion').CustomValueType
@@ -1049,8 +1049,8 @@ export declare const getMotionProps: ({
           | 'revert-layer'
           | 'unset'
           | 'auto'
-          | 'optimizeSpeed'
           | 'optimizeQuality'
+          | 'optimizeSpeed'
           | import('framer-motion').CustomValueType
           | undefined;
         cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1078,8 +1078,8 @@ export declare const getMotionProps: ({
           | 'hanging'
           | 'ideographic'
           | 'mathematical'
-          | 'middle'
           | 'central'
+          | 'middle'
           | 'text-after-edge'
           | 'text-before-edge'
           | 'no-change'
@@ -1140,8 +1140,8 @@ export declare const getMotionProps: ({
           | 'none'
           | 'auto'
           | 'stroke'
-          | 'visible'
           | 'all'
+          | 'visible'
           | 'painted'
           | 'visibleFill'
           | 'visiblePainted'
@@ -1156,9 +1156,9 @@ export declare const getMotionProps: ({
           | 'revert-layer'
           | 'unset'
           | 'auto'
-          | 'geometricPrecision'
           | 'optimizeSpeed'
           | 'crispEdges'
+          | 'geometricPrecision'
           | import('framer-motion').CustomValueType
           | undefined;
         stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1204,9 +1204,9 @@ export declare const getMotionProps: ({
           | 'revert-layer'
           | 'unset'
           | 'auto'
+          | 'optimizeSpeed'
           | 'geometricPrecision'
           | 'optimizeLegibility'
-          | 'optimizeSpeed'
           | import('framer-motion').CustomValueType
           | undefined;
         transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -1219,7 +1219,6 @@ export declare const getMotionProps: ({
           | 'unset'
           | 'normal'
           | 'embed'
-          | 'isolate'
           | '-moz-isolate'
           | '-moz-isolate-override'
           | '-moz-plaintext'
@@ -1227,6 +1226,7 @@ export declare const getMotionProps: ({
           | '-webkit-isolate-override'
           | '-webkit-plaintext'
           | 'bidi-override'
+          | 'isolate'
           | 'isolate-override'
           | 'plaintext'
           | import('framer-motion').CustomValueType
@@ -1281,24 +1281,12 @@ export declare const getMotionProps: ({
           | import('csstype').Property.Border<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        animation?:
-          | import('csstype').Property.Animation<string & {}>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        flex?:
-          | import('csstype').Property.Flex<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        grid?:
-          | import('csstype').Property.Grid
-          | import('framer-motion').CustomValueType
-          | undefined;
-        contain?:
-          | import('csstype').Property.Contain
+        top?:
+          | import('csstype').Property.Top<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        overlay?:
-          | import('csstype').Property.Overlay
+        bottom?:
+          | import('csstype').Property.Bottom<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
         left?:
@@ -1309,43 +1297,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.Right<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        bottom?:
-          | import('csstype').Property.Bottom<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        top?:
-          | import('csstype').Property.Top<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        inset?:
-          | import('csstype').Property.Inset<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
         all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
-        page?:
-          | import('csstype').Property.Page
-          | import('framer-motion').CustomValueType
-          | undefined;
-        position?:
-          | import('csstype').Property.Position
-          | import('framer-motion').CustomValueType
-          | undefined;
-        caret?:
-          | import('csstype').Property.Caret
-          | import('framer-motion').CustomValueType
-          | undefined;
-        zoom?:
-          | import('csstype').Property.Zoom
-          | import('framer-motion').CustomValueType
-          | undefined;
-        clear?:
-          | import('csstype').Property.Clear
-          | import('framer-motion').CustomValueType
-          | undefined;
-        padding?:
-          | import('csstype').Property.Padding<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
         minWidth?:
           | import('csstype').Property.MinWidth<string | number>
           | import('framer-motion').CustomValueType
@@ -1406,6 +1358,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.GridAutoFlow
           | import('framer-motion').CustomValueType
           | undefined;
+        grid?:
+          | import('csstype').Property.Grid
+          | import('framer-motion').CustomValueType
+          | undefined;
         gridRowStart?:
           | import('csstype').Property.GridRowStart
           | import('framer-motion').CustomValueType
@@ -1482,6 +1438,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.RowGap<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        padding?:
+          | import('csstype').Property.Padding<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         paddingTop?:
           | import('csstype').Property.PaddingTop<string | number>
           | import('framer-motion').CustomValueType
@@ -1530,6 +1490,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.FlexWrap
           | import('framer-motion').CustomValueType
           | undefined;
+        position?:
+          | import('csstype').Property.Position
+          | import('framer-motion').CustomValueType
+          | undefined;
         textAlign?:
           | import('csstype').Property.TextAlign
           | import('framer-motion').CustomValueType
@@ -1842,6 +1806,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.CaretShape
           | import('framer-motion').CustomValueType
           | undefined;
+        clear?:
+          | import('csstype').Property.Clear
+          | import('framer-motion').CustomValueType
+          | undefined;
         colorAdjust?:
           | import('csstype').Property.PrintColorAdjust
           | import('framer-motion').CustomValueType
@@ -1878,6 +1846,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.ColumnWidth<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        contain?:
+          | import('csstype').Property.Contain
+          | import('framer-motion').CustomValueType
+          | undefined;
         containIntrinsicBlockSize?:
           | import('csstype').Property.ContainIntrinsicBlockSize<string | number>
           | import('framer-motion').CustomValueType
@@ -2318,6 +2290,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.OverflowY
           | import('framer-motion').CustomValueType
           | undefined;
+        overlay?:
+          | import('csstype').Property.Overlay
+          | import('framer-motion').CustomValueType
+          | undefined;
         overscrollBehaviorBlock?:
           | import('csstype').Property.OverscrollBehaviorBlock
           | import('framer-motion').CustomValueType
@@ -2358,6 +2334,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.PaddingRight<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        page?:
+          | import('csstype').Property.Page
+          | import('framer-motion').CustomValueType
+          | undefined;
         pageBreakAfter?:
           | import('csstype').Property.PageBreakAfter
           | import('framer-motion').CustomValueType
@@ -2702,6 +2682,14 @@ export declare const getMotionProps: ({
           | import('csstype').Property.WordWrap
           | import('framer-motion').CustomValueType
           | undefined;
+        zoom?:
+          | import('csstype').Property.Zoom
+          | import('framer-motion').CustomValueType
+          | undefined;
+        animation?:
+          | import('csstype').Property.Animation<string & {}>
+          | import('framer-motion').CustomValueType
+          | undefined;
         animationRange?:
           | import('csstype').Property.AnimationRange<string | number>
           | import('framer-motion').CustomValueType
@@ -2758,6 +2746,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.BorderTop<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        caret?:
+          | import('csstype').Property.Caret
+          | import('framer-motion').CustomValueType
+          | undefined;
         columnRule?:
           | import('csstype').Property.ColumnRule<string | number>
           | import('framer-motion').CustomValueType
@@ -2774,6 +2766,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.Container
           | import('framer-motion').CustomValueType
           | undefined;
+        flex?:
+          | import('csstype').Property.Flex<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         flexFlow?:
           | import('csstype').Property.FlexFlow
           | import('framer-motion').CustomValueType
@@ -2782,6 +2778,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.Font
           | import('framer-motion').CustomValueType
           | undefined;
+        inset?:
+          | import('csstype').Property.Inset<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         insetBlock?:
           | import('csstype').Property.InsetBlock<string | number>
           | import('framer-motion').CustomValueType
@@ -4699,644 +4699,644 @@ export declare const getMotionProps: ({
           | import('framer-motion').CustomValueType
           | undefined;
         onCopy?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCopyCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCut?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCutCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPaste?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPasteCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionStart?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionUpdate?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionUpdateCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onFocus?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onFocusCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBlur?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBlurCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onChange?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBeforeInput?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBeforeInputCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInput?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInputCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onReset?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onResetCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSubmit?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSubmitCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInvalid?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInvalidCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoad?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onError?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onErrorCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyDown?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyDownCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyPress?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyPressCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyUp?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyUpCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAbort?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAbortCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlay?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlayCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlayThrough?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlayThroughCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDurationChange?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDurationChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEmptied?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEmptiedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEncrypted?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEncryptedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEnded?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEndedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedData?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedDataCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedMetadata?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedMetadataCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadStart?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPause?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPauseCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlay?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlayCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlaying?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlayingCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onProgress?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onProgressCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onRateChange?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onRateChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onResize?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onResizeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeeked?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeekedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeeking?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeekingCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onStalled?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onStalledCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSuspend?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSuspendCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTimeUpdate?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTimeUpdateCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onVolumeChange?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onVolumeChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWaiting?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWaitingCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAuxClick?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAuxClickCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onClick?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onClickCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onContextMenu?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onContextMenuCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDoubleClick?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDoubleClickCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDrag?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEnter?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEnterCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragExit?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragExitCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragLeave?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragLeaveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragOver?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragOverCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragStart?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDrop?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDropCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseDown?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseDownCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseEnter?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseLeave?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseMove?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseMoveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOut?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOutCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOver?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOverCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseUp?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseUpCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSelect?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSelectCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchCancel?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchCancelCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchMove?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchMoveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchStart?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerDown?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerDownCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerMove?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerMoveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerUp?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerUpCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerCancel?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerCancelCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerEnter?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerLeave?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOver?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOverCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOut?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOutCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onGotPointerCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onGotPointerCaptureCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLostPointerCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLostPointerCaptureCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onScroll?:
-          | import('framer-motion').CustomValueType
           | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onScrollCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWheel?:
-          | import('framer-motion').CustomValueType
           | import('react').WheelEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWheelCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').WheelEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationStart?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationIteration?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationIterationCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTransitionEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTransitionEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         attrX?: number | import('framer-motion').CustomValueType | undefined;
         attrY?: number | import('framer-motion').CustomValueType | undefined;
@@ -5636,8 +5636,8 @@ export declare const useMotionProps: (props: UseMotionProps) => {
   onAnimationStart?:
     | ((definition: import('framer-motion').AnimationDefinition) => void)
     | undefined;
-  drag?: boolean | 'x' | 'y' | undefined;
   layout?: boolean | 'position' | 'size' | 'preserve-aspect' | undefined;
+  drag?: boolean | 'x' | 'y' | undefined;
   transformValues?:
     | (<V extends import('framer-motion').ResolvedValues>(values: V) => V)
     | undefined;
@@ -6534,11 +6534,11 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | 'hanging'
           | 'ideographic'
           | 'mathematical'
-          | 'baseline'
-          | 'middle'
           | 'after-edge'
+          | 'baseline'
           | 'before-edge'
           | 'central'
+          | 'middle'
           | 'text-after-edge'
           | 'text-before-edge'
           | import('framer-motion').CustomValueType
@@ -6577,8 +6577,8 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | 'revert-layer'
           | 'unset'
           | 'auto'
-          | 'optimizeSpeed'
           | 'optimizeQuality'
+          | 'optimizeSpeed'
           | import('framer-motion').CustomValueType
           | undefined;
         cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -6606,8 +6606,8 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | 'hanging'
           | 'ideographic'
           | 'mathematical'
-          | 'middle'
           | 'central'
+          | 'middle'
           | 'text-after-edge'
           | 'text-before-edge'
           | 'no-change'
@@ -6668,8 +6668,8 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | 'none'
           | 'auto'
           | 'stroke'
-          | 'visible'
           | 'all'
+          | 'visible'
           | 'painted'
           | 'visibleFill'
           | 'visiblePainted'
@@ -6684,9 +6684,9 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | 'revert-layer'
           | 'unset'
           | 'auto'
-          | 'geometricPrecision'
           | 'optimizeSpeed'
           | 'crispEdges'
+          | 'geometricPrecision'
           | import('framer-motion').CustomValueType
           | undefined;
         stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -6732,9 +6732,9 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | 'revert-layer'
           | 'unset'
           | 'auto'
+          | 'optimizeSpeed'
           | 'geometricPrecision'
           | 'optimizeLegibility'
-          | 'optimizeSpeed'
           | import('framer-motion').CustomValueType
           | undefined;
         transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -6747,7 +6747,6 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | 'unset'
           | 'normal'
           | 'embed'
-          | 'isolate'
           | '-moz-isolate'
           | '-moz-isolate-override'
           | '-moz-plaintext'
@@ -6755,6 +6754,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | '-webkit-isolate-override'
           | '-webkit-plaintext'
           | 'bidi-override'
+          | 'isolate'
           | 'isolate-override'
           | 'plaintext'
           | import('framer-motion').CustomValueType
@@ -6809,24 +6809,12 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.Border<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        animation?:
-          | import('csstype').Property.Animation<string & {}>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        flex?:
-          | import('csstype').Property.Flex<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        grid?:
-          | import('csstype').Property.Grid
-          | import('framer-motion').CustomValueType
-          | undefined;
-        contain?:
-          | import('csstype').Property.Contain
+        top?:
+          | import('csstype').Property.Top<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        overlay?:
-          | import('csstype').Property.Overlay
+        bottom?:
+          | import('csstype').Property.Bottom<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
         left?:
@@ -6837,69 +6825,33 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.Right<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        bottom?:
-          | import('csstype').Property.Bottom<string | number>
+        all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
+        minWidth?:
+          | import('csstype').Property.MinWidth<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        top?:
-          | import('csstype').Property.Top<string | number>
+        minHeight?:
+          | import('csstype').Property.MinHeight<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        inset?:
-          | import('csstype').Property.Inset<string | number>
+        maxWidth?:
+          | import('csstype').Property.MaxWidth<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
-        page?:
-          | import('csstype').Property.Page
+        maxHeight?:
+          | import('csstype').Property.MaxHeight<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        position?:
-          | import('csstype').Property.Position
+        aspectRatio?:
+          | import('csstype').Property.AspectRatio
           | import('framer-motion').CustomValueType
           | undefined;
-        caret?:
-          | import('csstype').Property.Caret
+        flexBasis?:
+          | import('csstype').Property.FlexBasis<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
-        zoom?:
-          | import('csstype').Property.Zoom
-          | import('framer-motion').CustomValueType
-          | undefined;
-        clear?:
-          | import('csstype').Property.Clear
-          | import('framer-motion').CustomValueType
-          | undefined;
-        padding?:
-          | import('csstype').Property.Padding<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        minWidth?:
-          | import('csstype').Property.MinWidth<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        minHeight?:
-          | import('csstype').Property.MinHeight<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        maxWidth?:
-          | import('csstype').Property.MaxWidth<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        maxHeight?:
-          | import('csstype').Property.MaxHeight<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        aspectRatio?:
-          | import('csstype').Property.AspectRatio
-          | import('framer-motion').CustomValueType
-          | undefined;
-        flexBasis?:
-          | import('csstype').Property.FlexBasis<string | number>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        flexGrow?:
-          | import('csstype').Property.FlexGrow
+        flexGrow?:
+          | import('csstype').Property.FlexGrow
           | import('framer-motion').CustomValueType
           | undefined;
         flexShrink?:
@@ -6934,6 +6886,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.GridAutoFlow
           | import('framer-motion').CustomValueType
           | undefined;
+        grid?:
+          | import('csstype').Property.Grid
+          | import('framer-motion').CustomValueType
+          | undefined;
         gridRowStart?:
           | import('csstype').Property.GridRowStart
           | import('framer-motion').CustomValueType
@@ -7010,6 +6966,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.RowGap<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        padding?:
+          | import('csstype').Property.Padding<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         paddingTop?:
           | import('csstype').Property.PaddingTop<string | number>
           | import('framer-motion').CustomValueType
@@ -7058,6 +7018,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.FlexWrap
           | import('framer-motion').CustomValueType
           | undefined;
+        position?:
+          | import('csstype').Property.Position
+          | import('framer-motion').CustomValueType
+          | undefined;
         textAlign?:
           | import('csstype').Property.TextAlign
           | import('framer-motion').CustomValueType
@@ -7370,6 +7334,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.CaretShape
           | import('framer-motion').CustomValueType
           | undefined;
+        clear?:
+          | import('csstype').Property.Clear
+          | import('framer-motion').CustomValueType
+          | undefined;
         colorAdjust?:
           | import('csstype').Property.PrintColorAdjust
           | import('framer-motion').CustomValueType
@@ -7406,6 +7374,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.ColumnWidth<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        contain?:
+          | import('csstype').Property.Contain
+          | import('framer-motion').CustomValueType
+          | undefined;
         containIntrinsicBlockSize?:
           | import('csstype').Property.ContainIntrinsicBlockSize<string | number>
           | import('framer-motion').CustomValueType
@@ -7846,6 +7818,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.OverflowY
           | import('framer-motion').CustomValueType
           | undefined;
+        overlay?:
+          | import('csstype').Property.Overlay
+          | import('framer-motion').CustomValueType
+          | undefined;
         overscrollBehaviorBlock?:
           | import('csstype').Property.OverscrollBehaviorBlock
           | import('framer-motion').CustomValueType
@@ -7886,6 +7862,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.PaddingRight<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        page?:
+          | import('csstype').Property.Page
+          | import('framer-motion').CustomValueType
+          | undefined;
         pageBreakAfter?:
           | import('csstype').Property.PageBreakAfter
           | import('framer-motion').CustomValueType
@@ -8230,6 +8210,14 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.WordWrap
           | import('framer-motion').CustomValueType
           | undefined;
+        zoom?:
+          | import('csstype').Property.Zoom
+          | import('framer-motion').CustomValueType
+          | undefined;
+        animation?:
+          | import('csstype').Property.Animation<string & {}>
+          | import('framer-motion').CustomValueType
+          | undefined;
         animationRange?:
           | import('csstype').Property.AnimationRange<string | number>
           | import('framer-motion').CustomValueType
@@ -8286,6 +8274,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.BorderTop<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        caret?:
+          | import('csstype').Property.Caret
+          | import('framer-motion').CustomValueType
+          | undefined;
         columnRule?:
           | import('csstype').Property.ColumnRule<string | number>
           | import('framer-motion').CustomValueType
@@ -8302,6 +8294,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.Container
           | import('framer-motion').CustomValueType
           | undefined;
+        flex?:
+          | import('csstype').Property.Flex<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         flexFlow?:
           | import('csstype').Property.FlexFlow
           | import('framer-motion').CustomValueType
@@ -8310,6 +8306,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.Font
           | import('framer-motion').CustomValueType
           | undefined;
+        inset?:
+          | import('csstype').Property.Inset<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         insetBlock?:
           | import('csstype').Property.InsetBlock<string | number>
           | import('framer-motion').CustomValueType
@@ -10227,644 +10227,644 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('framer-motion').CustomValueType
           | undefined;
         onCopy?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCopyCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCut?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCutCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPaste?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPasteCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ClipboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionStart?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionUpdate?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCompositionUpdateCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').CompositionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onFocus?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onFocusCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBlur?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBlurCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FocusEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onChange?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBeforeInput?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onBeforeInputCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInput?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInputCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onReset?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onResetCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSubmit?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSubmitCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInvalid?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onInvalidCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').FormEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoad?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onError?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onErrorCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyDown?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyDownCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyPress?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyPressCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyUp?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onKeyUpCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').KeyboardEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAbort?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAbortCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlay?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlayCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlayThrough?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onCanPlayThroughCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDurationChange?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDurationChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEmptied?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEmptiedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEncrypted?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEncryptedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEnded?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onEndedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedData?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedDataCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedMetadata?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadedMetadataCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadStart?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLoadStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPause?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPauseCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlay?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlayCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlaying?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPlayingCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onProgress?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onProgressCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onRateChange?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onRateChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onResize?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onResizeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeeked?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeekedCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeeking?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSeekingCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onStalled?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onStalledCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSuspend?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSuspendCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTimeUpdate?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTimeUpdateCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onVolumeChange?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onVolumeChangeCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWaiting?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWaitingCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAuxClick?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAuxClickCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onClick?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onClickCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onContextMenu?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onContextMenuCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDoubleClick?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDoubleClickCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDrag?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEnter?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragEnterCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragExit?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragExitCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragLeave?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragLeaveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragOver?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragOverCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragStart?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDragStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDrop?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onDropCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').DragEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseDown?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseDownCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseEnter?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseLeave?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseMove?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseMoveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOut?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOutCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOver?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseOverCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseUp?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onMouseUpCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').MouseEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSelect?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onSelectCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').ReactEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchCancel?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchCancelCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchMove?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchMoveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchStart?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTouchStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TouchEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerDown?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerDownCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerMove?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerMoveCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerUp?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerUpCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerCancel?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerCancelCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerEnter?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerLeave?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOver?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOverCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOut?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onPointerOutCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onGotPointerCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onGotPointerCaptureCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLostPointerCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onLostPointerCaptureCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').PointerEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onScroll?:
-          | import('framer-motion').CustomValueType
           | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onScrollCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWheel?:
-          | import('framer-motion').CustomValueType
           | import('react').WheelEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onWheelCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').WheelEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationStart?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationStartCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationIteration?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onAnimationIterationCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').AnimationEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTransitionEnd?:
-          | import('framer-motion').CustomValueType
           | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         onTransitionEndCapture?:
-          | import('framer-motion').CustomValueType
           | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
           | undefined;
         attrX?: number | import('framer-motion').CustomValueType | undefined;
         attrY?: number | import('framer-motion').CustomValueType | undefined;