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

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

@@ -33,6 +33,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
     viewport?: import('framer-motion').MotionProps['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>
@@ -58,8 +60,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
     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;
@@ -946,308 +946,24 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1265,6 +981,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1285,6 +1003,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1357,6 +1076,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1429,10 +1149,13 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1465,6 +1188,22 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1857,6 +1596,18 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1885,10 +1636,13 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1909,6 +1663,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -1965,6 +1720,20 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2013,6 +1782,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2205,6 +1975,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2317,10 +2088,30 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2541,6 +2332,19 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2601,6 +2405,31 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2645,10 +2474,25 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2665,6 +2509,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -2781,6 +2629,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -3829,6 +3678,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -3861,6 +3711,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -4229,24 +4080,173 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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;
@@ -4504,9 +4504,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | undefined;
           'aria-autocomplete'?:
             | 'none'
-            | 'list'
             | 'inline'
             | 'both'
+            | 'list'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-braillelabel'?: string | import('framer-motion').CustomValueType | undefined;
@@ -4533,10 +4533,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-current'?:
             | boolean
             | 'time'
-            | 'step'
             | 'page'
             | 'false'
             | 'true'
+            | 'step'
             | 'location'
             | 'date'
             | import('framer-motion').CustomValueType
@@ -5276,6 +5276,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -5308,6 +5316,22 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -5316,6 +5340,22 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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;
@@ -5610,6 +5650,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
     viewport?: import('framer-motion').MotionProps['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>
@@ -5635,8 +5677,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
     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;
@@ -6475,356 +6515,72 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -6842,6 +6598,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -6862,6 +6620,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -6934,6 +6693,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7006,10 +6766,13 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7042,6 +6805,22 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7434,6 +7213,18 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7462,10 +7253,13 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7486,6 +7280,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7542,6 +7337,20 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7590,6 +7399,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7782,6 +7592,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -7894,10 +7705,30 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8118,6 +7949,19 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8178,6 +8022,31 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8222,10 +8091,25 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8242,6 +8126,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -8358,6 +8246,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -9406,6 +9295,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -9438,6 +9328,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -9826,6 +9717,155 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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;
@@ -10081,9 +10121,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | undefined;
           'aria-autocomplete'?:
             | 'none'
-            | 'list'
             | 'inline'
             | 'both'
+            | 'list'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-braillelabel'?: string | import('framer-motion').CustomValueType | undefined;
@@ -10110,10 +10150,10 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-current'?:
             | boolean
             | 'time'
-            | 'step'
             | 'page'
             | 'false'
             | 'true'
+            | 'step'
             | 'location'
             | 'date'
             | import('framer-motion').CustomValueType
@@ -10853,6 +10893,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -10885,6 +10933,22 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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
@@ -10893,6 +10957,22 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 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;