fix: animation bug when enlarging day that is also present as outsider date of adjacent calendar page

Author: 6eDesign

src/lib/components/calendar/DayPicker.svelte

@@ -81,7 +81,7 @@
 			>
 				<Grid template="repeat(6, 1fr) / repeat(7, 1fr)">
 					{#each days as day, i (day)}
-						{#if !$store.enlargeDay || !dayjs(day.date).isSame($store.selected, 'day')}
+						{#if !$store.enlargeDay || index !== monthIndex || !dayjs(day.date).isSame($store.selected)}
 							<a
 								href="#pickday"
 								on:keydown|preventDefault

src/lib/components/generic/InfiniteGrid.svelte

@@ -19,7 +19,7 @@
 	export const visibleData = derived(
 		[dim, offset],
 		([{ w, h }, $o]) => {
-			if (!w || !h) return [];
+			if (!w || !h || !intiailized) return [];
 			const cellHeight = h / cellCount;
 			const start = Math.max(-1, Math.floor((-1 * $o) / cellHeight) - 1);
 			const baseOffset = $o % cellHeight;

src/lib/docs/NavBarItem.svelte

@@ -6,7 +6,7 @@
 	const page = getContext('navbar');
 	const dispatch = createEventDispatcher();
 
-	export let href;
+	export let href = '';
 	export let isActive = (path) => `${base}${path}` === href;
 
 	const click = (evt) => dispatch('click', evt);

src/routes/index.svelte

@@ -48,7 +48,6 @@
 		display: grid;
 		grid-template: 1fr / 1fr;
 		text-align: left;
-		/* background: #0f0b0c; */
 		background: var(--sc-theme-calendar-colors-background-highlight);
 		margin: 0;
 		grid-column: 1;