@coinbase/cds-web 8.61.0 → 8.62.0

package/dts/motion/utils.d.ts

@@ -1053,11 +1053,11 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'hanging'
         | 'ideographic'
         | 'mathematical'
-        | 'baseline'
-        | 'middle'
         | 'after-edge'
+        | 'baseline'
         | 'before-edge'
         | 'central'
+        | 'middle'
         | 'text-after-edge'
         | 'text-before-edge'
         | import('framer-motion').CustomValueType
@@ -1096,8 +1096,8 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'revert-layer'
         | 'unset'
         | 'auto'
-        | 'optimizeSpeed'
         | 'optimizeQuality'
+        | 'optimizeSpeed'
         | import('framer-motion').CustomValueType
         | undefined;
       cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1125,8 +1125,8 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'hanging'
         | 'ideographic'
         | 'mathematical'
-        | 'middle'
         | 'central'
+        | 'middle'
         | 'text-after-edge'
         | 'text-before-edge'
         | 'no-change'
@@ -1187,8 +1187,8 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'none'
         | 'auto'
         | 'stroke'
-        | 'visible'
         | 'all'
+        | 'visible'
         | 'painted'
         | 'visibleFill'
         | 'visiblePainted'
@@ -1203,9 +1203,9 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'revert-layer'
         | 'unset'
         | 'auto'
-        | 'geometricPrecision'
         | 'optimizeSpeed'
         | 'crispEdges'
+        | 'geometricPrecision'
         | import('framer-motion').CustomValueType
         | undefined;
       stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1251,9 +1251,9 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'revert-layer'
         | 'unset'
         | 'auto'
+        | 'optimizeSpeed'
         | 'geometricPrecision'
         | 'optimizeLegibility'
-        | 'optimizeSpeed'
         | import('framer-motion').CustomValueType
         | undefined;
       transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -1266,7 +1266,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 'unset'
         | 'normal'
         | 'embed'
-        | 'isolate'
         | '-moz-isolate'
         | '-moz-isolate-override'
         | '-moz-plaintext'
@@ -1274,6 +1273,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | '-webkit-isolate-override'
         | '-webkit-plaintext'
         | 'bidi-override'
+        | 'isolate'
         | 'isolate-override'
         | 'plaintext'
         | import('framer-motion').CustomValueType
@@ -1328,21 +1328,12 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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?:
@@ -1353,37 +1344,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1444,6 +1405,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1520,6 +1482,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1568,6 +1534,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1880,6 +1850,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1916,6 +1890,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2356,6 +2334,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2396,6 +2378,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2740,6 +2723,11 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2796,6 +2784,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2812,11 +2804,19 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
         | undefined;
       font?: 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
@@ -4727,644 +4727,644 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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;