@coinbase/cds-web 8.61.0 → 8.62.0

package/dts/tabs/hooks/useAnimateTabIndicator.d.ts

@@ -58,8 +58,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
     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;
@@ -973,11 +973,11 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'baseline'
-            | 'middle'
             | 'after-edge'
+            | 'baseline'
             | 'before-edge'
             | 'central'
+            | 'middle'
             | 'text-after-edge'
             | 'text-before-edge'
             | import('framer-motion').CustomValueType
@@ -1016,8 +1016,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'optimizeSpeed'
             | 'optimizeQuality'
+            | 'optimizeSpeed'
             | import('framer-motion').CustomValueType
             | undefined;
           cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1045,8 +1045,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'middle'
             | 'central'
+            | 'middle'
             | 'text-after-edge'
             | 'text-before-edge'
             | 'no-change'
@@ -1107,8 +1107,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'none'
             | 'auto'
             | 'stroke'
-            | 'visible'
             | 'all'
+            | 'visible'
             | 'painted'
             | 'visibleFill'
             | 'visiblePainted'
@@ -1123,9 +1123,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'geometricPrecision'
             | 'optimizeSpeed'
             | 'crispEdges'
+            | 'geometricPrecision'
             | import('framer-motion').CustomValueType
             | undefined;
           stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1171,9 +1171,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
+            | 'optimizeSpeed'
             | 'geometricPrecision'
             | 'optimizeLegibility'
-            | 'optimizeSpeed'
             | import('framer-motion').CustomValueType
             | undefined;
           transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -1186,7 +1186,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'unset'
             | 'normal'
             | 'embed'
-            | 'isolate'
             | '-moz-isolate'
             | '-moz-isolate-override'
             | '-moz-plaintext'
@@ -1194,6 +1193,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | '-webkit-isolate-override'
             | '-webkit-plaintext'
             | 'bidi-override'
+            | 'isolate'
             | 'isolate-override'
             | 'plaintext'
             | import('framer-motion').CustomValueType
@@ -1248,24 +1248,12 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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?:
@@ -1276,43 +1264,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1373,6 +1325,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1449,6 +1405,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1497,6 +1457,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1809,6 +1773,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1845,6 +1813,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2285,6 +2257,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2325,6 +2301,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2669,6 +2649,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2725,6 +2713,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2741,6 +2733,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2749,6 +2745,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -4677,644 +4677,644 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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;
@@ -5635,8 +5635,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
     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;
@@ -6550,11 +6550,11 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'baseline'
-            | 'middle'
             | 'after-edge'
+            | 'baseline'
             | 'before-edge'
             | 'central'
+            | 'middle'
             | 'text-after-edge'
             | 'text-before-edge'
             | import('framer-motion').CustomValueType
@@ -6593,8 +6593,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'optimizeSpeed'
             | 'optimizeQuality'
+            | 'optimizeSpeed'
             | import('framer-motion').CustomValueType
             | undefined;
           cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -6622,8 +6622,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'middle'
             | 'central'
+            | 'middle'
             | 'text-after-edge'
             | 'text-before-edge'
             | 'no-change'
@@ -6684,8 +6684,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'none'
             | 'auto'
             | 'stroke'
-            | 'visible'
             | 'all'
+            | 'visible'
             | 'painted'
             | 'visibleFill'
             | 'visiblePainted'
@@ -6700,9 +6700,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'geometricPrecision'
             | 'optimizeSpeed'
             | 'crispEdges'
+            | 'geometricPrecision'
             | import('framer-motion').CustomValueType
             | undefined;
           stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -6748,9 +6748,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
+            | 'optimizeSpeed'
             | 'geometricPrecision'
             | 'optimizeLegibility'
-            | 'optimizeSpeed'
             | import('framer-motion').CustomValueType
             | undefined;
           transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -6763,7 +6763,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'unset'
             | 'normal'
             | 'embed'
-            | 'isolate'
             | '-moz-isolate'
             | '-moz-isolate-override'
             | '-moz-plaintext'
@@ -6771,6 +6770,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | '-webkit-isolate-override'
             | '-webkit-plaintext'
             | 'bidi-override'
+            | 'isolate'
             | 'isolate-override'
             | 'plaintext'
             | import('framer-motion').CustomValueType
@@ -6825,24 +6825,12 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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?:
@@ -6853,69 +6841,33 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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?:
@@ -6950,6 +6902,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7026,6 +6982,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7074,6 +7034,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7386,6 +7350,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7422,6 +7390,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7862,6 +7834,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7902,6 +7878,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8246,6 +8226,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8302,6 +8290,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8318,6 +8310,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8326,6 +8322,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -10254,644 +10254,644 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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;