@motion.page/sdk 1.2.0 → 1.2.2

package/dist/render/CSSRenderer.d.ts

@@ -18,6 +18,12 @@ import type { ParsedClipPath } from '../utils/ClipPathParser';
  * Automatically batches during animation tick, writes immediately otherwise
  */
 export declare function setCSSProperty(element: Element, property: string, value: number, unit: string): void;
+/**
+ * Set a regular CSS property whose explicit start/end values use different
+ * units. Endpoints are emitted as authored; intermediate frames use CSS calc()
+ * so the browser resolves mixed units natively.
+ */
+export declare function setCSSMixedUnitProperty(element: Element, property: string, startValue: number, startUnit: string, endValue: number, endUnit: string, progress: number): void;
 /**
  * Set a CSS color property value on an element
  * Takes RGBA values directly for performance (avoids string formatting in hot path)

package/dist/triggers/CursorTrigger.d.ts

@@ -34,6 +34,12 @@ export declare class CursorTrigger extends BaseTrigger<CursorConfig> {
     private _isHoveringCursorTarget;
     private _boundHoverTargetMoveHandler;
     private _hoverPointerMoveTarget;
+    private _boundTextAttributeMoveHandler;
+    private _textPointerMoveTarget;
+    private _activeTextAttributeElement;
+    private _hasTextAttributeElements;
+    private _textAttributeObserver;
+    private _textAttributeObserverActive;
     private _cursorStyleTag;
     private _attributeListeners;
     constructor(timeline: Timeline, config: CursorConfig);
@@ -75,6 +81,27 @@ export declare class CursorTrigger extends BaseTrigger<CursorConfig> {
     private _setupEventListeners;
     private _setupHoverTargets;
     private _setupTextCursor;
+    private _setupTextAttributeHitTesting;
+    /** Recompute whether any tooltip/text attribute elements currently exist. */
+    private _updateHasTextAttributeElements;
+    /**
+     * Watch the DOM for tooltip/text attribute elements being added, removed, or
+     * toggled so the hit-test fast path stays correct without polling. The
+     * callback only runs a single querySelector per mutation batch — far cheaper
+     * than an elementsFromPoint call on every pointer-move frame.
+     */
+    private _observeTextAttributeElements;
+    private _findTextAttributeTarget;
+    private _showTextCursor;
+    /**
+     * Drop the cursor back to its default state only when neither hover source is
+     * active. Both the hover-selector hit-test and the text-attribute hit-test can
+     * hold the 'hover' state; releasing requires both to be inactive so the two
+     * handlers don't fight each other across pointer-move frames. The `'hover'`
+     * guard preserves an in-progress 'click' state.
+     */
+    private _releaseHoverIfInactive;
+    private _hideTextCursor;
     private _setupMediaCursor;
     private _removeEventListeners;
     private _setState;

package/dist/triggers/PinManager.d.ts

@@ -174,6 +174,7 @@ export declare class PinManager {
      * collapsing the spacer below its needed size (GSAP-compatible).
      */
     private _resolvePinSpacing;
+    private _applyFixedState;
     /**
      * Fixed positioning for window scroller (seamless pinning)
      *

package/dist/utils/ColorParser.d.ts

@@ -6,7 +6,7 @@
  * - RGB/RGBA: rgb(255, 0, 0), rgba(255, 0, 0, 0.5)
  * - HSL/HSLA: hsl(0, 100%, 50%), hsla(0, 100%, 50%, 0.5)
  * - Named colors: red, coral, transparent
- * - CSS variables: var(--color)
+ * - CSS variables: var(--color), --color
  */
 /**
  * Parse any color format to RGBA Float32Array

package/dist/utils/PropertyParser/types.d.ts

@@ -24,6 +24,8 @@ export interface ParsedScalarProperty extends ParsedPropertyBase {
     startValue: number;
     endValue: number;
     unit: string;
+    startUnit?: string;
+    endUnit?: string;
 }
 /**
  * Color property (RGBA values)

package/package.json

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