@omerdlw/base-framework 1.0.6 → 2.0.1

package/dist/modules/dock/cards.d.ts

@@ -17,6 +17,7 @@ export declare function useDockCardBannerModel({ banner, bannerUrl, bannerPositi
     rawUrl: string | null | undefined;
     isValid: boolean;
 };
+export declare function isSurfaceLayerShown(item: Pick<DockItem, "isSurface" | "surfacePhase"> | null | undefined): boolean;
 export declare function useDockCommandBarModel({ activeItem, contextCommands, hasBanner, }: {
     activeItem?: DockItem | null;
     contextCommands?: DockActionDescriptor[];
@@ -71,31 +72,717 @@ export declare function useDockCardItemModel({ ref, activeItem, onContentHeightC
     cardContentRef: React.RefObject<HTMLDivElement | null>;
     itemStyle: import("./types").DockVisualStyle;
     renderedActionSlot: DockActionSlot;
+    isActionDismissed: boolean;
+    showsSurfaceLayer: boolean;
     hasNestedInteractiveContent: boolean;
     headerRestoreVariants: {
-        hidden: {
-            opacity: number;
-            transform: string;
-        };
+        hidden: import("motion-dom").Variant;
         visible: {
-            transition: Readonly<{
-                delay: number;
-                type: "tween";
-                duration: number;
-                ease: readonly [number, number, number, number];
-            }>;
-            opacity: number;
-            transform: string;
-        };
-        exit: {
-            opacity: number;
-            transform: string;
-            transition: Readonly<{
-                type: "tween";
-                duration: number;
-                ease: readonly [number, number, number, number];
-            }>;
+            transition: import("motion-dom").ValueAnimationTransition<any> | undefined;
+            x?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            y?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            z?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            originX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            originY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            originZ?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            translateX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            translateY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            translateZ?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rotateX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rotateY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rotateZ?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scaleX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scaleY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scaleZ?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            skewX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            skewY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transformPerspective?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            length?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            filter?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fill?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            background?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            resize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            clipPath?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marker?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            mask?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            font?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            color?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            position?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            width?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            content?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            left?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            right?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            page?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            opacity?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transform?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rotate?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            height?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            translate?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            all?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            contain?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            bottom?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            top?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            inset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            flex?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            grid?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            clip?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            stroke?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            zoom?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            clear?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            border?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            padding?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            accentColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            alignContent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            alignItems?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            alignSelf?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            alignmentBaseline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationComposition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationDelay?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationDirection?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationDuration?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationFillMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationIterationCount?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationName?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationPlayState?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            animationTimingFunction?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            appearance?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            aspectRatio?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backdropFilter?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backfaceVisibility?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundAttachment?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundBlendMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundClip?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundImage?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundPositionX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundPositionY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundRepeat?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            backgroundSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            baselineShift?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            baselineSource?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            blockSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockEndColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockEndStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockEndWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockStartColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockStartStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockStartWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBlockWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBottom?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBottomColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBottomLeftRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBottomRightRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBottomStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderBottomWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderCollapse?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderEndEndRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderEndStartRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderImage?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderImageOutset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderImageRepeat?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderImageSlice?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderImageSource?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderImageWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineEndColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineEndStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineEndWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineStartColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineStartStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineStartWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderInlineWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderLeft?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderLeftColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderLeftStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderLeftWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderRight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderRightColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderRightStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderRightWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderSpacing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderStartEndRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderStartStartRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderTop?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderTopColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderTopLeftRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderTopRightRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderTopStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderTopWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            borderWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            boxDecorationBreak?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            boxShadow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            boxSizing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            breakAfter?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            breakBefore?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            breakInside?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            captionSide?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            caretColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            clipRule?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            colorInterpolation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            colorInterpolationFilters?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            colorScheme?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnCount?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnFill?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnGap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnRule?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnRuleColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnRuleStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnRuleWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnSpan?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columnWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            columns?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            containIntrinsicBlockSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            containIntrinsicHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            containIntrinsicInlineSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            containIntrinsicSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            containIntrinsicWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            container?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            containerName?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            containerType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            contentVisibility?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            counterIncrement?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            counterReset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            counterSet?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            cssFloat?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            cssText?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            cursor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            cx?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            cy?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            d?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            display?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            dominantBaseline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            emptyCells?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fillOpacity?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fillRule?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            flexBasis?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            flexDirection?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            flexFlow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            flexGrow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            flexShrink?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            flexWrap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            float?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            floodColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            floodOpacity?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontFamily?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontFeatureSettings?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontKerning?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontOpticalSizing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontPalette?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontSizeAdjust?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontStretch?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontSynthesis?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontSynthesisSmallCaps?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontSynthesisStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontSynthesisWeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariant?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariantAlternates?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariantCaps?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariantEastAsian?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariantLigatures?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariantNumeric?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariantPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontVariationSettings?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fontWeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            forcedColorAdjust?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridArea?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridAutoColumns?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridAutoFlow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridAutoRows?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridColumn?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridColumnEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridColumnGap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridColumnStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridGap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridRow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridRowEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridRowGap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridRowStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridTemplate?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridTemplateAreas?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridTemplateColumns?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gridTemplateRows?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            hyphenateCharacter?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            hyphenateLimitChars?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            hyphens?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            imageOrientation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            imageRendering?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            inlineSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            insetBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            insetBlockEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            insetBlockStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            insetInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            insetInlineEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            insetInlineStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            isolation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            justifyContent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            justifyItems?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            justifySelf?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            letterSpacing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            lightingColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            lineBreak?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            lineHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            listStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            listStyleImage?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            listStylePosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            listStyleType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            margin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginBlockEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginBlockStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginBottom?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginInlineEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginInlineStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginLeft?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginRight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            marginTop?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            markerEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            markerMid?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            markerStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskClip?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskComposite?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskImage?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskRepeat?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            mathDepth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            mathStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maxBlockSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maxHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maxInlineSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maxWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            minBlockSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            minHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            minInlineSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            minWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            mixBlendMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            objectFit?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            objectPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            offset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            offsetAnchor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            offsetDistance?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            offsetPath?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            offsetPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            offsetRotate?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            order?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            orphans?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            outline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            outlineColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            outlineOffset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            outlineStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            outlineWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflowAnchor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflowBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflowClipMargin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflowInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflowWrap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflowX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overflowY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overscrollBehavior?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overscrollBehaviorBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overscrollBehaviorInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overscrollBehaviorX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overscrollBehaviorY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingBlockEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingBlockStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingBottom?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingInlineEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingInlineStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingLeft?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingRight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paddingTop?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pageBreakAfter?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pageBreakBefore?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pageBreakInside?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            paintOrder?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            perspective?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            perspectiveOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            placeContent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            placeItems?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            placeSelf?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pointerEvents?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            printColorAdjust?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            quotes?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            r?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rowGap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rubyAlign?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rubyPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            rx?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            ry?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scale?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollBehavior?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMargin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginBlockEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginBlockStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginBottom?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginInlineEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginInlineStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginLeft?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginRight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollMarginTop?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPadding?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingBlock?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingBlockEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingBlockStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingBottom?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingInline?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingInlineEnd?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingInlineStart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingLeft?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingRight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollPaddingTop?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollSnapAlign?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollSnapStop?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollSnapType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollbarColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollbarGutter?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            scrollbarWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            shapeImageThreshold?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            shapeMargin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            shapeOutside?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            shapeRendering?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            stopColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            stopOpacity?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strokeDasharray?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strokeDashoffset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strokeLinecap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strokeLinejoin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strokeMiterlimit?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strokeOpacity?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strokeWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            tabSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            tableLayout?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textAlign?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textAlignLast?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textAnchor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textBox?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textBoxEdge?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textBoxTrim?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textCombineUpright?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textDecoration?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textDecorationColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textDecorationLine?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textDecorationSkipInk?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textDecorationStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textDecorationThickness?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textEmphasis?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textEmphasisColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textEmphasisPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textEmphasisStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textIndent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textOrientation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textOverflow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textRendering?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textShadow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textTransform?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textUnderlineOffset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textUnderlinePosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textWrap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textWrapMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textWrapStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            touchAction?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transformBox?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transformOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transformStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transitionBehavior?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transitionDelay?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transitionDuration?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transitionProperty?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transitionTimingFunction?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            unicodeBidi?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            userSelect?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vectorEffect?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            verticalAlign?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            viewTransitionClass?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            viewTransitionName?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            visibility?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAlignContent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAlignItems?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAlignSelf?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationDelay?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationDirection?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationDuration?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationFillMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationIterationCount?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationName?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationPlayState?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAnimationTimingFunction?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitAppearance?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBackfaceVisibility?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBackgroundClip?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBackgroundOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBackgroundSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBorderBottomLeftRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBorderBottomRightRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBorderRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBorderTopLeftRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBorderTopRightRadius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBoxAlign?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBoxFlex?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBoxOrdinalGroup?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBoxOrient?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBoxPack?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBoxShadow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitBoxSizing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFilter?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFlex?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFlexBasis?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFlexDirection?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFlexFlow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFlexGrow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFlexShrink?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitFlexWrap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitJustifyContent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitLineClamp?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMask?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskBoxImage?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskBoxImageOutset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskBoxImageRepeat?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskBoxImageSlice?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskBoxImageSource?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskBoxImageWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskClip?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskComposite?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskImage?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskRepeat?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitMaskSize?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitOrder?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitPerspective?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitPerspectiveOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTextFillColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTextSizeAdjust?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTextStroke?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTextStrokeColor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTextStrokeWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransform?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransformOrigin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransformStyle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransitionDelay?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransitionDuration?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransitionProperty?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitTransitionTimingFunction?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            webkitUserSelect?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            whiteSpace?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            whiteSpaceCollapse?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            widows?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            willChange?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            wordBreak?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            wordSpacing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            wordWrap?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            writingMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            zIndex?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            string?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            values?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            path?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            exponent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            preserveAspectRatio?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            href?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            mode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            end?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            alphabetic?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            ideographic?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            mathematical?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            accumulate?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            local?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            hanging?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            unicode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            to?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            direction?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pathLength?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            accentHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            additive?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            allowReorder?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            amplitude?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            arabicForm?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            ascent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            attributeName?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            attributeType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            autoReverse?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            azimuth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            baseFrequency?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            baseProfile?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            bbox?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            begin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            bias?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            by?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            calcMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            capHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            clipPathUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            colorProfile?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            colorRendering?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            contentScriptType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            contentStyleType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            decelerate?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            descent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            diffuseConstant?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            divisor?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            dur?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            dx?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            dy?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            edgeMode?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            elevation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            enableBackground?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            externalResourcesRequired?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            filterRes?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            filterUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            focusable?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            format?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fr?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fx?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            fy?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            g1?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            g2?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            glyphName?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            glyphOrientationHorizontal?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            glyphOrientationVertical?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            glyphRef?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gradientTransform?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            gradientUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            horizAdvX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            horizOriginX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            in2?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            in?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            intercept?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            k1?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            k2?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            k3?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            k4?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            k?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            kernelMatrix?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            kernelUnitLength?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            kerning?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            keyPoints?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            keySplines?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            keyTimes?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            lengthAdjust?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            limitingConeAngle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            markerHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            markerUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            markerWidth?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskContentUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            maskUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            numOctaves?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            operator?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            orient?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            orientation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            origin?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overlinePosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            overlineThickness?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            panose1?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            patternContentUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            patternTransform?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            patternUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            points?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pointsAtX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pointsAtY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pointsAtZ?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            preserveAlpha?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            primitiveUnits?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            radius?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            refX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            refY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            renderingIntent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            repeatCount?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            repeatDur?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            requiredExtensions?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            requiredFeatures?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            restart?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            result?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            seed?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            slope?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            spacing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            specularConstant?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            specularExponent?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            speed?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            spreadMethod?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            startOffset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            stdDeviation?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            stemh?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            stemv?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            stitchTiles?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strikethroughPosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            strikethroughThickness?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            surfaceScale?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            systemLanguage?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            tableValues?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            targetX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            targetY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            textLength?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            u1?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            u2?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            underlinePosition?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            underlineThickness?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            unicodeRange?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            unitsPerEm?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vAlphabetic?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            version?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vertAdvY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vertOriginX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vertOriginY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vHanging?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vIdeographic?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            viewBox?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            viewTarget?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            vMathematical?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            widths?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            x1?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            x2?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xChannelSelector?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xHeight?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xlinkActuate?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xlinkArcrole?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xlinkHref?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xlinkRole?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xlinkShow?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xlinkTitle?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xlinkType?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xmlBase?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xmlLang?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xmlns?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xmlnsXlink?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            xmlSpace?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            y1?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            y2?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            yChannelSelector?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            zoomAndPan?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pathOffset?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            pathSpacing?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            attrX?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            attrY?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            attrScale?: import("motion-dom").ValueKeyframesDefinition | undefined;
+            transitionEnd?: import("motion-dom").ResolvedValues;
         };
+        exit: import("motion-dom").Variant;
     };
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;
@@ -144,12 +831,13 @@ export declare function useDockCardItemModel({ ref, activeItem, onContentHeightC
         page?: import("csstype").Property.Page | undefined;
         opacity?: import("csstype").Property.Opacity | undefined;
         transition?: import("csstype").Property.Transition<string & {}> | undefined;
-        top?: import("csstype").Property.Top<string | number> | undefined;
-        bottom?: import("csstype").Property.Bottom<string | number> | undefined;
+        motion?: import("csstype").Property.Offset<string | number> | undefined;
         rotate?: import("csstype").Property.Rotate | undefined;
         translate?: import("csstype").Property.Translate<string | number> | undefined;
         all?: import("csstype").Property.All | undefined;
         contain?: import("csstype").Property.Contain | undefined;
+        bottom?: import("csstype").Property.Bottom<string | number> | undefined;
+        top?: import("csstype").Property.Top<string | number> | undefined;
         inset?: import("csstype").Property.Inset<string | number> | undefined;
         flex?: import("csstype").Property.Flex<string | number> | undefined;
         grid?: import("csstype").Property.Grid | undefined;
@@ -619,7 +1307,6 @@ export declare function useDockCardItemModel({ ref, activeItem, onContentHeightC
         animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         lineClamp?: import("csstype").Property.LineClamp | undefined;
         maskBorder?: import("csstype").Property.MaskBorder | undefined;
-        motion?: import("csstype").Property.Offset<string | number> | undefined;
         positionTry?: import("csstype").Property.PositionTry | undefined;
         scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
         scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;