UNPKG

motion-plus-vue

Version:

Motion Plus Vue

670 lines (669 loc) 318 kB
import { TickerState } from './types'; import { MotionValue } from 'motion-v'; import { ComputedRef, Ref } from 'vue'; export declare const useTickerItem: <T extends { offset: MotionValue<number>; bounds: Ref<{ start: number; end: number; }>; projection: MotionValue<number>; itemIndex: Ref<number>; cloneIndex: Ref<number | undefined>; props: ComputedRef<{ "class": string; "style": Partial<{ [x: `--${string}`]: string | number | MotionValue<any> | undefined; string?: string | number | MotionValue<any> | undefined; transition?: string | number | MotionValue<any> | undefined; x?: string | number | MotionValue<any> | undefined; y?: string | number | MotionValue<any> | undefined; z?: string | number | MotionValue<any> | undefined; translateX?: string | number | MotionValue<any> | undefined; translateY?: string | number | MotionValue<any> | undefined; translateZ?: string | number | MotionValue<any> | undefined; rotate?: string | number | MotionValue<any> | undefined; rotateX?: string | number | MotionValue<any> | undefined; rotateY?: string | number | MotionValue<any> | undefined; rotateZ?: string | number | MotionValue<any> | undefined; scale?: string | number | MotionValue<any> | undefined; scaleX?: string | number | MotionValue<any> | undefined; scaleY?: string | number | MotionValue<any> | undefined; scaleZ?: string | number | MotionValue<any> | undefined; skew?: string | number | MotionValue<any> | undefined; skewX?: string | number | MotionValue<any> | undefined; skewY?: string | number | MotionValue<any> | undefined; originX?: string | number | MotionValue<any> | undefined; originY?: string | number | MotionValue<any> | undefined; originZ?: string | number | MotionValue<any> | undefined; perspective?: string | number | MotionValue<any> | undefined; transformPerspective?: string | number | MotionValue<any> | undefined; accentColor?: string | number | MotionValue<any> | undefined; alignContent?: string | number | MotionValue<any> | undefined; alignItems?: string | number | MotionValue<any> | undefined; alignSelf?: string | number | MotionValue<any> | undefined; alignmentBaseline?: string | number | MotionValue<any> | undefined; all?: string | number | MotionValue<any> | undefined; animation?: string | number | MotionValue<any> | undefined; animationComposition?: string | number | MotionValue<any> | undefined; animationDelay?: string | number | MotionValue<any> | undefined; animationDirection?: string | number | MotionValue<any> | undefined; animationDuration?: string | number | MotionValue<any> | undefined; animationFillMode?: string | number | MotionValue<any> | undefined; animationIterationCount?: string | number | MotionValue<any> | undefined; animationName?: string | number | MotionValue<any> | undefined; animationPlayState?: string | number | MotionValue<any> | undefined; animationTimingFunction?: string | number | MotionValue<any> | undefined; appearance?: string | number | MotionValue<any> | undefined; aspectRatio?: string | number | MotionValue<any> | undefined; backdropFilter?: string | number | MotionValue<any> | undefined; backfaceVisibility?: string | number | MotionValue<any> | undefined; background?: string | number | MotionValue<any> | undefined; backgroundAttachment?: string | number | MotionValue<any> | undefined; backgroundBlendMode?: string | number | MotionValue<any> | undefined; backgroundClip?: string | number | MotionValue<any> | undefined; backgroundColor?: string | number | MotionValue<any> | undefined; backgroundImage?: string | number | MotionValue<any> | undefined; backgroundOrigin?: string | number | MotionValue<any> | undefined; backgroundPosition?: string | number | MotionValue<any> | undefined; backgroundPositionX?: string | number | MotionValue<any> | undefined; backgroundPositionY?: string | number | MotionValue<any> | undefined; backgroundRepeat?: string | number | MotionValue<any> | undefined; backgroundSize?: string | number | MotionValue<any> | undefined; baselineShift?: string | number | MotionValue<any> | undefined; baselineSource?: string | number | MotionValue<any> | undefined; blockSize?: string | number | MotionValue<any> | undefined; border?: string | number | MotionValue<any> | undefined; borderBlock?: string | number | MotionValue<any> | undefined; borderBlockColor?: string | number | MotionValue<any> | undefined; borderBlockEnd?: string | number | MotionValue<any> | undefined; borderBlockEndColor?: string | number | MotionValue<any> | undefined; borderBlockEndStyle?: string | number | MotionValue<any> | undefined; borderBlockEndWidth?: string | number | MotionValue<any> | undefined; borderBlockStart?: string | number | MotionValue<any> | undefined; borderBlockStartColor?: string | number | MotionValue<any> | undefined; borderBlockStartStyle?: string | number | MotionValue<any> | undefined; borderBlockStartWidth?: string | number | MotionValue<any> | undefined; borderBlockStyle?: string | number | MotionValue<any> | undefined; borderBlockWidth?: string | number | MotionValue<any> | undefined; borderBottom?: string | number | MotionValue<any> | undefined; borderBottomColor?: string | number | MotionValue<any> | undefined; borderBottomLeftRadius?: string | number | MotionValue<any> | undefined; borderBottomRightRadius?: string | number | MotionValue<any> | undefined; borderBottomStyle?: string | number | MotionValue<any> | undefined; borderBottomWidth?: string | number | MotionValue<any> | undefined; borderCollapse?: string | number | MotionValue<any> | undefined; borderColor?: string | number | MotionValue<any> | undefined; borderEndEndRadius?: string | number | MotionValue<any> | undefined; borderEndStartRadius?: string | number | MotionValue<any> | undefined; borderImage?: string | number | MotionValue<any> | undefined; borderImageOutset?: string | number | MotionValue<any> | undefined; borderImageRepeat?: string | number | MotionValue<any> | undefined; borderImageSlice?: string | number | MotionValue<any> | undefined; borderImageSource?: string | number | MotionValue<any> | undefined; borderImageWidth?: string | number | MotionValue<any> | undefined; borderInline?: string | number | MotionValue<any> | undefined; borderInlineColor?: string | number | MotionValue<any> | undefined; borderInlineEnd?: string | number | MotionValue<any> | undefined; borderInlineEndColor?: string | number | MotionValue<any> | undefined; borderInlineEndStyle?: string | number | MotionValue<any> | undefined; borderInlineEndWidth?: string | number | MotionValue<any> | undefined; borderInlineStart?: string | number | MotionValue<any> | undefined; borderInlineStartColor?: string | number | MotionValue<any> | undefined; borderInlineStartStyle?: string | number | MotionValue<any> | undefined; borderInlineStartWidth?: string | number | MotionValue<any> | undefined; borderInlineStyle?: string | number | MotionValue<any> | undefined; borderInlineWidth?: string | number | MotionValue<any> | undefined; borderLeft?: string | number | MotionValue<any> | undefined; borderLeftColor?: string | number | MotionValue<any> | undefined; borderLeftStyle?: string | number | MotionValue<any> | undefined; borderLeftWidth?: string | number | MotionValue<any> | undefined; borderRadius?: string | number | MotionValue<any> | undefined; borderRight?: string | number | MotionValue<any> | undefined; borderRightColor?: string | number | MotionValue<any> | undefined; borderRightStyle?: string | number | MotionValue<any> | undefined; borderRightWidth?: string | number | MotionValue<any> | undefined; borderSpacing?: string | number | MotionValue<any> | undefined; borderStartEndRadius?: string | number | MotionValue<any> | undefined; borderStartStartRadius?: string | number | MotionValue<any> | undefined; borderStyle?: string | number | MotionValue<any> | undefined; borderTop?: string | number | MotionValue<any> | undefined; borderTopColor?: string | number | MotionValue<any> | undefined; borderTopLeftRadius?: string | number | MotionValue<any> | undefined; borderTopRightRadius?: string | number | MotionValue<any> | undefined; borderTopStyle?: string | number | MotionValue<any> | undefined; borderTopWidth?: string | number | MotionValue<any> | undefined; borderWidth?: string | number | MotionValue<any> | undefined; bottom?: string | number | MotionValue<any> | undefined; boxShadow?: string | number | MotionValue<any> | undefined; boxSizing?: string | number | MotionValue<any> | undefined; breakAfter?: string | number | MotionValue<any> | undefined; breakBefore?: string | number | MotionValue<any> | undefined; breakInside?: string | number | MotionValue<any> | undefined; captionSide?: string | number | MotionValue<any> | undefined; caretColor?: string | number | MotionValue<any> | undefined; clear?: string | number | MotionValue<any> | undefined; clip?: string | number | MotionValue<any> | undefined; clipPath?: string | number | MotionValue<any> | undefined; clipRule?: string | number | MotionValue<any> | undefined; color?: string | number | MotionValue<any> | undefined; colorInterpolation?: string | number | MotionValue<any> | undefined; colorInterpolationFilters?: string | number | MotionValue<any> | undefined; colorScheme?: string | number | MotionValue<any> | undefined; columnCount?: string | number | MotionValue<any> | undefined; columnFill?: string | number | MotionValue<any> | undefined; columnGap?: string | number | MotionValue<any> | undefined; columnRule?: string | number | MotionValue<any> | undefined; columnRuleColor?: string | number | MotionValue<any> | undefined; columnRuleStyle?: string | number | MotionValue<any> | undefined; columnRuleWidth?: string | number | MotionValue<any> | undefined; columnSpan?: string | number | MotionValue<any> | undefined; columnWidth?: string | number | MotionValue<any> | undefined; columns?: string | number | MotionValue<any> | undefined; contain?: string | number | MotionValue<any> | undefined; containIntrinsicBlockSize?: string | number | MotionValue<any> | undefined; containIntrinsicHeight?: string | number | MotionValue<any> | undefined; containIntrinsicInlineSize?: string | number | MotionValue<any> | undefined; containIntrinsicSize?: string | number | MotionValue<any> | undefined; containIntrinsicWidth?: string | number | MotionValue<any> | undefined; container?: string | number | MotionValue<any> | undefined; containerName?: string | number | MotionValue<any> | undefined; containerType?: string | number | MotionValue<any> | undefined; content?: string | number | MotionValue<any> | undefined; contentVisibility?: string | number | MotionValue<any> | undefined; counterIncrement?: string | number | MotionValue<any> | undefined; counterReset?: string | number | MotionValue<any> | undefined; counterSet?: string | number | MotionValue<any> | undefined; cssFloat?: string | number | MotionValue<any> | undefined; cssText?: string | number | MotionValue<any> | undefined; cursor?: string | number | MotionValue<any> | undefined; cx?: string | number | MotionValue<any> | undefined; cy?: string | number | MotionValue<any> | undefined; d?: string | number | MotionValue<any> | undefined; direction?: string | number | MotionValue<any> | undefined; display?: string | number | MotionValue<any> | undefined; dominantBaseline?: string | number | MotionValue<any> | undefined; emptyCells?: string | number | MotionValue<any> | undefined; fill?: string | number | MotionValue<any> | undefined; fillOpacity?: string | number | MotionValue<any> | undefined; fillRule?: string | number | MotionValue<any> | undefined; filter?: string | number | MotionValue<any> | undefined; flex?: string | number | MotionValue<any> | undefined; flexBasis?: string | number | MotionValue<any> | undefined; flexDirection?: string | number | MotionValue<any> | undefined; flexFlow?: string | number | MotionValue<any> | undefined; flexGrow?: string | number | MotionValue<any> | undefined; flexShrink?: string | number | MotionValue<any> | undefined; flexWrap?: string | number | MotionValue<any> | undefined; float?: string | number | MotionValue<any> | undefined; floodColor?: string | number | MotionValue<any> | undefined; floodOpacity?: string | number | MotionValue<any> | undefined; font?: string | number | MotionValue<any> | undefined; fontFamily?: string | number | MotionValue<any> | undefined; fontFeatureSettings?: string | number | MotionValue<any> | undefined; fontKerning?: string | number | MotionValue<any> | undefined; fontOpticalSizing?: string | number | MotionValue<any> | undefined; fontPalette?: string | number | MotionValue<any> | undefined; fontSize?: string | number | MotionValue<any> | undefined; fontSizeAdjust?: string | number | MotionValue<any> | undefined; fontStretch?: string | number | MotionValue<any> | undefined; fontStyle?: string | number | MotionValue<any> | undefined; fontSynthesis?: string | number | MotionValue<any> | undefined; fontSynthesisSmallCaps?: string | number | MotionValue<any> | undefined; fontSynthesisStyle?: string | number | MotionValue<any> | undefined; fontSynthesisWeight?: string | number | MotionValue<any> | undefined; fontVariant?: string | number | MotionValue<any> | undefined; fontVariantAlternates?: string | number | MotionValue<any> | undefined; fontVariantCaps?: string | number | MotionValue<any> | undefined; fontVariantEastAsian?: string | number | MotionValue<any> | undefined; fontVariantLigatures?: string | number | MotionValue<any> | undefined; fontVariantNumeric?: string | number | MotionValue<any> | undefined; fontVariantPosition?: string | number | MotionValue<any> | undefined; fontVariationSettings?: string | number | MotionValue<any> | undefined; fontWeight?: string | number | MotionValue<any> | undefined; forcedColorAdjust?: string | number | MotionValue<any> | undefined; gap?: string | number | MotionValue<any> | undefined; grid?: string | number | MotionValue<any> | undefined; gridArea?: string | number | MotionValue<any> | undefined; gridAutoColumns?: string | number | MotionValue<any> | undefined; gridAutoFlow?: string | number | MotionValue<any> | undefined; gridAutoRows?: string | number | MotionValue<any> | undefined; gridColumn?: string | number | MotionValue<any> | undefined; gridColumnEnd?: string | number | MotionValue<any> | undefined; gridColumnGap?: string | number | MotionValue<any> | undefined; gridColumnStart?: string | number | MotionValue<any> | undefined; gridGap?: string | number | MotionValue<any> | undefined; gridRow?: string | number | MotionValue<any> | undefined; gridRowEnd?: string | number | MotionValue<any> | undefined; gridRowGap?: string | number | MotionValue<any> | undefined; gridRowStart?: string | number | MotionValue<any> | undefined; gridTemplate?: string | number | MotionValue<any> | undefined; gridTemplateAreas?: string | number | MotionValue<any> | undefined; gridTemplateColumns?: string | number | MotionValue<any> | undefined; gridTemplateRows?: string | number | MotionValue<any> | undefined; height?: string | number | MotionValue<any> | undefined; hyphenateCharacter?: string | number | MotionValue<any> | undefined; hyphens?: string | number | MotionValue<any> | undefined; imageOrientation?: string | number | MotionValue<any> | undefined; imageRendering?: string | number | MotionValue<any> | undefined; inlineSize?: string | number | MotionValue<any> | undefined; inset?: string | number | MotionValue<any> | undefined; insetBlock?: string | number | MotionValue<any> | undefined; insetBlockEnd?: string | number | MotionValue<any> | undefined; insetBlockStart?: string | number | MotionValue<any> | undefined; insetInline?: string | number | MotionValue<any> | undefined; insetInlineEnd?: string | number | MotionValue<any> | undefined; insetInlineStart?: string | number | MotionValue<any> | undefined; isolation?: string | number | MotionValue<any> | undefined; justifyContent?: string | number | MotionValue<any> | undefined; justifyItems?: string | number | MotionValue<any> | undefined; justifySelf?: string | number | MotionValue<any> | undefined; left?: string | number | MotionValue<any> | undefined; readonly length?: string | number | MotionValue<any> | undefined; letterSpacing?: string | number | MotionValue<any> | undefined; lightingColor?: string | number | MotionValue<any> | undefined; lineBreak?: string | number | MotionValue<any> | undefined; lineHeight?: string | number | MotionValue<any> | undefined; listStyle?: string | number | MotionValue<any> | undefined; listStyleImage?: string | number | MotionValue<any> | undefined; listStylePosition?: string | number | MotionValue<any> | undefined; listStyleType?: string | number | MotionValue<any> | undefined; margin?: string | number | MotionValue<any> | undefined; marginBlock?: string | number | MotionValue<any> | undefined; marginBlockEnd?: string | number | MotionValue<any> | undefined; marginBlockStart?: string | number | MotionValue<any> | undefined; marginBottom?: string | number | MotionValue<any> | undefined; marginInline?: string | number | MotionValue<any> | undefined; marginInlineEnd?: string | number | MotionValue<any> | undefined; marginInlineStart?: string | number | MotionValue<any> | undefined; marginLeft?: string | number | MotionValue<any> | undefined; marginRight?: string | number | MotionValue<any> | undefined; marginTop?: string | number | MotionValue<any> | undefined; marker?: string | number | MotionValue<any> | undefined; markerEnd?: string | number | MotionValue<any> | undefined; markerMid?: string | number | MotionValue<any> | undefined; markerStart?: string | number | MotionValue<any> | undefined; mask?: string | number | MotionValue<any> | undefined; maskClip?: string | number | MotionValue<any> | undefined; maskComposite?: string | number | MotionValue<any> | undefined; maskImage?: string | number | MotionValue<any> | undefined; maskMode?: string | number | MotionValue<any> | undefined; maskOrigin?: string | number | MotionValue<any> | undefined; maskPosition?: string | number | MotionValue<any> | undefined; maskRepeat?: string | number | MotionValue<any> | undefined; maskSize?: string | number | MotionValue<any> | undefined; maskType?: string | number | MotionValue<any> | undefined; mathDepth?: string | number | MotionValue<any> | undefined; mathStyle?: string | number | MotionValue<any> | undefined; maxBlockSize?: string | number | MotionValue<any> | undefined; maxHeight?: string | number | MotionValue<any> | undefined; maxInlineSize?: string | number | MotionValue<any> | undefined; maxWidth?: string | number | MotionValue<any> | undefined; minBlockSize?: string | number | MotionValue<any> | undefined; minHeight?: string | number | MotionValue<any> | undefined; minInlineSize?: string | number | MotionValue<any> | undefined; minWidth?: string | number | MotionValue<any> | undefined; mixBlendMode?: string | number | MotionValue<any> | undefined; objectFit?: string | number | MotionValue<any> | undefined; objectPosition?: string | number | MotionValue<any> | undefined; offset?: string | number | MotionValue<any> | undefined; offsetAnchor?: string | number | MotionValue<any> | undefined; offsetDistance?: string | number | MotionValue<any> | undefined; offsetPath?: string | number | MotionValue<any> | undefined; offsetPosition?: string | number | MotionValue<any> | undefined; offsetRotate?: string | number | MotionValue<any> | undefined; opacity?: string | number | MotionValue<any> | undefined; order?: string | number | MotionValue<any> | undefined; orphans?: string | number | MotionValue<any> | undefined; outline?: string | number | MotionValue<any> | undefined; outlineColor?: string | number | MotionValue<any> | undefined; outlineOffset?: string | number | MotionValue<any> | undefined; outlineStyle?: string | number | MotionValue<any> | undefined; outlineWidth?: string | number | MotionValue<any> | undefined; overflow?: string | number | MotionValue<any> | undefined; overflowAnchor?: string | number | MotionValue<any> | undefined; overflowClipMargin?: string | number | MotionValue<any> | undefined; overflowWrap?: string | number | MotionValue<any> | undefined; overflowX?: string | number | MotionValue<any> | undefined; overflowY?: string | number | MotionValue<any> | undefined; overscrollBehavior?: string | number | MotionValue<any> | undefined; overscrollBehaviorBlock?: string | number | MotionValue<any> | undefined; overscrollBehaviorInline?: string | number | MotionValue<any> | undefined; overscrollBehaviorX?: string | number | MotionValue<any> | undefined; overscrollBehaviorY?: string | number | MotionValue<any> | undefined; padding?: string | number | MotionValue<any> | undefined; paddingBlock?: string | number | MotionValue<any> | undefined; paddingBlockEnd?: string | number | MotionValue<any> | undefined; paddingBlockStart?: string | number | MotionValue<any> | undefined; paddingBottom?: string | number | MotionValue<any> | undefined; paddingInline?: string | number | MotionValue<any> | undefined; paddingInlineEnd?: string | number | MotionValue<any> | undefined; paddingInlineStart?: string | number | MotionValue<any> | undefined; paddingLeft?: string | number | MotionValue<any> | undefined; paddingRight?: string | number | MotionValue<any> | undefined; paddingTop?: string | number | MotionValue<any> | undefined; page?: string | number | MotionValue<any> | undefined; pageBreakAfter?: string | number | MotionValue<any> | undefined; pageBreakBefore?: string | number | MotionValue<any> | undefined; pageBreakInside?: string | number | MotionValue<any> | undefined; paintOrder?: string | number | MotionValue<any> | undefined; perspectiveOrigin?: string | number | MotionValue<any> | undefined; placeContent?: string | number | MotionValue<any> | undefined; placeItems?: string | number | MotionValue<any> | undefined; placeSelf?: string | number | MotionValue<any> | undefined; pointerEvents?: string | number | MotionValue<any> | undefined; position?: string | number | MotionValue<any> | undefined; printColorAdjust?: string | number | MotionValue<any> | undefined; quotes?: string | number | MotionValue<any> | undefined; r?: string | number | MotionValue<any> | undefined; resize?: string | number | MotionValue<any> | undefined; right?: string | number | MotionValue<any> | undefined; rowGap?: string | number | MotionValue<any> | undefined; rubyAlign?: string | number | MotionValue<any> | undefined; rubyPosition?: string | number | MotionValue<any> | undefined; rx?: string | number | MotionValue<any> | undefined; ry?: string | number | MotionValue<any> | undefined; scrollBehavior?: string | number | MotionValue<any> | undefined; scrollMargin?: string | number | MotionValue<any> | undefined; scrollMarginBlock?: string | number | MotionValue<any> | undefined; scrollMarginBlockEnd?: string | number | MotionValue<any> | undefined; scrollMarginBlockStart?: string | number | MotionValue<any> | undefined; scrollMarginBottom?: string | number | MotionValue<any> | undefined; scrollMarginInline?: string | number | MotionValue<any> | undefined; scrollMarginInlineEnd?: string | number | MotionValue<any> | undefined; scrollMarginInlineStart?: string | number | MotionValue<any> | undefined; scrollMarginLeft?: string | number | MotionValue<any> | undefined; scrollMarginRight?: string | number | MotionValue<any> | undefined; scrollMarginTop?: string | number | MotionValue<any> | undefined; scrollPadding?: string | number | MotionValue<any> | undefined; scrollPaddingBlock?: string | number | MotionValue<any> | undefined; scrollPaddingBlockEnd?: string | number | MotionValue<any> | undefined; scrollPaddingBlockStart?: string | number | MotionValue<any> | undefined; scrollPaddingBottom?: string | number | MotionValue<any> | undefined; scrollPaddingInline?: string | number | MotionValue<any> | undefined; scrollPaddingInlineEnd?: string | number | MotionValue<any> | undefined; scrollPaddingInlineStart?: string | number | MotionValue<any> | undefined; scrollPaddingLeft?: string | number | MotionValue<any> | undefined; scrollPaddingRight?: string | number | MotionValue<any> | undefined; scrollPaddingTop?: string | number | MotionValue<any> | undefined; scrollSnapAlign?: string | number | MotionValue<any> | undefined; scrollSnapStop?: string | number | MotionValue<any> | undefined; scrollSnapType?: string | number | MotionValue<any> | undefined; scrollbarColor?: string | number | MotionValue<any> | undefined; scrollbarGutter?: string | number | MotionValue<any> | undefined; scrollbarWidth?: string | number | MotionValue<any> | undefined; shapeImageThreshold?: string | number | MotionValue<any> | undefined; shapeMargin?: string | number | MotionValue<any> | undefined; shapeOutside?: string | number | MotionValue<any> | undefined; shapeRendering?: string | number | MotionValue<any> | undefined; stopColor?: string | number | MotionValue<any> | undefined; stopOpacity?: string | number | MotionValue<any> | undefined; stroke?: string | number | MotionValue<any> | undefined; strokeDasharray?: string | number | MotionValue<any> | undefined; strokeDashoffset?: string | number | MotionValue<any> | undefined; strokeLinecap?: string | number | MotionValue<any> | undefined; strokeLinejoin?: string | number | MotionValue<any> | undefined; strokeMiterlimit?: string | number | MotionValue<any> | undefined; strokeOpacity?: string | number | MotionValue<any> | undefined; strokeWidth?: string | number | MotionValue<any> | undefined; tabSize?: string | number | MotionValue<any> | undefined; tableLayout?: string | number | MotionValue<any> | undefined; textAlign?: string | number | MotionValue<any> | undefined; textAlignLast?: string | number | MotionValue<any> | undefined; textAnchor?: string | number | MotionValue<any> | undefined; textCombineUpright?: string | number | MotionValue<any> | undefined; textDecoration?: string | number | MotionValue<any> | undefined; textDecorationColor?: string | number | MotionValue<any> | undefined; textDecorationLine?: string | number | MotionValue<any> | undefined; textDecorationSkipInk?: string | number | MotionValue<any> | undefined; textDecorationStyle?: string | number | MotionValue<any> | undefined; textDecorationThickness?: string | number | MotionValue<any> | undefined; textEmphasis?: string | number | MotionValue<any> | undefined; textEmphasisColor?: string | number | MotionValue<any> | undefined; textEmphasisPosition?: string | number | MotionValue<any> | undefined; textEmphasisStyle?: string | number | MotionValue<any> | undefined; textIndent?: string | number | MotionValue<any> | undefined; textOrientation?: string | number | MotionValue<any> | undefined; textOverflow?: string | number | MotionValue<any> | undefined; textRendering?: string | number | MotionValue<any> | undefined; textShadow?: string | number | MotionValue<any> | undefined; textTransform?: string | number | MotionValue<any> | undefined; textUnderlineOffset?: string | number | MotionValue<any> | undefined; textUnderlinePosition?: string | number | MotionValue<any> | undefined; textWrap?: string | number | MotionValue<any> | undefined; textWrapMode?: string | number | MotionValue<any> | undefined; textWrapStyle?: string | number | MotionValue<any> | undefined; top?: string | number | MotionValue<any> | undefined; touchAction?: string | number | MotionValue<any> | undefined; transform?: string | number | MotionValue<any> | undefined; transformBox?: string | number | MotionValue<any> | undefined; transformOrigin?: string | number | MotionValue<any> | undefined; transformStyle?: string | number | MotionValue<any> | undefined; transitionBehavior?: string | number | MotionValue<any> | undefined; transitionDelay?: string | number | MotionValue<any> | undefined; transitionDuration?: string | number | MotionValue<any> | undefined; transitionProperty?: string | number | MotionValue<any> | undefined; transitionTimingFunction?: string | number | MotionValue<any> | undefined; translate?: string | number | MotionValue<any> | undefined; unicodeBidi?: string | number | MotionValue<any> | undefined; userSelect?: string | number | MotionValue<any> | undefined; vectorEffect?: string | number | MotionValue<any> | undefined; verticalAlign?: string | number | MotionValue<any> | undefined; viewTransitionName?: string | number | MotionValue<any> | undefined; visibility?: string | number | MotionValue<any> | undefined; webkitAlignContent?: string | number | MotionValue<any> | undefined; webkitAlignItems?: string | number | MotionValue<any> | undefined; webkitAlignSelf?: string | number | MotionValue<any> | undefined; webkitAnimation?: string | number | MotionValue<any> | undefined; webkitAnimationDelay?: string | number | MotionValue<any> | undefined; webkitAnimationDirection?: string | number | MotionValue<any> | undefined; webkitAnimationDuration?: string | number | MotionValue<any> | undefined; webkitAnimationFillMode?: string | number | MotionValue<any> | undefined; webkitAnimationIterationCount?: string | number | MotionValue<any> | undefined; webkitAnimationName?: string | number | MotionValue<any> | undefined; webkitAnimationPlayState?: string | number | MotionValue<any> | undefined; webkitAnimationTimingFunction?: string | number | MotionValue<any> | undefined; webkitAppearance?: string | number | MotionValue<any> | undefined; webkitBackfaceVisibility?: string | number | MotionValue<any> | undefined; webkitBackgroundClip?: string | number | MotionValue<any> | undefined; webkitBackgroundOrigin?: string | number | MotionValue<any> | undefined; webkitBackgroundSize?: string | number | MotionValue<any> | undefined; webkitBorderBottomLeftRadius?: string | number | MotionValue<any> | undefined; webkitBorderBottomRightRadius?: string | number | MotionValue<any> | undefined; webkitBorderRadius?: string | number | MotionValue<any> | undefined; webkitBorderTopLeftRadius?: string | number | MotionValue<any> | undefined; webkitBorderTopRightRadius?: string | number | MotionValue<any> | undefined; webkitBoxAlign?: string | number | MotionValue<any> | undefined; webkitBoxFlex?: string | number | MotionValue<any> | undefined; webkitBoxOrdinalGroup?: string | number | MotionValue<any> | undefined; webkitBoxOrient?: string | number | MotionValue<any> | undefined; webkitBoxPack?: string | number | MotionValue<any> | undefined; webkitBoxShadow?: string | number | MotionValue<any> | undefined; webkitBoxSizing?: string | number | MotionValue<any> | undefined; webkitFilter?: string | number | MotionValue<any> | undefined; webkitFlex?: string | number | MotionValue<any> | undefined; webkitFlexBasis?: string | number | MotionValue<any> | undefined; webkitFlexDirection?: string | number | MotionValue<any> | undefined; webkitFlexFlow?: string | number | MotionValue<any> | undefined; webkitFlexGrow?: string | number | MotionValue<any> | undefined; webkitFlexShrink?: string | number | MotionValue<any> | undefined; webkitFlexWrap?: string | number | MotionValue<any> | undefined; webkitJustifyContent?: string | number | MotionValue<any> | undefined; webkitLineClamp?: string | number | MotionValue<any> | undefined; webkitMask?: string | number | MotionValue<any> | undefined; webkitMaskBoxImage?: string | number | MotionValue<any> | undefined; webkitMaskBoxImageOutset?: string | number | MotionValue<any> | undefined; webkitMaskBoxImageRepeat?: string | number | MotionValue<any> | undefined; webkitMaskBoxImageSlice?: string | number | MotionValue<any> | undefined; webkitMaskBoxImageSource?: string | number | MotionValue<any> | undefined; webkitMaskBoxImageWidth?: string | number | MotionValue<any> | undefined; webkitMaskClip?: string | number | MotionValue<any> | undefined; webkitMaskComposite?: string | number | MotionValue<any> | undefined; webkitMaskImage?: string | number | MotionValue<any> | undefined; webkitMaskOrigin?: string | number | MotionValue<any> | undefined; webkitMaskPosition?: string | number | MotionValue<any> | undefined; webkitMaskRepeat?: string | number | MotionValue<any> | undefined; webkitMaskSize?: string | number | MotionValue<any> | undefined; webkitOrder?: string | number | MotionValue<any> | undefined; webkitPerspective?: string | number | MotionValue<any> | undefined; webkitPerspectiveOrigin?: string | number | MotionValue<any> | undefined; webkitTextFillColor?: string | number | MotionValue<any> | undefined; webkitTextSizeAdjust?: string | number | MotionValue<any> | undefined; webkitTextStroke?: string | number | MotionValue<any> | undefined; webkitTextStrokeColor?: string | number | MotionValue<any> | undefined; webkitTextStrokeWidth?: string | number | MotionValue<any> | undefined; webkitTransform?: string | number | MotionValue<any> | undefined; webkitTransformOrigin?: string | number | MotionValue<any> | undefined; webkitTransformStyle?: string | number | MotionValue<any> | undefined; webkitTransition?: string | number | MotionValue<any> | undefined; webkitTransitionDelay?: string | number | MotionValue<any> | undefined; webkitTransitionDuration?: string | number | MotionValue<any> | undefined; webkitTransitionProperty?: string | number | MotionValue<any> | undefined; webkitTransitionTimingFunction?: string | number | MotionValue<any> | undefined; webkitUserSelect?: string | number | MotionValue<any> | undefined; whiteSpace?: string | number | MotionValue<any> | undefined; whiteSpaceCollapse?: string | number | MotionValue<any> | undefined; widows?: string | number | MotionValue<any> | undefined; width?: string | number | MotionValue<any> | undefined; willChange?: string | number | MotionValue<any> | undefined; wordBreak?: string | number | MotionValue<any> | undefined; wordSpacing?: string | number | MotionValue<any> | undefined; wordWrap?: string | number | MotionValue<any> | undefined; writingMode?: string | number | MotionValue<any> | undefined; zIndex?: string | number | MotionValue<any> | undefined; zoom?: string | number | MotionValue<any> | undefined; accentHeight?: string | number | MotionValue<any> | undefined; accumulate?: string | number | MotionValue<any> | undefined; additive?: string | number | MotionValue<any> | undefined; allowReorder?: string | number | MotionValue<any> | undefined; alphabetic?: string | number | MotionValue<any> | undefined; amplitude?: string | number | MotionValue<any> | undefined; arabicForm?: string | number | MotionValue<any> | undefined; ascent?: string | number | MotionValue<any> | undefined; attributeName?: string | number | MotionValue<any> | undefined; attributeType?: string | number | MotionValue<any> | undefined; autoReverse?: string | number | MotionValue<any> | undefined; azimuth?: string | number | MotionValue<any> | undefined; baseFrequency?: string | number | MotionValue<any> | undefined; baseProfile?: string | number | MotionValue<any> | undefined; bbox?: string | number | MotionValue<any> | undefined; begin?: string | number | MotionValue<any> | undefined; bias?: string | number | MotionValue<any> | undefined; by?: string | number | MotionValue<any> | undefined; calcMode?: string | number | MotionValue<any> | undefined; capHeight?: string | number | MotionValue<any> | undefined; clipPathUnits?: string | number | MotionValue<any> | undefined; colorProfile?: string | number | MotionValue<any> | undefined; colorRendering?: string | number | MotionValue<any> | undefined; contentScriptType?: string | number | MotionValue<any> | undefined; contentStyleType?: string | number | MotionValue<any> | undefined; decelerate?: string | number | MotionValue<any> | undefined; descent?: string | number | MotionValue<any> | undefined; diffuseConstant?: string | number | MotionValue<any> | undefined; divisor?: string | number | MotionValue<any> | undefined; dur?: string | number | MotionValue<any> | undefined; dx?: string | number | MotionValue<any> | undefined; dy?: string | number | MotionValue<any> | undefined; edgeMode?: string | number | MotionValue<any> | undefined; elevation?: string | number | MotionValue<any> | undefined; enableBackground?: string | number | MotionValue<any> | undefined; end?: string | number | MotionValue<any> | undefined; exponent?: string | number | MotionValue<any> | undefined; externalResourcesRequired?: string | number | MotionValue<any> | undefined; filterRes?: string | number | MotionValue<any> | undefined; filterUnits?: string | number | MotionValue<any> | undefined; focusable?: string | number | MotionValue<any> | undefined; format?: string | number | MotionValue<any> | undefined; fr?: string | number | MotionValue<any> | undefined; fx?: string | number | MotionValue<any> | undefined; fy?: string | number | MotionValue<any> | undefined; g1?: string | number | MotionValue<any> | undefined; g2?: string | number | MotionValue<any> | undefined; glyphName?: string | number | MotionValue<any> | undefined; glyphOrientationHorizontal?: string | number | MotionValue<any> | undefined; glyphOrientationVertical?: string | number | MotionValue<any> | undefined; glyphRef?: string | number | MotionValue<any> | undefined; gradientTransform?: string | number | MotionValue<any> | undefined; gradientUnits?: string | number | MotionValue<any> | undefined; hanging?: string | number | MotionValue<any> | undefined; horizAdvX?: string | number | MotionValue<any> | undefined; horizOriginX?: string | number | MotionValue<any> | undefined; href?: string | number | MotionValue<any> | undefined; ideographic?: string | number | MotionValue<any> | undefined; in2?: string | number | MotionValue<any> | undefined; in?: string | number | MotionValue<any> | undefined; intercept?: string | number | MotionValue<any> | undefined; k1?: string | number | MotionValue<any> | undefined; k2?: string | number | MotionValue<any> | undefined; k3?: string | number | MotionValue<any> | undefined; k4?: string | number | MotionValue<any> | undefined; k?: string | number | MotionValue<any> | undefined; kernelMatrix?: string | number | MotionValue<any> | undefined; kernelUnitLength?: string | number | MotionValue<any> | undefined; kerning?: string | number | MotionValue<any> | undefined; keyPoints?: string | number | MotionValue<any> | undefined; keySplines?: string | number | MotionValue<any> | undefined; keyTimes?: string | number | MotionValue<any> | undefined; lengthAdjust?: string | number | MotionValue<any> | undefined; limitingConeAngle?: string | number | MotionValue<any> | undefined; local?: string | number | MotionValue<any> | undefined; markerHeight?: string | number | MotionValue<any> | undefined; markerUnits?: string | number | MotionValue<any> | undefined; markerWidth?: string | number | MotionValue<any> | undefined; maskContentUnits?: string | number | MotionValue<any> | undefined; maskUnits?: string | number | MotionValue<any> | undefined; mathematical?: string | number | MotionValue<any> | undefined; mode?: string | number | MotionValue<any> | undefined; numOctaves?: string | number | MotionValue<any> | undefined; operator?: string | number | MotionValue<any> | undefined; orient?: string | number | MotionValue<any> | undefined; orientation?: string | number | MotionValue<any> | undefined; origin?: string | number | MotionValue<any> | undefined; overlinePosition?: string | number | MotionValue<any> | undefined; overlineThickness?: string | number | MotionValue<any> | undefined; panose1?: string | number | MotionValue<any> | undefined; path?: string | number | MotionValue<any> | undefined; pathLength?: string | number | MotionValue<any> | undefined; patternContentUnits?: string | number | MotionValue<any> | undefined; patternTransform?: string | number | MotionValue<any> | undefined; patternUnits?: string | number | MotionValue<any> | undefined; points?: string | number | MotionValue<any> | undefined; pointsAtX?: string | number | MotionValue<any> | undefined; pointsAtY?: string | number | MotionValue<any> | undefined; pointsAtZ?: string | number | MotionValue<any> | undefined; preserveAlpha?: string | number | MotionValue<any> | undefined; preserveAspectRatio?: string | number | MotionValue<any> | undefined; primitiveUnits?: string | number | MotionValue<any> | undefined; radius?: string | number | MotionValue<any> | undefined; refX?: string | number | MotionValue<any> | undefined; refY?: string | number | MotionValue<any> | undefined; renderingIntent?: string | number | MotionValue<any> | undefined; repeatCount?: string | number | MotionValue<any> | undefined; repeatDur?: string | number | MotionValue<any> | undefined; requiredExtensions?: string | number | MotionValue<any> | undefined; requiredFeatures?: string | number | MotionValue<any> | undefined; restart?: string | number | MotionValue<any> | undefined; result?: string | number | MotionValue<any> | undefined; seed?: string | number | MotionValue<any> | undefined; slope?: string | number | MotionValue<any> | undefined; spacing?: string | number | MotionValue<any> | undefined; specularConstant?: string | number | MotionValue<any> | undefined; specularExponent?: string | number | MotionValue<any> | undefined; speed?: string | number | MotionValue<any> | undefined; spreadMethod?: string | number | MotionValue<any> | undefined; startOffset?: string | number | MotionValue<any> | undefined; stdDeviation?: string | number | MotionValue<any> | undefined; stemh?: string | number | MotionValue<any> | undefined; stemv?: string | number | MotionValue<any> | undefined; stitchTiles?: string | number | MotionValue<any> | undefined; strikethroughPosition?: string | number | MotionValue<any> | undefined; strikethroughThickness?: string | number | MotionValue<any> | undefined; surfaceScale?: string | number | MotionValue<any> | undefined; systemLanguage?: string | number | MotionValue<any> | undefined; tableValues?: string | number | MotionValue<any> | undefined; targetX?: string | number | MotionValue<any> | undefined; targetY?: string | number | MotionValue<any> | undefined; textLength?: string | number | MotionValue<any> | undefined; to?: string | number | MotionValue<any> | undefined; u1?: string | number | MotionValue<any> | undefined; u2?: string | number | MotionValue<any> | undefined;