@coinbase/cds-web 8.66.2 → 9.0.0-rc.2

package/dts/motion/utils.d.ts

@@ -1044,290 +1044,6 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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'
-        | import('framer-motion').CustomValueType
-        | undefined;
-      translate?:
-        | import('csstype').Property.Translate<string | number>
-        | import('framer-motion').CustomValueType
-        | undefined;
-      content?:
-        | import('csstype').Property.Content
-        | import('framer-motion').CustomValueType
-        | undefined;
-      border?:
-        | import('csstype').Property.Border<string | number>
-        | import('framer-motion').CustomValueType
-        | undefined;
       top?:
         | import('csstype').Property.Top<string | number>
         | import('framer-motion').CustomValueType
@@ -1345,6 +1061,8 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1365,6 +1083,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1434,6 +1153,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1506,10 +1226,13 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1542,6 +1265,22 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1934,6 +1673,18 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1962,10 +1713,13 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -1986,6 +1740,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2042,6 +1797,20 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2090,6 +1859,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2282,6 +2052,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2391,10 +2162,30 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2615,6 +2406,19 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2675,6 +2479,31 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2719,10 +2548,25 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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 | undefined;
       animation?:
         | import('csstype').Property.Animation<string & {}>
@@ -2736,6 +2580,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -2849,6 +2697,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -3897,6 +3746,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -3929,6 +3779,7 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -4317,6 +4168,155 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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;
@@ -4557,9 +4557,9 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | undefined;
       'aria-autocomplete'?:
         | 'none'
-        | 'list'
         | 'inline'
         | 'both'
+        | 'list'
         | import('framer-motion').CustomValueType
         | undefined;
       'aria-braillelabel'?: string | import('framer-motion').CustomValueType | undefined;
@@ -4583,10 +4583,10 @@ export declare const createVariant: (configs: MotionConfigs) =>
       'aria-current'?:
         | boolean
         | 'time'
-        | 'step'
         | 'page'
         | 'false'
         | 'true'
+        | 'step'
         | 'location'
         | 'date'
         | import('framer-motion').CustomValueType
@@ -5326,6 +5326,14 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -5358,6 +5366,22 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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
@@ -5366,6 +5390,22 @@ export declare const createVariant: (configs: MotionConfigs) =>
         | 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;