@unseenco/theatre-core 0.4.3 → 0.6.0

package/dist/index.js

@@ -241,34 +241,88 @@ var require_propose = __commonJS({
 // core/src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  PAGE_MODE_SEQUENCE_LENGTH: () => PAGE_MODE_SEQUENCE_LENGTH,
+  PAGE_MODE_SUB_UNITS_PER_UNIT: () => PAGE_MODE_SUB_UNITS_PER_UNIT,
   attachGsapSequenceBridge: () => attachGsapSequenceBridge,
+  attachSheetScrollDriver: () => attachSheetScrollDriver,
+  attachTheatrePageScroll: () => attachTheatrePageScroll,
+  configureTheatrePageScroll: () => configureTheatrePageScroll,
+  createDefaultPageScrollDriver: () => createDefaultPageScrollDriver,
+  createElementHorizontalScrollDriver: () => createElementHorizontalScrollDriver,
+  createElementScrollDriver: () => createElementScrollDriver,
+  createNativeDocumentHorizontalScrollDriver: () => createNativeDocumentHorizontalScrollDriver,
+  createNativeDocumentScrollDriver: () => createNativeDocumentScrollDriver,
   createRafDriver: () => createRafDriver,
+  defaultPageScrollContext: () => defaultPageScrollContext,
+  getActivePageScrollContext: () => getActivePageScrollContext,
   getProject: () => getProject,
+  getSheetScrollDriver: () => getSheetScrollDriver,
+  getTheatreCoreRafDriver: () => getTheatreCoreRafDriver,
+  getTheatrePageScrollConfig: () => getTheatrePageScrollConfig,
+  getTheatrePageScrollContext: () => getTheatrePageScrollContext,
+  isNativeDocumentScroller: () => isNativeDocumentScroller,
+  isPageScrollTrigger: () => isPageScrollTrigger,
   isRemoteEditorWindow: () => isRemoteEditorWindow,
+  isVerticalPageScrollTrigger: () => isVerticalPageScrollTrigger,
   notify: () => notify,
   onChange: () => onChange,
+  pageScrollProgressFromSequence: () => pageScrollProgressFromSequence,
+  pageScrollScrollersMatch: () => pageScrollScrollersMatch,
   privateAPI: () => privateAPI,
+  resolvePageScrollAxis: () => resolvePageScrollAxis,
+  resolvePageScrollScroller: () => resolvePageScrollScroller,
+  setActivePageScrollContext: () => setActivePageScrollContext,
   setCoreRafDriver: () => setCoreRafDriver,
+  setPageScrollProgress: () => setPageScrollProgress,
   setPrivateAPI: () => setPrivateAPI,
+  syncNativeDocumentScrollToSequencePosition: () => syncNativeDocumentScrollToSequencePosition,
+  syncPageScrollToSequencePosition: () => syncPageScrollToSequencePosition,
   types: () => propTypes_exports,
-  val: () => val11
+  val: () => val14
 });
 module.exports = __toCommonJS(index_exports);
 
 // core/src/coreExports.ts
 var coreExports_exports = {};
 __export(coreExports_exports, {
+  PAGE_MODE_SEQUENCE_LENGTH: () => PAGE_MODE_SEQUENCE_LENGTH,
+  PAGE_MODE_SUB_UNITS_PER_UNIT: () => PAGE_MODE_SUB_UNITS_PER_UNIT,
   attachGsapSequenceBridge: () => attachGsapSequenceBridge,
+  attachSheetScrollDriver: () => attachSheetScrollDriver,
+  attachTheatrePageScroll: () => attachTheatrePageScroll,
+  configureTheatrePageScroll: () => configureTheatrePageScroll,
+  createDefaultPageScrollDriver: () => createDefaultPageScrollDriver,
+  createElementHorizontalScrollDriver: () => createElementHorizontalScrollDriver,
+  createElementScrollDriver: () => createElementScrollDriver,
+  createNativeDocumentHorizontalScrollDriver: () => createNativeDocumentHorizontalScrollDriver,
+  createNativeDocumentScrollDriver: () => createNativeDocumentScrollDriver,
   createRafDriver: () => createRafDriver,
+  defaultPageScrollContext: () => defaultPageScrollContext,
+  getActivePageScrollContext: () => getActivePageScrollContext,
   getProject: () => getProject,
+  getSheetScrollDriver: () => getSheetScrollDriver,
+  getTheatreCoreRafDriver: () => getTheatreCoreRafDriver,
+  getTheatrePageScrollConfig: () => getTheatrePageScrollConfig,
+  getTheatrePageScrollContext: () => getTheatrePageScrollContext,
+  isNativeDocumentScroller: () => isNativeDocumentScroller,
+  isPageScrollTrigger: () => isPageScrollTrigger,
   isRemoteEditorWindow: () => isRemoteEditorWindow,
+  isVerticalPageScrollTrigger: () => isVerticalPageScrollTrigger,
   notify: () => notify,
   onChange: () => onChange,
+  pageScrollProgressFromSequence: () => pageScrollProgressFromSequence,
+  pageScrollScrollersMatch: () => pageScrollScrollersMatch,
   privateAPI: () => privateAPI,
+  resolvePageScrollAxis: () => resolvePageScrollAxis,
+  resolvePageScrollScroller: () => resolvePageScrollScroller,
+  setActivePageScrollContext: () => setActivePageScrollContext,
   setCoreRafDriver: () => setCoreRafDriver,
+  setPageScrollProgress: () => setPageScrollProgress,
   setPrivateAPI: () => setPrivateAPI,
+  syncNativeDocumentScrollToSequencePosition: () => syncNativeDocumentScrollToSequencePosition,
+  syncPageScrollToSequencePosition: () => syncPageScrollToSequencePosition,
   types: () => propTypes_exports,
-  val: () => val11
+  val: () => val14
 });
 
 // core/src/projects/projectsSingleton.ts
@@ -293,6 +347,82 @@ var ProjectsSingleton = class {
 var singleton = new ProjectsSingleton();
 var projectsSingleton_default = singleton;
 
+// core/src/rafDrivers.ts
+var import_theatre_dataverse2 = require("@unseenco/theatre-dataverse");
+var lastDriverId = 0;
+function createRafDriver(conf) {
+  const tick = (time) => {
+    ticker.tick(time);
+  };
+  const ticker = new import_theatre_dataverse2.Ticker({
+    onActive() {
+      conf?.start?.();
+    },
+    onDormant() {
+      conf?.stop?.();
+    }
+  });
+  const driverPublicApi = {
+    tick,
+    id: lastDriverId++,
+    name: conf?.name ?? "CustomRafDriver-".concat(lastDriverId),
+    type: "Theatre_RafDriver_PublicAPI"
+  };
+  const driverPrivateApi = {
+    type: "Theatre_RafDriver_PrivateAPI",
+    publicApi: driverPublicApi,
+    ticker,
+    start: conf?.start,
+    stop: conf?.stop
+  };
+  setPrivateAPI(driverPublicApi, driverPrivateApi);
+  return driverPublicApi;
+}
+
+// core/src/coreTicker.ts
+function createBasicRafDriver() {
+  let rafId = null;
+  const start = () => {
+    if (typeof window !== "undefined") {
+      const onAnimationFrame = (t2) => {
+        driver.tick(t2);
+        rafId = window.requestAnimationFrame(onAnimationFrame);
+      };
+      rafId = window.requestAnimationFrame(onAnimationFrame);
+    } else {
+      driver.tick(0);
+      setTimeout(() => driver.tick(1), 0);
+    }
+  };
+  const stop = () => {
+    if (typeof window !== "undefined") {
+      if (rafId !== null) {
+        window.cancelAnimationFrame(rafId);
+      }
+    } else {
+    }
+  };
+  const driver = createRafDriver({ name: "DefaultCoreRafDriver", start, stop });
+  return driver;
+}
+var coreRafDriver;
+function getCoreRafDriver() {
+  if (!coreRafDriver) {
+    setCoreRafDriver(createBasicRafDriver());
+  }
+  return coreRafDriver;
+}
+function getCoreTicker() {
+  return getCoreRafDriver().ticker;
+}
+function setCoreRafDriver(driver) {
+  if (coreRafDriver) {
+    throw new Error("`setCoreRafDriver()` is already called.");
+  }
+  const driverPrivateApi = privateAPI(driver);
+  coreRafDriver = driverPrivateApi;
+}
+
 // core/src/privateAPIs.ts
 var publicAPIToPrivateAPIMap = /* @__PURE__ */ new WeakMap();
 function privateAPI(pub) {
@@ -301,6 +431,23 @@ function privateAPI(pub) {
 function setPrivateAPI(pub, priv) {
   publicAPIToPrivateAPIMap.set(pub, priv);
 }
+function getTheatreCoreRafDriver() {
+  return getCoreRafDriver().publicApi;
+}
+
+// core/src/sheets/applySheetRuntimeOptions.ts
+function applySheetRuntimeOptions(sheet, opts) {
+  if (!opts) return;
+  if (opts.sequenceMode !== void 0) {
+    sheet.setSequenceMode(opts.sequenceMode);
+  }
+  if (opts.scrollDriver !== void 0) {
+    sheet.setPageScrollDriver(opts.scrollDriver);
+  }
+  if (opts.gsap === true) {
+    sheet.enableGsapSequenceBridge();
+  }
+}
 
 // shared/src/utils/index.ts
 var emptyArray = [];
@@ -867,7 +1014,7 @@ var SimpleCache = class {
 };
 
 // core/src/sheetObjects/SheetObjectTemplate.ts
-var import_theatre_dataverse7 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse9 = require("@unseenco/theatre-dataverse");
 
 // ../node_modules/lodash-es/_defineProperty.js
 var defineProperty = (function() {
@@ -978,181 +1125,6 @@ function generateDefaultsForCompound(config) {
   return defaults;
 }
 
-// core/src/sequences/interpolationTripleAtPosition.ts
-var import_theatre_dataverse2 = require("@unseenco/theatre-dataverse");
-var import_UnitBezier = __toESM(require_UnitBezier());
-function interpolationTripleAtPosition(ctx, trackP, timeD) {
-  return (0, import_theatre_dataverse2.prism)(() => {
-    const track = (0, import_theatre_dataverse2.val)(trackP);
-    const driverD = import_theatre_dataverse2.prism.memo(
-      "driver",
-      () => {
-        if (!track) {
-          return (0, import_theatre_dataverse2.prism)(() => void 0);
-        } else if (track.type === "BasicKeyframedTrack") {
-          return _forKeyframedTrack(ctx, track, timeD);
-        } else if (track.type === "GsapClipTrack") {
-          return (0, import_theatre_dataverse2.prism)(() => void 0);
-        } else {
-          ctx.logger.error("Track type not yet supported.");
-          return (0, import_theatre_dataverse2.prism)(() => void 0);
-        }
-      },
-      [track]
-    );
-    return driverD.getValue();
-  });
-}
-function _forKeyframedTrack(ctx, track, timeD) {
-  return (0, import_theatre_dataverse2.prism)(() => {
-    let stateRef = import_theatre_dataverse2.prism.ref("state", { started: false });
-    let state = stateRef.current;
-    const time = timeD.getValue();
-    if (!state.started || time < state.validFrom || state.validTo <= time) {
-      stateRef.current = state = updateState(ctx, timeD, track);
-    }
-    return state.der.getValue();
-  });
-}
-var undefinedConstD = (0, import_theatre_dataverse2.prism)(() => void 0);
-function updateState(ctx, progressionD, track) {
-  const progression = progressionD.getValue();
-  if (track.keyframes.length === 0) {
-    return {
-      started: true,
-      validFrom: -Infinity,
-      validTo: Infinity,
-      der: undefinedConstD
-    };
-  }
-  let currentKeyframeIndex = 0;
-  while (true) {
-    const currentKeyframe = track.keyframes[currentKeyframeIndex];
-    if (!currentKeyframe) {
-      if (process.env.NODE_ENV !== "production") {
-        ctx.logger.error("Bug here");
-      }
-      return states.error;
-    }
-    const isLastKeyframe = currentKeyframeIndex === track.keyframes.length - 1;
-    if (progression < currentKeyframe.position) {
-      if (currentKeyframeIndex === 0) {
-        return states.beforeFirstKeyframe(currentKeyframe);
-      } else {
-        if (process.env.NODE_ENV !== "production") {
-          ctx.logger.error("Bug here");
-        }
-        return states.error;
-      }
-    } else if (currentKeyframe.position === progression) {
-      if (isLastKeyframe) {
-        return states.lastKeyframe(currentKeyframe);
-      } else {
-        return states.between(
-          currentKeyframe,
-          track.keyframes[currentKeyframeIndex + 1],
-          progressionD
-        );
-      }
-    } else {
-      if (currentKeyframeIndex === track.keyframes.length - 1) {
-        return states.lastKeyframe(currentKeyframe);
-      } else {
-        const nextKeyframeIndex = currentKeyframeIndex + 1;
-        if (track.keyframes[nextKeyframeIndex].position <= progression) {
-          currentKeyframeIndex = nextKeyframeIndex;
-          continue;
-        } else {
-          return states.between(
-            currentKeyframe,
-            track.keyframes[currentKeyframeIndex + 1],
-            progressionD
-          );
-        }
-      }
-    }
-  }
-}
-var states = {
-  beforeFirstKeyframe(kf) {
-    return {
-      started: true,
-      validFrom: -Infinity,
-      validTo: kf.position,
-      der: (0, import_theatre_dataverse2.prism)(() => ({ left: kf.value, progression: 0 }))
-    };
-  },
-  lastKeyframe(kf) {
-    return {
-      started: true,
-      validFrom: kf.position,
-      validTo: Infinity,
-      der: (0, import_theatre_dataverse2.prism)(() => ({ left: kf.value, progression: 0 }))
-    };
-  },
-  between(left, right, progressionD) {
-    if (!left.connectedRight) {
-      return {
-        started: true,
-        validFrom: left.position,
-        validTo: right.position,
-        der: (0, import_theatre_dataverse2.prism)(() => ({ left: left.value, progression: 0 }))
-      };
-    }
-    const globalProgressionToLocalProgression = (globalProgression) => {
-      return (globalProgression - left.position) / (right.position - left.position);
-    };
-    if (!left.type || left.type === "bezier") {
-      const solver = new import_UnitBezier.default(
-        left.handles[2],
-        left.handles[3],
-        right.handles[0],
-        right.handles[1]
-      );
-      const bezierDer = (0, import_theatre_dataverse2.prism)(() => {
-        const progression = globalProgressionToLocalProgression(
-          progressionD.getValue()
-        );
-        const valueProgression = solver.solveSimple(progression);
-        return {
-          left: left.value,
-          right: right.value,
-          progression: valueProgression
-        };
-      });
-      return {
-        started: true,
-        validFrom: left.position,
-        validTo: right.position,
-        der: bezierDer
-      };
-    }
-    const holdDer = (0, import_theatre_dataverse2.prism)(() => {
-      const progression = globalProgressionToLocalProgression(
-        progressionD.getValue()
-      );
-      const valueProgression = Math.floor(progression);
-      return {
-        left: left.value,
-        right: right.value,
-        progression: valueProgression
-      };
-    });
-    return {
-      started: true,
-      validFrom: left.position,
-      validTo: right.position,
-      der: holdDer
-    };
-  },
-  error: {
-    started: true,
-    validFrom: -Infinity,
-    validTo: Infinity,
-    der: undefinedConstD
-  }
-};
-
 // shared/src/utils/deepMergeWithCache.ts
 function deepMergeWithCache(base, override, cache2) {
   const _cache = cache2;
@@ -1192,7 +1164,7 @@ var valToAtom = (key, vals) => {
 };
 
 // core/src/sheetObjects/SheetObject.ts
-var import_theatre_dataverse6 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse8 = require("@unseenco/theatre-dataverse");
 
 // core/src/sheetObjects/TheatreSheetObject.ts
 var import_theatre_dataverse4 = require("@unseenco/theatre-dataverse");
@@ -3236,11 +3208,11 @@ function sanitizeCompoundProps(props) {
         );
       }
     }
-    const val12 = props[key];
-    if (isLonghandPropType(val12)) {
-      sanitizedProps[key] = val12;
+    const val15 = props[key];
+    if (isLonghandPropType(val15)) {
+      sanitizedProps[key] = val15;
     } else {
-      sanitizedProps[key] = toLonghandProp(val12);
+      sanitizedProps[key] = toLonghandProp(val15);
     }
   }
   return sanitizedProps;
@@ -3338,15 +3310,15 @@ var file = (defaultValue, opts = {}) => {
     deserializeAndSanitize: _ensureFile
   };
 };
-var _ensureFile = (val12) => {
-  if (!val12) return void 0;
+var _ensureFile = (val15) => {
+  if (!val15) return void 0;
   let valid = true;
-  if (typeof val12.id !== "string" && ![null, void 0].includes(val12.id)) {
+  if (typeof val15.id !== "string" && ![null, void 0].includes(val15.id)) {
     valid = false;
   }
-  if (val12.type !== "file") valid = false;
+  if (val15.type !== "file") valid = false;
   if (!valid) return void 0;
-  return val12;
+  return val15;
 };
 var image = (defaultValue, opts = {}) => {
   if (process.env.NODE_ENV !== "production") {
@@ -3370,15 +3342,15 @@ var image = (defaultValue, opts = {}) => {
     deserializeAndSanitize: _ensureImage
   };
 };
-var _ensureImage = (val12) => {
-  if (!val12) return void 0;
+var _ensureImage = (val15) => {
+  if (!val15) return void 0;
   let valid = true;
-  if (typeof val12.id !== "string" && ![null, void 0].includes(val12.id)) {
+  if (typeof val15.id !== "string" && ![null, void 0].includes(val15.id)) {
     valid = false;
   }
-  if (val12.type !== "image") valid = false;
+  if (val15.type !== "image") valid = false;
   if (!valid) return void 0;
-  return val12;
+  return val15;
 };
 var number = (defaultValue, opts = {}) => {
   if (process.env.NODE_ENV !== "production") {
@@ -3501,11 +3473,11 @@ var rgba = (defaultValue = { r: 0, g: 0, b: 0, a: 1 }, opts = {}) => {
     deserializeAndSanitize: _sanitizeRgba
   };
 };
-var _sanitizeRgba = (val12) => {
-  if (!val12) return void 0;
+var _sanitizeRgba = (val15) => {
+  if (!val15) return void 0;
   let valid = true;
   for (const c2 of ["r", "g", "b", "a"]) {
-    if (!Object.prototype.hasOwnProperty.call(val12, c2) || typeof val12[c2] !== "number") {
+    if (!Object.prototype.hasOwnProperty.call(val15, c2) || typeof val15[c2] !== "number") {
       valid = false;
     }
   }
@@ -3514,7 +3486,7 @@ var _sanitizeRgba = (val12) => {
   for (const c2 of ["r", "g", "b", "a"]) {
     ;
     sanitized[c2] = Math.min(
-      Math.max(val12[c2], 0),
+      Math.max(val15[c2], 0),
       1
     );
   }
@@ -3553,8 +3525,8 @@ var boolean = (defaultValue, opts = {}) => {
     deserializeAndSanitize: _ensureBoolean
   };
 };
-var _ensureBoolean = (val12) => {
-  return typeof val12 === "boolean" ? val12 : void 0;
+var _ensureBoolean = (val15) => {
+  return typeof val15 === "boolean" ? val15 : void 0;
 };
 function leftInterpolate(left) {
   return left;
@@ -3761,8 +3733,8 @@ var TheatreSheetObject = class {
     }
     return der.getValue();
   }
-  set initialValue(val12) {
-    privateAPI(this).setInitialValue(val12);
+  set initialValue(val15) {
+    privateAPI(this).setInitialValue(val15);
   }
   showPropsOf(objects) {
     const host = privateAPI(this);
@@ -3802,16 +3774,194 @@ var TheatreSheetObject = class {
   }
 };
 
-// shared/src/propTypes/utils.ts
-var import_fast_deep_equal = __toESM(require_fast_deep_equal());
-
-// shared/src/utils/memoizeFn.ts
-function memoizeFn(producer) {
-  const cache2 = /* @__PURE__ */ new WeakMap();
-  return (k2) => {
-    if (!cache2.has(k2)) {
-      cache2.set(k2, producer(k2));
-    }
+// core/src/sequences/interpolationTripleAtPosition.ts
+var import_theatre_dataverse5 = require("@unseenco/theatre-dataverse");
+var import_UnitBezier = __toESM(require_UnitBezier());
+function interpolationTripleAtPosition(ctx, trackP, timeD) {
+  return (0, import_theatre_dataverse5.prism)(() => {
+    const track = (0, import_theatre_dataverse5.val)(trackP);
+    const driverD = import_theatre_dataverse5.prism.memo(
+      "driver",
+      () => {
+        if (!track) {
+          return (0, import_theatre_dataverse5.prism)(() => void 0);
+        } else if (track.type === "BasicKeyframedTrack") {
+          return _forKeyframedTrack(ctx, track, timeD);
+        } else if (track.type === "GsapClipTrack") {
+          return (0, import_theatre_dataverse5.prism)(() => void 0);
+        } else {
+          ctx.logger.error("Track type not yet supported.");
+          return (0, import_theatre_dataverse5.prism)(() => void 0);
+        }
+      },
+      [track]
+    );
+    return driverD.getValue();
+  });
+}
+function _forKeyframedTrack(ctx, track, timeD) {
+  return (0, import_theatre_dataverse5.prism)(() => {
+    let stateRef = import_theatre_dataverse5.prism.ref("state", { started: false });
+    let state = stateRef.current;
+    const time = timeD.getValue();
+    if (!state.started || time < state.validFrom || state.validTo <= time) {
+      stateRef.current = state = updateState(ctx, timeD, track);
+    }
+    return state.der.getValue();
+  });
+}
+var undefinedConstD = (0, import_theatre_dataverse5.prism)(() => void 0);
+function updateState(ctx, progressionD, track) {
+  const progression = progressionD.getValue();
+  if (track.keyframes.length === 0) {
+    return {
+      started: true,
+      validFrom: -Infinity,
+      validTo: Infinity,
+      der: undefinedConstD
+    };
+  }
+  let currentKeyframeIndex = 0;
+  while (true) {
+    const currentKeyframe = track.keyframes[currentKeyframeIndex];
+    if (!currentKeyframe) {
+      if (process.env.NODE_ENV !== "production") {
+        ctx.logger.error("Bug here");
+      }
+      return states.error;
+    }
+    const isLastKeyframe = currentKeyframeIndex === track.keyframes.length - 1;
+    if (progression < currentKeyframe.position) {
+      if (currentKeyframeIndex === 0) {
+        return states.beforeFirstKeyframe(currentKeyframe);
+      } else {
+        if (process.env.NODE_ENV !== "production") {
+          ctx.logger.error("Bug here");
+        }
+        return states.error;
+      }
+    } else if (currentKeyframe.position === progression) {
+      if (isLastKeyframe) {
+        return states.lastKeyframe(currentKeyframe);
+      } else {
+        return states.between(
+          currentKeyframe,
+          track.keyframes[currentKeyframeIndex + 1],
+          progressionD
+        );
+      }
+    } else {
+      if (currentKeyframeIndex === track.keyframes.length - 1) {
+        return states.lastKeyframe(currentKeyframe);
+      } else {
+        const nextKeyframeIndex = currentKeyframeIndex + 1;
+        if (track.keyframes[nextKeyframeIndex].position <= progression) {
+          currentKeyframeIndex = nextKeyframeIndex;
+          continue;
+        } else {
+          return states.between(
+            currentKeyframe,
+            track.keyframes[currentKeyframeIndex + 1],
+            progressionD
+          );
+        }
+      }
+    }
+  }
+}
+var states = {
+  beforeFirstKeyframe(kf) {
+    return {
+      started: true,
+      validFrom: -Infinity,
+      validTo: kf.position,
+      der: (0, import_theatre_dataverse5.prism)(() => ({ left: kf.value, progression: 0 }))
+    };
+  },
+  lastKeyframe(kf) {
+    return {
+      started: true,
+      validFrom: kf.position,
+      validTo: Infinity,
+      der: (0, import_theatre_dataverse5.prism)(() => ({ left: kf.value, progression: 0 }))
+    };
+  },
+  between(left, right, progressionD) {
+    if (!left.connectedRight) {
+      return {
+        started: true,
+        validFrom: left.position,
+        validTo: right.position,
+        der: (0, import_theatre_dataverse5.prism)(() => ({ left: left.value, progression: 0 }))
+      };
+    }
+    const globalProgressionToLocalProgression = (globalProgression) => {
+      return (globalProgression - left.position) / (right.position - left.position);
+    };
+    if (!left.type || left.type === "bezier") {
+      const solver = new import_UnitBezier.default(
+        left.handles[2],
+        left.handles[3],
+        right.handles[0],
+        right.handles[1]
+      );
+      const bezierDer = (0, import_theatre_dataverse5.prism)(() => {
+        const progression = globalProgressionToLocalProgression(
+          progressionD.getValue()
+        );
+        const valueProgression = solver.solveSimple(progression);
+        return {
+          left: left.value,
+          right: right.value,
+          progression: valueProgression
+        };
+      });
+      return {
+        started: true,
+        validFrom: left.position,
+        validTo: right.position,
+        der: bezierDer
+      };
+    }
+    const holdDer = (0, import_theatre_dataverse5.prism)(() => {
+      const progression = globalProgressionToLocalProgression(
+        progressionD.getValue()
+      );
+      const valueProgression = Math.floor(progression);
+      return {
+        left: left.value,
+        right: right.value,
+        progression: valueProgression
+      };
+    });
+    return {
+      started: true,
+      validFrom: left.position,
+      validTo: right.position,
+      der: holdDer
+    };
+  },
+  error: {
+    started: true,
+    validFrom: -Infinity,
+    validTo: Infinity,
+    der: undefinedConstD
+  }
+};
+
+// core/src/sheetObjects/sheetObjectSequencedFull.ts
+var import_theatre_dataverse7 = require("@unseenco/theatre-dataverse");
+
+// shared/src/propTypes/utils.ts
+var import_fast_deep_equal = __toESM(require_fast_deep_equal());
+
+// shared/src/utils/memoizeFn.ts
+function memoizeFn(producer) {
+  const cache2 = /* @__PURE__ */ new WeakMap();
+  return (k2) => {
+    if (!cache2.has(k2)) {
+      cache2.set(k2, producer(k2));
+    }
     return cache2.get(k2);
   };
 }
@@ -4119,45 +4269,8 @@ function* iteratePropType(conf, pathPrefix) {
   }
 }
 
-// shared/src/utils/updateDeep.ts
-function updateDeep(obj, path, reducer) {
-  if (path.length === 0) return reducer(obj);
-  return hoop(obj, path, reducer);
-}
-var hoop = (s2, path, reducer) => {
-  if (path.length === 0) {
-    return reducer(s2);
-  }
-  if (Array.isArray(s2)) {
-    let [index, ...restOfPath] = path;
-    index = parseInt(String(index), 10);
-    if (isNaN(index)) index = 0;
-    const oldVal = s2[index];
-    const newVal = hoop(oldVal, restOfPath, reducer);
-    if (oldVal === newVal) return s2;
-    const newS = [...s2];
-    newS.splice(index, 1, newVal);
-    return newS;
-  } else if (typeof s2 === "object" && s2 !== null) {
-    const [key, ...restOfPath] = path;
-    const oldVal = s2[key];
-    const newVal = hoop(oldVal, restOfPath, reducer);
-    if (oldVal === newVal) return s2;
-    const newS = { ...s2, [key]: newVal };
-    return newS;
-  } else {
-    const [key, ...restOfPath] = path;
-    return { [key]: hoop(void 0, restOfPath, reducer) };
-  }
-};
-
-// shared/src/utils/setDeepImmutable.ts
-function setDeepImmutable(obj, path, replace) {
-  return updateDeep(obj, path, () => replace);
-}
-
 // core/src/sequences/sequenceVariants.ts
-var import_theatre_dataverse5 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse6 = require("@unseenco/theatre-dataverse");
 
 // shared/src/utils/sheetProps.ts
 var SHEET_PROPS_OBJECT_KEY = "__theatre_sheet_props__";
@@ -4225,17 +4338,17 @@ function getSequenceStateFromSheet(sheetState, variantId) {
   return void 0;
 }
 function valTrackIdByPropPathForObject(sheetStatePointer, variantId, objectKey) {
-  (0, import_theatre_dataverse5.val)(sheetStatePointer.sequencesById);
-  const sequenceFromMap = (0, import_theatre_dataverse5.val)(sheetStatePointer.sequencesById[variantId]);
+  (0, import_theatre_dataverse6.val)(sheetStatePointer.sequencesById);
+  const sequenceFromMap = (0, import_theatre_dataverse6.val)(sheetStatePointer.sequencesById[variantId]);
   if (sequenceFromMap !== void 0) {
-    (0, import_theatre_dataverse5.val)(sheetStatePointer.sequencesById[variantId].tracksByObject);
-    return (0, import_theatre_dataverse5.val)(
+    (0, import_theatre_dataverse6.val)(sheetStatePointer.sequencesById[variantId].tracksByObject);
+    return (0, import_theatre_dataverse6.val)(
       sheetStatePointer.sequencesById[variantId].tracksByObject[objectKey]?.trackIdByPropPath
     );
   }
   if (variantId === DEFAULT_SEQUENCE_VARIANT) {
-    (0, import_theatre_dataverse5.val)(sheetStatePointer.sequence?.tracksByObject);
-    return (0, import_theatre_dataverse5.val)(
+    (0, import_theatre_dataverse6.val)(sheetStatePointer.sequence?.tracksByObject);
+    return (0, import_theatre_dataverse6.val)(
       sheetStatePointer.sequence?.tracksByObject[objectKey]?.trackIdByPropPath
     );
   }
@@ -4243,11 +4356,11 @@ function valTrackIdByPropPathForObject(sheetStatePointer, variantId, objectKey)
 }
 function valUnsequencedPropPathsForObject(sheetStatePointer, variantId, objectKey) {
   if (variantId === DEFAULT_SEQUENCE_VARIANT) return void 0;
-  (0, import_theatre_dataverse5.val)(sheetStatePointer.sequencesById);
-  const sequenceFromMap = (0, import_theatre_dataverse5.val)(sheetStatePointer.sequencesById[variantId]);
+  (0, import_theatre_dataverse6.val)(sheetStatePointer.sequencesById);
+  const sequenceFromMap = (0, import_theatre_dataverse6.val)(sheetStatePointer.sequencesById[variantId]);
   if (sequenceFromMap !== void 0) {
-    (0, import_theatre_dataverse5.val)(sheetStatePointer.sequencesById[variantId].tracksByObject);
-    return (0, import_theatre_dataverse5.val)(
+    (0, import_theatre_dataverse6.val)(sheetStatePointer.sequencesById[variantId].tracksByObject);
+    return (0, import_theatre_dataverse6.val)(
       sheetStatePointer.sequencesById[variantId].tracksByObject[objectKey]?.unsequencedPropPaths
     );
   }
@@ -4275,7 +4388,7 @@ function validateSequenceVariantIdOrThrow(value, fnName) {
   return idTrimmed;
 }
 function pointerToSequenceTrackData(sheetStatePointer, variantId, objectKey, trackId) {
-  const sheetState = (0, import_theatre_dataverse5.val)(sheetStatePointer);
+  const sheetState = (0, import_theatre_dataverse6.val)(sheetStatePointer);
   if (sheetState?.sequencesById?.[variantId]) {
     return sheetStatePointer.sequencesById[variantId].tracksByObject[objectKey].trackData[trackId];
   }
@@ -4309,54 +4422,186 @@ function validateSequenceVariantsOrThrow(variants, fnName) {
   return sanitized;
 }
 
-// core/src/sheetObjects/SheetObject.ts
-var SheetObject = class {
-  constructor(sheet, template, nativeObject) {
-    this.sheet = sheet;
-    this.template = template;
-    this.nativeObject = nativeObject;
-    __publicField(this, "$$isPointerToPrismProvider", true);
-    __publicField(this, "address");
-    __publicField(this, "publicApi");
-    __publicField(this, "_initialValue", new import_theatre_dataverse6.Atom({}));
-    /**
-     * Highest-priority override layer, written to by `RemoteSync` when a value
-     * update arrives from a remote editor window (see `internal/RemoteSync.ts`).
-     * Empty (`{}`) unless a remote editor is actually connected, so it's a
-     * no-op merge for every app that never uses the remote-sync feature.
-     */
-    __publicField(this, "_remoteOverride", new import_theatre_dataverse6.Atom({}));
-    /**
-     * Session-only overrides for props with `persist: false`. Not written to
-     * persisted project state and cleared on refresh.
-     */
-    __publicField(this, "_sessionOverrides", new import_theatre_dataverse6.Atom({}));
-    __publicField(this, "_cache", new SimpleCache());
-    __publicField(this, "_logger");
-    __publicField(this, "_internalUtilCtx");
-    this._logger = sheet._logger.named(
-      "SheetObject",
-      template.address.objectKey
+// core/src/sheetObjects/sheetObjectSequencedFull.ts
+function trackIdToPrism(obj, trackId, trackVariant) {
+  const activeVariant = (0, import_theatre_dataverse7.val)(obj.sheet.effectiveActiveSequenceVariantD);
+  const trackP = pointerToSequenceTrackData(
+    obj.template.project.pointers.historic.sheetsById[obj.address.sheetId],
+    trackVariant,
+    obj.address.objectKey,
+    trackId
+  );
+  const timeD = obj.sheet.getSequence(activeVariant).positionPrism;
+  return interpolationTripleAtPosition(obj._internalUtilCtx, trackP, timeD);
+}
+function getSequencedValues(obj) {
+  return (0, import_theatre_dataverse7.prism)(() => {
+    const activeVariant = (0, import_theatre_dataverse7.val)(obj.sheet.effectiveActiveSequenceVariantD);
+    const sequenceVariant = isSheetPropsObjectKey(obj.address.objectKey) ? DEFAULT_SEQUENCE_VARIANT : activeVariant;
+    const tracksToProcessD = import_theatre_dataverse7.prism.memo(
+      "tracksToProcess",
+      () => obj.template.getArrayOfValidSequenceTracks(sequenceVariant),
+      [sequenceVariant]
     );
-    this._logger._trace("creating object");
-    this._internalUtilCtx = { logger: this._logger.utilFor.internal() };
-    this.address = {
-      ...template.address,
-      sheetInstanceId: sheet.address.sheetInstanceId
-    };
-    this.publicApi = new TheatreSheetObject(this);
-  }
-  get type() {
-    return "Theatre_SheetObject";
-  }
-  getValues() {
-    return this._cache.get(
-      "getValues()",
-      () => (0, import_theatre_dataverse6.prism)(() => {
-        const defaults = (0, import_theatre_dataverse6.val)(this.template.getDefaultValues());
-        const initial = (0, import_theatre_dataverse6.val)(this._initialValue.pointer);
-        const withInitialCache = import_theatre_dataverse6.prism.memo(
-          "withInitialCache",
+    const tracksToProcess = (0, import_theatre_dataverse7.val)(tracksToProcessD);
+    const valsAtom = new import_theatre_dataverse7.Atom({});
+    const config = (0, import_theatre_dataverse7.val)(obj.template.configPointer);
+    import_theatre_dataverse7.prism.effect(
+      "processTracks",
+      () => {
+        const untaps = [];
+        for (const { trackId, pathToProp, trackVariant } of tracksToProcess) {
+          if (obj.template.isNonSequencablePropPath(pathToProp)) continue;
+          const pr = trackIdToPrism(obj, trackId, trackVariant);
+          const propConfig = getPropConfigByPath(
+            config,
+            pathToProp
+          );
+          const deserializeAndSanitize = propConfig.deserializeAndSanitize;
+          const interpolate = propConfig.interpolate;
+          const updateSequenceValueFromItsPrism = () => {
+            const triple = pr.getValue();
+            if (!triple)
+              return valsAtom.setByPointer(
+                (p2) => pointerDeep(p2, pathToProp),
+                void 0
+              );
+            const leftDeserialized = deserializeAndSanitize(triple.left);
+            const left = leftDeserialized === void 0 ? propConfig.default : leftDeserialized;
+            if (triple.right === void 0)
+              return valsAtom.setByPointer(
+                (p2) => pointerDeep(p2, pathToProp),
+                left
+              );
+            const rightDeserialized = deserializeAndSanitize(triple.right);
+            const right = rightDeserialized === void 0 ? propConfig.default : rightDeserialized;
+            return valsAtom.setByPointer(
+              (p2) => pointerDeep(p2, pathToProp),
+              interpolate(left, right, triple.progression)
+            );
+          };
+          const untap = pr.onStale(updateSequenceValueFromItsPrism);
+          updateSequenceValueFromItsPrism();
+          untaps.push(untap);
+        }
+        return () => {
+          for (const untap of untaps) {
+            untap();
+          }
+        };
+      },
+      [config, ...tracksToProcess]
+    );
+    return valsAtom.pointer;
+  });
+}
+function mergeSequencedValuesIntoFinal(obj, base, withSeqsCache) {
+  const pointerToSequencedValuesD = import_theatre_dataverse7.prism.memo(
+    "seq",
+    () => getSequencedValues(obj),
+    []
+  );
+  const sequenced = (0, import_theatre_dataverse7.val)((0, import_theatre_dataverse7.val)(pointerToSequencedValuesD));
+  return deepMergeWithCache(base, sequenced, withSeqsCache);
+}
+
+// core/src/utils/isTheatreLiteMode.ts
+function isTheatreLiteMode() {
+  if (false) {
+    return true;
+  }
+  if (typeof globalThis !== "undefined") {
+    return !!globalThis.__THEATRE_FORCE_LITE__;
+  }
+  return false;
+}
+
+// shared/src/utils/updateDeep.ts
+function updateDeep(obj, path, reducer) {
+  if (path.length === 0) return reducer(obj);
+  return hoop(obj, path, reducer);
+}
+var hoop = (s2, path, reducer) => {
+  if (path.length === 0) {
+    return reducer(s2);
+  }
+  if (Array.isArray(s2)) {
+    let [index, ...restOfPath] = path;
+    index = parseInt(String(index), 10);
+    if (isNaN(index)) index = 0;
+    const oldVal = s2[index];
+    const newVal = hoop(oldVal, restOfPath, reducer);
+    if (oldVal === newVal) return s2;
+    const newS = [...s2];
+    newS.splice(index, 1, newVal);
+    return newS;
+  } else if (typeof s2 === "object" && s2 !== null) {
+    const [key, ...restOfPath] = path;
+    const oldVal = s2[key];
+    const newVal = hoop(oldVal, restOfPath, reducer);
+    if (oldVal === newVal) return s2;
+    const newS = { ...s2, [key]: newVal };
+    return newS;
+  } else {
+    const [key, ...restOfPath] = path;
+    return { [key]: hoop(void 0, restOfPath, reducer) };
+  }
+};
+
+// shared/src/utils/setDeepImmutable.ts
+function setDeepImmutable(obj, path, replace) {
+  return updateDeep(obj, path, () => replace);
+}
+
+// core/src/sheetObjects/SheetObject.ts
+var SheetObject = class {
+  constructor(sheet, template, nativeObject) {
+    this.sheet = sheet;
+    this.template = template;
+    this.nativeObject = nativeObject;
+    __publicField(this, "$$isPointerToPrismProvider", true);
+    __publicField(this, "address");
+    __publicField(this, "publicApi");
+    __publicField(this, "_initialValue", new import_theatre_dataverse8.Atom({}));
+    /**
+     * Highest-priority override layer, written to by `RemoteSync` when a value
+     * update arrives from a remote editor window (see `internal/RemoteSync.ts`).
+     * Empty (`{}`) unless a remote editor is actually connected, so it's a
+     * no-op merge for every app that never uses the remote-sync feature.
+     */
+    __publicField(this, "_remoteOverride", new import_theatre_dataverse8.Atom({}));
+    /**
+     * Session-only overrides for props with `persist: false`. Not written to
+     * persisted project state and cleared on refresh.
+     */
+    __publicField(this, "_sessionOverrides", new import_theatre_dataverse8.Atom({}));
+    __publicField(this, "_cache", new SimpleCache());
+    __publicField(this, "_logger");
+    /** @internal Used by `sheetObjectSequencedFull`. */
+    __publicField(this, "_internalUtilCtx");
+    this._logger = sheet._logger.named(
+      "SheetObject",
+      template.address.objectKey
+    );
+    this._logger._trace("creating object");
+    this._internalUtilCtx = { logger: this._logger.utilFor.internal() };
+    this.address = {
+      ...template.address,
+      sheetInstanceId: sheet.address.sheetInstanceId
+    };
+    this.publicApi = new TheatreSheetObject(this);
+  }
+  get type() {
+    return "Theatre_SheetObject";
+  }
+  getValues() {
+    return this._cache.get(
+      "getValues()",
+      () => (0, import_theatre_dataverse8.prism)(() => {
+        const defaults = (0, import_theatre_dataverse8.val)(this.template.getDefaultValues());
+        const initial = (0, import_theatre_dataverse8.val)(this._initialValue.pointer);
+        const withInitialCache = import_theatre_dataverse8.prism.memo(
+          "withInitialCache",
           () => /* @__PURE__ */ new WeakMap(),
           []
         );
@@ -4365,8 +4610,8 @@ var SheetObject = class {
           initial,
           withInitialCache
         );
-        const ahistoricStatics = (0, import_theatre_dataverse6.val)(this.template.getAhistoricStaticValues());
-        const withAhistoricStaticsCache = import_theatre_dataverse6.prism.memo(
+        const ahistoricStatics = (0, import_theatre_dataverse8.val)(this.template.getAhistoricStaticValues());
+        const withAhistoricStaticsCache = import_theatre_dataverse8.prism.memo(
           "withAhistoricStatics",
           () => /* @__PURE__ */ new WeakMap(),
           []
@@ -4376,10 +4621,10 @@ var SheetObject = class {
           ahistoricStatics,
           withAhistoricStaticsCache
         );
-        const activeVariant = (0, import_theatre_dataverse6.val)(this.sheet.effectiveActiveSequenceVariantD);
+        const activeVariant = (0, import_theatre_dataverse8.val)(this.sheet.effectiveActiveSequenceVariantD);
         const staticVariant = isSheetPropsObjectKey(this.address.objectKey) ? DEFAULT_SEQUENCE_VARIANT : activeVariant;
-        const statics = (0, import_theatre_dataverse6.val)(this.template.getStaticValues(staticVariant));
-        const withStaticsCache = import_theatre_dataverse6.prism.memo(
+        const statics = (0, import_theatre_dataverse8.val)(this.template.getStaticValues(staticVariant));
+        const withStaticsCache = import_theatre_dataverse8.prism.memo(
           "withStatics",
           () => /* @__PURE__ */ new WeakMap(),
           []
@@ -4390,24 +4635,16 @@ var SheetObject = class {
           withStaticsCache
         );
         let final = withStatics;
-        let sequenced;
-        {
-          const pointerToSequencedValuesD = import_theatre_dataverse6.prism.memo(
-            "seq",
-            () => this.getSequencedValues(),
-            []
-          );
-          const withSeqsCache = import_theatre_dataverse6.prism.memo(
+        if (!isTheatreLiteMode()) {
+          const withSeqsCache = import_theatre_dataverse8.prism.memo(
             "withSeqsCache",
             () => /* @__PURE__ */ new WeakMap(),
             []
           );
-          sequenced = (0, import_theatre_dataverse6.val)((0, import_theatre_dataverse6.val)(pointerToSequencedValuesD));
-          const withSeqs = deepMergeWithCache(final, sequenced, withSeqsCache);
-          final = withSeqs;
+          final = mergeSequencedValuesIntoFinal(this, final, withSeqsCache);
         }
-        const sessionOverrides = (0, import_theatre_dataverse6.val)(this._sessionOverrides.pointer);
-        const withSessionOverridesCache = import_theatre_dataverse6.prism.memo(
+        const sessionOverrides = (0, import_theatre_dataverse8.val)(this._sessionOverrides.pointer);
+        const withSessionOverridesCache = import_theatre_dataverse8.prism.memo(
           "withSessionOverridesCache",
           () => /* @__PURE__ */ new WeakMap(),
           []
@@ -4417,8 +4654,8 @@ var SheetObject = class {
           sessionOverrides,
           withSessionOverridesCache
         );
-        const remoteOverride = (0, import_theatre_dataverse6.val)(this._remoteOverride.pointer);
-        const withRemoteOverrideCache = import_theatre_dataverse6.prism.memo(
+        const remoteOverride = (0, import_theatre_dataverse8.val)(this._remoteOverride.pointer);
+        const withRemoteOverrideCache = import_theatre_dataverse8.prism.memo(
           "withRemoteOverrideCache",
           () => /* @__PURE__ */ new WeakMap(),
           []
@@ -4433,106 +4670,31 @@ var SheetObject = class {
       })
     );
   }
-  getValueByPointer(pointer3) {
-    const allValuesP = (0, import_theatre_dataverse6.val)(this.getValues());
-    const { path } = (0, import_theatre_dataverse6.getPointerParts)(pointer3);
-    return (0, import_theatre_dataverse6.val)(
+  getValueByPointer(pointer4) {
+    const allValuesP = (0, import_theatre_dataverse8.val)(this.getValues());
+    const { path } = (0, import_theatre_dataverse8.getPointerParts)(pointer4);
+    return (0, import_theatre_dataverse8.val)(
       pointerDeep(allValuesP, path)
     );
   }
-  pointerToPrism(pointer3) {
-    const { path } = (0, import_theatre_dataverse6.getPointerParts)(pointer3);
-    return (0, import_theatre_dataverse6.prism)(() => {
-      const allValuesP = (0, import_theatre_dataverse6.val)(this.getValues());
-      return (0, import_theatre_dataverse6.val)(pointerDeep(allValuesP, path));
-    });
-  }
-  /**
-   * Returns values of props that are sequenced.
-   */
-  getSequencedValues() {
-    return (0, import_theatre_dataverse6.prism)(() => {
-      const activeVariant = (0, import_theatre_dataverse6.val)(this.sheet.effectiveActiveSequenceVariantD);
-      const sequenceVariant = isSheetPropsObjectKey(this.address.objectKey) ? DEFAULT_SEQUENCE_VARIANT : activeVariant;
-      const tracksToProcessD = import_theatre_dataverse6.prism.memo(
-        "tracksToProcess",
-        () => this.template.getArrayOfValidSequenceTracks(sequenceVariant),
-        [sequenceVariant]
-      );
-      const tracksToProcess = (0, import_theatre_dataverse6.val)(tracksToProcessD);
-      const valsAtom = new import_theatre_dataverse6.Atom({});
-      const config = (0, import_theatre_dataverse6.val)(this.template.configPointer);
-      import_theatre_dataverse6.prism.effect(
-        "processTracks",
-        () => {
-          const untaps = [];
-          for (const { trackId, pathToProp, trackVariant } of tracksToProcess) {
-            if (this.template.isNonSequencablePropPath(pathToProp)) continue;
-            const pr = this._trackIdToPrism(trackId, trackVariant);
-            const propConfig = getPropConfigByPath(
-              config,
-              pathToProp
-            );
-            const deserializeAndSanitize = propConfig.deserializeAndSanitize;
-            const interpolate = propConfig.interpolate;
-            const updateSequenceValueFromItsPrism = () => {
-              const triple = pr.getValue();
-              if (!triple)
-                return valsAtom.setByPointer(
-                  (p2) => pointerDeep(p2, pathToProp),
-                  void 0
-                );
-              const leftDeserialized = deserializeAndSanitize(triple.left);
-              const left = leftDeserialized === void 0 ? propConfig.default : leftDeserialized;
-              if (triple.right === void 0)
-                return valsAtom.setByPointer(
-                  (p2) => pointerDeep(p2, pathToProp),
-                  left
-                );
-              const rightDeserialized = deserializeAndSanitize(triple.right);
-              const right = rightDeserialized === void 0 ? propConfig.default : rightDeserialized;
-              return valsAtom.setByPointer(
-                (p2) => pointerDeep(p2, pathToProp),
-                interpolate(left, right, triple.progression)
-              );
-            };
-            const untap = pr.onStale(updateSequenceValueFromItsPrism);
-            updateSequenceValueFromItsPrism();
-            untaps.push(untap);
-          }
-          return () => {
-            for (const untap of untaps) {
-              untap();
-            }
-          };
-        },
-        [config, ...tracksToProcess]
-      );
-      return valsAtom.pointer;
+  pointerToPrism(pointer4) {
+    const { path } = (0, import_theatre_dataverse8.getPointerParts)(pointer4);
+    return (0, import_theatre_dataverse8.prism)(() => {
+      const allValuesP = (0, import_theatre_dataverse8.val)(this.getValues());
+      return (0, import_theatre_dataverse8.val)(pointerDeep(allValuesP, path));
     });
   }
-  _trackIdToPrism(trackId, trackVariant) {
-    const activeVariant = (0, import_theatre_dataverse6.val)(this.sheet.effectiveActiveSequenceVariantD);
-    const trackP = pointerToSequenceTrackData(
-      this.template.project.pointers.historic.sheetsById[this.address.sheetId],
-      trackVariant,
-      this.address.objectKey,
-      trackId
-    );
-    const timeD = this.sheet.getSequence(activeVariant).positionPrism;
-    return interpolationTripleAtPosition(this._internalUtilCtx, trackP, timeD);
-  }
   get propsP() {
     return this._cache.get(
       "propsP",
-      () => (0, import_theatre_dataverse6.pointer)({ root: this, path: [] })
+      () => (0, import_theatre_dataverse8.pointer)({ root: this, path: [] })
     );
   }
-  validateValue(pointer3, value) {
+  validateValue(pointer4, value) {
   }
-  setInitialValue(val12) {
-    this.validateValue(this.propsP, val12);
-    this._initialValue.set(val12);
+  setInitialValue(val15) {
+    this.validateValue(this.propsP, val15);
+    this._initialValue.set(val15);
   }
   setSessionOverride(path, value) {
     const propConfig = getPropConfigByPath(this.template.staticConfig, path);
@@ -4552,8 +4714,8 @@ var SheetObject = class {
    * Internal: called by `RemoteSync` when a value update for this object
    * arrives from a remote editor window. Not exposed on the public API.
    */
-  setRemoteOverride(val12) {
-    this._remoteOverride.set(val12);
+  setRemoteOverride(val15) {
+    this._remoteOverride.set(val15);
   }
   /**
    * Internal: used by `RemoteSync` to subscribe to this object's fully
@@ -4562,7 +4724,7 @@ var SheetObject = class {
    */
   onFinalValueChange(fn2) {
     return onChange(
-      (0, import_theatre_dataverse6.prism)(() => (0, import_theatre_dataverse6.val)(this.getValues().getValue())),
+      (0, import_theatre_dataverse8.prism)(() => (0, import_theatre_dataverse8.val)(this.getValues().getValue())),
       fn2
     );
   }
@@ -5133,9 +5295,9 @@ var SheetObjectTemplate = class {
       config,
       sheetTemplate.project
     );
-    this._config = new import_theatre_dataverse7.Atom(configWithPrecisionDefaults);
-    this._temp_actions_atom = new import_theatre_dataverse7.Atom(_temp_actions);
-    this.showPropsOf_atom = new import_theatre_dataverse7.Atom([]);
+    this._config = new import_theatre_dataverse9.Atom(configWithPrecisionDefaults);
+    this._temp_actions_atom = new import_theatre_dataverse9.Atom(_temp_actions);
+    this.showPropsOf_atom = new import_theatre_dataverse9.Atom([]);
     this._transientPropPaths = normalizeTransientPropPaths(
       transient,
       config,
@@ -5192,7 +5354,7 @@ var SheetObjectTemplate = class {
     return this.showPropsOf_atom.pointer;
   }
   _stripNonPersistingPropsFromAhistoricState() {
-    const config = (0, import_theatre_dataverse7.val)(this.configPointer);
+    const config = (0, import_theatre_dataverse9.val)(this.configPointer);
     this.project._stripNonPersistingPropsFromAhistoric(
       this.address.sheetId,
       this.address.objectKey,
@@ -5321,8 +5483,8 @@ var SheetObjectTemplate = class {
   getDefaultValues() {
     return this._cache.get(
       "getDefaultValues()",
-      () => (0, import_theatre_dataverse7.prism)(() => {
-        const config = (0, import_theatre_dataverse7.val)(this.configPointer);
+      () => (0, import_theatre_dataverse9.prism)(() => {
+        const config = (0, import_theatre_dataverse9.val)(this.configPointer);
         return getPropDefaultsOfSheetObject(config);
       })
     );
@@ -5334,14 +5496,14 @@ var SheetObjectTemplate = class {
   getStaticValues(sequenceVariant = DEFAULT_SEQUENCE_VARIANT) {
     return this._cache.get(
       "getStaticValues:".concat(sequenceVariant),
-      () => (0, import_theatre_dataverse7.prism)(() => {
-        const sheetState = (0, import_theatre_dataverse7.val)(this.pointerToSheetState);
+      () => (0, import_theatre_dataverse9.prism)(() => {
+        const sheetState = (0, import_theatre_dataverse9.val)(this.pointerToSheetState);
         const json = getEffectiveStaticOverrideForObject(
           sheetState,
           sequenceVariant,
           this.address.objectKey
         ) ?? {};
-        const config = (0, import_theatre_dataverse7.val)(this.configPointer);
+        const config = (0, import_theatre_dataverse9.val)(this.configPointer);
         const deserialized = config.deserializeAndSanitize(json) || {};
         const withoutNonPersisting = stripNonPersistingPropValuesFromMap(
           deserialized,
@@ -5364,9 +5526,9 @@ var SheetObjectTemplate = class {
   getAhistoricStaticValues() {
     return this._cache.get(
       "getAhistoricStaticValues",
-      () => (0, import_theatre_dataverse7.prism)(() => {
-        const json = (0, import_theatre_dataverse7.val)(this.pointerToAhistoricStaticOverrides) ?? {};
-        const config = (0, import_theatre_dataverse7.val)(this.configPointer);
+      () => (0, import_theatre_dataverse9.prism)(() => {
+        const json = (0, import_theatre_dataverse9.val)(this.pointerToAhistoricStaticOverrides) ?? {};
+        const config = (0, import_theatre_dataverse9.val)(this.configPointer);
         const deserialized = config.deserializeAndSanitize(json) || {};
         return stripNonPersistingPropValuesFromMap(deserialized, config);
       })
@@ -5381,13 +5543,13 @@ var SheetObjectTemplate = class {
   getArrayOfValidSequenceTracks(sequenceVariant) {
     return this._cache.get(
       "getArrayOfValidSequenceTracks:".concat(sequenceVariant),
-      () => (0, import_theatre_dataverse7.prism)(
+      () => (0, import_theatre_dataverse9.prism)(
         () => {
           const effectiveSequenceVariant = isSheetPropsObjectKey(
             this.address.objectKey
           ) ? DEFAULT_SEQUENCE_VARIANT : sequenceVariant;
           const pointerToSheetState = this.project.pointers.historic.sheetsById[this.address.sheetId];
-          (0, import_theatre_dataverse7.val)(pointerToSheetState.variantObjectOverrides);
+          (0, import_theatre_dataverse9.val)(pointerToSheetState.variantObjectOverrides);
           const defaultTrackIdByPropPath = valTrackIdByPropPathForObject(
             pointerToSheetState,
             DEFAULT_SEQUENCE_VARIANT,
@@ -5413,7 +5575,7 @@ var SheetObjectTemplate = class {
             return emptyArray;
           }
           const arrayOfIds = [];
-          const objectConfig = (0, import_theatre_dataverse7.val)(this.configPointer);
+          const objectConfig = (0, import_theatre_dataverse9.val)(this.configPointer);
           for (const [pathToPropInString, effectiveTrack] of Object.entries(
             mergedTrackMap
           )) {
@@ -5463,8 +5625,8 @@ var SheetObjectTemplate = class {
   getMapOfValidSequenceTracks_forStudio(sequenceVariant) {
     return this._cache.get(
       "getMapOfValidSequenceTracks_forStudio:".concat(sequenceVariant),
-      () => (0, import_theatre_dataverse7.prism)(() => {
-        const arr = (0, import_theatre_dataverse7.val)(this.getArrayOfValidSequenceTracks(sequenceVariant));
+      () => (0, import_theatre_dataverse9.prism)(() => {
+        const arr = (0, import_theatre_dataverse9.val)(this.getArrayOfValidSequenceTracks(sequenceVariant));
         let map = {};
         for (const { pathToProp, trackId } of arr) {
           set_default(map, pathToProp, trackId);
@@ -5484,9 +5646,9 @@ var SheetObjectTemplate = class {
   getStaticButNotSequencedOverrides(sequenceVariant) {
     return this._cache.get(
       "getStaticButNotSequencedOverrides:".concat(sequenceVariant),
-      () => (0, import_theatre_dataverse7.prism)(() => {
-        const staticOverrides = (0, import_theatre_dataverse7.val)(this.getStaticValues(sequenceVariant));
-        const arrayOfValidSequenceTracks = (0, import_theatre_dataverse7.val)(
+      () => (0, import_theatre_dataverse9.prism)(() => {
+        const staticOverrides = (0, import_theatre_dataverse9.val)(this.getStaticValues(sequenceVariant));
+        const arrayOfValidSequenceTracks = (0, import_theatre_dataverse9.val)(
           this.getArrayOfValidSequenceTracks(sequenceVariant)
         );
         const staticButNotSequencedOverrides = cloneDeep_default(staticOverrides);
@@ -5511,8 +5673,8 @@ var SheetObjectTemplate = class {
       })
     );
   }
-  getDefaultsAtPointer(pointer3) {
-    const { path } = (0, import_theatre_dataverse7.getPointerParts)(pointer3);
+  getDefaultsAtPointer(pointer4) {
+    const { path } = (0, import_theatre_dataverse9.getPointerParts)(pointer4);
     const defaults = this.getDefaultValues().getValue();
     const defaultsAtPath = getDeep(defaults, path);
     return defaultsAtPath;
@@ -5533,243 +5695,77 @@ function parsePathToProp(pathToPropInString) {
 }
 
 // core/src/sheets/SheetTemplate.ts
-var import_theatre_dataverse16 = require("@unseenco/theatre-dataverse");
-
-// shared/src/utils/didYouMean.ts
-var import_propose = __toESM(require_propose());
-function didYouMean(str, dictionary, prepend = "Did you mean ", append = "?") {
-  const p2 = (0, import_propose.default)(str, dictionary, {
-    threshold: 0.7
-  });
-  if (p2) {
-    return prepend + JSON.stringify(p2) + append;
-  } else {
-    return "";
-  }
-}
+var import_theatre_dataverse23 = require("@unseenco/theatre-dataverse");
 
-// core/src/sequences/Sequence.ts
+// core/src/sequences/LiteSequence.ts
 var import_theatre_dataverse11 = require("@unseenco/theatre-dataverse");
-var import_theatre_dataverse12 = require("@unseenco/theatre-dataverse");
-var import_theatre_dataverse13 = require("@unseenco/theatre-dataverse");
-var import_theatre_dataverse14 = require("@unseenco/theatre-dataverse");
-
-// shared/src/utils/defer.ts
-function defer() {
-  let resolve;
-  let reject;
-  const promise = new Promise((rs, rj) => {
-    resolve = (v2) => {
-      rs(v2);
-      deferred.status = "resolved";
-    };
-    reject = (v2) => {
-      rj(v2);
-      deferred.status = "rejected";
-    };
-  });
-  const deferred = {
-    resolve,
-    reject,
-    promise,
-    status: "pending"
-  };
-  return deferred;
-}
-
-// shared/src/utils/noop.ts
-var noop = () => {
-};
-var noop_default = noop;
 
-// core/src/sequences/playbackControllers/DefaultPlaybackController.ts
-var import_theatre_dataverse8 = require("@unseenco/theatre-dataverse");
-var DefaultPlaybackController = class {
+// core/src/sequences/TheatreSequenceLite.ts
+var import_theatre_dataverse10 = require("@unseenco/theatre-dataverse");
+var LITE_DEFAULT_LENGTH = 10;
+var TheatreSequenceLite = class {
   constructor() {
-    __publicField(this, "_stopPlayCallback", noop_default);
-    __publicField(this, "_state", new import_theatre_dataverse8.Atom({
-      position: 0,
-      playing: false
+    __publicField(this, "type", "Theatre_Sequence_PublicAPI");
+    __publicField(this, "_state", new import_theatre_dataverse10.Atom({
+      playing: false,
+      length: LITE_DEFAULT_LENGTH,
+      position: 0
     }));
-    __publicField(this, "statePointer");
-    this.statePointer = this._state.pointer;
+    __publicField(this, "pointer", (0, import_theatre_dataverse10.pointer)({ root: this._state.pointer, path: [] }));
   }
-  destroy() {
+  play() {
+    return Promise.resolve(true);
   }
   pause() {
-    this._stopPlayCallback();
-    this.playing = false;
-    this._stopPlayCallback = noop_default;
   }
-  gotoPosition(time) {
-    this._updatePositionInState(time);
+  get position() {
+    return 0;
   }
-  _updatePositionInState(time) {
-    this._state.setByPointer((p2) => p2.position, time);
+  set position(_position) {
   }
-  getCurrentPosition() {
-    return this._state.get().position;
+  __experimental_getKeyframes(_prop) {
+    return [];
   }
-  get playing() {
-    return this._state.get().playing;
+  __experimental_getGsapClips() {
+    return [];
   }
-  set playing(playing) {
-    this._state.setByPointer((p2) => p2.playing, playing);
+  __experimental_getGsapScrollTriggers() {
+    return [];
   }
-  play(iterationCount, range, rate, direction, ticker) {
-    if (this.playing) {
-      this.pause();
+  attachAudio(_args) {
+    return Promise.reject(
+      new Error(
+        "sequence.attachAudio() is not available in @unseenco/theatre-core-lite"
+      )
+    );
+  }
+};
+
+// core/src/sequences/LiteSequence.ts
+var LiteSequence = class {
+  constructor() {
+    __publicField(this, "publicApi", new TheatreSequenceLite());
+    __publicField(this, "positionPrism", (0, import_theatre_dataverse11.prism)(() => 0));
+  }
+  pause() {
+  }
+};
+
+// shared/src/globalVariableNames.ts
+var studioBundle = "__TheatreJS_StudioBundle";
+var coreBundle = "__TheatreJS_CoreBundle";
+var notifications = "__TheatreJS_Notifications";
+
+// shared/src/notify.ts
+var createHandler = (type) => (...args) => {
+  switch (type) {
+    case "success": {
+      logger_default.debug(args.slice(0, 2).join("\n"));
+      break;
     }
-    this.playing = true;
-    const iterationLength = range[1] - range[0];
-    {
-      const startPos = this.getCurrentPosition();
-      if (startPos < range[0] || startPos > range[1]) {
-        if (direction === "normal" || direction === "alternate") {
-          this._updatePositionInState(range[0]);
-        } else if (direction === "reverse" || direction === "alternateReverse") {
-          this._updatePositionInState(range[1]);
-        }
-      } else if (direction === "normal" || direction === "alternate") {
-        if (startPos === range[1]) {
-          this._updatePositionInState(range[0]);
-        }
-      } else {
-        if (startPos === range[0]) {
-          this._updatePositionInState(range[1]);
-        }
-      }
-    }
-    const deferred = defer();
-    const initialTickerTime = ticker.time;
-    const totalPlaybackLength = iterationLength * iterationCount;
-    let initialElapsedPos = this.getCurrentPosition() - range[0];
-    if (direction === "reverse" || direction === "alternateReverse") {
-      initialElapsedPos = range[1] - this.getCurrentPosition();
-    }
-    const tick = (currentTickerTime) => {
-      const elapsedTickerTime = Math.max(
-        currentTickerTime - initialTickerTime,
-        0
-      );
-      const elapsedTickerTimeInSeconds = elapsedTickerTime / 1e3;
-      const elapsedPos = Math.min(
-        elapsedTickerTimeInSeconds * rate + initialElapsedPos,
-        totalPlaybackLength
-      );
-      if (elapsedPos !== totalPlaybackLength) {
-        const iterationNumber = Math.floor(elapsedPos / iterationLength);
-        let currentIterationPos = elapsedPos / iterationLength % 1 * iterationLength;
-        if (direction !== "normal") {
-          if (direction === "reverse") {
-            currentIterationPos = iterationLength - currentIterationPos;
-          } else {
-            const isCurrentIterationNumberEven = iterationNumber % 2 === 0;
-            if (direction === "alternate") {
-              if (!isCurrentIterationNumberEven) {
-                currentIterationPos = iterationLength - currentIterationPos;
-              }
-            } else {
-              if (isCurrentIterationNumberEven) {
-                currentIterationPos = iterationLength - currentIterationPos;
-              }
-            }
-          }
-        }
-        this._updatePositionInState(currentIterationPos + range[0]);
-        requestNextTick();
-      } else {
-        if (direction === "normal") {
-          this._updatePositionInState(range[1]);
-        } else if (direction === "reverse") {
-          this._updatePositionInState(range[0]);
-        } else {
-          const isLastIterationEven = (iterationCount - 1) % 2 === 0;
-          if (direction === "alternate") {
-            if (isLastIterationEven) {
-              this._updatePositionInState(range[1]);
-            } else {
-              this._updatePositionInState(range[0]);
-            }
-          } else {
-            if (isLastIterationEven) {
-              this._updatePositionInState(range[0]);
-            } else {
-              this._updatePositionInState(range[1]);
-            }
-          }
-        }
-        this.playing = false;
-        deferred.resolve(true);
-      }
-    };
-    this._stopPlayCallback = () => {
-      ticker.offThisOrNextTick(tick);
-      ticker.offNextTick(tick);
-      if (this.playing) deferred.resolve(false);
-    };
-    const requestNextTick = () => ticker.onNextTick(tick);
-    ticker.onThisOrNextTick(tick);
-    return deferred.promise;
-  }
-  playDynamicRange(rangeD, ticker) {
-    if (this.playing) {
-      this.pause();
-    }
-    this.playing = true;
-    const deferred = defer();
-    const untapFromRangeD = rangeD.keepHot();
-    void deferred.promise.then(untapFromRangeD, untapFromRangeD);
-    let lastTickerTime = ticker.time;
-    const tick = (currentTickerTime) => {
-      const elapsedSinceLastTick = Math.max(
-        currentTickerTime - lastTickerTime,
-        0
-      );
-      lastTickerTime = currentTickerTime;
-      const elapsedSinceLastTickInSeconds = elapsedSinceLastTick / 1e3;
-      const lastPosition = this.getCurrentPosition();
-      const range = rangeD.getValue();
-      if (lastPosition < range[0] || lastPosition > range[1]) {
-        this.gotoPosition(range[0]);
-      } else {
-        let newPosition = lastPosition + elapsedSinceLastTickInSeconds;
-        if (newPosition > range[1]) {
-          newPosition = range[0] + (newPosition - range[1]);
-        }
-        this.gotoPosition(newPosition);
-      }
-      requestNextTick();
-    };
-    this._stopPlayCallback = () => {
-      ticker.offThisOrNextTick(tick);
-      ticker.offNextTick(tick);
-      deferred.resolve(false);
-    };
-    const requestNextTick = () => ticker.onNextTick(tick);
-    ticker.onThisOrNextTick(tick);
-    return deferred.promise;
-  }
-};
-
-// core/src/sequences/playbackControllers/AudioPlaybackController.ts
-var import_theatre_dataverse9 = require("@unseenco/theatre-dataverse");
-
-// shared/src/globalVariableNames.ts
-var studioBundle = "__TheatreJS_StudioBundle";
-var coreBundle = "__TheatreJS_CoreBundle";
-var notifications = "__TheatreJS_Notifications";
-
-// shared/src/notify.ts
-var createHandler = (type) => (...args) => {
-  switch (type) {
-    case "success": {
-      logger_default.debug(args.slice(0, 2).join("\n"));
-      break;
-    }
-    case "info": {
-      logger_default.debug(args.slice(0, 2).join("\n"));
-      break;
+    case "info": {
+      logger_default.debug(args.slice(0, 2).join("\n"));
+      break;
     }
     case "warning": {
       logger_default.warn(args.slice(0, 2).join("\n"));
@@ -5804,89 +5800,624 @@ if (typeof window !== "undefined") {
   });
 }
 
-// core/src/sequences/playbackControllers/AudioPlaybackController.ts
-var AudioPlaybackController = class {
-  constructor(_decodedBuffer, _audioContext, _nodeDestination) {
-    this._decodedBuffer = _decodedBuffer;
-    this._audioContext = _audioContext;
-    this._nodeDestination = _nodeDestination;
-    __publicField(this, "_mainGain");
-    __publicField(this, "_state", new import_theatre_dataverse9.Atom({
-      position: 0,
-      playing: false
-    }));
-    __publicField(this, "statePointer");
-    __publicField(this, "_stopPlayCallback", noop_default);
-    this.statePointer = this._state.pointer;
-    this._mainGain = this._audioContext.createGain();
-    this._mainGain.connect(this._nodeDestination);
+// shared/src/utils/slashedPaths.ts
+var normalizeSlashedPath = (p2) => p2.replace(/^[\s\/]*/, "").replace(/[\s\/]*$/, "").replace(/\s*\/\s*/g, " / ");
+var getValidationErrorsOfSlashedPath = (p2) => {
+  if (typeof p2 !== "string") return "it is not a string. (it is a ".concat(typeof p2, ")");
+  const components = p2.split(/\//);
+  if (components.length === 0) return "it is empty.";
+  for (let i2 = 0; i2 < components.length; i2++) {
+    const component = components[i2].trim();
+    if (component.length === 0) return "the component #".concat(i2 + 1, " is empty.");
+    if (component.length > 64)
+      return "the component '".concat(component, "' must have 64 characters or less.");
   }
-  playDynamicRange(rangeD, ticker) {
-    const deferred = defer();
-    if (this._playing) this.pause();
-    this._playing = true;
-    let stop = void 0;
-    const play = () => {
-      stop?.();
-      stop = this._loopInRange(rangeD.getValue(), ticker).stop;
-    };
-    const untapFromRangeD = rangeD.onStale(play);
-    play();
-    this._stopPlayCallback = () => {
-      stop?.();
-      untapFromRangeD();
-      deferred.resolve(false);
-    };
-    return deferred.promise;
+};
+function validateAndSanitiseSlashedPathOrThrow(unsanitisedPath, fnName) {
+  const sanitisedPath = normalizeSlashedPath(unsanitisedPath);
+  if (process.env.NODE_ENV !== "development") {
+    return sanitisedPath;
   }
-  _loopInRange(range, ticker) {
-    const rate = 1;
-    let startPos = this.getCurrentPosition();
-    const iterationLength = range[1] - range[0];
-    if (startPos < range[0] || startPos > range[1]) {
-      this._updatePositionInState(range[0]);
-    } else if (startPos === range[1]) {
-      this._updatePositionInState(range[0]);
-    }
-    startPos = this.getCurrentPosition();
-    const currentSource = this._audioContext.createBufferSource();
-    currentSource.buffer = this._decodedBuffer;
-    currentSource.connect(this._mainGain);
-    currentSource.playbackRate.value = rate;
-    currentSource.loop = true;
-    currentSource.loopStart = range[0];
-    currentSource.loopEnd = range[1];
-    const initialTickerTime = ticker.time;
-    let initialElapsedPos = startPos - range[0];
-    currentSource.start(0, startPos);
-    const tick = (currentTickerTime) => {
-      const elapsedTickerTime = Math.max(
-        currentTickerTime - initialTickerTime,
-        0
-      );
-      const elapsedTickerTimeInSeconds = elapsedTickerTime / 1e3;
-      const elapsedPos = elapsedTickerTimeInSeconds * rate + initialElapsedPos;
-      let currentIterationPos = elapsedPos / iterationLength % 1 * iterationLength;
-      this._updatePositionInState(currentIterationPos + range[0]);
-      requestNextTick();
-    };
-    const requestNextTick = () => ticker.onNextTick(tick);
-    ticker.onThisOrNextTick(tick);
-    const stop = () => {
-      currentSource.stop();
-      currentSource.disconnect();
-      ticker.offThisOrNextTick(tick);
-      ticker.offNextTick(tick);
-    };
-    return { stop };
+  const validation = getValidationErrorsOfSlashedPath(sanitisedPath);
+  if (validation) {
+    throw new InvalidArgumentError(
+      "The path in ".concat(fnName, "(").concat(typeof unsanitisedPath === "string" ? '"'.concat(unsanitisedPath, '"') : "", ") is invalid because ").concat(validation)
+    );
   }
-  get _playing() {
-    return this._state.get().playing;
+  if (unsanitisedPath !== sanitisedPath) {
+    notify.warning(
+      "Invalid path provided to object",
+      "The path in `".concat(fnName, '("').concat(unsanitisedPath, '")` was sanitized to `"').concat(sanitisedPath, '"`.\n\n') + "Please replace the path with the sanitized one, otherwise it will likely break in the future.",
+      [
+        {
+          url: "https://unseen-theatre.netlify.app/docs/guide/manual/objects#creating-objects",
+          title: "Sheet Objects"
+        },
+        {
+          url: "https://unseen-theatre.netlify.app/docs/api/theatre-core#sheet.object",
+          title: "API"
+        }
+      ]
+    );
   }
-  set _playing(playing) {
-    this._state.setByPointer((p2) => p2.playing, playing);
+  return sanitisedPath;
+}
+
+// shared/src/utils/outlineNamespaces.ts
+function parseOutlineNamespacePath(namespacePath, fnName) {
+  return validateAndSanitiseSlashedPathOrThrow(namespacePath, fnName).split(
+    /\s*\/\s*/g
+  );
+}
+
+// core/src/sheets/TheatreSheet.ts
+var import_fast_deep_equal2 = __toESM(require_fast_deep_equal());
+var TheatreSheet = class {
+  get type() {
+    return "Theatre_Sheet_PublicAPI";
   }
-  destroy() {
+  /**
+   * @internal
+   */
+  constructor(sheet) {
+    setPrivateAPI(this, sheet);
+  }
+  object(key, config, opts) {
+    const internal2 = privateAPI(this);
+    const sanitizedPath = validateAndSanitiseSlashedPathOrThrow(
+      key,
+      "sheet.object"
+    );
+    if (isSheetPropsObjectKey(sanitizedPath)) {
+      throw new InvalidArgumentError(
+        'The key "'.concat(sanitizedPath, '" is reserved for sheet-level props. Use sheet.props() instead of sheet.object().')
+      );
+    }
+    const existingObject = internal2.getObject(sanitizedPath);
+    const nativeObject = null;
+    const actions = opts?.__actions__THIS_API_IS_UNSTABLE_AND_WILL_CHANGE_IN_THE_NEXT_VERSION;
+    if (existingObject) {
+      if (process.env.NODE_ENV !== "production") {
+        const prevConfig = getUnsanitizedObjectProps(existingObject);
+        if (prevConfig) {
+          if (!(0, import_fast_deep_equal2.default)(config, prevConfig)) {
+            if (opts?.reconfigure === true) {
+              const sanitizedConfig = compound(config);
+              existingObject.template.reconfigure(sanitizedConfig);
+              if (opts.transient !== void 0) {
+                existingObject.template.setTransientPropPaths(
+                  opts.transient,
+                  sanitizedConfig
+                );
+              }
+              if (opts.static !== void 0) {
+                existingObject.template.setStaticPropPaths(
+                  opts.static,
+                  sanitizedConfig
+                );
+              }
+              if (opts.showPropsOf !== void 0) {
+                existingObject.template.setShowPropsOf(
+                  resolveShowPropsOfSources(
+                    existingObject,
+                    opts.showPropsOf,
+                    "sheet.object(..., {showPropsOf})"
+                  )
+                );
+              }
+              setUnsanitizedObjectProps(existingObject, config);
+              return existingObject.publicApi;
+            } else {
+              throw new Error(
+                'You seem to have called sheet.object("'.concat(key, '", config) twice, with different values for `config`. ') + "This is disallowed because changing the config of an object on the fly would make it difficult to reason about.\n\n" + 'You can fix this by either re-using the existing object, or calling sheet.object("'.concat(key, '", config) with the same config.\n\n') + "If you mean to reconfigure the object's config, set `{reconfigure: true}` in sheet.object(\"".concat(key, '", config, {reconfigure: true})')
+              );
+            }
+          }
+        }
+      }
+      if (actions) {
+        existingObject.template._temp_setActions(actions);
+      }
+      if (opts?.visible !== void 0) {
+        existingObject.template.setVisibleInOutline(opts.visible);
+      }
+      if (opts?.transient !== void 0) {
+        existingObject.template.setTransientPropPaths(
+          opts.transient,
+          existingObject.template.staticConfig
+        );
+      }
+      if (opts?.static !== void 0) {
+        existingObject.template.setStaticPropPaths(
+          opts.static,
+          existingObject.template.staticConfig
+        );
+      }
+      if (opts?.showPropsOf !== void 0) {
+        existingObject.template.setShowPropsOf(
+          resolveShowPropsOfSources(
+            existingObject,
+            opts.showPropsOf,
+            "sheet.object(..., {showPropsOf})"
+          )
+        );
+      }
+      return existingObject.publicApi;
+    } else {
+      const sanitizedConfig = compound(config);
+      const object = internal2.createObject(
+        sanitizedPath,
+        nativeObject,
+        sanitizedConfig,
+        actions,
+        opts?.visible,
+        opts?.transient,
+        opts?.static
+      );
+      if (process.env.NODE_ENV !== "production") {
+        setUnsanitizedObjectProps(object, config);
+      }
+      if (opts?.showPropsOf !== void 0) {
+        object.template.setShowPropsOf(
+          resolveShowPropsOfSources(
+            object,
+            opts.showPropsOf,
+            "sheet.object(..., {showPropsOf})"
+          )
+        );
+      }
+      return object.publicApi;
+    }
+  }
+  props(config, opts) {
+    const internal2 = privateAPI(this);
+    const objectKey = SHEET_PROPS_OBJECT_KEY;
+    const existingObject = internal2.getSheetPropsObject();
+    const nativeObject = null;
+    const actions = opts?.__actions__THIS_API_IS_UNSTABLE_AND_WILL_CHANGE_IN_THE_NEXT_VERSION;
+    if (existingObject) {
+      if (process.env.NODE_ENV !== "production") {
+        const prevConfig = getUnsanitizedObjectProps(existingObject);
+        if (prevConfig) {
+          if (!(0, import_fast_deep_equal2.default)(config, prevConfig)) {
+            if (opts?.reconfigure === true) {
+              const sanitizedConfig2 = compound(config);
+              existingObject.template.reconfigure(sanitizedConfig2);
+              if (opts.transient !== void 0) {
+                existingObject.template.setTransientPropPaths(
+                  opts.transient,
+                  sanitizedConfig2
+                );
+              }
+              if (opts.static !== void 0) {
+                existingObject.template.setStaticPropPaths(
+                  opts.static,
+                  sanitizedConfig2
+                );
+              }
+              setUnsanitizedObjectProps(existingObject, config);
+              return existingObject.publicApi;
+            } else {
+              throw new Error(
+                "You seem to have called sheet.props(config) twice, with different values for `config`. Use the same config on repeat calls, or pass `{reconfigure: true}` to change the schema."
+              );
+            }
+          }
+        }
+      }
+      if (actions) {
+        existingObject.template._temp_setActions(actions);
+      }
+      if (opts?.transient !== void 0) {
+        existingObject.template.setTransientPropPaths(
+          opts.transient,
+          existingObject.template.staticConfig
+        );
+      }
+      if (opts?.static !== void 0) {
+        existingObject.template.setStaticPropPaths(
+          opts.static,
+          existingObject.template.staticConfig
+        );
+      }
+      return existingObject.publicApi;
+    }
+    const sanitizedConfig = compound(config);
+    const object = internal2.createObject(
+      objectKey,
+      nativeObject,
+      sanitizedConfig,
+      actions,
+      false,
+      opts?.transient,
+      opts?.static
+    );
+    if (process.env.NODE_ENV !== "production") {
+      setUnsanitizedObjectProps(object, config);
+    }
+    return object.publicApi;
+  }
+  get sequence() {
+    return privateAPI(this).getSequence().publicApi;
+  }
+  declareSequenceVariants(variants) {
+    privateAPI(this).template.declareSequenceVariants(variants);
+  }
+  setActiveSequenceVariant(variant) {
+    privateAPI(this).setActiveSequenceVariant(variant);
+  }
+  getActiveSequenceVariant() {
+    return privateAPI(this).getActiveSequenceVariant();
+  }
+  getSequenceMode() {
+    return privateAPI(this).getSequenceMode();
+  }
+  setSequenceMode(mode) {
+    privateAPI(this).setSequenceMode(mode);
+  }
+  setPageScrollDriver(driver) {
+    privateAPI(this).setPageScrollDriver(driver);
+  }
+  get project() {
+    return privateAPI(this).project.publicApi;
+  }
+  get address() {
+    return { ...privateAPI(this).address };
+  }
+  detachObject(key) {
+    const internal2 = privateAPI(this);
+    const sanitizedPath = validateAndSanitiseSlashedPathOrThrow(
+      key,
+      'sheet.deleteObject("'.concat(key, '")')
+    );
+    if (isSheetPropsObjectKey(sanitizedPath)) {
+      throw new InvalidArgumentError(
+        "Sheet props cannot be detached. They are removed when the sheet instance is unloaded."
+      );
+    }
+    const obj = internal2.getObject(sanitizedPath);
+    if (!obj) {
+      notify.warning(
+        "Couldn't delete object \"".concat(sanitizedPath, '"'),
+        'There is no object with key "'.concat(sanitizedPath, '".\n\nTo fix this, make sure you are calling `sheet.deleteObject("').concat(sanitizedPath, '")` with the correct key.')
+      );
+      console.warn('Object key "'.concat(sanitizedPath, '" does not exist.'));
+      return;
+    }
+    internal2.deleteObject(sanitizedPath);
+  }
+  getObjects() {
+    return privateAPI(this).getObjects().map((obj) => obj.publicApi);
+  }
+  unload() {
+    privateAPI(this).unload();
+  }
+  declareOutlineNamespace(namespacePath, opts) {
+    const internal2 = privateAPI(this);
+    const parsedPath = parseOutlineNamespacePath(
+      namespacePath,
+      "sheet.declareOutlineNamespace"
+    );
+    internal2.template.setOutlineNamespaceConfig(parsedPath.join(" / "), {
+      defaultCollapsed: opts?.collapsed
+    });
+  }
+  setOutlineNamespaceCollapsed(namespacePath, collapsed) {
+    const internal2 = privateAPI(this);
+    const parsedPath = parseOutlineNamespacePath(
+      namespacePath,
+      "sheet.setOutlineNamespaceCollapsed"
+    );
+    internal2.template.setOutlineNamespaceConfig(parsedPath.join(" / "), {
+      collapsed
+    });
+  }
+};
+
+// core/src/sheets/Sheet.ts
+var import_theatre_dataverse22 = require("@unseenco/theatre-dataverse");
+
+// shared/src/utils/didYouMean.ts
+var import_propose = __toESM(require_propose());
+function didYouMean(str, dictionary, prepend = "Did you mean ", append = "?") {
+  const p2 = (0, import_propose.default)(str, dictionary, {
+    threshold: 0.7
+  });
+  if (p2) {
+    return prepend + JSON.stringify(p2) + append;
+  } else {
+    return "";
+  }
+}
+
+// core/src/sequences/Sequence.ts
+var import_theatre_dataverse15 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse16 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse17 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse18 = require("@unseenco/theatre-dataverse");
+
+// shared/src/utils/defer.ts
+function defer() {
+  let resolve;
+  let reject;
+  const promise = new Promise((rs, rj) => {
+    resolve = (v2) => {
+      rs(v2);
+      deferred.status = "resolved";
+    };
+    reject = (v2) => {
+      rj(v2);
+      deferred.status = "rejected";
+    };
+  });
+  const deferred = {
+    resolve,
+    reject,
+    promise,
+    status: "pending"
+  };
+  return deferred;
+}
+
+// shared/src/utils/noop.ts
+var noop = () => {
+};
+var noop_default = noop;
+
+// core/src/sequences/playbackControllers/DefaultPlaybackController.ts
+var import_theatre_dataverse12 = require("@unseenco/theatre-dataverse");
+var DefaultPlaybackController = class {
+  constructor() {
+    __publicField(this, "_stopPlayCallback", noop_default);
+    __publicField(this, "_state", new import_theatre_dataverse12.Atom({
+      position: 0,
+      playing: false
+    }));
+    __publicField(this, "statePointer");
+    this.statePointer = this._state.pointer;
+  }
+  destroy() {
+  }
+  pause() {
+    this._stopPlayCallback();
+    this.playing = false;
+    this._stopPlayCallback = noop_default;
+  }
+  gotoPosition(time) {
+    this._updatePositionInState(time);
+  }
+  _updatePositionInState(time) {
+    this._state.setByPointer((p2) => p2.position, time);
+  }
+  getCurrentPosition() {
+    return this._state.get().position;
+  }
+  get playing() {
+    return this._state.get().playing;
+  }
+  set playing(playing) {
+    this._state.setByPointer((p2) => p2.playing, playing);
+  }
+  play(iterationCount, range, rate, direction, ticker) {
+    if (this.playing) {
+      this.pause();
+    }
+    this.playing = true;
+    const iterationLength = range[1] - range[0];
+    {
+      const startPos = this.getCurrentPosition();
+      if (startPos < range[0] || startPos > range[1]) {
+        if (direction === "normal" || direction === "alternate") {
+          this._updatePositionInState(range[0]);
+        } else if (direction === "reverse" || direction === "alternateReverse") {
+          this._updatePositionInState(range[1]);
+        }
+      } else if (direction === "normal" || direction === "alternate") {
+        if (startPos === range[1]) {
+          this._updatePositionInState(range[0]);
+        }
+      } else {
+        if (startPos === range[0]) {
+          this._updatePositionInState(range[1]);
+        }
+      }
+    }
+    const deferred = defer();
+    const initialTickerTime = ticker.time;
+    const totalPlaybackLength = iterationLength * iterationCount;
+    let initialElapsedPos = this.getCurrentPosition() - range[0];
+    if (direction === "reverse" || direction === "alternateReverse") {
+      initialElapsedPos = range[1] - this.getCurrentPosition();
+    }
+    const tick = (currentTickerTime) => {
+      const elapsedTickerTime = Math.max(
+        currentTickerTime - initialTickerTime,
+        0
+      );
+      const elapsedTickerTimeInSeconds = elapsedTickerTime / 1e3;
+      const elapsedPos = Math.min(
+        elapsedTickerTimeInSeconds * rate + initialElapsedPos,
+        totalPlaybackLength
+      );
+      if (elapsedPos !== totalPlaybackLength) {
+        const iterationNumber = Math.floor(elapsedPos / iterationLength);
+        let currentIterationPos = elapsedPos / iterationLength % 1 * iterationLength;
+        if (direction !== "normal") {
+          if (direction === "reverse") {
+            currentIterationPos = iterationLength - currentIterationPos;
+          } else {
+            const isCurrentIterationNumberEven = iterationNumber % 2 === 0;
+            if (direction === "alternate") {
+              if (!isCurrentIterationNumberEven) {
+                currentIterationPos = iterationLength - currentIterationPos;
+              }
+            } else {
+              if (isCurrentIterationNumberEven) {
+                currentIterationPos = iterationLength - currentIterationPos;
+              }
+            }
+          }
+        }
+        this._updatePositionInState(currentIterationPos + range[0]);
+        requestNextTick();
+      } else {
+        if (direction === "normal") {
+          this._updatePositionInState(range[1]);
+        } else if (direction === "reverse") {
+          this._updatePositionInState(range[0]);
+        } else {
+          const isLastIterationEven = (iterationCount - 1) % 2 === 0;
+          if (direction === "alternate") {
+            if (isLastIterationEven) {
+              this._updatePositionInState(range[1]);
+            } else {
+              this._updatePositionInState(range[0]);
+            }
+          } else {
+            if (isLastIterationEven) {
+              this._updatePositionInState(range[0]);
+            } else {
+              this._updatePositionInState(range[1]);
+            }
+          }
+        }
+        this.playing = false;
+        deferred.resolve(true);
+      }
+    };
+    this._stopPlayCallback = () => {
+      ticker.offThisOrNextTick(tick);
+      ticker.offNextTick(tick);
+      if (this.playing) deferred.resolve(false);
+    };
+    const requestNextTick = () => ticker.onNextTick(tick);
+    ticker.onThisOrNextTick(tick);
+    return deferred.promise;
+  }
+  playDynamicRange(rangeD, ticker) {
+    if (this.playing) {
+      this.pause();
+    }
+    this.playing = true;
+    const deferred = defer();
+    const untapFromRangeD = rangeD.keepHot();
+    void deferred.promise.then(untapFromRangeD, untapFromRangeD);
+    let lastTickerTime = ticker.time;
+    const tick = (currentTickerTime) => {
+      const elapsedSinceLastTick = Math.max(
+        currentTickerTime - lastTickerTime,
+        0
+      );
+      lastTickerTime = currentTickerTime;
+      const elapsedSinceLastTickInSeconds = elapsedSinceLastTick / 1e3;
+      const lastPosition = this.getCurrentPosition();
+      const range = rangeD.getValue();
+      if (lastPosition < range[0] || lastPosition > range[1]) {
+        this.gotoPosition(range[0]);
+      } else {
+        let newPosition = lastPosition + elapsedSinceLastTickInSeconds;
+        if (newPosition > range[1]) {
+          newPosition = range[0] + (newPosition - range[1]);
+        }
+        this.gotoPosition(newPosition);
+      }
+      requestNextTick();
+    };
+    this._stopPlayCallback = () => {
+      ticker.offThisOrNextTick(tick);
+      ticker.offNextTick(tick);
+      deferred.resolve(false);
+    };
+    const requestNextTick = () => ticker.onNextTick(tick);
+    ticker.onThisOrNextTick(tick);
+    return deferred.promise;
+  }
+};
+
+// core/src/sequences/playbackControllers/AudioPlaybackController.ts
+var import_theatre_dataverse13 = require("@unseenco/theatre-dataverse");
+var AudioPlaybackController = class {
+  constructor(_decodedBuffer, _audioContext, _nodeDestination) {
+    this._decodedBuffer = _decodedBuffer;
+    this._audioContext = _audioContext;
+    this._nodeDestination = _nodeDestination;
+    __publicField(this, "_mainGain");
+    __publicField(this, "_state", new import_theatre_dataverse13.Atom({
+      position: 0,
+      playing: false
+    }));
+    __publicField(this, "statePointer");
+    __publicField(this, "_stopPlayCallback", noop_default);
+    this.statePointer = this._state.pointer;
+    this._mainGain = this._audioContext.createGain();
+    this._mainGain.connect(this._nodeDestination);
+  }
+  playDynamicRange(rangeD, ticker) {
+    const deferred = defer();
+    if (this._playing) this.pause();
+    this._playing = true;
+    let stop = void 0;
+    const play = () => {
+      stop?.();
+      stop = this._loopInRange(rangeD.getValue(), ticker).stop;
+    };
+    const untapFromRangeD = rangeD.onStale(play);
+    play();
+    this._stopPlayCallback = () => {
+      stop?.();
+      untapFromRangeD();
+      deferred.resolve(false);
+    };
+    return deferred.promise;
+  }
+  _loopInRange(range, ticker) {
+    const rate = 1;
+    let startPos = this.getCurrentPosition();
+    const iterationLength = range[1] - range[0];
+    if (startPos < range[0] || startPos > range[1]) {
+      this._updatePositionInState(range[0]);
+    } else if (startPos === range[1]) {
+      this._updatePositionInState(range[0]);
+    }
+    startPos = this.getCurrentPosition();
+    const currentSource = this._audioContext.createBufferSource();
+    currentSource.buffer = this._decodedBuffer;
+    currentSource.connect(this._mainGain);
+    currentSource.playbackRate.value = rate;
+    currentSource.loop = true;
+    currentSource.loopStart = range[0];
+    currentSource.loopEnd = range[1];
+    const initialTickerTime = ticker.time;
+    let initialElapsedPos = startPos - range[0];
+    currentSource.start(0, startPos);
+    const tick = (currentTickerTime) => {
+      const elapsedTickerTime = Math.max(
+        currentTickerTime - initialTickerTime,
+        0
+      );
+      const elapsedTickerTimeInSeconds = elapsedTickerTime / 1e3;
+      const elapsedPos = elapsedTickerTimeInSeconds * rate + initialElapsedPos;
+      let currentIterationPos = elapsedPos / iterationLength % 1 * iterationLength;
+      this._updatePositionInState(currentIterationPos + range[0]);
+      requestNextTick();
+    };
+    const requestNextTick = () => ticker.onNextTick(tick);
+    ticker.onThisOrNextTick(tick);
+    const stop = () => {
+      currentSource.stop();
+      currentSource.disconnect();
+      ticker.offThisOrNextTick(tick);
+      ticker.offNextTick(tick);
+    };
+    return { stop };
+  }
+  get _playing() {
+    return this._state.get().playing;
+  }
+  set _playing(playing) {
+    this._state.setByPointer((p2) => p2.playing, playing);
+  }
+  destroy() {
   }
   pause() {
     this._stopPlayCallback();
@@ -5931,11 +6462,11 @@ var AudioPlaybackController = class {
         "The sequence will still play, but only 1000 times. The `iterationCount: ".concat(iterationCount, "` provided to `sequence.play()`\nis too high for a sequence with audio.\n\nTo fix this, either set `iterationCount` to a lower value, or remove the audio from the sequence."),
         [
           {
-            url: "https://www.theatrejs.com/docs/latest/manual/audio",
+            url: "https://unseen-theatre.netlify.app/docs/guide/manual/audio",
             title: "Using Audio"
           },
           {
-            url: "https://www.theatrejs.com/docs/latest/api/core#sequence.attachaudio",
+            url: "https://unseen-theatre.netlify.app/docs/api/theatre-core#sequence.attachaudio",
             title: "Audio API"
           }
         ]
@@ -5988,82 +6519,6 @@ var AudioPlaybackController = class {
   }
 };
 
-// core/src/rafDrivers.ts
-var import_theatre_dataverse10 = require("@unseenco/theatre-dataverse");
-var lastDriverId = 0;
-function createRafDriver(conf) {
-  const tick = (time) => {
-    ticker.tick(time);
-  };
-  const ticker = new import_theatre_dataverse10.Ticker({
-    onActive() {
-      conf?.start?.();
-    },
-    onDormant() {
-      conf?.stop?.();
-    }
-  });
-  const driverPublicApi = {
-    tick,
-    id: lastDriverId++,
-    name: conf?.name ?? "CustomRafDriver-".concat(lastDriverId),
-    type: "Theatre_RafDriver_PublicAPI"
-  };
-  const driverPrivateApi = {
-    type: "Theatre_RafDriver_PrivateAPI",
-    publicApi: driverPublicApi,
-    ticker,
-    start: conf?.start,
-    stop: conf?.stop
-  };
-  setPrivateAPI(driverPublicApi, driverPrivateApi);
-  return driverPublicApi;
-}
-
-// core/src/coreTicker.ts
-function createBasicRafDriver() {
-  let rafId = null;
-  const start = () => {
-    if (typeof window !== "undefined") {
-      const onAnimationFrame = (t2) => {
-        driver.tick(t2);
-        rafId = window.requestAnimationFrame(onAnimationFrame);
-      };
-      rafId = window.requestAnimationFrame(onAnimationFrame);
-    } else {
-      driver.tick(0);
-      setTimeout(() => driver.tick(1), 0);
-    }
-  };
-  const stop = () => {
-    if (typeof window !== "undefined") {
-      if (rafId !== null) {
-        window.cancelAnimationFrame(rafId);
-      }
-    } else {
-    }
-  };
-  const driver = createRafDriver({ name: "DefaultCoreRafDriver", start, stop });
-  return driver;
-}
-var coreRafDriver;
-function getCoreRafDriver() {
-  if (!coreRafDriver) {
-    setCoreRafDriver(createBasicRafDriver());
-  }
-  return coreRafDriver;
-}
-function getCoreTicker() {
-  return getCoreRafDriver().ticker;
-}
-function setCoreRafDriver(driver) {
-  if (coreRafDriver) {
-    throw new Error("`setCoreRafDriver()` is already called.");
-  }
-  const driverPrivateApi = privateAPI(driver);
-  coreRafDriver = driverPrivateApi;
-}
-
 // core/src/sequences/TheatreSequence.ts
 var TheatreSequence = class {
   get type() {
@@ -6087,7 +6542,7 @@ var TheatreSequence = class {
           "You seem to have called `sequence.play()` before the project has finished loading.\n\nThis would **not** a problem in production when using `@unseenco/theatre-core`, since Theatre.js loads instantly in core mode. However, when using `@unseenco/theatre-studio`, it takes a few milliseconds for it to load your project's state, before which your sequences cannot start playing.\n\nTo fix this, simply defer calling `sequence.play()` until after the project is loaded, like this:\n\n```\nproject.ready.then(() => {\n  sequence.play()\n})\n```",
           [
             {
-              url: "https://www.theatrejs.com/docs/0.5/api/core#project.ready",
+              url: "https://unseen-theatre.netlify.app/docs/api/theatre-core#project.ready",
               title: "Project.ready"
             }
           ]
@@ -6113,14 +6568,27 @@ var TheatreSequence = class {
   __experimental_getGsapClips() {
     return privateAPI(this).getGsapClips();
   }
+  __experimental_getGsapScrollTriggers() {
+    return privateAPI(this).getGsapScrollTriggers();
+  }
   async attachAudio(args) {
+    const priv = privateAPI(this);
+    if (priv._sheet.getSequenceMode() === "page") {
+      notify.warning(
+        "Audio is not supported in page mode",
+        "Sequence audio expects time in seconds. Use time mode for attachAudio(), or scrub scroll-driven animation without audio."
+      );
+      return Promise.reject(
+        new Error("sequence.attachAudio() is not supported in page mode")
+      );
+    }
     const { audioContext, destinationNode, decodedBuffer, gainNode } = await resolveAudioBuffer(args);
     const playbackController = new AudioPlaybackController(
       decodedBuffer,
       audioContext,
       gainNode
     );
-    privateAPI(this).replacePlaybackController(playbackController);
+    priv.replacePlaybackController(playbackController);
     return { audioContext, destinationNode, decodedBuffer, gainNode };
   }
   get pointer() {
@@ -6218,6 +6686,31 @@ async function resolveAudioBuffer(args) {
   };
 }
 
+// shared/src/gsap/gsapStudioRegistryRevision.ts
+var import_theatre_dataverse14 = require("@unseenco/theatre-dataverse");
+var revisionAtom = new import_theatre_dataverse14.Atom(0);
+var gsapStudioRegistryRevisionPointer = revisionAtom.pointer;
+
+// shared/src/gsap/scrollTriggerRegistry.ts
+var DEFAULT_SHEET_INSTANCE_ID = "default";
+var REGISTRY_KEY = "__unseenco_theatre_gsap_scrollTriggerRegistry__";
+function sheetAddressKey(address) {
+  const sheetInstanceId = address.sheetInstanceId ?? DEFAULT_SHEET_INSTANCE_ID;
+  return "".concat(address.projectId, "|").concat(address.sheetId, "|").concat(sheetInstanceId);
+}
+function getStore() {
+  const g2 = globalThis;
+  if (!g2[REGISTRY_KEY]) {
+    g2[REGISTRY_KEY] = { bySheetAddress: /* @__PURE__ */ new Map() };
+  }
+  return g2[REGISTRY_KEY];
+}
+function listScrollTriggerEntriesForSheet(sheetKey) {
+  const map = getStore().bySheetAddress.get(sheetKey);
+  if (!map) return [];
+  return [...map.values()].sort((a2, b2) => a2.layout.start - b2.layout.start);
+}
+
 // shared/src/sequence/trackData.ts
 function isBasicKeyframedTrack(track) {
   return track.type === "BasicKeyframedTrack";
@@ -6260,7 +6753,7 @@ var Sequence = class {
     __publicField(this, "_positionD");
     __publicField(this, "_positionFormatterD");
     __publicField(this, "_playableRangeD");
-    __publicField(this, "pointer", (0, import_theatre_dataverse13.pointer)({ root: this, path: [] }));
+    __publicField(this, "pointer", (0, import_theatre_dataverse17.pointer)({ root: this, path: [] }));
     __publicField(this, "$$isPointerToPrismProvider", true);
     __publicField(this, "_logger");
     __publicField(this, "closestGridPosition", (posInUnitSpace) => {
@@ -6273,32 +6766,35 @@ var Sequence = class {
     this._logger = _project._logger.named("Sheet", _sheet.address.sheetId).named("Instance", _sheet.address.sheetInstanceId).named("Variant", _sequenceVariant);
     this.address = { ...this._sheet.address, sequenceName: _sequenceVariant };
     this.publicApi = new TheatreSequence(this);
-    this._playbackControllerBox = new import_theatre_dataverse12.Atom(
+    this._playbackControllerBox = new import_theatre_dataverse16.Atom(
       playbackController ?? new DefaultPlaybackController()
     );
-    this._prismOfStatePointer = (0, import_theatre_dataverse14.prism)(
+    this._prismOfStatePointer = (0, import_theatre_dataverse18.prism)(
       () => this._playbackControllerBox.prism.getValue().statePointer
     );
-    this._positionD = (0, import_theatre_dataverse14.prism)(() => {
+    this._positionD = (0, import_theatre_dataverse18.prism)(() => {
       const statePointer = this._prismOfStatePointer.getValue();
-      return (0, import_theatre_dataverse14.val)(statePointer.position);
+      return (0, import_theatre_dataverse18.val)(statePointer.position);
     });
-    this._positionFormatterD = (0, import_theatre_dataverse14.prism)(() => {
-      const subUnitsPerUnit = (0, import_theatre_dataverse14.val)(this._subUnitsPerUnitD);
+    this._positionFormatterD = (0, import_theatre_dataverse18.prism)(() => {
+      const subUnitsPerUnit = (0, import_theatre_dataverse18.val)(this._subUnitsPerUnitD);
+      if (this._sheet.getSequenceMode() === "page") {
+        return new PercentBasedPositionFormatter(subUnitsPerUnit);
+      }
       return new TimeBasedPositionFormatter(subUnitsPerUnit);
     });
   }
-  pointerToPrism(pointer3) {
-    const { path } = (0, import_theatre_dataverse11.getPointerParts)(pointer3);
+  pointerToPrism(pointer4) {
+    const { path } = (0, import_theatre_dataverse15.getPointerParts)(pointer4);
     if (path.length === 0) {
-      return (0, import_theatre_dataverse14.prism)(() => ({
-        length: (0, import_theatre_dataverse14.val)(this.pointer.length),
-        playing: (0, import_theatre_dataverse14.val)(this.pointer.playing),
-        position: (0, import_theatre_dataverse14.val)(this.pointer.position)
+      return (0, import_theatre_dataverse18.prism)(() => ({
+        length: (0, import_theatre_dataverse18.val)(this.pointer.length),
+        playing: (0, import_theatre_dataverse18.val)(this.pointer.playing),
+        position: (0, import_theatre_dataverse18.val)(this.pointer.position)
       }));
     }
     if (path.length > 1) {
-      return (0, import_theatre_dataverse14.prism)(() => void 0);
+      return (0, import_theatre_dataverse18.prism)(() => void 0);
     }
     const [prop] = path;
     if (prop === "length") {
@@ -6306,11 +6802,11 @@ var Sequence = class {
     } else if (prop === "position") {
       return this._positionD;
     } else if (prop === "playing") {
-      return (0, import_theatre_dataverse14.prism)(() => {
-        return (0, import_theatre_dataverse14.val)(this._prismOfStatePointer.getValue().playing);
+      return (0, import_theatre_dataverse18.prism)(() => {
+        return (0, import_theatre_dataverse18.val)(this._prismOfStatePointer.getValue().playing);
       });
     } else {
-      return (0, import_theatre_dataverse14.prism)(() => void 0);
+      return (0, import_theatre_dataverse18.prism)(() => void 0);
     }
   }
   /**
@@ -6319,13 +6815,13 @@ var Sequence = class {
    * Theoretically, this method can be called from inside a prism so it can be reactive.
    */
   getKeyframesOfSimpleProp(prop) {
-    const { path, root: root2 } = (0, import_theatre_dataverse11.getPointerParts)(prop);
+    const { path, root: root2 } = (0, import_theatre_dataverse15.getPointerParts)(prop);
     if (!isSheetObject(root2)) {
       throw new InvalidArgumentError(
         "Argument prop must be a pointer to a SheetObject property"
       );
     }
-    const sheetState = (0, import_theatre_dataverse14.val)(
+    const sheetState = (0, import_theatre_dataverse18.val)(
       this._project.pointers.historic.sheetsById[this._sheet.address.sheetId]
     );
     const trackP = getSequenceStateFromSheet(sheetState, this._sequenceVariant)?.tracksByObject[root2.address.objectKey];
@@ -6348,7 +6844,7 @@ var Sequence = class {
    * @internal Used by the public sequence API.
    */
   getGsapClipsForObject(objectKey) {
-    const sheetState = (0, import_theatre_dataverse14.val)(
+    const sheetState = (0, import_theatre_dataverse18.val)(
       this._project.pointers.historic.sheetsById[this._sheet.address.sheetId]
     );
     const tracksOfObject = getSequenceStateFromSheet(
@@ -6365,7 +6861,7 @@ var Sequence = class {
     return result.sort((a2, b2) => a2.clip.start - b2.clip.start);
   }
   getGsapClips() {
-    const sheetState = (0, import_theatre_dataverse14.val)(
+    const sheetState = (0, import_theatre_dataverse18.val)(
       this._project.pointers.historic.sheetsById[this._sheet.address.sheetId]
     );
     const sequenceState = getSequenceStateFromSheet(
@@ -6390,6 +6886,21 @@ var Sequence = class {
     }
     return result.sort((a2, b2) => a2.clip.start - b2.clip.start);
   }
+  getGsapScrollTriggers() {
+    if (this._sheet.getSequenceMode() !== "page") {
+      return [];
+    }
+    const key = sheetAddressKey(this._sheet.address);
+    return listScrollTriggerEntriesForSheet(key).filter((entry) => entry.sheetObject != null).map((entry) => ({
+      objectKey: entry.sheetObject.address.objectKey,
+      scrollTriggerId: entry.id,
+      label: entry.label,
+      layout: entry.layout,
+      kind: entry.kind,
+      animationSpanSeconds: entry.animationSpanSeconds,
+      timelineChildren: entry.timelineChildren
+    }));
+  }
   get positionFormatter() {
     return this._positionFormatterD.getValue();
   }
@@ -6432,542 +6943,704 @@ var Sequence = class {
       position = this.length;
     }
     const dur = this.length;
-    this._playbackControllerBox.get().gotoPosition(position > dur ? dur : position);
-  }
-  getDurationCold() {
-    return this._lengthD.getValue();
-  }
-  get playing() {
-    return (0, import_theatre_dataverse14.val)(this._playbackControllerBox.get().statePointer.playing);
-  }
-  _makeRangeFromSequenceTemplate() {
-    return (0, import_theatre_dataverse14.prism)(() => {
-      return [0, (0, import_theatre_dataverse14.val)(this._lengthD)];
-    });
-  }
-  /**
-   * Controls the playback within a range. Repeats infinitely unless stopped.
-   *
-   * @remarks
-   *   One use case for this is to play the playback within the focus range.
-   *
-   * @param rangeD - The prism that contains the range that will be used for the playback
-   *
-   * @returns  a promise that gets rejected if the playback stopped for whatever reason
-   *
-   */
-  playDynamicRange(rangeD, ticker) {
-    return this._playbackControllerBox.get().playDynamicRange(rangeD, ticker);
-  }
-  async play(conf, ticker) {
-    const sequenceDuration = this.length;
-    const range = conf && conf.range ? conf.range : [0, sequenceDuration];
-    if (process.env.NODE_ENV !== "production") {
-      if (typeof range[0] !== "number" || range[0] < 0) {
-        throw new InvalidArgumentError(
-          "Argument conf.range[0] in sequence.play(conf) must be a positive number. ".concat(JSON.stringify(
-            range[0]
-          ), " given.")
-        );
-      }
-      if (range[0] >= sequenceDuration) {
-        throw new InvalidArgumentError(
-          "Argument conf.range[0] in sequence.play(conf) cannot be longer than the duration of the sequence, which is ".concat(sequenceDuration, "s. ").concat(JSON.stringify(
-            range[0]
-          ), " given.")
-        );
-      }
-      if (typeof range[1] !== "number" || range[1] <= 0) {
-        throw new InvalidArgumentError(
-          "Argument conf.range[1] in sequence.play(conf) must be a number larger than zero. ".concat(JSON.stringify(
-            range[1]
-          ), " given.")
-        );
-      }
-      if (range[1] > sequenceDuration) {
-        notify.warning(
-          "Couldn't play sequence in given range",
-          "Your animation will still play until the end of the sequence, however the argument `conf.range[1]` given in `sequence.play(conf)` (".concat(JSON.stringify(
-            range[1]
-          ), "s) is longer than the duration of the sequence (").concat(sequenceDuration, "s).\n\nTo fix this, either set `conf.range[1]` to be less the duration of the sequence, or adjust the sequence duration in the UI."),
-          [
-            {
-              url: "https://www.theatrejs.com/docs/latest/manual/sequences",
-              title: "Sequences"
-            },
-            {
-              url: "https://www.theatrejs.com/docs/latest/manual/sequences",
-              title: "Playback API"
-            }
-          ]
-        );
-        range[1] = sequenceDuration;
-      }
-      if (range[1] <= range[0]) {
-        throw new InvalidArgumentError(
-          "Argument conf.range[1] in sequence.play(conf) must be larger than conf.range[0]. ".concat(JSON.stringify(
-            range
-          ), " given.")
-        );
-      }
-    }
-    const iterationCount = conf && typeof conf.iterationCount === "number" ? conf.iterationCount : 1;
-    if (process.env.NODE_ENV !== "production") {
-      if (!(Number.isInteger(iterationCount) && iterationCount > 0) && iterationCount !== Infinity) {
-        throw new InvalidArgumentError(
-          "Argument conf.iterationCount in sequence.play(conf) must be an integer larger than 0. ".concat(JSON.stringify(
-            iterationCount
-          ), " given.")
-        );
-      }
-    }
-    const rate = conf && typeof conf.rate !== "undefined" ? conf.rate : 1;
-    if (process.env.NODE_ENV !== "production") {
-      if (typeof rate !== "number" || rate === 0) {
-        throw new InvalidArgumentError(
-          "Argument conf.rate in sequence.play(conf) must be a number larger than 0. ".concat(JSON.stringify(
-            rate
-          ), " given.")
-        );
-      }
-      if (rate < 0) {
-        throw new InvalidArgumentError(
-          "Argument conf.rate in sequence.play(conf) must be a number larger than 0. ".concat(JSON.stringify(
-            rate
-          ), " given. If you want the animation to play backwards, try setting conf.direction to 'reverse' or 'alternateReverse'.")
-        );
-      }
-    }
-    const direction = conf && conf.direction ? conf.direction : "normal";
-    if (process.env.NODE_ENV !== "production") {
-      if (possibleDirections.indexOf(direction) === -1) {
-        throw new InvalidArgumentError(
-          "Argument conf.direction in sequence.play(conf) must be one of ".concat(JSON.stringify(
-            possibleDirections
-          ), ". ").concat(JSON.stringify(direction), " given. ").concat(didYouMean(
-            direction,
-            possibleDirections
-          ))
-        );
-      }
-    }
-    return await this._play(
-      iterationCount,
-      [range[0], range[1]],
-      rate,
-      direction,
-      ticker
-    );
-  }
-  _play(iterationCount, range, rate, direction, ticker) {
-    return this._playbackControllerBox.get().play(iterationCount, range, rate, direction, ticker);
-  }
-  pause() {
-    this._playbackControllerBox.get().pause();
-  }
-  replacePlaybackController(playbackController) {
-    this.pause();
-    const oldController = this._playbackControllerBox.get();
-    this._playbackControllerBox.set(playbackController);
-    const time = oldController.getCurrentPosition();
-    oldController.destroy();
-    playbackController.gotoPosition(time);
-  }
-};
-var TimeBasedPositionFormatter = class {
-  constructor(_fps) {
-    this._fps = _fps;
-  }
-  formatSubUnitForGrid(posInUnitSpace) {
-    const subSecondPos = posInUnitSpace % 1;
-    const frame = 1 / this._fps;
-    const frames = Math.round(subSecondPos / frame);
-    return frames + "f";
-  }
-  formatFullUnitForGrid(posInUnitSpace) {
-    let p2 = posInUnitSpace;
-    let s2 = "";
-    if (p2 >= hour) {
-      const hours = Math.floor(p2 / hour);
-      s2 += hours + "h";
-      p2 = p2 % hour;
-    }
-    if (p2 >= minute) {
-      const minutes = Math.floor(p2 / minute);
-      s2 += minutes + "m";
-      p2 = p2 % minute;
-    }
-    if (p2 >= second) {
-      const seconds = Math.floor(p2 / second);
-      s2 += seconds + "s";
-      p2 = p2 % second;
-    }
-    const frame = 1 / this._fps;
-    if (p2 >= frame) {
-      const frames = Math.floor(p2 / frame);
-      s2 += frames + "f";
-      p2 = p2 % frame;
-    }
-    return s2.length === 0 ? "0s" : s2;
-  }
-  formatForPlayhead(posInUnitSpace) {
-    let p2 = posInUnitSpace;
-    let s2 = "";
-    if (p2 >= hour) {
-      const hours = Math.floor(p2 / hour);
-      s2 += padStart_default(hours.toString(), 2, "0") + "h";
-      p2 = p2 % hour;
-    }
-    if (p2 >= minute) {
-      const minutes = Math.floor(p2 / minute);
-      s2 += padStart_default(minutes.toString(), 2, "0") + "m";
-      p2 = p2 % minute;
-    } else if (s2.length > 0) {
-      s2 += "00m";
-    }
-    if (p2 >= second) {
-      const seconds = Math.floor(p2 / second);
-      s2 += padStart_default(seconds.toString(), 2, "0") + "s";
-      p2 = p2 % second;
-    } else {
-      s2 += "00s";
-    }
-    const frameLength = 1 / this._fps;
-    if (p2 >= frameLength) {
-      const frames = Math.round(p2 / frameLength);
-      s2 += padStart_default(frames.toString(), 2, "0") + "f";
-      p2 = p2 % frameLength;
-    } else if (p2 / frameLength > 0.98) {
-      const frames = 1;
-      s2 += padStart_default(frames.toString(), 2, "0") + "f";
-      p2 = p2 % frameLength;
-    } else {
-      s2 += "00f";
-    }
-    return s2.length === 0 ? "00s00f" : s2;
-  }
-  formatBasic(posInUnitSpace) {
-    return posInUnitSpace.toFixed(2) + "s";
-  }
-};
-var second = 1;
-var minute = second * 60;
-var hour = minute * 60;
-
-// shared/src/utils/slashedPaths.ts
-var normalizeSlashedPath = (p2) => p2.replace(/^[\s\/]*/, "").replace(/[\s\/]*$/, "").replace(/\s*\/\s*/g, " / ");
-var getValidationErrorsOfSlashedPath = (p2) => {
-  if (typeof p2 !== "string") return "it is not a string. (it is a ".concat(typeof p2, ")");
-  const components = p2.split(/\//);
-  if (components.length === 0) return "it is empty.";
-  for (let i2 = 0; i2 < components.length; i2++) {
-    const component = components[i2].trim();
-    if (component.length === 0) return "the component #".concat(i2 + 1, " is empty.");
-    if (component.length > 64)
-      return "the component '".concat(component, "' must have 64 characters or less.");
-  }
-};
-function validateAndSanitiseSlashedPathOrThrow(unsanitisedPath, fnName) {
-  const sanitisedPath = normalizeSlashedPath(unsanitisedPath);
-  if (process.env.NODE_ENV !== "development") {
-    return sanitisedPath;
+    this._playbackControllerBox.get().gotoPosition(position > dur ? dur : position);
   }
-  const validation = getValidationErrorsOfSlashedPath(sanitisedPath);
-  if (validation) {
-    throw new InvalidArgumentError(
-      "The path in ".concat(fnName, "(").concat(typeof unsanitisedPath === "string" ? '"'.concat(unsanitisedPath, '"') : "", ") is invalid because ").concat(validation)
-    );
+  getDurationCold() {
+    return this._lengthD.getValue();
   }
-  if (unsanitisedPath !== sanitisedPath) {
-    notify.warning(
-      "Invalid path provided to object",
-      "The path in `".concat(fnName, '("').concat(unsanitisedPath, '")` was sanitized to `"').concat(sanitisedPath, '"`.\n\n') + "Please replace the path with the sanitized one, otherwise it will likely break in the future.",
-      [
-        {
-          url: "https://www.theatrejs.com/docs/latest/manual/objects#creating-sheet-objects",
-          title: "Sheet Objects"
-        },
-        {
-          url: "https://www.theatrejs.com/docs/latest/api/core#sheet.object",
-          title: "API"
-        }
-      ]
-    );
+  get playing() {
+    return (0, import_theatre_dataverse18.val)(this._playbackControllerBox.get().statePointer.playing);
   }
-  return sanitisedPath;
-}
-
-// shared/src/utils/outlineNamespaces.ts
-function parseOutlineNamespacePath(namespacePath, fnName) {
-  return validateAndSanitiseSlashedPathOrThrow(namespacePath, fnName).split(
-    /\s*\/\s*/g
-  );
-}
-
-// core/src/sheets/TheatreSheet.ts
-var import_fast_deep_equal2 = __toESM(require_fast_deep_equal());
-var TheatreSheet = class {
-  get type() {
-    return "Theatre_Sheet_PublicAPI";
+  _makeRangeFromSequenceTemplate() {
+    return (0, import_theatre_dataverse18.prism)(() => {
+      return [0, (0, import_theatre_dataverse18.val)(this._lengthD)];
+    });
   }
   /**
-   * @internal
+   * Controls the playback within a range. Repeats infinitely unless stopped.
+   *
+   * @remarks
+   *   One use case for this is to play the playback within the focus range.
+   *
+   * @param rangeD - The prism that contains the range that will be used for the playback
+   *
+   * @returns  a promise that gets rejected if the playback stopped for whatever reason
+   *
    */
-  constructor(sheet) {
-    setPrivateAPI(this, sheet);
+  playDynamicRange(rangeD, ticker) {
+    return this._playbackControllerBox.get().playDynamicRange(rangeD, ticker);
   }
-  object(key, config, opts) {
-    const internal2 = privateAPI(this);
-    const sanitizedPath = validateAndSanitiseSlashedPathOrThrow(
-      key,
-      "sheet.object"
-    );
-    if (isSheetPropsObjectKey(sanitizedPath)) {
-      throw new InvalidArgumentError(
-        'The key "'.concat(sanitizedPath, '" is reserved for sheet-level props. Use sheet.props() instead of sheet.object().')
+  async play(conf, ticker) {
+    if (this._sheet.getSequenceMode() === "page") {
+      notify.warning(
+        "Playback is disabled in page mode",
+        "The sequence is driven by page scroll. Scrub the playhead or scroll the page instead of calling sequence.play()."
       );
+      return false;
     }
-    const existingObject = internal2.getObject(sanitizedPath);
-    const nativeObject = null;
-    const actions = opts?.__actions__THIS_API_IS_UNSTABLE_AND_WILL_CHANGE_IN_THE_NEXT_VERSION;
-    if (existingObject) {
-      if (process.env.NODE_ENV !== "production") {
-        const prevConfig = getUnsanitizedObjectProps(existingObject);
-        if (prevConfig) {
-          if (!(0, import_fast_deep_equal2.default)(config, prevConfig)) {
-            if (opts?.reconfigure === true) {
-              const sanitizedConfig = compound(config);
-              existingObject.template.reconfigure(sanitizedConfig);
-              if (opts.transient !== void 0) {
-                existingObject.template.setTransientPropPaths(
-                  opts.transient,
-                  sanitizedConfig
-                );
-              }
-              if (opts.static !== void 0) {
-                existingObject.template.setStaticPropPaths(
-                  opts.static,
-                  sanitizedConfig
-                );
-              }
-              if (opts.showPropsOf !== void 0) {
-                existingObject.template.setShowPropsOf(
-                  resolveShowPropsOfSources(
-                    existingObject,
-                    opts.showPropsOf,
-                    "sheet.object(..., {showPropsOf})"
-                  )
-                );
-              }
-              setUnsanitizedObjectProps(existingObject, config);
-              return existingObject.publicApi;
-            } else {
-              throw new Error(
-                'You seem to have called sheet.object("'.concat(key, '", config) twice, with different values for `config`. ') + "This is disallowed because changing the config of an object on the fly would make it difficult to reason about.\n\n" + 'You can fix this by either re-using the existing object, or calling sheet.object("'.concat(key, '", config) with the same config.\n\n') + "If you mean to reconfigure the object's config, set `{reconfigure: true}` in sheet.object(\"".concat(key, '", config, {reconfigure: true})')
-              );
-            }
-          }
-        }
-      }
-      if (actions) {
-        existingObject.template._temp_setActions(actions);
-      }
-      if (opts?.visible !== void 0) {
-        existingObject.template.setVisibleInOutline(opts.visible);
-      }
-      if (opts?.transient !== void 0) {
-        existingObject.template.setTransientPropPaths(
-          opts.transient,
-          existingObject.template.staticConfig
+    const sequenceDuration = this.length;
+    const range = conf && conf.range ? conf.range : [0, sequenceDuration];
+    if (process.env.NODE_ENV !== "production") {
+      if (typeof range[0] !== "number" || range[0] < 0) {
+        throw new InvalidArgumentError(
+          "Argument conf.range[0] in sequence.play(conf) must be a positive number. ".concat(JSON.stringify(
+            range[0]
+          ), " given.")
         );
       }
-      if (opts?.static !== void 0) {
-        existingObject.template.setStaticPropPaths(
-          opts.static,
-          existingObject.template.staticConfig
+      if (range[0] >= sequenceDuration) {
+        throw new InvalidArgumentError(
+          "Argument conf.range[0] in sequence.play(conf) cannot be longer than the duration of the sequence, which is ".concat(sequenceDuration, "s. ").concat(JSON.stringify(
+            range[0]
+          ), " given.")
         );
       }
-      if (opts?.showPropsOf !== void 0) {
-        existingObject.template.setShowPropsOf(
-          resolveShowPropsOfSources(
-            existingObject,
-            opts.showPropsOf,
-            "sheet.object(..., {showPropsOf})"
-          )
+      if (typeof range[1] !== "number" || range[1] <= 0) {
+        throw new InvalidArgumentError(
+          "Argument conf.range[1] in sequence.play(conf) must be a number larger than zero. ".concat(JSON.stringify(
+            range[1]
+          ), " given.")
         );
       }
-      return existingObject.publicApi;
-    } else {
-      const sanitizedConfig = compound(config);
-      const object = internal2.createObject(
-        sanitizedPath,
-        nativeObject,
-        sanitizedConfig,
-        actions,
-        opts?.visible,
-        opts?.transient,
-        opts?.static
-      );
-      if (process.env.NODE_ENV !== "production") {
-        setUnsanitizedObjectProps(object, config);
+      if (range[1] > sequenceDuration) {
+        notify.warning(
+          "Couldn't play sequence in given range",
+          "Your animation will still play until the end of the sequence, however the argument `conf.range[1]` given in `sequence.play(conf)` (".concat(JSON.stringify(
+            range[1]
+          ), "s) is longer than the duration of the sequence (").concat(sequenceDuration, "s).\n\nTo fix this, either set `conf.range[1]` to be less the duration of the sequence, or adjust the sequence duration in the UI."),
+          [
+            {
+              url: "https://unseen-theatre.netlify.app/docs/guide/manual/sequences",
+              title: "Sequences"
+            },
+            {
+              url: "https://unseen-theatre.netlify.app/docs/guide/manual/sequences",
+              title: "Playback API"
+            }
+          ]
+        );
+        range[1] = sequenceDuration;
       }
-      if (opts?.showPropsOf !== void 0) {
-        object.template.setShowPropsOf(
-          resolveShowPropsOfSources(
-            object,
-            opts.showPropsOf,
-            "sheet.object(..., {showPropsOf})"
-          )
+      if (range[1] <= range[0]) {
+        throw new InvalidArgumentError(
+          "Argument conf.range[1] in sequence.play(conf) must be larger than conf.range[0]. ".concat(JSON.stringify(
+            range
+          ), " given.")
         );
       }
-      return object.publicApi;
     }
-  }
-  props(config, opts) {
-    const internal2 = privateAPI(this);
-    const objectKey = SHEET_PROPS_OBJECT_KEY;
-    const existingObject = internal2.getSheetPropsObject();
-    const nativeObject = null;
-    const actions = opts?.__actions__THIS_API_IS_UNSTABLE_AND_WILL_CHANGE_IN_THE_NEXT_VERSION;
-    if (existingObject) {
-      if (process.env.NODE_ENV !== "production") {
-        const prevConfig = getUnsanitizedObjectProps(existingObject);
-        if (prevConfig) {
-          if (!(0, import_fast_deep_equal2.default)(config, prevConfig)) {
-            if (opts?.reconfigure === true) {
-              const sanitizedConfig2 = compound(config);
-              existingObject.template.reconfigure(sanitizedConfig2);
-              if (opts.transient !== void 0) {
-                existingObject.template.setTransientPropPaths(
-                  opts.transient,
-                  sanitizedConfig2
-                );
-              }
-              if (opts.static !== void 0) {
-                existingObject.template.setStaticPropPaths(
-                  opts.static,
-                  sanitizedConfig2
-                );
-              }
-              setUnsanitizedObjectProps(existingObject, config);
-              return existingObject.publicApi;
-            } else {
-              throw new Error(
-                "You seem to have called sheet.props(config) twice, with different values for `config`. Use the same config on repeat calls, or pass `{reconfigure: true}` to change the schema."
-              );
-            }
-          }
-        }
-      }
-      if (actions) {
-        existingObject.template._temp_setActions(actions);
+    const iterationCount = conf && typeof conf.iterationCount === "number" ? conf.iterationCount : 1;
+    if (process.env.NODE_ENV !== "production") {
+      if (!(Number.isInteger(iterationCount) && iterationCount > 0) && iterationCount !== Infinity) {
+        throw new InvalidArgumentError(
+          "Argument conf.iterationCount in sequence.play(conf) must be an integer larger than 0. ".concat(JSON.stringify(
+            iterationCount
+          ), " given.")
+        );
       }
-      if (opts?.transient !== void 0) {
-        existingObject.template.setTransientPropPaths(
-          opts.transient,
-          existingObject.template.staticConfig
+    }
+    const rate = conf && typeof conf.rate !== "undefined" ? conf.rate : 1;
+    if (process.env.NODE_ENV !== "production") {
+      if (typeof rate !== "number" || rate === 0) {
+        throw new InvalidArgumentError(
+          "Argument conf.rate in sequence.play(conf) must be a number larger than 0. ".concat(JSON.stringify(
+            rate
+          ), " given.")
         );
       }
-      if (opts?.static !== void 0) {
-        existingObject.template.setStaticPropPaths(
-          opts.static,
-          existingObject.template.staticConfig
+      if (rate < 0) {
+        throw new InvalidArgumentError(
+          "Argument conf.rate in sequence.play(conf) must be a number larger than 0. ".concat(JSON.stringify(
+            rate
+          ), " given. If you want the animation to play backwards, try setting conf.direction to 'reverse' or 'alternateReverse'.")
         );
       }
-      return existingObject.publicApi;
     }
-    const sanitizedConfig = compound(config);
-    const object = internal2.createObject(
-      objectKey,
-      nativeObject,
-      sanitizedConfig,
-      actions,
-      false,
-      opts?.transient,
-      opts?.static
-    );
+    const direction = conf && conf.direction ? conf.direction : "normal";
     if (process.env.NODE_ENV !== "production") {
-      setUnsanitizedObjectProps(object, config);
+      if (possibleDirections.indexOf(direction) === -1) {
+        throw new InvalidArgumentError(
+          "Argument conf.direction in sequence.play(conf) must be one of ".concat(JSON.stringify(
+            possibleDirections
+          ), ". ").concat(JSON.stringify(direction), " given. ").concat(didYouMean(
+            direction,
+            possibleDirections
+          ))
+        );
+      }
     }
-    return object.publicApi;
+    return await this._play(
+      iterationCount,
+      [range[0], range[1]],
+      rate,
+      direction,
+      ticker
+    );
   }
-  get sequence() {
-    return privateAPI(this).getSequence().publicApi;
+  _play(iterationCount, range, rate, direction, ticker) {
+    return this._playbackControllerBox.get().play(iterationCount, range, rate, direction, ticker);
   }
-  declareSequenceVariants(variants) {
-    privateAPI(this).template.declareSequenceVariants(variants);
+  pause() {
+    this._playbackControllerBox.get().pause();
   }
-  setActiveSequenceVariant(variant) {
-    privateAPI(this).setActiveSequenceVariant(variant);
+  replacePlaybackController(playbackController) {
+    this.pause();
+    const oldController = this._playbackControllerBox.get();
+    this._playbackControllerBox.set(playbackController);
+    const time = oldController.getCurrentPosition();
+    oldController.destroy();
+    playbackController.gotoPosition(time);
   }
-  getActiveSequenceVariant() {
-    return privateAPI(this).getActiveSequenceVariant();
+};
+var TimeBasedPositionFormatter = class {
+  constructor(_fps) {
+    this._fps = _fps;
   }
-  get project() {
-    return privateAPI(this).project.publicApi;
+  formatSubUnitForGrid(posInUnitSpace) {
+    const subSecondPos = posInUnitSpace % 1;
+    const frame = 1 / this._fps;
+    const frames = Math.round(subSecondPos / frame);
+    return frames + "f";
   }
-  get address() {
-    return { ...privateAPI(this).address };
+  formatFullUnitForGrid(posInUnitSpace) {
+    let p2 = posInUnitSpace;
+    let s2 = "";
+    if (p2 >= hour) {
+      const hours = Math.floor(p2 / hour);
+      s2 += hours + "h";
+      p2 = p2 % hour;
+    }
+    if (p2 >= minute) {
+      const minutes = Math.floor(p2 / minute);
+      s2 += minutes + "m";
+      p2 = p2 % minute;
+    }
+    if (p2 >= second) {
+      const seconds = Math.floor(p2 / second);
+      s2 += seconds + "s";
+      p2 = p2 % second;
+    }
+    const frame = 1 / this._fps;
+    if (p2 >= frame) {
+      const frames = Math.floor(p2 / frame);
+      s2 += frames + "f";
+      p2 = p2 % frame;
+    }
+    return s2.length === 0 ? "0s" : s2;
   }
-  detachObject(key) {
-    const internal2 = privateAPI(this);
-    const sanitizedPath = validateAndSanitiseSlashedPathOrThrow(
-      key,
-      'sheet.deleteObject("'.concat(key, '")')
+  formatForPlayhead(posInUnitSpace) {
+    let p2 = posInUnitSpace;
+    let s2 = "";
+    if (p2 >= hour) {
+      const hours = Math.floor(p2 / hour);
+      s2 += padStart_default(hours.toString(), 2, "0") + "h";
+      p2 = p2 % hour;
+    }
+    if (p2 >= minute) {
+      const minutes = Math.floor(p2 / minute);
+      s2 += padStart_default(minutes.toString(), 2, "0") + "m";
+      p2 = p2 % minute;
+    } else if (s2.length > 0) {
+      s2 += "00m";
+    }
+    if (p2 >= second) {
+      const seconds = Math.floor(p2 / second);
+      s2 += padStart_default(seconds.toString(), 2, "0") + "s";
+      p2 = p2 % second;
+    } else {
+      s2 += "00s";
+    }
+    const frameLength = 1 / this._fps;
+    if (p2 >= frameLength) {
+      const frames = Math.round(p2 / frameLength);
+      s2 += padStart_default(frames.toString(), 2, "0") + "f";
+      p2 = p2 % frameLength;
+    } else if (p2 / frameLength > 0.98) {
+      const frames = 1;
+      s2 += padStart_default(frames.toString(), 2, "0") + "f";
+      p2 = p2 % frameLength;
+    } else {
+      s2 += "00f";
+    }
+    return s2.length === 0 ? "00s00f" : s2;
+  }
+  formatBasic(posInUnitSpace) {
+    return posInUnitSpace.toFixed(2) + "s";
+  }
+};
+var PercentBasedPositionFormatter = class {
+  constructor(_subUnitsPerUnit) {
+    this._subUnitsPerUnit = _subUnitsPerUnit;
+  }
+  formatSubUnitForGrid(posInUnitSpace) {
+    const subUnitSize = 1 / this._subUnitsPerUnit;
+    const withinUnit = posInUnitSpace % 1;
+    const tenths = Math.round(withinUnit / subUnitSize);
+    return tenths + "t";
+  }
+  formatFullUnitForGrid(posInUnitSpace) {
+    return Math.round(posInUnitSpace) + "%";
+  }
+  formatForPlayhead(posInUnitSpace) {
+    const whole = Math.floor(posInUnitSpace);
+    const subUnitSize = 1 / this._subUnitsPerUnit;
+    const withinUnit = posInUnitSpace - whole;
+    const tenths = Math.round(withinUnit / subUnitSize);
+    if (tenths <= 0) {
+      return whole + "%";
+    }
+    return whole + "." + tenths + "%";
+  }
+  formatBasic(posInUnitSpace) {
+    return posInUnitSpace.toFixed(1) + "%";
+  }
+};
+var second = 1;
+var minute = second * 60;
+var hour = minute * 60;
+
+// core/src/sheets/sheetGetSequenceFull.ts
+var import_theatre_dataverse19 = require("@unseenco/theatre-dataverse");
+
+// core/src/sheets/sheetSequenceMode.ts
+var PAGE_MODE_SEQUENCE_LENGTH = 100;
+var PAGE_MODE_SUB_UNITS_PER_UNIT = 10;
+
+// core/src/sheets/sheetGetSequenceFull.ts
+var sanitizeSequenceLength = (len) => typeof len === "number" && isFinite(len) && len > 0 ? len : 10;
+var sanitizeSequenceSubUnitsPerUnit = (subs) => typeof subs === "number" && isInteger_default(subs) && subs > 0 ? subs : 30;
+function getOrCreateFullSequence(sheet, sequences, variantId) {
+  if (!sequences[variantId]) {
+    const lengthD = (0, import_theatre_dataverse19.prism)(() => {
+      if ((0, import_theatre_dataverse19.val)(sheet.sequenceModeP) === "page") {
+        return PAGE_MODE_SEQUENCE_LENGTH;
+      }
+      const sheetState = (0, import_theatre_dataverse19.val)(
+        sheet.project.pointers.historic.sheetsById[sheet.address.sheetId]
+      );
+      const unsanitized = getSequenceStateFromSheet(
+        sheetState,
+        variantId
+      )?.length;
+      return sanitizeSequenceLength(unsanitized);
+    });
+    const subUnitsPerUnitD = (0, import_theatre_dataverse19.prism)(() => {
+      if ((0, import_theatre_dataverse19.val)(sheet.sequenceModeP) === "page") {
+        return PAGE_MODE_SUB_UNITS_PER_UNIT;
+      }
+      const sheetState = (0, import_theatre_dataverse19.val)(
+        sheet.project.pointers.historic.sheetsById[sheet.address.sheetId]
+      );
+      const unsanitized = getSequenceStateFromSheet(
+        sheetState,
+        variantId
+      )?.subUnitsPerUnit;
+      return sanitizeSequenceSubUnitsPerUnit(unsanitized);
+    });
+    sequences[variantId] = new Sequence(
+      sheet.template.project,
+      sheet,
+      lengthD,
+      subUnitsPerUnitD,
+      variantId
     );
-    if (isSheetPropsObjectKey(sanitizedPath)) {
-      throw new InvalidArgumentError(
-        "Sheet props cannot be detached. They are removed when the sheet instance is unloaded."
+  }
+  return sequences[variantId];
+}
+
+// shared/src/gsap/applyTimelineChildTiming.ts
+function applyTimelineChildTimingToGsap(rootAnimation, timelineChildren, childById, onRebuild) {
+  if (!timelineChildren.length) return true;
+  let ok = applyTimelineChildTimingToGsapInner(
+    rootAnimation,
+    timelineChildren,
+    childById
+  );
+  if (!ok && onRebuild) {
+    const rebuilt = onRebuild();
+    if (rebuilt) {
+      ok = applyTimelineChildTimingToGsapInner(
+        rebuilt,
+        timelineChildren,
+        childById
       );
     }
-    const obj = internal2.getObject(sanitizedPath);
-    if (!obj) {
-      notify.warning(
-        "Couldn't delete object \"".concat(sanitizedPath, '"'),
-        'There is no object with key "'.concat(sanitizedPath, '".\n\nTo fix this, make sure you are calling `sheet.deleteObject("').concat(sanitizedPath, '")` with the correct key.')
-      );
-      console.warn('Object key "'.concat(sanitizedPath, '" does not exist.'));
-      return;
+  }
+  return ok;
+}
+function applyTimelineChildTimingToGsapInner(rootAnimation, timelineChildren, childById) {
+  if (!childById || timelineChildren.length === 0) return true;
+  let ok = true;
+  for (const childState of timelineChildren) {
+    const tween = childById.get(childState.childId);
+    if (!tween) continue;
+    try {
+      const t2 = tween;
+      if (typeof t2.startTime === "function") {
+        t2.startTime(childState.localStart);
+      }
+      if (typeof t2.duration === "function") {
+        t2.duration(childState.localDuration);
+      }
+    } catch {
+      ok = false;
+    }
+  }
+  return ok;
+}
+
+// shared/src/gsap/syncGsapClipProgress.ts
+function getGsapAnimationTargetKey(animation, fallbackAnimationId) {
+  const tween = animation;
+  const targets = tween.targets?.();
+  if (targets && targets.length > 0) {
+    return targets[0];
+  }
+  return fallbackAnimationId;
+}
+function syncRegisteredGsapAnimationsForClips(sequencePosition, clips) {
+  const enriched = [];
+  for (const clip of clips) {
+    const entry = getAnimationEntryBySheetAddressKey(
+      clip.sheetObjectAddressKey,
+      clip.gsapAnimationId
+    );
+    if (!entry?.animation) continue;
+    enriched.push({
+      ...clip,
+      entry,
+      targetKey: getGsapAnimationTargetKey(
+        entry.animation,
+        clip.gsapAnimationId
+      )
+    });
+  }
+  const byTarget = /* @__PURE__ */ new Map();
+  for (const item of enriched) {
+    const list = byTarget.get(item.targetKey) ?? [];
+    list.push(item);
+    byTarget.set(item.targetKey, list);
+  }
+  for (const group of byTarget.values()) {
+    const sorted = [...group].sort((a2, b2) => a2.start - b2.start);
+    for (const clip of sorted) {
+      const progress = gsapClipSyncProgress(sequencePosition, clip);
+      const entry = clip.entry;
+      const animation = entry.animation;
+      if (entry.kind === "timeline" && clip.timelineChildren && clip.timelineChildren.length > 0) {
+        applyTimelineChildTimingToGsap(
+          entry.animation,
+          clip.timelineChildren,
+          entry.timelineChildById,
+          entry.onRebuildTimeline
+        );
+        const span = clip.timelineSpan ?? readGsapTweenTimelineDuration(entry.animation);
+        const t2 = progress * Math.max(span, 0.01);
+        if (typeof animation.time === "function") {
+          animation.time(t2, true);
+        } else {
+          animation.progress?.(progress, true);
+        }
+      } else {
+        animation.progress?.(progress, true);
+      }
     }
-    internal2.deleteObject(sanitizedPath);
   }
-  getObjects() {
-    return privateAPI(this).getObjects().map((obj) => obj.publicApi);
+}
+function readGsapTweenTimelineDuration(animation) {
+  const tween = animation;
+  const total = tween.totalDuration?.();
+  if (typeof total === "number" && total > 0) return total;
+  const d2 = tween.duration();
+  return d2 > 0 ? d2 : 1;
+}
+
+// shared/src/gsap/gsapAnimationRegistry.ts
+var DEFAULT_SHEET_INSTANCE_ID2 = "default";
+var REGISTRY_KEY2 = "__unseenco_theatre_gsap_animationRegistry__";
+function sheetObjectAddressKeyFromParts(address) {
+  const sheetInstanceId = address.sheetInstanceId ?? DEFAULT_SHEET_INSTANCE_ID2;
+  return "".concat(address.projectId, "|").concat(address.sheetId, "|").concat(sheetInstanceId, "|").concat(address.objectKey);
+}
+function getStore2() {
+  const g2 = globalThis;
+  if (!g2[REGISTRY_KEY2]) {
+    g2[REGISTRY_KEY2] = {
+      bySheetAddress: /* @__PURE__ */ new Map()
+    };
   }
-  unload() {
-    privateAPI(this).unload();
+  return g2[REGISTRY_KEY2];
+}
+function getAnimationEntryBySheetAddressKey(sheetObjectAddressKey, animationId) {
+  return getStore2().bySheetAddress.get(sheetObjectAddressKey)?.get(animationId);
+}
+
+// shared/src/gsap/subscribeGsapClipSyncAtPlayhead.ts
+var import_theatre_dataverse20 = require("@unseenco/theatre-dataverse");
+
+// shared/src/gsap/syncGsapClipsAtSequencePosition.ts
+function syncGsapClipsAtSequencePosition(position, clips) {
+  syncRegisteredGsapAnimationsForClips(
+    position,
+    clips
+  );
+}
+
+// shared/src/gsap/subscribeGsapClipSyncAtPlayhead.ts
+function subscribeGsapClipSyncAtPlayhead(source) {
+  const positionPointer = source.pointer.position;
+  const positionPrism = (0, import_theatre_dataverse20.pointerToPrism)(positionPointer);
+  const clipsPrism = (0, import_theatre_dataverse20.prism)(() => source.getGsapClipTimings());
+  const syncNow = () => {
+    const clips = clipsPrism.getValue();
+    if (clips.length === 0) return;
+    syncGsapClipsAtSequencePosition((0, import_theatre_dataverse20.val)(positionPointer), clips);
+  };
+  const untapPosition = positionPrism.onStale(syncNow);
+  const untapClips = clipsPrism.onStale(syncNow);
+  syncNow();
+  return () => {
+    untapPosition();
+    untapClips();
+  };
+}
+
+// core/src/gsap/attachGsapSequenceBridge.ts
+function attachGsapSequenceBridge(sheet) {
+  const sequence = sheet.sequence;
+  const sheetAddress = privateAPI(sheet).address;
+  return subscribeGsapClipSyncAtPlayhead({
+    pointer: sequence.pointer,
+    getGsapClipTimings: () => sequence.__experimental_getGsapClips().map(({ objectKey, clip }) => ({
+      sheetObjectAddressKey: sheetObjectAddressKeyFromParts({
+        projectId: sheetAddress.projectId,
+        sheetId: sheetAddress.sheetId,
+        sheetInstanceId: sheetAddress.sheetInstanceId,
+        objectKey
+      }),
+      gsapAnimationId: clip.gsapAnimationId,
+      start: clip.start,
+      duration: clip.duration,
+      timelineChildren: clip.timelineChildren,
+      timelineSpan: clip.timelineSpan
+    }))
+  });
+}
+
+// core/src/sheets/attachSheetScrollDriver.ts
+var import_theatre_dataverse21 = require("@unseenco/theatre-dataverse");
+var sheetScrollDrivers = /* @__PURE__ */ new WeakMap();
+var pageScrollDrivenSequencePositionListeners = /* @__PURE__ */ new Set();
+function onPageScrollDrivenSequencePosition(listener) {
+  pageScrollDrivenSequencePositionListeners.add(listener);
+  return () => {
+    pageScrollDrivenSequencePositionListeners.delete(listener);
+  };
+}
+function notifyPageScrollDrivenSequencePosition(sheet, position) {
+  for (const listener of pageScrollDrivenSequencePositionListeners) {
+    listener(sheet, position);
   }
-  declareOutlineNamespace(namespacePath, opts) {
-    const internal2 = privateAPI(this);
-    const parsedPath = parseOutlineNamespacePath(
-      namespacePath,
-      "sheet.declareOutlineNamespace"
-    );
-    internal2.template.setOutlineNamespaceConfig(parsedPath.join(" / "), {
-      defaultCollapsed: opts?.collapsed
-    });
+}
+function getSheetScrollDriver(sheet) {
+  return sheetScrollDrivers.get(sheet);
+}
+function rememberSheetScrollDriver(sheet, driver) {
+  sheetScrollDrivers.set(sheet, driver);
+}
+function progressFromScrollPosition(position, max) {
+  if (max <= 0) return 0;
+  if (position <= 0) return 0;
+  if (position >= max - 1) return 1;
+  return position / max;
+}
+function getNativeDocumentScrollingElement() {
+  return document.scrollingElement ?? document.documentElement;
+}
+function addNativeDocumentScrollListener(handler) {
+  document.addEventListener("scroll", handler, { passive: true, capture: true });
+  return () => document.removeEventListener("scroll", handler, { capture: true });
+}
+function createScrollDriverFromElement(getMaxScroll, getScrollPos, setScrollPos, addScrollListener) {
+  let suppressScrollEvents = false;
+  let suppressGeneration = 0;
+  const getProgress = () => {
+    const max = getMaxScroll();
+    return progressFromScrollPosition(getScrollPos(), max);
+  };
+  const setProgress = (progress) => {
+    const max = getMaxScroll();
+    const clamped = Math.max(0, Math.min(1, progress));
+    const gen = ++suppressGeneration;
+    suppressScrollEvents = true;
+    setScrollPos(clamped * max);
+    const release = () => {
+      if (gen === suppressGeneration) {
+        suppressScrollEvents = false;
+      }
+    };
+    requestAnimationFrame(() => requestAnimationFrame(release));
+  };
+  return {
+    getProgress,
+    setProgress,
+    subscribe(onProgressChange) {
+      let rafId = 0;
+      const flush = () => {
+        rafId = 0;
+        if (suppressScrollEvents) return;
+        onProgressChange(getProgress());
+      };
+      const scheduleFlush = () => {
+        if (rafId !== 0) return;
+        rafId = requestAnimationFrame(flush);
+      };
+      const handler = () => scheduleFlush();
+      const removeScroll = addScrollListener(handler);
+      const onResize = () => scheduleFlush();
+      window.addEventListener("resize", onResize);
+      return () => {
+        removeScroll();
+        window.removeEventListener("resize", onResize);
+        if (rafId !== 0) cancelAnimationFrame(rafId);
+      };
+    }
+  };
+}
+function createNativeDocumentScrollDriver() {
+  const getMaxScroll = () => {
+    const el = document.documentElement;
+    return Math.max(0, el.scrollHeight - window.innerHeight);
+  };
+  return createScrollDriverFromElement(
+    getMaxScroll,
+    () => window.scrollY,
+    (y2) => window.scrollTo({ top: y2, behavior: "instant" }),
+    addNativeDocumentScrollListener
+  );
+}
+function createNativeDocumentHorizontalScrollDriver() {
+  const getMaxScroll = () => {
+    const el = getNativeDocumentScrollingElement();
+    return Math.max(0, el.scrollWidth - el.clientWidth);
+  };
+  const getScrollLeft = () => {
+    const el = getNativeDocumentScrollingElement();
+    return el.scrollLeft;
+  };
+  return createScrollDriverFromElement(
+    getMaxScroll,
+    getScrollLeft,
+    (x2) => {
+      getNativeDocumentScrollingElement().scrollLeft = x2;
+    },
+    addNativeDocumentScrollListener
+  );
+}
+function createElementScrollDriver(element) {
+  const getMaxScroll = () => Math.max(0, element.scrollHeight - element.clientHeight);
+  return createScrollDriverFromElement(
+    getMaxScroll,
+    () => element.scrollTop,
+    (y2) => {
+      element.scrollTop = y2;
+    },
+    (handler) => {
+      element.addEventListener("scroll", handler, { passive: true });
+      return () => element.removeEventListener("scroll", handler);
+    }
+  );
+}
+function createElementHorizontalScrollDriver(element) {
+  const getMaxScroll = () => Math.max(0, element.scrollWidth - element.clientWidth);
+  return createScrollDriverFromElement(
+    getMaxScroll,
+    () => element.scrollLeft,
+    (x2) => {
+      element.scrollLeft = x2;
+    },
+    (handler) => {
+      element.addEventListener("scroll", handler, { passive: true });
+      return () => element.removeEventListener("scroll", handler);
+    }
+  );
+}
+function attachSheetScrollDriver(sheet, driver = createNativeDocumentScrollDriver()) {
+  rememberSheetScrollDriver(sheet, driver);
+  const sequence = sheet.sequence;
+  const syncPositionFromScroll = (progress) => {
+    const length = (0, import_theatre_dataverse21.val)(sequence.pointer.length);
+    if (length <= 0) return;
+    sequence.position = progress * length;
+  };
+  const untapScroll = driver.subscribe((progress) => {
+    syncPositionFromScroll(progress);
+    notifyPageScrollDrivenSequencePosition(sheet, sequence.position);
+  });
+  syncPositionFromScroll(driver.getProgress());
+  return () => {
+    untapScroll();
+  };
+}
+function pageScrollProgressFromSequence(sheet) {
+  const length = (0, import_theatre_dataverse21.val)(sheet.sequence.pointer.length);
+  if (length <= 0) return 0;
+  return sheet.sequence.position / length;
+}
+function setPageScrollProgress(sheet, progress) {
+  const length = (0, import_theatre_dataverse21.val)(sheet.sequence.pointer.length);
+  if (length <= 0) return;
+  const clamped = Math.max(0, Math.min(1, progress));
+  sheet.sequence.position = clamped * length;
+}
+function syncPageScrollToSequencePosition(sheet, driver = getSheetScrollDriver(sheet) ?? createNativeDocumentScrollDriver()) {
+  const progress = pageScrollProgressFromSequence(sheet);
+  driver.setProgress(progress);
+}
+function syncNativeDocumentScrollToSequencePosition(sheet) {
+  syncPageScrollToSequencePosition(sheet, createNativeDocumentScrollDriver());
+}
+
+// core/src/sheets/sheetPageScrollAndGsapFull.ts
+function syncPageScrollDriverForSheet(host) {
+  host._pageScrollDisposer?.();
+  host._pageScrollDisposer = void 0;
+  if (host.getSequenceMode() === "page") {
+    const driver = host._customPageScrollDriver ?? createNativeDocumentScrollDriver();
+    host._pageScrollDisposer = attachSheetScrollDriver(host.publicApi, driver);
   }
-  setOutlineNamespaceCollapsed(namespacePath, collapsed) {
-    const internal2 = privateAPI(this);
-    const parsedPath = parseOutlineNamespacePath(
-      namespacePath,
-      "sheet.setOutlineNamespaceCollapsed"
-    );
-    internal2.template.setOutlineNamespaceConfig(parsedPath.join(" / "), {
-      collapsed
-    });
+}
+function reattachGsapBridgeForSheet(host) {
+  if (host._gsapBridgeDisposer) {
+    host._gsapBridgeDisposer();
+    host._gsapBridgeDisposer = attachGsapSequenceBridge(host.publicApi);
   }
-};
+}
+function enableGsapSequenceBridgeForSheet(host) {
+  if (host._gsapBridgeDisposer) return;
+  host._gsapBridgeDisposer = attachGsapSequenceBridge(host.publicApi);
+  syncPageScrollDriverForSheet(host);
+}
+function disposeRuntimeIntegrationsForSheet(host) {
+  host._pageScrollDisposer?.();
+  host._pageScrollDisposer = void 0;
+  host._gsapBridgeDisposer?.();
+  host._gsapBridgeDisposer = void 0;
+}
+function setPageScrollDriverForSheet(host, driver) {
+  host._customPageScrollDriver = driver;
+  syncPageScrollDriverForSheet(host);
+}
 
 // core/src/sheets/Sheet.ts
-var import_theatre_dataverse15 = require("@unseenco/theatre-dataverse");
 var Sheet = class {
   constructor(template, instanceId) {
     this.template = template;
     this.instanceId = instanceId;
-    __publicField(this, "_objects", new import_theatre_dataverse15.Atom({}));
+    __publicField(this, "_objects", new import_theatre_dataverse22.Atom({}));
     __publicField(this, "_sequences", {});
-    __publicField(this, "_activeSequenceVariant", new import_theatre_dataverse15.Atom(
+    __publicField(this, "_liteSequences", {});
+    __publicField(this, "_activeSequenceVariant", new import_theatre_dataverse22.Atom(
       DEFAULT_SEQUENCE_VARIANT
     ));
     /**
@@ -6975,7 +7648,15 @@ var Sheet = class {
      * value resolution (preview). User code can still update `_activeSequenceVariant`
      * via `setActiveSequenceVariant()` without affecting the Studio preview.
      */
-    __publicField(this, "_studioPreviewVariantOverride", new import_theatre_dataverse15.Atom(void 0));
+    __publicField(this, "_studioPreviewVariantOverride", new import_theatre_dataverse22.Atom(void 0));
+    __publicField(this, "_sequenceMode", new import_theatre_dataverse22.Atom("time"));
+    __publicField(this, "sequenceModeP", this._sequenceMode.pointer);
+    /** @internal Used by full-runtime scroll/GSAP helpers (`sheetPageScrollAndGsapFull`). */
+    __publicField(this, "_pageScrollDisposer");
+    /** @internal */
+    __publicField(this, "_customPageScrollDriver");
+    /** @internal */
+    __publicField(this, "_gsapBridgeDisposer");
     __publicField(this, "activeSequenceVariantP", this._activeSequenceVariant.pointer);
     __publicField(this, "effectiveActiveSequenceVariantD");
     __publicField(this, "address");
@@ -6992,12 +7673,12 @@ var Sheet = class {
       sheetInstanceId: this.instanceId
     };
     this.publicApi = new TheatreSheet(this);
-    this.effectiveActiveSequenceVariantD = (0, import_theatre_dataverse15.prism)(() => {
-      const studioOverride = (0, import_theatre_dataverse15.val)(this._studioPreviewVariantOverride.pointer);
+    this.effectiveActiveSequenceVariantD = (0, import_theatre_dataverse22.prism)(() => {
+      const studioOverride = (0, import_theatre_dataverse22.val)(this._studioPreviewVariantOverride.pointer);
       if (studioOverride !== void 0) {
         return studioOverride;
       }
-      return (0, import_theatre_dataverse15.val)(this._activeSequenceVariant.pointer);
+      return (0, import_theatre_dataverse22.val)(this._activeSequenceVariant.pointer);
     });
   }
   /**
@@ -7048,8 +7729,11 @@ var Sheet = class {
    * this sheet instance from the project. Persisted state is kept.
    */
   unload() {
-    for (const sequence of Object.values(this._sequences)) {
-      sequence.pause();
+    this.disposeRuntimeIntegrations();
+    if (!isTheatreLiteMode()) {
+      for (const sequence of Object.values(this._sequences)) {
+        sequence.pause();
+      }
     }
     for (const objectKey of Object.keys(
       this._objects.get()
@@ -7059,37 +7743,14 @@ var Sheet = class {
     this.project._unloadSheetInstance(this);
   }
   getSequence(variant) {
-    const variantId = variant ?? (0, import_theatre_dataverse15.val)(this._activeSequenceVariant.pointer);
-    if (!this._sequences[variantId]) {
-      const lengthD = (0, import_theatre_dataverse15.prism)(() => {
-        const sheetState = (0, import_theatre_dataverse15.val)(
-          this.project.pointers.historic.sheetsById[this.address.sheetId]
-        );
-        const unsanitized = getSequenceStateFromSheet(
-          sheetState,
-          variantId
-        )?.length;
-        return sanitizeSequenceLength(unsanitized);
-      });
-      const subUnitsPerUnitD = (0, import_theatre_dataverse15.prism)(() => {
-        const sheetState = (0, import_theatre_dataverse15.val)(
-          this.project.pointers.historic.sheetsById[this.address.sheetId]
-        );
-        const unsanitized = getSequenceStateFromSheet(
-          sheetState,
-          variantId
-        )?.subUnitsPerUnit;
-        return sanitizeSequenceSubUnitsPerUnit(unsanitized);
-      });
-      this._sequences[variantId] = new Sequence(
-        this.template.project,
-        this,
-        lengthD,
-        subUnitsPerUnitD,
-        variantId
-      );
+    const variantId = variant ?? (0, import_theatre_dataverse22.val)(this._activeSequenceVariant.pointer);
+    if (isTheatreLiteMode()) {
+      if (!this._liteSequences[variantId]) {
+        this._liteSequences[variantId] = new LiteSequence();
+      }
+      return this._liteSequences[variantId];
     }
-    return this._sequences[variantId];
+    return getOrCreateFullSequence(this, this._sequences, variantId);
   }
   getActiveSequenceVariant() {
     return this._activeSequenceVariant.get();
@@ -7124,9 +7785,32 @@ var Sheet = class {
     }
     this._studioPreviewVariantOverride.set(variantId);
   }
+  getSequenceMode() {
+    return this._sequenceMode.get();
+  }
+  setSequenceMode(mode) {
+    if (isTheatreLiteMode()) return;
+    if (this._sequenceMode.get() === mode) return;
+    this._sequenceMode.set(mode);
+    syncPageScrollDriverForSheet(this);
+    reattachGsapBridgeForSheet(this);
+  }
+  enableGsapSequenceBridge() {
+    if (isTheatreLiteMode()) return;
+    enableGsapSequenceBridgeForSheet(this);
+  }
+  disposeRuntimeIntegrations() {
+    if (isTheatreLiteMode()) return;
+    disposeRuntimeIntegrationsForSheet(this);
+  }
+  setPageScrollDriver(driver) {
+    if (isTheatreLiteMode()) return;
+    setPageScrollDriverForSheet(this, driver);
+  }
+  getPageScrollDriver() {
+    return this._customPageScrollDriver;
+  }
 };
-var sanitizeSequenceLength = (len) => typeof len === "number" && isFinite(len) && len > 0 ? len : 10;
-var sanitizeSequenceSubUnitsPerUnit = (subs) => typeof subs === "number" && isInteger_default(subs) && subs >= 1 && subs <= 1e3 ? subs : 30;
 
 // core/src/sheets/SheetTemplate.ts
 var SheetTemplate = class {
@@ -7134,13 +7818,13 @@ var SheetTemplate = class {
     this.project = project;
     __publicField(this, "type", "Theatre_SheetTemplate");
     __publicField(this, "address");
-    __publicField(this, "_instances", new import_theatre_dataverse16.Atom({}));
+    __publicField(this, "_instances", new import_theatre_dataverse23.Atom({}));
     __publicField(this, "instancesP", this._instances.pointer);
-    __publicField(this, "_objectTemplates", new import_theatre_dataverse16.Atom({}));
+    __publicField(this, "_objectTemplates", new import_theatre_dataverse23.Atom({}));
     __publicField(this, "objectTemplatesP", this._objectTemplates.pointer);
     __publicField(this, "_pendingOutlineNamespaces", {});
     __publicField(this, "_sequenceVariants", [DEFAULT_SEQUENCE_VARIANT]);
-    __publicField(this, "_visibleInOutline", new import_theatre_dataverse16.Atom(true));
+    __publicField(this, "_visibleInOutline", new import_theatre_dataverse23.Atom(true));
     __publicField(this, "visibleInOutlineP", this._visibleInOutline.pointer);
     this.address = { ...project.address, sheetId };
   }
@@ -7222,8 +7906,8 @@ var SheetTemplate = class {
 };
 
 // core/src/projects/Project.ts
-var import_theatre_dataverse19 = require("@unseenco/theatre-dataverse");
-var import_theatre_dataverse20 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse26 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse27 = require("@unseenco/theatre-dataverse");
 
 // shared/src/utils/delay.ts
 var delay = (dur) => new Promise((resolve) => setTimeout(resolve, dur));
@@ -7661,8 +8345,165 @@ async function initialiseProjectState(studio, project, onDiskState) {
   });
 }
 
+// shared/src/sheets/pageScrollContext.ts
+var defaultPageScrollContext = {
+  scroller: null,
+  axis: "vertical"
+};
+var activePageScrollContext = defaultPageScrollContext;
+function setActivePageScrollContext(context) {
+  activePageScrollContext = {
+    scroller: context.scroller,
+    axis: context.axis ?? "vertical"
+  };
+}
+function getActivePageScrollContext() {
+  return activePageScrollContext;
+}
+function resolvePageScrollAxis(context = defaultPageScrollContext) {
+  return context.axis ?? "vertical";
+}
+function resolvePageScrollScroller(st, defaultsScroller) {
+  const surface = st;
+  const fromSt = surface.scroller ?? surface.vars?.scroller;
+  if (fromSt != null) {
+    return fromSt;
+  }
+  if (defaultsScroller !== void 0) {
+    return defaultsScroller;
+  }
+  return null;
+}
+function isWindowLike(value) {
+  return typeof Window !== "undefined" && (value === window || value instanceof Window);
+}
+function isNativeDocumentScroller(scroller) {
+  if (scroller == null) return true;
+  if (isWindowLike(scroller)) return true;
+  if (typeof document === "undefined") return false;
+  return scroller === document.documentElement || scroller === document.body;
+}
+function pageScrollScrollersMatch(a2, b2) {
+  if (a2 === b2) return true;
+  if (isNativeDocumentScroller(a2) && isNativeDocumentScroller(b2)) return true;
+  return false;
+}
+function isScrollTriggerHorizontal(st) {
+  const surface = st;
+  return surface.horizontal === true || surface.vars?.horizontal === true;
+}
+function isPageScrollTrigger(st, context = defaultPageScrollContext) {
+  const axis = resolvePageScrollAxis(context);
+  const stHorizontal = isScrollTriggerHorizontal(st);
+  if (stHorizontal !== (axis === "horizontal")) {
+    return false;
+  }
+  const stScroller = resolvePageScrollScroller(st, context.scroller);
+  return pageScrollScrollersMatch(stScroller, context.scroller);
+}
+function isVerticalPageScrollTrigger(st, context = defaultPageScrollContext) {
+  return isPageScrollTrigger(st, {
+    scroller: context.scroller,
+    axis: "vertical"
+  });
+}
+
+// shared/src/gsap/scrollTriggerLayout.ts
+function getNativeDocumentMaxScroll(axis = "vertical") {
+  if (typeof document === "undefined" || typeof window === "undefined") {
+    return 0;
+  }
+  const el = document.documentElement;
+  if (axis === "horizontal") {
+    const scrolling = document.scrollingElement ?? el;
+    return Math.max(0, scrolling.scrollWidth - scrolling.clientWidth);
+  }
+  return Math.max(0, el.scrollHeight - window.innerHeight);
+}
+function getMaxScrollForScroller(scroller, axis = "vertical") {
+  if (typeof document === "undefined" || typeof window === "undefined") {
+    return 0;
+  }
+  if (isNativeDocumentScroller(scroller)) {
+    return getNativeDocumentMaxScroll(axis);
+  }
+  const el = scroller;
+  if (axis === "horizontal") {
+    return Math.max(0, el.scrollWidth - el.clientWidth);
+  }
+  return Math.max(0, el.scrollHeight - el.clientHeight);
+}
+function getMaxScrollForPageScrollContext(scroller, axis = "vertical") {
+  return getMaxScrollForScroller(scroller, axis);
+}
+
+// shared/src/gsap/domElementHighlightTarget.ts
+function resolveDomElementHighlightTarget(target) {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  if (target.type === "id") {
+    return document.getElementById(target.id);
+  }
+  try {
+    const match = document.querySelector(target.selector);
+    return match instanceof Element ? match : null;
+  } catch {
+    return null;
+  }
+}
+
+// shared/src/sheets/remoteDomElementHighlight.ts
+var listeners = /* @__PURE__ */ new Set();
+function setRemoteDomElementHighlight(element) {
+  for (const listener of listeners) {
+    listener(element);
+  }
+}
+
+// shared/src/sheets/remotePageScrollMetrics.ts
+var remoteMetrics;
+var listeners2 = /* @__PURE__ */ new Set();
+function setRemotePageScrollMetrics(metrics) {
+  const prev = remoteMetrics;
+  remoteMetrics = metrics;
+  if (prev?.maxScroll !== metrics?.maxScroll || prev?.axis !== metrics?.axis) {
+    for (const listener of listeners2) {
+      listener();
+    }
+  }
+}
+
 // core/src/internal/RemoteSync.ts
-var import_theatre_dataverse17 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse24 = require("@unseenco/theatre-dataverse");
+
+// core/src/internal/createDebouncedCallback.ts
+function createDebouncedCallback(fn2, delayMs) {
+  let timeoutId;
+  const clearPending = () => {
+    if (timeoutId !== void 0) {
+      clearTimeout(timeoutId);
+      timeoutId = void 0;
+    }
+  };
+  return {
+    schedule() {
+      clearPending();
+      timeoutId = setTimeout(() => {
+        timeoutId = void 0;
+        fn2();
+      }, delayMs);
+    },
+    flush() {
+      if (timeoutId === void 0) return;
+      clearPending();
+      fn2();
+    },
+    cancel() {
+      clearPending();
+    }
+  };
+}
 
 // core/src/internal/remoteEditor.ts
 function isRemoteEditorWindow() {
@@ -7670,6 +8511,10 @@ function isRemoteEditorWindow() {
 }
 
 // core/src/internal/RemoteSync.ts
+var REMOTE_HISTORIC_SYNC_DEBOUNCE_MS = 100;
+function shouldSyncPageScrollWhenApplyingTimelineUpdate(isEditor, sequenceMode) {
+  return !isEditor && sequenceMode === "page";
+}
 var RemoteSync = class {
   constructor(project) {
     this.project = project;
@@ -7680,34 +8525,37 @@ var RemoteSync = class {
     __publicField(this, "objectUnsubs", /* @__PURE__ */ new Map());
     __publicField(this, "studio");
     __publicField(this, "activeSheet");
+    __publicField(this, "historicSyncDebounce");
+    __publicField(this, "lastBroadcastHistoricFingerprint");
+    __publicField(this, "historicSyncUnsubs", []);
+    __publicField(this, "remoteEditorActive", false);
+    __publicField(this, "suppressTimelineBroadcast", false);
+    __publicField(this, "listenerTimelineUnsub");
+    __publicField(this, "listenerMetricsUnsubs", []);
+    __publicField(this, "broadcastPageScrollMetrics");
     if (typeof BroadcastChannel === "undefined") return;
     this.channel = new BroadcastChannel(
       "theatre-remote:".concat(project.address.projectId)
     );
+    this.channel.onmessage = (event) => {
+      this._handleIncoming(event.data);
+    };
     if (!this.isEditor) {
-      this.channel.onmessage = (event) => {
-        this._handleIncoming(event.data);
-      };
+      this.listenerTimelineUnsub = onPageScrollDrivenSequencePosition(
+        (sheet, position) => {
+          this._broadcastTimelineFromListener(sheet, position);
+        }
+      );
     } else {
       const channel = this.channel;
       window.addEventListener("pagehide", () => {
-        const data = {};
-        if (this.studio) {
-          const projectId = this.project.address.projectId;
-          const historic = (0, import_theatre_dataverse17.val)(
-            this.studio.atomP.historic.coreByProject[projectId]
-          );
-          const ahistoric = (0, import_theatre_dataverse17.val)(
-            this.studio.atomP.ahistoric.coreByProject[projectId]
-          );
-          if (historic) {
-            data.historic = JSON.parse(JSON.stringify(historic));
-            if (ahistoric) {
-              data.ahistoric = JSON.parse(JSON.stringify(ahistoric));
-            }
-          }
+        this.historicSyncDebounce?.flush();
+        const data = this._readHistoricSnapshotFromStudio();
+        if (data && this.lastBroadcastHistoricFingerprint === fingerprintHistoricSnapshot(data)) {
+          channel.postMessage({ event: "disconnect", data: {} });
+          return;
         }
-        channel.postMessage({ event: "disconnect", data });
+        channel.postMessage({ event: "disconnect", data: data ?? {} });
       });
     }
   }
@@ -7758,8 +8606,13 @@ var RemoteSync = class {
   }
   attachStudio(studio) {
     this.studio = studio;
-    if (!this.isEditor || !this.channel) return;
+    if (!this.channel) return;
+    if (!this.isEditor) {
+      this._attachListenerPageScrollMetricsBroadcast();
+      return;
+    }
     const channel = this.channel;
+    channel.postMessage({ event: "editorHello", data: {} });
     const projectId = this.project.address.projectId;
     studio.publicApi.onSelectionChange((selection) => {
       for (const item of selection) {
@@ -7784,7 +8637,7 @@ var RemoteSync = class {
     let lastPosition;
     const ticker = getCoreTicker();
     const pollTimelinePosition = () => {
-      if (this.activeSheet) {
+      if (this.activeSheet && !this.suppressTimelineBroadcast) {
         const position = this.activeSheet.publicApi.sequence.position;
         if (position !== lastPosition) {
           lastPosition = position;
@@ -7795,12 +8648,120 @@ var RemoteSync = class {
           channel.postMessage(message);
         }
       }
-      ticker.onNextTick(pollTimelinePosition);
+      ticker.onNextTick(pollTimelinePosition);
+    };
+    ticker.onNextTick(pollTimelinePosition);
+    this.historicSyncDebounce = createDebouncedCallback(() => {
+      this._broadcastHistoricSnapshot();
+    }, REMOTE_HISTORIC_SYNC_DEBOUNCE_MS);
+    const scheduleHistoricSync = () => {
+      this.historicSyncDebounce?.schedule();
+    };
+    void studio.initialized.then(() => {
+      this.historicSyncUnsubs.push(
+        (0, import_theatre_dataverse24.pointerToPrism)(studio.atomP.historic.coreByProject[projectId]).onChange(
+          studio.ticker,
+          scheduleHistoricSync,
+          true
+        ),
+        (0, import_theatre_dataverse24.pointerToPrism)(
+          studio.atomP.ahistoric.coreByProject[projectId]
+        ).onChange(studio.ticker, scheduleHistoricSync, true)
+      );
+    });
+  }
+  _readHistoricSnapshotFromStudio() {
+    if (!this.studio) return void 0;
+    const projectId = this.project.address.projectId;
+    const historic = (0, import_theatre_dataverse24.val)(
+      this.studio.atomP.historic.coreByProject[projectId]
+    );
+    if (!historic) return void 0;
+    const data = {
+      historic: JSON.parse(JSON.stringify(historic))
+    };
+    const ahistoric = (0, import_theatre_dataverse24.val)(
+      this.studio.atomP.ahistoric.coreByProject[projectId]
+    );
+    if (ahistoric) {
+      data.ahistoric = JSON.parse(JSON.stringify(ahistoric));
+    }
+    return data;
+  }
+  _broadcastHistoricSnapshot(options) {
+    if (!this.channel) return;
+    const data = this._readHistoricSnapshotFromStudio();
+    if (!data) return;
+    const fingerprint = fingerprintHistoricSnapshot(data);
+    if (!options?.force && fingerprint === this.lastBroadcastHistoricFingerprint) {
+      return;
+    }
+    this.lastBroadcastHistoricFingerprint = fingerprint;
+    const message = { event: "updateHistoric", data };
+    this.channel.postMessage(message);
+  }
+  _applyHistoricSnapshot(historic, ahistoric) {
+    if (!this.studio) return;
+    const projectId = this.project.address.projectId;
+    this.studio.transaction(({ drafts }) => {
+      drafts.historic.coreByProject[projectId] = historic;
+      if (ahistoric) {
+        drafts.ahistoric.coreByProject[projectId] = ahistoric;
+      }
+      drafts.ephemeral.coreByProject[projectId].loadingState = {
+        type: "loaded"
+      };
+    });
+  }
+  _broadcastTimelineFromListener(sheet, position) {
+    if (this.isEditor || !this.channel || !this.remoteEditorActive || this.suppressTimelineBroadcast) {
+      return;
+    }
+    const registered = this.sheets.get(sheet.address.sheetId);
+    if (!registered || registered.getSequenceMode() !== "page") return;
+    const message = {
+      event: "updateTimeline",
+      data: { sheet: sheet.address.sheetId, position }
     };
-    ticker.onNextTick(pollTimelinePosition);
+    this.channel.postMessage(message);
+  }
+  _postPageScrollMetrics() {
+    if (!this.remoteEditorActive || !this.channel) return;
+    const ctx = getActivePageScrollContext();
+    const axis = resolvePageScrollAxis(ctx);
+    const maxScroll = getMaxScrollForPageScrollContext(ctx.scroller, axis);
+    const message = {
+      event: "pageScrollMetrics",
+      data: { maxScroll, axis }
+    };
+    this.channel.postMessage(message);
+  }
+  _attachListenerPageScrollMetricsBroadcast() {
+    if (this.isEditor || !this.channel) return;
+    const broadcast = () => this._postPageScrollMetrics();
+    this.broadcastPageScrollMetrics = broadcast;
+    const onScroll = () => broadcast();
+    document.addEventListener("scroll", onScroll, { passive: true, capture: true });
+    const onResize = () => broadcast();
+    window.addEventListener("resize", onResize);
+    const ScrollTrigger = globalThis.ScrollTrigger;
+    ScrollTrigger?.addEventListener?.("refresh", broadcast);
+    broadcast();
+    this.listenerMetricsUnsubs.push(() => {
+      document.removeEventListener("scroll", onScroll, { capture: true });
+      window.removeEventListener("resize", onResize);
+      ScrollTrigger?.removeEventListener?.("refresh", broadcast);
+    });
   }
   _handleIncoming(msg) {
     switch (msg.event) {
+      case "editorHello": {
+        if (this.isEditor) break;
+        this.remoteEditorActive = true;
+        this.broadcastPageScrollMetrics?.();
+        this._broadcastHistoricSnapshot({ force: true });
+        break;
+      }
       case "setSheet": {
         const sheet = this.sheets.get(msg.data.sheet);
         if (sheet && this.studio) {
@@ -7825,32 +8786,67 @@ var RemoteSync = class {
         const sheet = this.sheets.get(msg.data.sheet);
         if (sheet) {
           this.activeSheet = sheet;
+          this.suppressTimelineBroadcast = true;
           sheet.publicApi.sequence.position = msg.data.position;
+          if (shouldSyncPageScrollWhenApplyingTimelineUpdate(
+            this.isEditor,
+            sheet.getSequenceMode()
+          )) {
+            syncPageScrollToSequencePosition(sheet.publicApi);
+          }
+          requestAnimationFrame(() => {
+            this.suppressTimelineBroadcast = false;
+          });
+        }
+        break;
+      }
+      case "pageScrollMetrics": {
+        if (!this.isEditor) break;
+        const { maxScroll, axis } = msg.data;
+        setRemotePageScrollMetrics({ maxScroll, axis });
+        break;
+      }
+      case "highlightDomTarget": {
+        if (this.isEditor || !this.remoteEditorActive) break;
+        const target = msg.data.target;
+        const element = resolveDomElementHighlightTarget(target);
+        setRemoteDomElementHighlight(element);
+        break;
+      }
+      case "clearDomHighlight": {
+        if (this.isEditor || !this.remoteEditorActive) break;
+        setRemoteDomElementHighlight(null);
+        break;
+      }
+      case "updateHistoric": {
+        const { historic, ahistoric } = msg.data;
+        if (historic) {
+          this._applyHistoricSnapshot(historic, ahistoric);
         }
         break;
       }
       case "disconnect": {
         const { historic, ahistoric } = msg.data;
-        if (historic && this.studio) {
-          const projectId = this.project.address.projectId;
-          this.studio.transaction(({ drafts }) => {
-            drafts.historic.coreByProject[projectId] = historic;
-            if (ahistoric) {
-              drafts.ahistoric.coreByProject[projectId] = ahistoric;
-            }
-            drafts.ephemeral.coreByProject[projectId].loadingState = {
-              type: "loaded"
-            };
-          });
+        if (historic) {
+          this._applyHistoricSnapshot(historic, ahistoric);
         }
         for (const obj of this.objects.values()) {
           obj.setRemoteOverride({});
         }
+        if (!this.isEditor) {
+          this.remoteEditorActive = false;
+          setRemoteDomElementHighlight(null);
+        } else {
+          setRemotePageScrollMetrics(void 0);
+        }
         break;
       }
     }
   }
 };
+function fingerprintHistoricSnapshot(data) {
+  return JSON.stringify(data);
+}
 
 // core/src/_coreLogger.ts
 function noop2() {
@@ -7877,7 +8873,7 @@ function _coreLogger(config) {
 }
 
 // shared/src/utils/assets.ts
-var import_theatre_dataverse18 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse25 = require("@unseenco/theatre-dataverse");
 
 // shared/src/utils/forEachDeep.ts
 function forEachPropDeep(m, fn2, startingPath = []) {
@@ -7947,7 +8943,7 @@ var Project = class {
     __publicField(this, "_studioReadyDeferred");
     __publicField(this, "_assetStorageReadyDeferred");
     __publicField(this, "_readyPromise");
-    __publicField(this, "_sheetTemplates", new import_theatre_dataverse20.Atom({}));
+    __publicField(this, "_sheetTemplates", new import_theatre_dataverse27.Atom({}));
     __publicField(this, "sheetTemplatesP", this._sheetTemplates.pointer);
     __publicField(this, "_studio");
     __publicField(this, "_onDiskStateAtom");
@@ -7960,7 +8956,7 @@ var Project = class {
     this._logger.traceDev("creating project");
     this.address = { projectId: id };
     this._remoteSync = new RemoteSync(this);
-    const onDiskStateAtom = new import_theatre_dataverse20.Atom({
+    const onDiskStateAtom = new import_theatre_dataverse27.Atom({
       ahistoric: {
         ahistoricStuff: ""
       },
@@ -7986,9 +8982,9 @@ var Project = class {
       }
     };
     this._pointerProxies = {
-      historic: new import_theatre_dataverse19.PointerProxy(onDiskStateAtom.pointer.historic),
-      ahistoric: new import_theatre_dataverse19.PointerProxy(onDiskStateAtom.pointer.ahistoric),
-      ephemeral: new import_theatre_dataverse19.PointerProxy(onDiskStateAtom.pointer.ephemeral)
+      historic: new import_theatre_dataverse26.PointerProxy(onDiskStateAtom.pointer.historic),
+      ahistoric: new import_theatre_dataverse26.PointerProxy(onDiskStateAtom.pointer.ahistoric),
+      ephemeral: new import_theatre_dataverse26.PointerProxy(onDiskStateAtom.pointer.ephemeral)
     };
     this.pointers = {
       historic: this._pointerProxies.historic.pointer,
@@ -8015,14 +9011,14 @@ var Project = class {
       if (typeof window === "undefined") {
         if (process.env.NODE_ENV === "production") {
           console.error(
-            'Argument config.state in Theatre.getProject("'.concat(id, '", config) is empty. ') + "You can safely ignore this message if you're developing a Next.js/Remix project in development mode. But if you are shipping to your end-users, then you need to set config.state, otherwise your project's state will be empty and nothing will animate. Learn more at https://www.theatrejs.com/docs/latest/manual/projects#state"
+            'Argument config.state in Theatre.getProject("'.concat(id, '", config) is empty. ') + "You can safely ignore this message if you're developing a Next.js/Remix project in development mode. But if you are shipping to your end-users, then you need to set config.state, otherwise your project's state will be empty and nothing will animate. Learn more at https://unseen-theatre.netlify.app/docs/guide/manual/projects#state"
           );
         }
       } else {
         setTimeout(() => {
           if (!this._studio) {
             throw new Error(
-              'Argument config.state in Theatre.getProject("'.concat(id, '", config) is empty. This is fine ') + "while you are using @unseenco/theatre-core along with @unseenco/theatre-studio. But since @unseenco/theatre-studio " + 'is not loaded, the state of project "'.concat(id, '" will be empty.\n\n') + "To fix this, you need to add @unseenco/theatre-studio into the bundle and export the project's state. Learn how to do that at https://www.theatrejs.com/docs/latest/manual/projects#state\n"
+              'Argument config.state in Theatre.getProject("'.concat(id, '", config) is empty. This is fine ') + "while you are using @unseenco/theatre-core along with @unseenco/theatre-studio. But since @unseenco/theatre-studio " + 'is not loaded, the state of project "'.concat(id, '" will be empty.\n\n') + "To fix this, you need to add @unseenco/theatre-studio into the bundle and export the project's state. Learn how to do that at https://unseen-theatre.netlify.app/docs/guide/manual/projects#state\n"
             );
           }
         }, 1e3);
@@ -8086,6 +9082,7 @@ var Project = class {
       template.setVisibleInOutline(opts.visible);
     }
     const sheet = template.getInstance(instanceId);
+    applySheetRuntimeOptions(sheet, opts);
     this._remoteSync.registerSheet(sheet);
     return sheet;
   }
@@ -8366,13 +9363,13 @@ var Project = class {
 };
 
 // shared/src/utils/sanitizers.ts
-var _validateSym = (val12, thingy, range) => {
-  if (typeof val12 !== "string") {
-    return "".concat(thingy, " must be a string. ").concat(userReadableTypeOfValue_default(val12), " given.");
-  } else if (val12.trim().length !== val12.length) {
-    return "".concat(thingy, " must not have leading or trailing spaces. '").concat(val12, "' given.");
-  } else if (val12.length < range[0] || val12.length > range[1]) {
-    return "".concat(thingy, " must have between ").concat(range[0], " and ").concat(range[1], " characters. '").concat(val12, "' given.");
+var _validateSym = (val15, thingy, range) => {
+  if (typeof val15 !== "string") {
+    return "".concat(thingy, " must be a string. ").concat(userReadableTypeOfValue_default(val15), " given.");
+  } else if (val15.trim().length !== val15.length) {
+    return "".concat(thingy, " must not have leading or trailing spaces. '").concat(val15, "' given.");
+  } else if (val15.length < range[0] || val15.length > range[1]) {
+    return "".concat(thingy, " must have between ").concat(range[0], " and ").concat(range[1], " characters. '").concat(val15, "' given.");
   }
 };
 var validateName = (name, thingy, shouldThrow = false) => {
@@ -8486,196 +9483,10 @@ var TheatreProject = class {
   }
 };
 
-// core/src/coreExports.ts
+// core/src/coreExportsShared.ts
 var import_fast_deep_equal3 = __toESM(require_fast_deep_equal());
-var import_theatre_dataverse23 = require("@unseenco/theatre-dataverse");
-var import_theatre_dataverse24 = require("@unseenco/theatre-dataverse");
-
-// shared/src/gsap/applyTimelineChildTiming.ts
-function applyTimelineChildTimingToGsap(rootAnimation, timelineChildren, childById, onRebuild) {
-  if (!timelineChildren.length) return true;
-  let ok = applyTimelineChildTimingToGsapInner(
-    rootAnimation,
-    timelineChildren,
-    childById
-  );
-  if (!ok && onRebuild) {
-    const rebuilt = onRebuild();
-    if (rebuilt) {
-      ok = applyTimelineChildTimingToGsapInner(
-        rebuilt,
-        timelineChildren,
-        childById
-      );
-    }
-  }
-  return ok;
-}
-function applyTimelineChildTimingToGsapInner(rootAnimation, timelineChildren, childById) {
-  if (!childById || timelineChildren.length === 0) return true;
-  let ok = true;
-  for (const childState of timelineChildren) {
-    const tween = childById.get(childState.childId);
-    if (!tween) continue;
-    try {
-      const t2 = tween;
-      if (typeof t2.startTime === "function") {
-        t2.startTime(childState.localStart);
-      }
-      if (typeof t2.duration === "function") {
-        t2.duration(childState.localDuration);
-      }
-    } catch {
-      ok = false;
-    }
-  }
-  return ok;
-}
-
-// shared/src/gsap/syncGsapClipProgress.ts
-function getGsapAnimationTargetKey(animation, fallbackAnimationId) {
-  const tween = animation;
-  const targets = tween.targets?.();
-  if (targets && targets.length > 0) {
-    return targets[0];
-  }
-  return fallbackAnimationId;
-}
-function syncRegisteredGsapAnimationsForClips(sequencePosition, clips) {
-  const enriched = [];
-  for (const clip of clips) {
-    const entry = getAnimationEntryBySheetAddressKey(
-      clip.sheetObjectAddressKey,
-      clip.gsapAnimationId
-    );
-    if (!entry?.animation) continue;
-    enriched.push({
-      ...clip,
-      entry,
-      targetKey: getGsapAnimationTargetKey(
-        entry.animation,
-        clip.gsapAnimationId
-      )
-    });
-  }
-  const byTarget = /* @__PURE__ */ new Map();
-  for (const item of enriched) {
-    const list = byTarget.get(item.targetKey) ?? [];
-    list.push(item);
-    byTarget.set(item.targetKey, list);
-  }
-  for (const group of byTarget.values()) {
-    const sorted = [...group].sort((a2, b2) => a2.start - b2.start);
-    for (const clip of sorted) {
-      const progress = gsapClipSyncProgress(sequencePosition, clip);
-      const entry = clip.entry;
-      const animation = entry.animation;
-      if (entry.kind === "timeline" && clip.timelineChildren && clip.timelineChildren.length > 0) {
-        applyTimelineChildTimingToGsap(
-          entry.animation,
-          clip.timelineChildren,
-          entry.timelineChildById,
-          entry.onRebuildTimeline
-        );
-        const span = clip.timelineSpan ?? readGsapTweenTimelineDuration(entry.animation);
-        const t2 = progress * Math.max(span, 0.01);
-        if (typeof animation.time === "function") {
-          animation.time(t2, true);
-        } else {
-          animation.progress?.(progress, true);
-        }
-      } else {
-        animation.progress?.(progress, true);
-      }
-    }
-  }
-}
-function readGsapTweenTimelineDuration(animation) {
-  const tween = animation;
-  const total = tween.totalDuration?.();
-  if (typeof total === "number" && total > 0) return total;
-  const d2 = tween.duration();
-  return d2 > 0 ? d2 : 1;
-}
-
-// shared/src/gsap/gsapStudioRegistryRevision.ts
-var import_theatre_dataverse21 = require("@unseenco/theatre-dataverse");
-var revisionAtom = new import_theatre_dataverse21.Atom(0);
-var gsapStudioRegistryRevisionPointer = revisionAtom.pointer;
-
-// shared/src/gsap/gsapAnimationRegistry.ts
-var DEFAULT_SHEET_INSTANCE_ID = "default";
-var REGISTRY_KEY = "__unseenco_theatre_gsap_animationRegistry__";
-function sheetObjectAddressKeyFromParts(address) {
-  const sheetInstanceId = address.sheetInstanceId ?? DEFAULT_SHEET_INSTANCE_ID;
-  return "".concat(address.projectId, "|").concat(address.sheetId, "|").concat(sheetInstanceId, "|").concat(address.objectKey);
-}
-function getStore() {
-  const g2 = globalThis;
-  if (!g2[REGISTRY_KEY]) {
-    g2[REGISTRY_KEY] = {
-      bySheetAddress: /* @__PURE__ */ new Map()
-    };
-  }
-  return g2[REGISTRY_KEY];
-}
-function getAnimationEntryBySheetAddressKey(sheetObjectAddressKey, animationId) {
-  return getStore().bySheetAddress.get(sheetObjectAddressKey)?.get(animationId);
-}
-
-// shared/src/gsap/subscribeGsapClipSyncAtPlayhead.ts
-var import_theatre_dataverse22 = require("@unseenco/theatre-dataverse");
-
-// shared/src/gsap/syncGsapClipsAtSequencePosition.ts
-function syncGsapClipsAtSequencePosition(position, clips) {
-  syncRegisteredGsapAnimationsForClips(
-    position,
-    clips
-  );
-}
-
-// shared/src/gsap/subscribeGsapClipSyncAtPlayhead.ts
-function subscribeGsapClipSyncAtPlayhead(source) {
-  const positionPointer = source.pointer.position;
-  const positionPrism = (0, import_theatre_dataverse22.pointerToPrism)(positionPointer);
-  const clipsPrism = (0, import_theatre_dataverse22.prism)(() => source.getGsapClipTimings());
-  const syncNow = () => {
-    const clips = clipsPrism.getValue();
-    if (clips.length === 0) return;
-    syncGsapClipsAtSequencePosition((0, import_theatre_dataverse22.val)(positionPointer), clips);
-  };
-  const untapPosition = positionPrism.onStale(syncNow);
-  const untapClips = clipsPrism.onStale(syncNow);
-  syncNow();
-  return () => {
-    untapPosition();
-    untapClips();
-  };
-}
-
-// core/src/gsap/attachGsapSequenceBridge.ts
-function attachGsapSequenceBridge(sheet) {
-  const sequence = sheet.sequence;
-  const sheetAddress = privateAPI(sheet).address;
-  return subscribeGsapClipSyncAtPlayhead({
-    pointer: sequence.pointer,
-    getGsapClipTimings: () => sequence.__experimental_getGsapClips().map(({ objectKey, clip }) => ({
-      sheetObjectAddressKey: sheetObjectAddressKeyFromParts({
-        projectId: sheetAddress.projectId,
-        sheetId: sheetAddress.sheetId,
-        sheetInstanceId: sheetAddress.sheetInstanceId,
-        objectKey
-      }),
-      gsapAnimationId: clip.gsapAnimationId,
-      start: clip.start,
-      duration: clip.duration,
-      timelineChildren: clip.timelineChildren,
-      timelineSpan: clip.timelineSpan
-    }))
-  });
-}
-
-// core/src/coreExports.ts
+var import_theatre_dataverse28 = require("@unseenco/theatre-dataverse");
+var import_theatre_dataverse29 = require("@unseenco/theatre-dataverse");
 function getProject(id, config = {}) {
   const existingProject = projectsSingleton_default.get(id);
   if (existingProject) {
@@ -8753,28 +9564,97 @@ var validateProjectIdOrThrow = (value) => {
     );
   }
 };
-function onChange(pointer3, callback, rafDriver) {
+function onChange(pointer4, callback, rafDriver) {
   const ticker = rafDriver ? privateAPI(rafDriver).ticker : getCoreTicker();
-  if ((0, import_theatre_dataverse23.isPointer)(pointer3)) {
-    const pr = (0, import_theatre_dataverse24.pointerToPrism)(pointer3);
+  if ((0, import_theatre_dataverse28.isPointer)(pointer4)) {
+    const pr = (0, import_theatre_dataverse29.pointerToPrism)(pointer4);
     return pr.onChange(ticker, callback, true);
-  } else if ((0, import_theatre_dataverse24.isPrism)(pointer3)) {
-    return pointer3.onChange(ticker, callback, true);
+  } else if ((0, import_theatre_dataverse29.isPrism)(pointer4)) {
+    return pointer4.onChange(ticker, callback, true);
   } else {
     throw new Error(
       "Called onChange(p) where p is neither a pointer nor a prism."
     );
   }
 }
-function val11(pointer3) {
-  if ((0, import_theatre_dataverse23.isPointer)(pointer3)) {
-    return (0, import_theatre_dataverse24.pointerToPrism)(pointer3).getValue();
+function val14(pointer4) {
+  if ((0, import_theatre_dataverse28.isPointer)(pointer4)) {
+    return (0, import_theatre_dataverse29.pointerToPrism)(pointer4).getValue();
   } else {
     throw new Error("Called val(p) where p is not a pointer.");
   }
 }
 
+// core/src/sheets/theatrePageScroll.ts
+var pageScrollConfig = {};
+function buildPageScrollContextFromConfig() {
+  return {
+    scroller: pageScrollConfig.scroller ?? defaultPageScrollContext.scroller,
+    axis: pageScrollConfig.axis ?? defaultPageScrollContext.axis
+  };
+}
+function configureTheatrePageScroll(config) {
+  const prev = pageScrollConfig;
+  pageScrollConfig = {
+    scroller: config.scroller ?? prev.scroller,
+    axis: config.axis ?? prev.axis
+  };
+  if (config.scroller !== void 0 || config.axis !== void 0) {
+    setActivePageScrollContext(buildPageScrollContextFromConfig());
+  }
+  return {
+    reset() {
+      pageScrollConfig = prev;
+      setActivePageScrollContext(
+        prev.scroller !== void 0 || prev.axis !== void 0 ? {
+          scroller: prev.scroller ?? defaultPageScrollContext.scroller,
+          axis: prev.axis ?? defaultPageScrollContext.axis
+        } : defaultPageScrollContext
+      );
+    }
+  };
+}
+function getTheatrePageScrollConfig() {
+  return pageScrollConfig;
+}
+function getTheatrePageScrollContext() {
+  const ctx = buildPageScrollContextFromConfig();
+  setActivePageScrollContext(ctx);
+  return ctx;
+}
+function createDefaultPageScrollDriver(scroller = getTheatrePageScrollContext().scroller, axis = resolvePageScrollAxis(getTheatrePageScrollContext())) {
+  if (typeof document !== "undefined" && scroller != null && !isNativeDocumentScroller(scroller) && scroller instanceof HTMLElement) {
+    return axis === "horizontal" ? createElementHorizontalScrollDriver(scroller) : createElementScrollDriver(scroller);
+  }
+  return axis === "horizontal" ? createNativeDocumentHorizontalScrollDriver() : createNativeDocumentScrollDriver();
+}
+function attachTheatrePageScroll(sheet, options = {}) {
+  const ctx = getTheatrePageScrollContext();
+  const driver = options.driver ?? createDefaultPageScrollDriver(ctx.scroller, resolvePageScrollAxis(ctx));
+  sheet.setPageScrollDriver(driver);
+  return () => {
+    sheet.setPageScrollDriver(void 0);
+  };
+}
+
+// core/src/coreExports-lite.ts
+var coreExports_lite_exports = {};
+__export(coreExports_lite_exports, {
+  createRafDriver: () => createRafDriver,
+  getProject: () => getProject,
+  getTheatreCoreRafDriver: () => getTheatreCoreRafDriver,
+  isRemoteEditorWindow: () => isRemoteEditorWindow,
+  notify: () => notify,
+  onChange: () => onChange,
+  privateAPI: () => privateAPI,
+  setCoreRafDriver: () => setCoreRafDriver,
+  setPrivateAPI: () => setPrivateAPI,
+  types: () => propTypes_exports,
+  val: () => val14
+});
+
 // core/src/CoreBundle.ts
+var coreExports = isTheatreLiteMode() ? coreExports_lite_exports : coreExports_exports;
 var CoreBundle = class {
   constructor() {
     __publicField(this, "_studio");
@@ -8783,7 +9663,7 @@ var CoreBundle = class {
     return "Theatre_CoreBundle";
   }
   get version() {
-    return "0.4.3";
+    return "0.6.0";
   }
   getBitsForStudio(studio, callback) {
     if (this._studio) {
@@ -8795,7 +9675,7 @@ var CoreBundle = class {
     const bits = {
       projectsP: projectsSingleton_default.atom.pointer.projects,
       privateAPI,
-      coreExports: coreExports_exports,
+      coreExports,
       getCoreRafDriver
     };
     callback(bits);
@@ -8806,6 +9686,15 @@ var CoreBundle = class {
 registerCoreBundle();
 function registerCoreBundle() {
   if (typeof window == "undefined") return;
+  if (globalThis.__THEATRE_FORCE_LITE__) {
+    const liteBundle = (
+      // @ts-ignore ignore
+      window[coreBundle]
+    );
+    if (liteBundle) {
+      return;
+    }
+  }
   const existingBundle = (
     // @ts-ignore ignore
     window[coreBundle]