layerchart 2.0.0-next.40 → 2.0.0-next.41

package/dist/components/tooltip/Tooltip.svelte

@@ -192,8 +192,8 @@
   const ctx = getChartContext();
   const tooltipCtx = getTooltipContext();
 
-  let tooltipWidth = $state(0);
-  let tooltipHeight = $state(0);
+  let tooltipWidth = $state<number | null>(null);
+  let tooltipHeight = $state<number | null>(null);
 
   function alignValue(value: number, align: Align, additionalOffset: number, tooltipSize: number) {
     const alignOffset = align === 'center' ? tooltipSize / 2 : align === 'end' ? tooltipSize : 0;
@@ -201,12 +201,11 @@
   }
 
   const positions = $derived.by(() => {
-    if (!tooltipCtx.data) {
-      // if no data, fallback?
-      const tooltipX = untrack(() => tooltipCtx.x);
-      const tooltipY = untrack(() => tooltipCtx.y);
-      return { x: tooltipX, y: tooltipY };
+    // if no data or tooltip size is not known yet, return null
+    if (!tooltipCtx.data || tooltipWidth === null || tooltipHeight === null) {
+      return { x: null, y: null };
     }
+
     const xBandOffset = isScaleBand(ctx.xScale)
       ? ctx.xScale.step() / 2 - (ctx.xScale.padding() * ctx.xScale.step()) / 2
       : 0;
@@ -345,8 +344,8 @@
     };
   });
 
-  const motionX = createMotion(tooltipCtx.x, () => positions.x, motion);
-  const motionY = createMotion(tooltipCtx.y, () => positions.y, motion);
+  const motionX = createMotion(null, () => positions.x, motion);
+  const motionY = createMotion(null, () => positions.y, motion);
 
   $effect(() => {
     if (!tooltipCtx.data) {

package/dist/utils/motion.svelte.js

@@ -63,7 +63,7 @@ function setupTracking(motion, getValue, options) {
     if (options.controlled)
         return;
     $effect(() => {
-        motion.set(getValue());
+        motion.set(getValue(), { instant: motion.target == null });
     });
 }
 export function createMotion(initialValue, getValue, motionProp, options = {}) {

package/package.json

@@ -4,7 +4,8 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "2.0.0-next.40",
+  "homepage": "https://layerchart.com",
+  "version": "2.0.0-next.41",
   "devDependencies": {
     "@changesets/cli": "^2.29.6",
     "@iconify-json/lucide": "^1.2.62",