motion-v 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/cjs/index.js

@@ -6687,7 +6687,8 @@ function camelToKebab(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function buildSVGPath(attrs, length, spacing = 1, offset = 0) {
-  attrs["path-length"] = 1;
+  attrs.pathLength = 1;
+  delete attrs["path-length"];
   attrs["stroke-dashoffset"] = px.transform(-offset);
   const pathLength = px.transform(length);
   const pathSpacing = px.transform(spacing);
@@ -8436,7 +8437,8 @@ class MotionState {
     this.parent = parent;
     (_a = parent == null ? void 0 : parent.children) == null ? void 0 : _a.add(this);
     this.depth = (parent == null ? void 0 : parent.depth) + 1 || 0;
-    const initialVariantSource = this.context.initial === false ? ["initial", "animate"] : ["initial"];
+    const initial = options.initial === void 0 && options.variants ? this.context.initial : options.initial;
+    const initialVariantSource = initial === false ? ["initial", "animate"] : ["initial"];
     this.initTarget(initialVariantSource);
     this.featureManager = new FeatureManager(this);
     this.type = isSVGElement(this.options.as) ? "svg" : "html";
@@ -9405,6 +9407,7 @@ function useSpring(source, config = {}) {
   }
   return value;
 }
+const isSSR = typeof window === "undefined";
 function refWarning(name, ref) {
   heyListen.warning(
     Boolean(!ref || ref.value),
@@ -9430,8 +9433,11 @@ function useScroll({
     refWarning("container", container);
   });
   vue.watch(
-    [container, target, () => options.offset],
+    [() => container == null ? void 0 : container.value, () => target == null ? void 0 : target.value, () => options.offset],
     (n, o, onCleanup) => {
+      if (isSSR) {
+        return;
+      }
       const cleanup = scroll(
         (_progress, { x, y }) => {
           values.scrollX.set(x.current);

package/dist/es/state/motion-state.mjs

@@ -28,7 +28,8 @@ class MotionState {
     this.parent = parent;
     (_a = parent == null ? void 0 : parent.children) == null ? void 0 : _a.add(this);
     this.depth = (parent == null ? void 0 : parent.depth) + 1 || 0;
-    const initialVariantSource = this.context.initial === false ? ["initial", "animate"] : ["initial"];
+    const initial = options.initial === void 0 && options.variants ? this.context.initial : options.initial;
+    const initialVariantSource = initial === false ? ["initial", "animate"] : ["initial"];
     this.initTarget(initialVariantSource);
     this.featureManager = new FeatureManager(this);
     this.type = isSVGElement(this.options.as) ? "svg" : "html";

package/dist/es/state/style.mjs

@@ -97,7 +97,8 @@ function camelToKebab(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function buildSVGPath(attrs, length, spacing = 1, offset = 0) {
-  attrs["path-length"] = 1;
+  attrs.pathLength = 1;
+  delete attrs["path-length"];
   attrs["stroke-dashoffset"] = px.transform(-offset);
   const pathLength = px.transform(length);
   const pathSpacing = px.transform(spacing);

package/dist/es/utils/is.d.ts

@@ -0,0 +1 @@
+export declare const isSSR: boolean;

package/dist/es/utils/is.mjs

@@ -0,0 +1,4 @@
+const isSSR = typeof window === "undefined";
+export {
+  isSSR
+};

package/dist/es/value/use-scroll.mjs

@@ -1,5 +1,6 @@
 import { onMounted, watch } from "vue";
 import { warning } from "hey-listen";
+import { isSSR } from "../utils/is.mjs";
 import { scroll } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
 import { motionValue } from "../external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 import "../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
@@ -28,8 +29,11 @@ function useScroll({
     refWarning("container", container);
   });
   watch(
-    [container, target, () => options.offset],
+    [() => container == null ? void 0 : container.value, () => target == null ? void 0 : target.value, () => options.offset],
     (n, o, onCleanup) => {
+      if (isSSR) {
+        return;
+      }
       const cleanup = scroll(
         (_progress, { x, y }) => {
           values.scrollX.set(x.current);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
   "description": "",
   "author": "",
   "license": "MIT",