PIE-605: enforce dist-only publish surfaces in pie-qti

Author: chillenious

.github/workflows/ci.yml

@@ -195,6 +195,9 @@ jobs:
           cd apps/demo
           bunx playwright install --with-deps chromium
 
+      - name: Build packages
+        run: bun run build
+
       - name: Run accessibility verification
         run: bun run verify:a11y
 

apps/demo/src/app.css

@@ -5,4 +5,4 @@
 @import 'daisyui/themes.css';
 
 /* QTI 3.0 Shared Vocabulary CSS classes (I20) */
-@import '@pie-qti/default-components/src/shared/styles/qti-shared-vocabulary.css';
+@import '@pie-qti/default-components/shared/styles/qti-shared-vocabulary.css';

apps/demo/src/lib/a11y/fixtures/AssessmentNavigationBarFixture.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
 	import type { NavigationState } from '@pie-qti/assessment-player';
-	import NavigationBar from '@pie-qti/assessment-player/components/NavigationBar.svelte';
+	import { NavigationBar } from '@pie-qti/assessment-player/components';
 	import type { SvelteI18nProvider } from '@pie-qti/i18n';
 
 	// Get i18n from context (provided by layout)

apps/demo/src/lib/a11y/fixtures/AssessmentRubricDisplayFixture.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { AssessmentRubricBlock } from '@pie-qti/assessment-player';
-	import RubricDisplay from '@pie-qti/assessment-player/components/RubricDisplay.svelte';
+	import { RubricDisplay } from '@pie-qti/assessment-player/components';
 
 	const blocks: AssessmentRubricBlock[] = [
 		{

apps/demo/src/lib/a11y/fixtures/AssessmentSectionMenuFixture.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import SectionMenu from '@pie-qti/assessment-player/components/SectionMenu.svelte';
+	import { SectionMenu } from '@pie-qti/assessment-player/components';
 
 	const sections = [
 		{ id: 'sec-1', index: 0, title: 'Section 1' },

apps/demo/src/lib/a11y/fixtures/AssessmentShellFixture.svelte

@@ -2,7 +2,7 @@
 	
 	import type { InitSessionRequest } from '@pie-qti/assessment-player';
 	import { ReferenceBackendAdapter } from '@pie-qti/assessment-player';
-import AssessmentShell from '@pie-qti/assessment-player/components/AssessmentShell.svelte';
+import { AssessmentShell } from '@pie-qti/assessment-player/components';
 	import { SAMPLE_ASSESSMENTS } from '$lib/sample-assessments';
 
 	const secureAssessment = SAMPLE_ASSESSMENTS[0]?.assessment ?? null;

apps/demo/src/lib/a11y/fixtures/CustomInteractionFallbackFixture.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import CustomInteractionFallback from '@pie-qti/default-components/shared/components/CustomInteractionFallback.svelte';
+	import { CustomInteractionFallback } from '@pie-qti/default-components/shared/components';
 
 	let value = $state<string | null>(null);
 </script>

apps/demo/src/lib/a11y/fixtures/DrawingCanvasFixture.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	
-	import DrawingCanvas from '@pie-qti/default-components/shared/components/DrawingCanvas.svelte';
+	import { DrawingCanvas } from '@pie-qti/default-components/shared/components';
 import type { QTIFileResponse } from '@pie-qti/item-player';
 
 	const imageData = {

apps/demo/src/lib/a11y/fixtures/FileUploadFixture.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	
-	import FileUpload from '@pie-qti/default-components/shared/components/FileUpload.svelte';
+	import { FileUpload } from '@pie-qti/default-components/shared/components';
 import type { QTIFileResponse } from '@pie-qti/item-player';
 
 	let value = $state<QTIFileResponse | null>(null);

apps/demo/src/lib/a11y/fixtures/GraphicGapMatchFixture.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import GraphicGapMatch from '@pie-qti/default-components/shared/components/GraphicGapMatch.svelte';
+	import { GraphicGapMatch } from '@pie-qti/default-components/shared/components';
 
 	const gapTexts = [
 		{ identifier: 'g1', text: 'Label A', matchMax: 1 },