npm - @coinbase/cds-web - Versions diffs - 8.13.6 → 8.14.2 - Mend

@coinbase/cds-web 8.13.6 → 8.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/CHANGELOG.md +22 -0
package/dts/accordion/Accordion.d.ts.map +1 -1
package/dts/collapsible/useCollapsibleMotionProps.d.ts +73 -73
package/dts/controls/SearchInput.d.ts +1 -1
package/dts/motion/useMotionProps.d.ts +146 -146
package/dts/motion/utils.d.ts +67 -67
package/dts/overlays/modal/FullscreenModalLayout.d.ts +1 -1
package/dts/system/ThemeProvider.d.ts +12 -2
package/dts/system/ThemeProvider.d.ts.map +1 -1
package/dts/tabs/hooks/useAnimateTabIndicator.d.ts +146 -146
package/esm/accordion/Accordion.js +1 -8
package/esm/styles/responsive/desktop.css +1 -1
package/esm/styles/responsive/phone.css +1 -1
package/esm/styles/responsive/tablet.css +1 -1
package/esm/system/ThemeProvider.js +17 -5
package/package.json +6 -6

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

@@ -973,11 +973,11 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'after-edge'
             | 'baseline'
+            | 'middle'
+            | 'after-edge'
             | 'before-edge'
             | 'central'
-            | 'middle'
             | 'text-after-edge'
             | 'text-before-edge'
             | import('framer-motion').CustomValueType
@@ -1016,8 +1016,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'optimizeQuality'
             | 'optimizeSpeed'
+            | 'optimizeQuality'
             | import('framer-motion').CustomValueType
             | undefined;
           cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1045,8 +1045,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'central'
             | 'middle'
+            | 'central'
             | 'text-after-edge'
             | 'text-before-edge'
             | 'no-change'
@@ -1107,8 +1107,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'none'
             | 'auto'
             | 'stroke'
-            | 'all'
             | 'visible'
+            | 'all'
             | 'painted'
             | 'visibleFill'
             | 'visiblePainted'
@@ -1123,9 +1123,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
+            | 'geometricPrecision'
             | 'optimizeSpeed'
             | 'crispEdges'
-            | 'geometricPrecision'
             | import('framer-motion').CustomValueType
             | undefined;
           stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -1171,9 +1171,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'optimizeSpeed'
             | 'geometricPrecision'
             | 'optimizeLegibility'
+            | 'optimizeSpeed'
             | import('framer-motion').CustomValueType
             | undefined;
           transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -1186,6 +1186,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'unset'
             | 'normal'
             | 'embed'
+            | 'isolate'
             | '-moz-isolate'
             | '-moz-isolate-override'
             | '-moz-plaintext'
@@ -1193,7 +1194,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | '-webkit-isolate-override'
             | '-webkit-plaintext'
             | 'bidi-override'
-            | 'isolate'
             | 'isolate-override'
             | 'plaintext'
             | import('framer-motion').CustomValueType
@@ -1260,12 +1260,12 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.Grid
             | import('framer-motion').CustomValueType
             | undefined;
-          top?:
-            | import('csstype').Property.Top<string | number>
+          contain?:
+            | import('csstype').Property.Contain
             | import('framer-motion').CustomValueType
             | undefined;
-          bottom?:
-            | import('csstype').Property.Bottom<string | number>
+          overlay?:
+            | import('csstype').Property.Overlay
             | import('framer-motion').CustomValueType
             | undefined;
           left?:
@@ -1276,7 +1276,43 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.Right<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
+          bottom?:
+            | import('csstype').Property.Bottom<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
+          top?:
+            | import('csstype').Property.Top<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
+          inset?:
+            | import('csstype').Property.Inset<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
           all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
+          page?:
+            | import('csstype').Property.Page
+            | import('framer-motion').CustomValueType
+            | undefined;
+          position?:
+            | import('csstype').Property.Position
+            | import('framer-motion').CustomValueType
+            | undefined;
+          caret?:
+            | import('csstype').Property.Caret
+            | import('framer-motion').CustomValueType
+            | undefined;
+          zoom?:
+            | import('csstype').Property.Zoom
+            | import('framer-motion').CustomValueType
+            | undefined;
+          clear?:
+            | import('csstype').Property.Clear
+            | import('framer-motion').CustomValueType
+            | undefined;
+          padding?:
+            | import('csstype').Property.Padding<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
           minWidth?:
             | import('csstype').Property.MinWidth<string | number>
             | import('framer-motion').CustomValueType
@@ -1413,10 +1449,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.RowGap<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          padding?:
-            | import('csstype').Property.Padding<string | number>
-            | import('framer-motion').CustomValueType
-            | undefined;
           paddingTop?:
             | import('csstype').Property.PaddingTop<string | number>
             | import('framer-motion').CustomValueType
@@ -1465,10 +1497,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.FlexWrap
             | import('framer-motion').CustomValueType
             | undefined;
-          position?:
-            | import('csstype').Property.Position
-            | import('framer-motion').CustomValueType
-            | undefined;
           textAlign?:
             | import('csstype').Property.TextAlign
             | import('framer-motion').CustomValueType
@@ -1781,10 +1809,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.CaretShape
             | import('framer-motion').CustomValueType
             | undefined;
-          clear?:
-            | import('csstype').Property.Clear
-            | import('framer-motion').CustomValueType
-            | undefined;
           colorAdjust?:
             | import('csstype').Property.PrintColorAdjust
             | import('framer-motion').CustomValueType
@@ -1821,10 +1845,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.ColumnWidth<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          contain?:
-            | import('csstype').Property.Contain
-            | import('framer-motion').CustomValueType
-            | undefined;
           containIntrinsicBlockSize?:
             | import('csstype').Property.ContainIntrinsicBlockSize<string | number>
             | import('framer-motion').CustomValueType
@@ -2265,10 +2285,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.OverflowY
             | import('framer-motion').CustomValueType
             | undefined;
-          overlay?:
-            | import('csstype').Property.Overlay
-            | import('framer-motion').CustomValueType
-            | undefined;
           overscrollBehaviorBlock?:
             | import('csstype').Property.OverscrollBehaviorBlock
             | import('framer-motion').CustomValueType
@@ -2309,10 +2325,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.PaddingRight<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          page?:
-            | import('csstype').Property.Page
-            | import('framer-motion').CustomValueType
-            | undefined;
           pageBreakAfter?:
             | import('csstype').Property.PageBreakAfter
             | import('framer-motion').CustomValueType
@@ -2657,10 +2669,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.WordWrap
             | import('framer-motion').CustomValueType
             | undefined;
-          zoom?:
-            | import('csstype').Property.Zoom
-            | import('framer-motion').CustomValueType
-            | undefined;
           animationRange?:
             | import('csstype').Property.AnimationRange<string | number>
             | import('framer-motion').CustomValueType
@@ -2717,10 +2725,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.BorderTop<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          caret?:
-            | import('csstype').Property.Caret
-            | import('framer-motion').CustomValueType
-            | undefined;
           columnRule?:
             | import('csstype').Property.ColumnRule<string | number>
             | import('framer-motion').CustomValueType
@@ -2745,10 +2749,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.Font
             | import('framer-motion').CustomValueType
             | undefined;
-          inset?:
-            | import('csstype').Property.Inset<string | number>
-            | import('framer-motion').CustomValueType
-            | undefined;
           insetBlock?:
             | import('csstype').Property.InsetBlock<string | number>
             | import('framer-motion').CustomValueType
@@ -4286,7 +4286,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           attributeName?: string | import('framer-motion').CustomValueType | undefined;
           attributeType?: string | import('framer-motion').CustomValueType | undefined;
           autoReverse?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           baseFrequency?: string | number | import('framer-motion').CustomValueType | undefined;
@@ -4324,14 +4324,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           end?: string | number | import('framer-motion').CustomValueType | undefined;
           exponent?: string | number | import('framer-motion').CustomValueType | undefined;
           externalResourcesRequired?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           filterRes?: string | number | import('framer-motion').CustomValueType | undefined;
           filterUnits?: string | number | import('framer-motion').CustomValueType | undefined;
           focusable?:
             | 'auto'
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           format?: string | number | import('framer-motion').CustomValueType | undefined;
@@ -4397,7 +4397,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           pointsAtY?: string | number | import('framer-motion').CustomValueType | undefined;
           pointsAtZ?: string | number | import('framer-motion').CustomValueType | undefined;
           preserveAlpha?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           preserveAspectRatio?: string | import('framer-motion').CustomValueType | undefined;
@@ -4499,7 +4499,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           zoomAndPan?: string | import('framer-motion').CustomValueType | undefined;
           'aria-activedescendant'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-atomic'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-autocomplete'?:
@@ -4515,14 +4515,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-busy'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-checked'?:
             | boolean
-            | 'true'
-            | 'false'
             | 'mixed'
+            | 'false'
+            | 'true'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-colcount'?: number | import('framer-motion').CustomValueType | undefined;
@@ -4534,9 +4534,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | boolean
             | 'time'
             | 'step'
-            | 'true'
-            | 'false'
             | 'page'
+            | 'false'
+            | 'true'
             | 'location'
             | 'date'
             | import('framer-motion').CustomValueType
@@ -4545,7 +4545,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-description'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-details'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-disabled'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-dropeffect'?:
@@ -4559,12 +4559,12 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | undefined;
           'aria-errormessage'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-expanded'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-flowto'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-grabbed'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-haspopup'?:
@@ -4572,20 +4572,20 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'dialog'
             | 'menu'
             | 'grid'
-            | 'true'
-            | 'false'
             | 'listbox'
+            | 'false'
+            | 'true'
             | 'tree'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-hidden'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-invalid'?:
             | boolean
-            | 'true'
             | 'false'
+            | 'true'
             | 'grammar'
             | 'spelling'
             | import('framer-motion').CustomValueType
@@ -4601,15 +4601,15 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-modal'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-multiline'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-multiselectable'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-orientation'?:
@@ -4622,13 +4622,13 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-posinset'?: number | import('framer-motion').CustomValueType | undefined;
           'aria-pressed'?:
             | boolean
-            | 'true'
-            | 'false'
             | 'mixed'
+            | 'false'
+            | 'true'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-readonly'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-relevant'?:
@@ -4645,7 +4645,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-required'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-roledescription'?: string | import('framer-motion').CustomValueType | undefined;
@@ -4654,7 +4654,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-rowindextext'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-rowspan'?: number | import('framer-motion').CustomValueType | undefined;
           'aria-selected'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-setsize'?: number | import('framer-motion').CustomValueType | undefined;
@@ -6550,11 +6550,11 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'after-edge'
             | 'baseline'
+            | 'middle'
+            | 'after-edge'
             | 'before-edge'
             | 'central'
-            | 'middle'
             | 'text-after-edge'
             | 'text-before-edge'
             | import('framer-motion').CustomValueType
@@ -6593,8 +6593,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'optimizeQuality'
             | 'optimizeSpeed'
+            | 'optimizeQuality'
             | import('framer-motion').CustomValueType
             | undefined;
           cursor?: string | import('framer-motion').CustomValueType | undefined;
@@ -6622,8 +6622,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'hanging'
             | 'ideographic'
             | 'mathematical'
-            | 'central'
             | 'middle'
+            | 'central'
             | 'text-after-edge'
             | 'text-before-edge'
             | 'no-change'
@@ -6684,8 +6684,8 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'none'
             | 'auto'
             | 'stroke'
-            | 'all'
             | 'visible'
+            | 'all'
             | 'painted'
             | 'visibleFill'
             | 'visiblePainted'
@@ -6700,9 +6700,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
+            | 'geometricPrecision'
             | 'optimizeSpeed'
             | 'crispEdges'
-            | 'geometricPrecision'
             | import('framer-motion').CustomValueType
             | undefined;
           stopColor?: string | import('framer-motion').CustomValueType | undefined;
@@ -6748,9 +6748,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'revert-layer'
             | 'unset'
             | 'auto'
-            | 'optimizeSpeed'
             | 'geometricPrecision'
             | 'optimizeLegibility'
+            | 'optimizeSpeed'
             | import('framer-motion').CustomValueType
             | undefined;
           transform?: string | import('framer-motion').CustomValueType | undefined;
@@ -6763,6 +6763,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'unset'
             | 'normal'
             | 'embed'
+            | 'isolate'
             | '-moz-isolate'
             | '-moz-isolate-override'
             | '-moz-plaintext'
@@ -6770,7 +6771,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | '-webkit-isolate-override'
             | '-webkit-plaintext'
             | 'bidi-override'
-            | 'isolate'
             | 'isolate-override'
             | 'plaintext'
             | import('framer-motion').CustomValueType
@@ -6837,12 +6837,12 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.Grid
             | import('framer-motion').CustomValueType
             | undefined;
-          top?:
-            | import('csstype').Property.Top<string | number>
+          contain?:
+            | import('csstype').Property.Contain
             | import('framer-motion').CustomValueType
             | undefined;
-          bottom?:
-            | import('csstype').Property.Bottom<string | number>
+          overlay?:
+            | import('csstype').Property.Overlay
             | import('framer-motion').CustomValueType
             | undefined;
           left?:
@@ -6853,7 +6853,43 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.Right<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
+          bottom?:
+            | import('csstype').Property.Bottom<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
+          top?:
+            | import('csstype').Property.Top<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
+          inset?:
+            | import('csstype').Property.Inset<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
           all?: import('csstype').Globals | import('framer-motion').CustomValueType | undefined;
+          page?:
+            | import('csstype').Property.Page
+            | import('framer-motion').CustomValueType
+            | undefined;
+          position?:
+            | import('csstype').Property.Position
+            | import('framer-motion').CustomValueType
+            | undefined;
+          caret?:
+            | import('csstype').Property.Caret
+            | import('framer-motion').CustomValueType
+            | undefined;
+          zoom?:
+            | import('csstype').Property.Zoom
+            | import('framer-motion').CustomValueType
+            | undefined;
+          clear?:
+            | import('csstype').Property.Clear
+            | import('framer-motion').CustomValueType
+            | undefined;
+          padding?:
+            | import('csstype').Property.Padding<string | number>
+            | import('framer-motion').CustomValueType
+            | undefined;
           minWidth?:
             | import('csstype').Property.MinWidth<string | number>
             | import('framer-motion').CustomValueType
@@ -6990,10 +7026,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.RowGap<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          padding?:
-            | import('csstype').Property.Padding<string | number>
-            | import('framer-motion').CustomValueType
-            | undefined;
           paddingTop?:
             | import('csstype').Property.PaddingTop<string | number>
             | import('framer-motion').CustomValueType
@@ -7042,10 +7074,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.FlexWrap
             | import('framer-motion').CustomValueType
             | undefined;
-          position?:
-            | import('csstype').Property.Position
-            | import('framer-motion').CustomValueType
-            | undefined;
           textAlign?:
             | import('csstype').Property.TextAlign
             | import('framer-motion').CustomValueType
@@ -7358,10 +7386,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.CaretShape
             | import('framer-motion').CustomValueType
             | undefined;
-          clear?:
-            | import('csstype').Property.Clear
-            | import('framer-motion').CustomValueType
-            | undefined;
           colorAdjust?:
             | import('csstype').Property.PrintColorAdjust
             | import('framer-motion').CustomValueType
@@ -7398,10 +7422,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.ColumnWidth<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          contain?:
-            | import('csstype').Property.Contain
-            | import('framer-motion').CustomValueType
-            | undefined;
           containIntrinsicBlockSize?:
             | import('csstype').Property.ContainIntrinsicBlockSize<string | number>
             | import('framer-motion').CustomValueType
@@ -7842,10 +7862,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.OverflowY
             | import('framer-motion').CustomValueType
             | undefined;
-          overlay?:
-            | import('csstype').Property.Overlay
-            | import('framer-motion').CustomValueType
-            | undefined;
           overscrollBehaviorBlock?:
             | import('csstype').Property.OverscrollBehaviorBlock
             | import('framer-motion').CustomValueType
@@ -7886,10 +7902,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.PaddingRight<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          page?:
-            | import('csstype').Property.Page
-            | import('framer-motion').CustomValueType
-            | undefined;
           pageBreakAfter?:
             | import('csstype').Property.PageBreakAfter
             | import('framer-motion').CustomValueType
@@ -8234,10 +8246,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.WordWrap
             | import('framer-motion').CustomValueType
             | undefined;
-          zoom?:
-            | import('csstype').Property.Zoom
-            | import('framer-motion').CustomValueType
-            | undefined;
           animationRange?:
             | import('csstype').Property.AnimationRange<string | number>
             | import('framer-motion').CustomValueType
@@ -8294,10 +8302,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.BorderTop<string | number>
             | import('framer-motion').CustomValueType
             | undefined;
-          caret?:
-            | import('csstype').Property.Caret
-            | import('framer-motion').CustomValueType
-            | undefined;
           columnRule?:
             | import('csstype').Property.ColumnRule<string | number>
             | import('framer-motion').CustomValueType
@@ -8322,10 +8326,6 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('csstype').Property.Font
             | import('framer-motion').CustomValueType
             | undefined;
-          inset?:
-            | import('csstype').Property.Inset<string | number>
-            | import('framer-motion').CustomValueType
-            | undefined;
           insetBlock?:
             | import('csstype').Property.InsetBlock<string | number>
             | import('framer-motion').CustomValueType
@@ -9863,7 +9863,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           attributeName?: string | import('framer-motion').CustomValueType | undefined;
           attributeType?: string | import('framer-motion').CustomValueType | undefined;
           autoReverse?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           baseFrequency?: string | number | import('framer-motion').CustomValueType | undefined;
@@ -9901,14 +9901,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           end?: string | number | import('framer-motion').CustomValueType | undefined;
           exponent?: string | number | import('framer-motion').CustomValueType | undefined;
           externalResourcesRequired?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           filterRes?: string | number | import('framer-motion').CustomValueType | undefined;
           filterUnits?: string | number | import('framer-motion').CustomValueType | undefined;
           focusable?:
             | 'auto'
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           format?: string | number | import('framer-motion').CustomValueType | undefined;
@@ -9974,7 +9974,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           pointsAtY?: string | number | import('framer-motion').CustomValueType | undefined;
           pointsAtZ?: string | number | import('framer-motion').CustomValueType | undefined;
           preserveAlpha?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           preserveAspectRatio?: string | import('framer-motion').CustomValueType | undefined;
@@ -10076,7 +10076,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           zoomAndPan?: string | import('framer-motion').CustomValueType | undefined;
           'aria-activedescendant'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-atomic'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-autocomplete'?:
@@ -10092,14 +10092,14 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-busy'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-checked'?:
             | boolean
-            | 'true'
-            | 'false'
             | 'mixed'
+            | 'false'
+            | 'true'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-colcount'?: number | import('framer-motion').CustomValueType | undefined;
@@ -10111,9 +10111,9 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | boolean
             | 'time'
             | 'step'
-            | 'true'
-            | 'false'
             | 'page'
+            | 'false'
+            | 'true'
             | 'location'
             | 'date'
             | import('framer-motion').CustomValueType
@@ -10122,7 +10122,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-description'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-details'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-disabled'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-dropeffect'?:
@@ -10136,12 +10136,12 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | undefined;
           'aria-errormessage'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-expanded'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-flowto'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-grabbed'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-haspopup'?:
@@ -10149,20 +10149,20 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | 'dialog'
             | 'menu'
             | 'grid'
-            | 'true'
-            | 'false'
             | 'listbox'
+            | 'false'
+            | 'true'
             | 'tree'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-hidden'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-invalid'?:
             | boolean
-            | 'true'
             | 'false'
+            | 'true'
             | 'grammar'
             | 'spelling'
             | import('framer-motion').CustomValueType
@@ -10178,15 +10178,15 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-modal'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-multiline'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-multiselectable'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-orientation'?:
@@ -10199,13 +10199,13 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-posinset'?: number | import('framer-motion').CustomValueType | undefined;
           'aria-pressed'?:
             | boolean
-            | 'true'
-            | 'false'
             | 'mixed'
+            | 'false'
+            | 'true'
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-readonly'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-relevant'?:
@@ -10222,7 +10222,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-required'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-roledescription'?: string | import('framer-motion').CustomValueType | undefined;
@@ -10231,7 +10231,7 @@ export declare const useAnimateTabIndicator: ({ width, x }: UseAnimateTabIndicat
           'aria-rowindextext'?: string | import('framer-motion').CustomValueType | undefined;
           'aria-rowspan'?: number | import('framer-motion').CustomValueType | undefined;
           'aria-selected'?:
-            | (boolean | 'true' | 'false')
+            | (boolean | 'false' | 'true')
             | import('framer-motion').CustomValueType
             | undefined;
           'aria-setsize'?: number | import('framer-motion').CustomValueType | undefined;