@motion.page/sdk 1.0.7 → 1.0.8

package/dist/triggers/TriggerManager.d.ts

@@ -38,6 +38,8 @@ export declare class TriggerManager {
     private static _pageLoadTriggerFactory;
     /** Debounce delay (ms) for the window resize → refreshScrollTriggers handler */
     private static readonly _RESIZE_DEBOUNCE_MS;
+    /** Debounce delay (ms) for the body ResizeObserver → refreshScrollTriggers handler */
+    private static readonly _BODY_RESIZE_DEBOUNCE_MS;
     private _pageLoadTrigger;
     private _scrollTriggers;
     private _eventTriggers;
@@ -49,6 +51,12 @@ export declare class TriggerManager {
     private _resizeHandler;
     /** Timer id for debounced resize */
     private _resizeTimer;
+    /** ResizeObserver watching document.body for height changes (layout shifts) */
+    private _bodyResizeObserver;
+    /** Last known body height — only refresh when height actually changes */
+    private _lastBodyHeight;
+    /** Timer id for debounced body resize */
+    private _bodyResizeTimer;
     /** All trigger maps — used by unregister() and killAll() for bulk iteration */
     private get _allTriggerMaps();
     private constructor();
@@ -83,6 +91,26 @@ export declare class TriggerManager {
      * @internal
      */
     private _detachResizeListener;
+    /**
+     * Attach a ResizeObserver on document.body to detect document height changes.
+     *
+     * Layout shifts caused by content-visibility:auto, lazy-loaded images,
+     * dynamic content insertion, or font loading can change the document height
+     * without triggering a window resize event.  This observer detects those
+     * shifts and refreshes all scroll triggers so pin positions stay correct.
+     *
+     * Only reacts to height changes (width changes are already covered by the
+     * window resize listener).  Debounced to avoid excessive refreshes during
+     * rapid layout shifts (e.g. multiple images loading in sequence).
+     * @internal
+     */
+    private _attachBodyResizeObserver;
+    /**
+     * Detach the body ResizeObserver.
+     * Called when the last scroll trigger is removed or killAll() is invoked.
+     * @internal
+     */
+    private _detachBodyResizeObserver;
     /**
      * Register a scroll trigger
      */

package/dist/types/index.d.ts

@@ -152,6 +152,13 @@ export interface FitConfig {
 export interface AnimationConfig {
     from?: AnimationVars;
     to?: AnimationVars;
+    /**
+     * Immediately set CSS properties on target(s) without animation (duration: 0).
+     * Equivalent to GSAP's gsap.set() — applied before from/to tweens.
+     * @example
+     * Motion('init', '.box', { set: { opacity: 0, visibility: 'visible' }, to: { opacity: 1 }, duration: 1 })
+     */
+    set?: AnimationVars;
     duration?: number;
     delay?: number;
     ease?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motion.page/sdk",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "High-performance CSS animation SDK with scroll, hover, gesture, and cursor triggers",
   "type": "module",
   "main": "dist/index.js",