@coinbase/cds-web 8.66.1 → 9.0.0-rc.1

package/dts/motion/useMotionProps.d.ts

@@ -83,6 +83,8 @@ export declare const getMotionProps: ({
   viewport?: FramerMotionProps['viewport'];
   inherit?: boolean | undefined;
   style?: import('framer-motion').MotionStyle | undefined;
+  layout?: boolean | 'position' | 'size' | 'preserve-aspect' | undefined;
+  drag?: boolean | 'x' | 'y' | undefined;
   children?:
     | import('react').ReactNode
     | import('framer-motion').MotionValue<number>
@@ -108,8 +110,6 @@ export declare const getMotionProps: ({
   onAnimationStart?:
     | ((definition: import('framer-motion').AnimationDefinition) => void)
     | undefined;
-  layout?: boolean | 'position' | 'size' | 'preserve-aspect' | undefined;
-  drag?: boolean | 'x' | 'y' | undefined;
   transformValues?:
     | (<V extends import('framer-motion').ResolvedValues>(values: V) => V)
     | undefined;
@@ -979,308 +979,24 @@ export declare const getMotionProps: ({
           | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        '--controlSize-switchHeight'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-switchThumbSize'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-tileSize'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        clipPath?: string | import('framer-motion').CustomValueType | undefined;
-        marker?:
-          | import('csstype').Property.Marker
-          | import('framer-motion').CustomValueType
-          | undefined;
-        mask?: string | import('framer-motion').CustomValueType | undefined;
-        height?: string | number | import('framer-motion').CustomValueType | undefined;
-        width?: string | number | import('framer-motion').CustomValueType | undefined;
-        alignmentBaseline?:
-          | 'inherit'
-          | 'auto'
-          | 'alphabetic'
-          | 'hanging'
-          | 'ideographic'
-          | 'mathematical'
-          | 'after-edge'
-          | 'baseline'
-          | 'before-edge'
-          | 'central'
-          | 'middle'
-          | 'text-after-edge'
-          | 'text-before-edge'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        azimuth?: string | import('framer-motion').CustomValueType | undefined;
-        baselineShift?: string | number | import('framer-motion').CustomValueType | undefined;
-        clip?: string | import('framer-motion').CustomValueType | undefined;
-        clipRule?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'evenodd'
-          | 'nonzero'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        colorInterpolation?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'linearRGB'
-          | 'sRGB'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        colorRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'optimizeQuality'
-          | 'optimizeSpeed'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        cursor?: string | import('framer-motion').CustomValueType | undefined;
-        direction?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'ltr'
-          | 'rtl'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        display?: string | import('framer-motion').CustomValueType | undefined;
-        dominantBaseline?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'alphabetic'
-          | 'hanging'
-          | 'ideographic'
-          | 'mathematical'
-          | 'central'
-          | 'middle'
-          | 'text-after-edge'
-          | 'text-before-edge'
-          | 'no-change'
-          | 'reset-size'
-          | 'use-script'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        fillOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        fillRule?:
-          | 'inherit'
-          | 'evenodd'
-          | 'nonzero'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        floodColor?: string | import('framer-motion').CustomValueType | undefined;
-        floodOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        fontSizeAdjust?: string | number | import('framer-motion').CustomValueType | undefined;
-        fontStretch?: string | import('framer-motion').CustomValueType | undefined;
-        fontStyle?: string | import('framer-motion').CustomValueType | undefined;
-        fontVariant?: string | import('framer-motion').CustomValueType | undefined;
-        glyphOrientationVertical?:
-          | string
-          | number
-          | import('framer-motion').CustomValueType
-          | undefined;
-        imageRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | '-moz-crisp-edges'
-          | '-webkit-optimize-contrast'
-          | 'crisp-edges'
-          | 'pixelated'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        letterSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
-        lightingColor?: string | import('framer-motion').CustomValueType | undefined;
-        markerEnd?: string | import('framer-motion').CustomValueType | undefined;
-        markerMid?: string | import('framer-motion').CustomValueType | undefined;
-        markerStart?: string | import('framer-motion').CustomValueType | undefined;
-        offset?: string | number | import('framer-motion').CustomValueType | undefined;
-        opacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        order?: string | number | import('framer-motion').CustomValueType | undefined;
-        overflow?: string | import('framer-motion').CustomValueType | undefined;
-        paintOrder?: string | import('framer-motion').CustomValueType | undefined;
-        pointerEvents?:
-          | 'fill'
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'none'
-          | 'auto'
-          | 'stroke'
-          | 'all'
-          | 'visible'
-          | 'painted'
-          | 'visibleFill'
-          | 'visiblePainted'
-          | 'visibleStroke'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        shapeRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'optimizeSpeed'
-          | 'crispEdges'
-          | 'geometricPrecision'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        stopColor?: string | import('framer-motion').CustomValueType | undefined;
-        stopOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        stroke?: string | import('framer-motion').CustomValueType | undefined;
-        strokeDasharray?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeDashoffset?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeLinecap?:
-          | 'inherit'
-          | 'round'
-          | 'butt'
-          | 'square'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        strokeLinejoin?:
-          | 'inherit'
-          | 'round'
-          | 'bevel'
-          | 'miter'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        strokeMiterlimit?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeWidth?: string | number | import('framer-motion').CustomValueType | undefined;
-        textAnchor?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'end'
-          | 'start'
-          | 'middle'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        textDecoration?: string | number | import('framer-motion').CustomValueType | undefined;
-        textRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'optimizeSpeed'
-          | 'geometricPrecision'
-          | 'optimizeLegibility'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        transform?: string | import('framer-motion').CustomValueType | undefined;
-        unicodeBidi?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'normal'
-          | 'embed'
-          | '-moz-isolate'
-          | '-moz-isolate-override'
-          | '-moz-plaintext'
-          | '-webkit-isolate'
-          | '-webkit-isolate-override'
-          | '-webkit-plaintext'
-          | 'bidi-override'
-          | 'isolate'
-          | 'isolate-override'
-          | 'plaintext'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        vectorEffect?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'none'
-          | 'non-scaling-stroke'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        visibility?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'hidden'
-          | 'visible'
-          | 'collapse'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        wordSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
-        writingMode?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'horizontal-tb'
-          | 'sideways-lr'
-          | 'sideways-rl'
-          | 'vertical-lr'
-          | 'vertical-rl'
+        '--controlSize-switchHeight'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        translate?:
-          | import('csstype').Property.Translate<string | number>
+        '--controlSize-switchThumbSize'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        content?:
-          | import('csstype').Property.Content
+        '--controlSize-tileSize'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        border?:
-          | import('csstype').Property.Border<string | number>
+        clipPath?: string | import('framer-motion').CustomValueType | undefined;
+        marker?:
+          | import('csstype').Property.Marker
           | import('framer-motion').CustomValueType
           | undefined;
+        mask?: string | import('framer-motion').CustomValueType | undefined;
         top?:
           | import('csstype').Property.Top<string | number>
           | import('framer-motion').CustomValueType
@@ -1298,6 +1014,8 @@ export declare const getMotionProps: ({
           | import('framer-motion').CustomValueType
           | undefined;
         all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
+        width?: string | number | import('framer-motion').CustomValueType | undefined;
+        height?: string | number | import('framer-motion').CustomValueType | undefined;
         minWidth?:
           | import('csstype').Property.MinWidth<string | number>
           | import('framer-motion').CustomValueType
@@ -1318,6 +1036,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.AspectRatio
           | import('framer-motion').CustomValueType
           | undefined;
+        transform?: string | import('framer-motion').CustomValueType | undefined;
         flexBasis?:
           | import('csstype').Property.FlexBasis<string | number>
           | import('framer-motion').CustomValueType
@@ -1390,6 +1109,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.GridArea
           | import('framer-motion').CustomValueType
           | undefined;
+        opacity?: string | number | import('framer-motion').CustomValueType | undefined;
         zIndex?:
           | import('csstype').Property.ZIndex
           | import('framer-motion').CustomValueType
@@ -1462,10 +1182,13 @@ export declare const getMotionProps: ({
           | import('csstype').Property.MarginBottom<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        textDecoration?: string | number | import('framer-motion').CustomValueType | undefined;
         userSelect?:
           | import('csstype').Property.UserSelect
           | import('framer-motion').CustomValueType
           | undefined;
+        display?: string | import('framer-motion').CustomValueType | undefined;
+        overflow?: string | import('framer-motion').CustomValueType | undefined;
         justifyContent?:
           | import('csstype').Property.JustifyContent
           | import('framer-motion').CustomValueType
@@ -1498,6 +1221,22 @@ export declare const getMotionProps: ({
           | import('csstype').Property.TextAlign
           | import('framer-motion').CustomValueType
           | undefined;
+        visibility?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'hidden'
+          | 'visible'
+          | 'collapse'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        content?:
+          | import('csstype').Property.Content
+          | import('framer-motion').CustomValueType
+          | undefined;
         accentColor?:
           | import('csstype').Property.AccentColor
           | import('framer-motion').CustomValueType
@@ -1890,6 +1629,18 @@ export declare const getMotionProps: ({
           | import('csstype').Property.CounterSet
           | import('framer-motion').CustomValueType
           | undefined;
+        cursor?: string | import('framer-motion').CustomValueType | undefined;
+        direction?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'ltr'
+          | 'rtl'
+          | import('framer-motion').CustomValueType
+          | undefined;
         emptyCells?:
           | import('csstype').Property.EmptyCells
           | import('framer-motion').CustomValueType
@@ -1918,10 +1669,13 @@ export declare const getMotionProps: ({
           | import('csstype').Property.FontPalette
           | import('framer-motion').CustomValueType
           | undefined;
+        fontSizeAdjust?: string | number | import('framer-motion').CustomValueType | undefined;
         fontSmooth?:
           | import('csstype').Property.FontSmooth<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        fontStretch?: string | import('framer-motion').CustomValueType | undefined;
+        fontStyle?: string | import('framer-motion').CustomValueType | undefined;
         fontSynthesis?:
           | import('csstype').Property.FontSynthesis
           | import('framer-motion').CustomValueType
@@ -1942,6 +1696,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.FontSynthesisWeight
           | import('framer-motion').CustomValueType
           | undefined;
+        fontVariant?: string | import('framer-motion').CustomValueType | undefined;
         fontVariantAlternates?:
           | import('csstype').Property.FontVariantAlternates
           | import('framer-motion').CustomValueType
@@ -1998,6 +1753,20 @@ export declare const getMotionProps: ({
           | import('csstype').Property.ImageOrientation
           | import('framer-motion').CustomValueType
           | undefined;
+        imageRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | '-moz-crisp-edges'
+          | '-webkit-optimize-contrast'
+          | 'crisp-edges'
+          | 'pixelated'
+          | import('framer-motion').CustomValueType
+          | undefined;
         imageResolution?:
           | import('csstype').Property.ImageResolution
           | import('framer-motion').CustomValueType
@@ -2046,6 +1815,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.JustifyTracks
           | import('framer-motion').CustomValueType
           | undefined;
+        letterSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
         lineBreak?:
           | import('csstype').Property.LineBreak
           | import('framer-motion').CustomValueType
@@ -2238,6 +2008,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.OffsetRotate
           | import('framer-motion').CustomValueType
           | undefined;
+        order?: string | number | import('framer-motion').CustomValueType | undefined;
         orphans?:
           | import('csstype').Property.Orphans
           | import('framer-motion').CustomValueType
@@ -2350,10 +2121,30 @@ export declare const getMotionProps: ({
           | import('csstype').Property.PageBreakInside
           | import('framer-motion').CustomValueType
           | undefined;
+        paintOrder?: string | import('framer-motion').CustomValueType | undefined;
         perspectiveOrigin?:
           | import('csstype').Property.PerspectiveOrigin<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        pointerEvents?:
+          | 'fill'
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'none'
+          | 'auto'
+          | 'all'
+          | 'stroke'
+          | 'visible'
+          | 'painted'
+          | 'visibleFill'
+          | 'visiblePainted'
+          | 'visibleStroke'
+          | import('framer-motion').CustomValueType
+          | undefined;
         printColorAdjust?:
           | import('csstype').Property.PrintColorAdjust
           | import('framer-motion').CustomValueType
@@ -2574,6 +2365,19 @@ export declare const getMotionProps: ({
           | import('csstype').Property.TextOverflow
           | import('framer-motion').CustomValueType
           | undefined;
+        textRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'geometricPrecision'
+          | 'optimizeLegibility'
+          | 'optimizeSpeed'
+          | import('framer-motion').CustomValueType
+          | undefined;
         textShadow?:
           | import('csstype').Property.TextShadow
           | import('framer-motion').CustomValueType
@@ -2634,6 +2438,31 @@ export declare const getMotionProps: ({
           | import('csstype').Property.TransitionTimingFunction
           | import('framer-motion').CustomValueType
           | undefined;
+        translate?:
+          | import('csstype').Property.Translate<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        unicodeBidi?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'normal'
+          | 'embed'
+          | 'isolate'
+          | '-moz-isolate'
+          | '-moz-isolate-override'
+          | '-moz-plaintext'
+          | '-webkit-isolate'
+          | '-webkit-isolate-override'
+          | '-webkit-plaintext'
+          | 'bidi-override'
+          | 'isolate-override'
+          | 'plaintext'
+          | import('framer-motion').CustomValueType
+          | undefined;
         verticalAlign?:
           | import('csstype').Property.VerticalAlign<string | number>
           | import('framer-motion').CustomValueType
@@ -2678,10 +2507,25 @@ export declare const getMotionProps: ({
           | import('csstype').Property.WordBreak
           | import('framer-motion').CustomValueType
           | undefined;
+        wordSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
         wordWrap?:
           | import('csstype').Property.WordWrap
           | import('framer-motion').CustomValueType
           | undefined;
+        writingMode?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'horizontal-tb'
+          | 'sideways-lr'
+          | 'sideways-rl'
+          | 'vertical-lr'
+          | 'vertical-rl'
+          | import('framer-motion').CustomValueType
+          | undefined;
         zoom?:
           | import('csstype').Property.Zoom
           | import('framer-motion').CustomValueType
@@ -2698,6 +2542,10 @@ export declare const getMotionProps: ({
           | import('csstype').Property.BackgroundPosition<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        border?:
+          | import('csstype').Property.Border<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         borderBlock?:
           | import('csstype').Property.BorderBlock<string | number>
           | import('framer-motion').CustomValueType
@@ -2814,6 +2662,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.Offset<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        offset?: string | number | import('framer-motion').CustomValueType | undefined;
         outline?:
           | import('csstype').Property.Outline<string | number>
           | import('framer-motion').CustomValueType
@@ -3862,6 +3711,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.Transition<string & {}>
           | import('framer-motion').CustomValueType
           | undefined;
+        azimuth?: string | import('framer-motion').CustomValueType | undefined;
         boxAlign?:
           | import('csstype').Property.BoxAlign
           | import('framer-motion').CustomValueType
@@ -3894,6 +3744,7 @@ export declare const getMotionProps: ({
           | import('csstype').Property.BoxPack
           | import('framer-motion').CustomValueType
           | undefined;
+        clip?: string | import('framer-motion').CustomValueType | undefined;
         gridColumnGap?:
           | import('csstype').Property.GridColumnGap<string | number>
           | import('framer-motion').CustomValueType
@@ -4262,24 +4113,173 @@ export declare const getMotionProps: ({
           | import('csstype').Property.BoxFlex
           | import('framer-motion').CustomValueType
           | undefined;
-        WebkitBoxFlexGroup?:
-          | import('csstype').Property.BoxFlexGroup
+        WebkitBoxFlexGroup?:
+          | import('csstype').Property.BoxFlexGroup
+          | import('framer-motion').CustomValueType
+          | undefined;
+        WebkitBoxLines?:
+          | import('csstype').Property.BoxLines
+          | import('framer-motion').CustomValueType
+          | undefined;
+        WebkitBoxOrdinalGroup?:
+          | import('csstype').Property.BoxOrdinalGroup
+          | import('framer-motion').CustomValueType
+          | undefined;
+        WebkitBoxOrient?:
+          | import('csstype').Property.BoxOrient
+          | import('framer-motion').CustomValueType
+          | undefined;
+        WebkitBoxPack?:
+          | import('csstype').Property.BoxPack
+          | import('framer-motion').CustomValueType
+          | undefined;
+        alignmentBaseline?:
+          | 'inherit'
+          | 'auto'
+          | 'baseline'
+          | 'middle'
+          | 'after-edge'
+          | 'alphabetic'
+          | 'before-edge'
+          | 'central'
+          | 'hanging'
+          | 'ideographic'
+          | 'mathematical'
+          | 'text-after-edge'
+          | 'text-before-edge'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        baselineShift?: string | number | import('framer-motion').CustomValueType | undefined;
+        clipRule?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'evenodd'
+          | 'nonzero'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        colorInterpolation?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'linearRGB'
+          | 'sRGB'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        colorRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'optimizeSpeed'
+          | 'optimizeQuality'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        dominantBaseline?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'middle'
+          | 'alphabetic'
+          | 'central'
+          | 'hanging'
+          | 'ideographic'
+          | 'mathematical'
+          | 'text-after-edge'
+          | 'text-before-edge'
+          | 'no-change'
+          | 'reset-size'
+          | 'use-script'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        fillOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        fillRule?:
+          | 'inherit'
+          | 'evenodd'
+          | 'nonzero'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        floodColor?: string | import('framer-motion').CustomValueType | undefined;
+        floodOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        glyphOrientationVertical?:
+          | string
+          | number
+          | import('framer-motion').CustomValueType
+          | undefined;
+        lightingColor?: string | import('framer-motion').CustomValueType | undefined;
+        markerEnd?: string | import('framer-motion').CustomValueType | undefined;
+        markerMid?: string | import('framer-motion').CustomValueType | undefined;
+        markerStart?: string | import('framer-motion').CustomValueType | undefined;
+        shapeRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'geometricPrecision'
+          | 'optimizeSpeed'
+          | 'crispEdges'
           | import('framer-motion').CustomValueType
           | undefined;
-        WebkitBoxLines?:
-          | import('csstype').Property.BoxLines
+        stopColor?: string | import('framer-motion').CustomValueType | undefined;
+        stopOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        stroke?: string | import('framer-motion').CustomValueType | undefined;
+        strokeDasharray?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeDashoffset?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeLinecap?:
+          | 'inherit'
+          | 'round'
+          | 'butt'
+          | 'square'
           | import('framer-motion').CustomValueType
           | undefined;
-        WebkitBoxOrdinalGroup?:
-          | import('csstype').Property.BoxOrdinalGroup
+        strokeLinejoin?:
+          | 'inherit'
+          | 'round'
+          | 'bevel'
+          | 'miter'
           | import('framer-motion').CustomValueType
           | undefined;
-        WebkitBoxOrient?:
-          | import('csstype').Property.BoxOrient
+        strokeMiterlimit?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeWidth?: string | number | import('framer-motion').CustomValueType | undefined;
+        textAnchor?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'end'
+          | 'start'
+          | 'middle'
           | import('framer-motion').CustomValueType
           | undefined;
-        WebkitBoxPack?:
-          | import('csstype').Property.BoxPack
+        vectorEffect?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'none'
+          | 'non-scaling-stroke'
           | import('framer-motion').CustomValueType
           | undefined;
         suppressHydrationWarning?: boolean | import('framer-motion').CustomValueType | undefined;
@@ -4526,9 +4526,9 @@ export declare const getMotionProps: ({
           | undefined;
         'aria-autocomplete'?:
           | 'none'
-          | 'list'
           | 'inline'
           | 'both'
+          | 'list'
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-braillelabel'?: string | import('framer-motion').CustomValueType | undefined;
@@ -4555,10 +4555,10 @@ export declare const getMotionProps: ({
         'aria-current'?:
           | boolean
           | 'time'
-          | 'step'
           | 'page'
           | 'false'
           | 'true'
+          | 'step'
           | 'location'
           | 'date'
           | import('framer-motion').CustomValueType
@@ -5298,6 +5298,14 @@ export declare const getMotionProps: ({
           | import('react').UIEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
           | undefined;
+        onScrollEnd?:
+          | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onScrollEndCapture?:
+          | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
         onWheel?:
           | import('react').WheelEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
@@ -5330,6 +5338,22 @@ export declare const getMotionProps: ({
           | import('react').AnimationEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
           | undefined;
+        onToggle?:
+          | import('react').ToggleEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onBeforeToggle?:
+          | import('react').ToggleEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionCancel?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionCancelCapture?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
         onTransitionEnd?:
           | import('react').TransitionEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
@@ -5338,6 +5362,22 @@ export declare const getMotionProps: ({
           | import('react').TransitionEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
           | undefined;
+        onTransitionRun?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionRunCapture?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionStart?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionStartCapture?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
         attrX?: number | import('framer-motion').CustomValueType | undefined;
         attrY?: number | import('framer-motion').CustomValueType | undefined;
         attrScale?: number | import('framer-motion').CustomValueType | undefined;
@@ -5611,6 +5651,8 @@ export declare const useMotionProps: (props: UseMotionProps) => {
   viewport?: FramerMotionProps['viewport'];
   inherit?: boolean | undefined;
   style?: import('framer-motion').MotionStyle | undefined;
+  layout?: boolean | 'position' | 'size' | 'preserve-aspect' | undefined;
+  drag?: boolean | 'x' | 'y' | undefined;
   children?:
     | import('react').ReactNode
     | import('framer-motion').MotionValue<number>
@@ -5636,8 +5678,6 @@ export declare const useMotionProps: (props: UseMotionProps) => {
   onAnimationStart?:
     | ((definition: import('framer-motion').AnimationDefinition) => void)
     | undefined;
-  layout?: boolean | 'position' | 'size' | 'preserve-aspect' | undefined;
-  drag?: boolean | 'x' | 'y' | undefined;
   transformValues?:
     | (<V extends import('framer-motion').ResolvedValues>(values: V) => V)
     | undefined;
@@ -6459,356 +6499,72 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        '--textTransform-title4'?:
-          | import('csstype').Property.TextTransform
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--textTransform-headline'?:
-          | import('csstype').Property.TextTransform
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--textTransform-body'?:
-          | import('csstype').Property.TextTransform
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--textTransform-label1'?:
-          | import('csstype').Property.TextTransform
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--textTransform-label2'?:
-          | import('csstype').Property.TextTransform
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--textTransform-caption'?:
-          | import('csstype').Property.TextTransform
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--textTransform-legal'?:
-          | import('csstype').Property.TextTransform
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--shadow-elevation1'?:
-          | import('csstype').Property.BoxShadow
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--shadow-elevation2'?:
-          | import('csstype').Property.BoxShadow
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-checkboxSize'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-radioSize'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-switchWidth'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-switchHeight'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-switchThumbSize'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        '--controlSize-tileSize'?:
-          | import('csstype').Property.Width<0 | (string & {})>
-          | import('framer-motion').CustomValueType
-          | undefined;
-        clipPath?: string | import('framer-motion').CustomValueType | undefined;
-        marker?:
-          | import('csstype').Property.Marker
-          | import('framer-motion').CustomValueType
-          | undefined;
-        mask?: string | import('framer-motion').CustomValueType | undefined;
-        height?: string | number | import('framer-motion').CustomValueType | undefined;
-        width?: string | number | import('framer-motion').CustomValueType | undefined;
-        alignmentBaseline?:
-          | 'inherit'
-          | 'auto'
-          | 'alphabetic'
-          | 'hanging'
-          | 'ideographic'
-          | 'mathematical'
-          | 'after-edge'
-          | 'baseline'
-          | 'before-edge'
-          | 'central'
-          | 'middle'
-          | 'text-after-edge'
-          | 'text-before-edge'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        azimuth?: string | import('framer-motion').CustomValueType | undefined;
-        baselineShift?: string | number | import('framer-motion').CustomValueType | undefined;
-        clip?: string | import('framer-motion').CustomValueType | undefined;
-        clipRule?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'evenodd'
-          | 'nonzero'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        colorInterpolation?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'linearRGB'
-          | 'sRGB'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        colorRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'optimizeQuality'
-          | 'optimizeSpeed'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        cursor?: string | import('framer-motion').CustomValueType | undefined;
-        direction?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'ltr'
-          | 'rtl'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        display?: string | import('framer-motion').CustomValueType | undefined;
-        dominantBaseline?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'alphabetic'
-          | 'hanging'
-          | 'ideographic'
-          | 'mathematical'
-          | 'central'
-          | 'middle'
-          | 'text-after-edge'
-          | 'text-before-edge'
-          | 'no-change'
-          | 'reset-size'
-          | 'use-script'
-          | import('framer-motion').CustomValueType
-          | undefined;
-        fillOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        fillRule?:
-          | 'inherit'
-          | 'evenodd'
-          | 'nonzero'
+        '--textTransform-title4'?:
+          | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        floodColor?: string | import('framer-motion').CustomValueType | undefined;
-        floodOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        fontSizeAdjust?: string | number | import('framer-motion').CustomValueType | undefined;
-        fontStretch?: string | import('framer-motion').CustomValueType | undefined;
-        fontStyle?: string | import('framer-motion').CustomValueType | undefined;
-        fontVariant?: string | import('framer-motion').CustomValueType | undefined;
-        glyphOrientationVertical?:
-          | string
-          | number
+        '--textTransform-headline'?:
+          | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        imageRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | '-moz-crisp-edges'
-          | '-webkit-optimize-contrast'
-          | 'crisp-edges'
-          | 'pixelated'
+        '--textTransform-body'?:
+          | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        letterSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
-        lightingColor?: string | import('framer-motion').CustomValueType | undefined;
-        markerEnd?: string | import('framer-motion').CustomValueType | undefined;
-        markerMid?: string | import('framer-motion').CustomValueType | undefined;
-        markerStart?: string | import('framer-motion').CustomValueType | undefined;
-        offset?: string | number | import('framer-motion').CustomValueType | undefined;
-        opacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        order?: string | number | import('framer-motion').CustomValueType | undefined;
-        overflow?: string | import('framer-motion').CustomValueType | undefined;
-        paintOrder?: string | import('framer-motion').CustomValueType | undefined;
-        pointerEvents?:
-          | 'fill'
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'none'
-          | 'auto'
-          | 'stroke'
-          | 'all'
-          | 'visible'
-          | 'painted'
-          | 'visibleFill'
-          | 'visiblePainted'
-          | 'visibleStroke'
+        '--textTransform-label1'?:
+          | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        shapeRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'optimizeSpeed'
-          | 'crispEdges'
-          | 'geometricPrecision'
+        '--textTransform-label2'?:
+          | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        stopColor?: string | import('framer-motion').CustomValueType | undefined;
-        stopOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        stroke?: string | import('framer-motion').CustomValueType | undefined;
-        strokeDasharray?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeDashoffset?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeLinecap?:
-          | 'inherit'
-          | 'round'
-          | 'butt'
-          | 'square'
+        '--textTransform-caption'?:
+          | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        strokeLinejoin?:
-          | 'inherit'
-          | 'round'
-          | 'bevel'
-          | 'miter'
+        '--textTransform-legal'?:
+          | import('csstype').Property.TextTransform
           | import('framer-motion').CustomValueType
           | undefined;
-        strokeMiterlimit?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
-        strokeWidth?: string | number | import('framer-motion').CustomValueType | undefined;
-        textAnchor?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'end'
-          | 'start'
-          | 'middle'
+        '--shadow-elevation1'?:
+          | import('csstype').Property.BoxShadow
           | import('framer-motion').CustomValueType
           | undefined;
-        textDecoration?: string | number | import('framer-motion').CustomValueType | undefined;
-        textRendering?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'auto'
-          | 'optimizeSpeed'
-          | 'geometricPrecision'
-          | 'optimizeLegibility'
+        '--shadow-elevation2'?:
+          | import('csstype').Property.BoxShadow
           | import('framer-motion').CustomValueType
           | undefined;
-        transform?: string | import('framer-motion').CustomValueType | undefined;
-        unicodeBidi?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'normal'
-          | 'embed'
-          | '-moz-isolate'
-          | '-moz-isolate-override'
-          | '-moz-plaintext'
-          | '-webkit-isolate'
-          | '-webkit-isolate-override'
-          | '-webkit-plaintext'
-          | 'bidi-override'
-          | 'isolate'
-          | 'isolate-override'
-          | 'plaintext'
+        '--controlSize-checkboxSize'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        vectorEffect?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'none'
-          | 'non-scaling-stroke'
+        '--controlSize-radioSize'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        visibility?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'hidden'
-          | 'visible'
-          | 'collapse'
+        '--controlSize-switchWidth'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        wordSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
-        writingMode?:
-          | '-moz-initial'
-          | 'inherit'
-          | 'initial'
-          | 'revert'
-          | 'revert-layer'
-          | 'unset'
-          | 'horizontal-tb'
-          | 'sideways-lr'
-          | 'sideways-rl'
-          | 'vertical-lr'
-          | 'vertical-rl'
+        '--controlSize-switchHeight'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        translate?:
-          | import('csstype').Property.Translate<string | number>
+        '--controlSize-switchThumbSize'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        content?:
-          | import('csstype').Property.Content
+        '--controlSize-tileSize'?:
+          | import('csstype').Property.Width<0 | (string & {})>
           | import('framer-motion').CustomValueType
           | undefined;
-        border?:
-          | import('csstype').Property.Border<string | number>
+        clipPath?: string | import('framer-motion').CustomValueType | undefined;
+        marker?:
+          | import('csstype').Property.Marker
           | import('framer-motion').CustomValueType
           | undefined;
+        mask?: string | import('framer-motion').CustomValueType | undefined;
         top?:
           | import('csstype').Property.Top<string | number>
           | import('framer-motion').CustomValueType
@@ -6826,6 +6582,8 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('framer-motion').CustomValueType
           | undefined;
         all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
+        width?: string | number | import('framer-motion').CustomValueType | undefined;
+        height?: string | number | import('framer-motion').CustomValueType | undefined;
         minWidth?:
           | import('csstype').Property.MinWidth<string | number>
           | import('framer-motion').CustomValueType
@@ -6846,6 +6604,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.AspectRatio
           | import('framer-motion').CustomValueType
           | undefined;
+        transform?: string | import('framer-motion').CustomValueType | undefined;
         flexBasis?:
           | import('csstype').Property.FlexBasis<string | number>
           | import('framer-motion').CustomValueType
@@ -6918,6 +6677,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.GridArea
           | import('framer-motion').CustomValueType
           | undefined;
+        opacity?: string | number | import('framer-motion').CustomValueType | undefined;
         zIndex?:
           | import('csstype').Property.ZIndex
           | import('framer-motion').CustomValueType
@@ -6990,10 +6750,13 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.MarginBottom<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        textDecoration?: string | number | import('framer-motion').CustomValueType | undefined;
         userSelect?:
           | import('csstype').Property.UserSelect
           | import('framer-motion').CustomValueType
           | undefined;
+        display?: string | import('framer-motion').CustomValueType | undefined;
+        overflow?: string | import('framer-motion').CustomValueType | undefined;
         justifyContent?:
           | import('csstype').Property.JustifyContent
           | import('framer-motion').CustomValueType
@@ -7026,6 +6789,22 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.TextAlign
           | import('framer-motion').CustomValueType
           | undefined;
+        visibility?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'hidden'
+          | 'visible'
+          | 'collapse'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        content?:
+          | import('csstype').Property.Content
+          | import('framer-motion').CustomValueType
+          | undefined;
         accentColor?:
           | import('csstype').Property.AccentColor
           | import('framer-motion').CustomValueType
@@ -7418,6 +7197,18 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.CounterSet
           | import('framer-motion').CustomValueType
           | undefined;
+        cursor?: string | import('framer-motion').CustomValueType | undefined;
+        direction?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'ltr'
+          | 'rtl'
+          | import('framer-motion').CustomValueType
+          | undefined;
         emptyCells?:
           | import('csstype').Property.EmptyCells
           | import('framer-motion').CustomValueType
@@ -7446,10 +7237,13 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.FontPalette
           | import('framer-motion').CustomValueType
           | undefined;
+        fontSizeAdjust?: string | number | import('framer-motion').CustomValueType | undefined;
         fontSmooth?:
           | import('csstype').Property.FontSmooth<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        fontStretch?: string | import('framer-motion').CustomValueType | undefined;
+        fontStyle?: string | import('framer-motion').CustomValueType | undefined;
         fontSynthesis?:
           | import('csstype').Property.FontSynthesis
           | import('framer-motion').CustomValueType
@@ -7470,6 +7264,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.FontSynthesisWeight
           | import('framer-motion').CustomValueType
           | undefined;
+        fontVariant?: string | import('framer-motion').CustomValueType | undefined;
         fontVariantAlternates?:
           | import('csstype').Property.FontVariantAlternates
           | import('framer-motion').CustomValueType
@@ -7526,6 +7321,20 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.ImageOrientation
           | import('framer-motion').CustomValueType
           | undefined;
+        imageRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | '-moz-crisp-edges'
+          | '-webkit-optimize-contrast'
+          | 'crisp-edges'
+          | 'pixelated'
+          | import('framer-motion').CustomValueType
+          | undefined;
         imageResolution?:
           | import('csstype').Property.ImageResolution
           | import('framer-motion').CustomValueType
@@ -7574,6 +7383,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.JustifyTracks
           | import('framer-motion').CustomValueType
           | undefined;
+        letterSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
         lineBreak?:
           | import('csstype').Property.LineBreak
           | import('framer-motion').CustomValueType
@@ -7766,6 +7576,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.OffsetRotate
           | import('framer-motion').CustomValueType
           | undefined;
+        order?: string | number | import('framer-motion').CustomValueType | undefined;
         orphans?:
           | import('csstype').Property.Orphans
           | import('framer-motion').CustomValueType
@@ -7878,10 +7689,30 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.PageBreakInside
           | import('framer-motion').CustomValueType
           | undefined;
+        paintOrder?: string | import('framer-motion').CustomValueType | undefined;
         perspectiveOrigin?:
           | import('csstype').Property.PerspectiveOrigin<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        pointerEvents?:
+          | 'fill'
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'none'
+          | 'auto'
+          | 'all'
+          | 'stroke'
+          | 'visible'
+          | 'painted'
+          | 'visibleFill'
+          | 'visiblePainted'
+          | 'visibleStroke'
+          | import('framer-motion').CustomValueType
+          | undefined;
         printColorAdjust?:
           | import('csstype').Property.PrintColorAdjust
           | import('framer-motion').CustomValueType
@@ -8102,6 +7933,19 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.TextOverflow
           | import('framer-motion').CustomValueType
           | undefined;
+        textRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'geometricPrecision'
+          | 'optimizeLegibility'
+          | 'optimizeSpeed'
+          | import('framer-motion').CustomValueType
+          | undefined;
         textShadow?:
           | import('csstype').Property.TextShadow
           | import('framer-motion').CustomValueType
@@ -8162,6 +8006,31 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.TransitionTimingFunction
           | import('framer-motion').CustomValueType
           | undefined;
+        translate?:
+          | import('csstype').Property.Translate<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        unicodeBidi?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'normal'
+          | 'embed'
+          | 'isolate'
+          | '-moz-isolate'
+          | '-moz-isolate-override'
+          | '-moz-plaintext'
+          | '-webkit-isolate'
+          | '-webkit-isolate-override'
+          | '-webkit-plaintext'
+          | 'bidi-override'
+          | 'isolate-override'
+          | 'plaintext'
+          | import('framer-motion').CustomValueType
+          | undefined;
         verticalAlign?:
           | import('csstype').Property.VerticalAlign<string | number>
           | import('framer-motion').CustomValueType
@@ -8206,10 +8075,25 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.WordBreak
           | import('framer-motion').CustomValueType
           | undefined;
+        wordSpacing?: string | number | import('framer-motion').CustomValueType | undefined;
         wordWrap?:
           | import('csstype').Property.WordWrap
           | import('framer-motion').CustomValueType
           | undefined;
+        writingMode?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'horizontal-tb'
+          | 'sideways-lr'
+          | 'sideways-rl'
+          | 'vertical-lr'
+          | 'vertical-rl'
+          | import('framer-motion').CustomValueType
+          | undefined;
         zoom?:
           | import('csstype').Property.Zoom
           | import('framer-motion').CustomValueType
@@ -8226,6 +8110,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.BackgroundPosition<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        border?:
+          | import('csstype').Property.Border<string | number>
+          | import('framer-motion').CustomValueType
+          | undefined;
         borderBlock?:
           | import('csstype').Property.BorderBlock<string | number>
           | import('framer-motion').CustomValueType
@@ -8342,6 +8230,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.Offset<string | number>
           | import('framer-motion').CustomValueType
           | undefined;
+        offset?: string | number | import('framer-motion').CustomValueType | undefined;
         outline?:
           | import('csstype').Property.Outline<string | number>
           | import('framer-motion').CustomValueType
@@ -9390,6 +9279,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.Transition<string & {}>
           | import('framer-motion').CustomValueType
           | undefined;
+        azimuth?: string | import('framer-motion').CustomValueType | undefined;
         boxAlign?:
           | import('csstype').Property.BoxAlign
           | import('framer-motion').CustomValueType
@@ -9422,6 +9312,7 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.BoxPack
           | import('framer-motion').CustomValueType
           | undefined;
+        clip?: string | import('framer-motion').CustomValueType | undefined;
         gridColumnGap?:
           | import('csstype').Property.GridColumnGap<string | number>
           | import('framer-motion').CustomValueType
@@ -9810,6 +9701,155 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('csstype').Property.BoxPack
           | import('framer-motion').CustomValueType
           | undefined;
+        alignmentBaseline?:
+          | 'inherit'
+          | 'auto'
+          | 'baseline'
+          | 'middle'
+          | 'after-edge'
+          | 'alphabetic'
+          | 'before-edge'
+          | 'central'
+          | 'hanging'
+          | 'ideographic'
+          | 'mathematical'
+          | 'text-after-edge'
+          | 'text-before-edge'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        baselineShift?: string | number | import('framer-motion').CustomValueType | undefined;
+        clipRule?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'evenodd'
+          | 'nonzero'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        colorInterpolation?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'linearRGB'
+          | 'sRGB'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        colorRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'optimizeSpeed'
+          | 'optimizeQuality'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        dominantBaseline?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'middle'
+          | 'alphabetic'
+          | 'central'
+          | 'hanging'
+          | 'ideographic'
+          | 'mathematical'
+          | 'text-after-edge'
+          | 'text-before-edge'
+          | 'no-change'
+          | 'reset-size'
+          | 'use-script'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        fillOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        fillRule?:
+          | 'inherit'
+          | 'evenodd'
+          | 'nonzero'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        floodColor?: string | import('framer-motion').CustomValueType | undefined;
+        floodOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        glyphOrientationVertical?:
+          | string
+          | number
+          | import('framer-motion').CustomValueType
+          | undefined;
+        lightingColor?: string | import('framer-motion').CustomValueType | undefined;
+        markerEnd?: string | import('framer-motion').CustomValueType | undefined;
+        markerMid?: string | import('framer-motion').CustomValueType | undefined;
+        markerStart?: string | import('framer-motion').CustomValueType | undefined;
+        shapeRendering?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'auto'
+          | 'geometricPrecision'
+          | 'optimizeSpeed'
+          | 'crispEdges'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        stopColor?: string | import('framer-motion').CustomValueType | undefined;
+        stopOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        stroke?: string | import('framer-motion').CustomValueType | undefined;
+        strokeDasharray?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeDashoffset?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeLinecap?:
+          | 'inherit'
+          | 'round'
+          | 'butt'
+          | 'square'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        strokeLinejoin?:
+          | 'inherit'
+          | 'round'
+          | 'bevel'
+          | 'miter'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        strokeMiterlimit?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeOpacity?: string | number | import('framer-motion').CustomValueType | undefined;
+        strokeWidth?: string | number | import('framer-motion').CustomValueType | undefined;
+        textAnchor?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'end'
+          | 'start'
+          | 'middle'
+          | import('framer-motion').CustomValueType
+          | undefined;
+        vectorEffect?:
+          | '-moz-initial'
+          | 'inherit'
+          | 'initial'
+          | 'revert'
+          | 'revert-layer'
+          | 'unset'
+          | 'none'
+          | 'non-scaling-stroke'
+          | import('framer-motion').CustomValueType
+          | undefined;
         suppressHydrationWarning?: boolean | import('framer-motion').CustomValueType | undefined;
         className?: string | import('framer-motion').CustomValueType | undefined;
         id?: string | import('framer-motion').CustomValueType | undefined;
@@ -10054,9 +10094,9 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | undefined;
         'aria-autocomplete'?:
           | 'none'
-          | 'list'
           | 'inline'
           | 'both'
+          | 'list'
           | import('framer-motion').CustomValueType
           | undefined;
         'aria-braillelabel'?: string | import('framer-motion').CustomValueType | undefined;
@@ -10083,10 +10123,10 @@ export declare const useMotionProps: (props: UseMotionProps) => {
         'aria-current'?:
           | boolean
           | 'time'
-          | 'step'
           | 'page'
           | 'false'
           | 'true'
+          | 'step'
           | 'location'
           | 'date'
           | import('framer-motion').CustomValueType
@@ -10826,6 +10866,14 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('react').UIEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
           | undefined;
+        onScrollEnd?:
+          | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onScrollEndCapture?:
+          | import('react').UIEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
         onWheel?:
           | import('react').WheelEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
@@ -10858,6 +10906,22 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('react').AnimationEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
           | undefined;
+        onToggle?:
+          | import('react').ToggleEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onBeforeToggle?:
+          | import('react').ToggleEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionCancel?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionCancelCapture?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
         onTransitionEnd?:
           | import('react').TransitionEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
@@ -10866,6 +10930,22 @@ export declare const useMotionProps: (props: UseMotionProps) => {
           | import('react').TransitionEventHandler<SVGElement>
           | import('framer-motion').CustomValueType
           | undefined;
+        onTransitionRun?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionRunCapture?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionStart?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
+        onTransitionStartCapture?:
+          | import('react').TransitionEventHandler<SVGElement>
+          | import('framer-motion').CustomValueType
+          | undefined;
         attrX?: number | import('framer-motion').CustomValueType | undefined;
         attrY?: number | import('framer-motion').CustomValueType | undefined;
         attrScale?: number | import('framer-motion').CustomValueType | undefined;