@prismicio/svelte 2.2.2-pr.62.4f19e8b → 2.2.3-pr.64.25522e1

package/dist/PrismicTable.svelte

@@ -30,12 +30,12 @@
 
 	const { field, components = {}, fallback: Fallback }: Props = $props()
 
-	const Table = components.table
-	const Thead = components.thead
-	const Tbody = components.tbody
-	const Tr = components.tr
-	const Th = components.th
-	const Td = components.td
+	const Table = $derived(components.table)
+	const Thead = $derived(components.thead)
+	const Tbody = $derived(components.tbody)
+	const Tr = $derived(components.tr)
+	const Th = $derived(components.th)
+	const Td = $derived(components.td)
 </script>
 
 {#snippet thead(head: TableFieldHead)}

package/dist/SliceSimulator.svelte

@@ -10,19 +10,23 @@
 		simulatorClass,
 		simulatorRootClass,
 	} from "@prismicio/simulator/kit"
+	import type { Snippet } from "svelte"
+	import type { ClassValue } from "svelte/elements"
 
 	const defaultProps = getDefaultProps()
 
 	type Props = {
 		zIndex?: number
 		background?: string
-		class?: string
+		class?: ClassValue
+		children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
 	}
 
 	const {
 		zIndex = defaultProps.zIndex,
 		background = defaultProps.background,
 		class: className,
+		children,
 	}: Props = $props()
 
 	let slices = $state.raw(getDefaultSlices())
@@ -51,7 +55,7 @@
 </script>
 
 <div
-	class="{simulatorClass} {className}"
+	class={[simulatorClass, className]}
 	style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
 >
 	{#if message}
@@ -68,9 +72,7 @@
 			onsubmit={disableEventHandler}
 			onkeypress={disableEventHandler}
 		>
-			<!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
-			<!-- svelte-ignore slot_element_deprecated -->
-			<slot {slices} />
+			{@render children?.({ slices })}
 		</div>
 	{/if}
 </div>

package/dist/SliceSimulator.svelte.d.ts

@@ -1,36 +1,14 @@
+import { getDefaultSlices } from "@prismicio/simulator/kit";
+import type { Snippet } from "svelte";
+import type { ClassValue } from "svelte/elements";
 type Props = {
     zIndex?: number;
     background?: string;
-    class?: string;
+    class?: ClassValue;
+    children?: Snippet<[{
+        slices: ReturnType<typeof getDefaultSlices>;
+    }]>;
 };
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const SliceSimulator: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Props, {
-    default: {
-        slices: import("@prismicio/client").SliceZone;
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        slices: import("@prismicio/client").SliceZone;
-    };
-}, {}, "">;
-type SliceSimulator = InstanceType<typeof SliceSimulator>;
+declare const SliceSimulator: import("svelte").Component<Props, {}, "">;
+type SliceSimulator = ReturnType<typeof SliceSimulator>;
 export default SliceSimulator;

package/dist/kit/PrismicPreview.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
+	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
 	import { getToolbarSrc } from "@prismicio/client"
+	import { VERSION } from "@sveltejs/kit"
 	import { onMount } from "svelte"
 
 	type Props = {
@@ -36,7 +37,7 @@
 			"prismicPreviewUpdate",
 			(event) => {
 				event.preventDefault()
-				invalidateAll()
+				refreshAll()
 			},
 			{ signal: controller.signal },
 		)
@@ -55,10 +56,11 @@
 						),
 						window.location.origin,
 					),
-					{
-						invalidateAll: true,
-						noScroll: true,
-					},
+					// SvelteKit 3 replaced `noScroll` with `reset`, and
+					// throws if `noScroll` is passed.
+					(VERSION.startsWith("2.")
+						? { invalidateAll: true, noScroll: true }
+						: { refreshAll: true, reset: false }) as Parameters<typeof goto>[1],
 				)
 			},
 			{ signal: controller.signal },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/svelte",
-	"version": "2.2.2-pr.62.4f19e8b",
+	"version": "2.2.3-pr.64.25522e1",
 	"description": "Svelte components to present Prismic content.",
 	"keywords": [
 		"prismic",
@@ -64,25 +64,25 @@
 	"devDependencies": {
 		"@prismicio/client": "^7.22.3",
 		"@prismicio/mock": "^0.7.2",
-		"@sveltejs/kit": "^2.70.3",
+		"@sveltejs/kit": "^3.0.1",
 		"@sveltejs/package": "^3.0.0",
 		"@sveltejs/vite-plugin-svelte": "^7.3.1",
 		"@testing-library/svelte": "^5.4.2",
 		"@types/node": "^26.6.5",
-		"@vitest/coverage-v8": "^5.0.3",
+		"@vitest/coverage-v8": "^5.0.4",
 		"globals": "^17.13.0",
-		"happy-dom": "^20.14.6",
-		"oxfmt": "^0.72.0",
-		"oxlint": "^1.87.0",
+		"happy-dom": "^21.0.1",
+		"oxfmt": "^0.73.0",
+		"oxlint": "^1.88.0",
 		"standard-version": "^9.5.0",
 		"svelte": "^5.57.2",
 		"typescript": "^6.0.3",
-		"vitest": "^5.0.3"
+		"vitest": "^5.0.4"
 	},
 	"peerDependencies": {
 		"@prismicio/client": ">=7",
-		"@sveltejs/kit": "^2",
-		"svelte": "^5"
+		"@sveltejs/kit": "^2.27.0 || ^3.0.0",
+		"svelte": "^5.16.0"
 	},
 	"peerDependenciesMeta": {
 		"@sveltejs/kit": {

package/src/PrismicTable.svelte

@@ -30,12 +30,12 @@
 
 	const { field, components = {}, fallback: Fallback }: Props = $props()
 
-	const Table = components.table
-	const Thead = components.thead
-	const Tbody = components.tbody
-	const Tr = components.tr
-	const Th = components.th
-	const Td = components.td
+	const Table = $derived(components.table)
+	const Thead = $derived(components.thead)
+	const Tbody = $derived(components.tbody)
+	const Tr = $derived(components.tr)
+	const Th = $derived(components.th)
+	const Td = $derived(components.td)
 </script>
 
 {#snippet thead(head: TableFieldHead)}

package/src/SliceSimulator.svelte

@@ -10,19 +10,23 @@
 		simulatorClass,
 		simulatorRootClass,
 	} from "@prismicio/simulator/kit"
+	import type { Snippet } from "svelte"
+	import type { ClassValue } from "svelte/elements"
 
 	const defaultProps = getDefaultProps()
 
 	type Props = {
 		zIndex?: number
 		background?: string
-		class?: string
+		class?: ClassValue
+		children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
 	}
 
 	const {
 		zIndex = defaultProps.zIndex,
 		background = defaultProps.background,
 		class: className,
+		children,
 	}: Props = $props()
 
 	let slices = $state.raw(getDefaultSlices())
@@ -51,7 +55,7 @@
 </script>
 
 <div
-	class="{simulatorClass} {className}"
+	class={[simulatorClass, className]}
 	style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
 >
 	{#if message}
@@ -68,9 +72,7 @@
 			onsubmit={disableEventHandler}
 			onkeypress={disableEventHandler}
 		>
-			<!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
-			<!-- svelte-ignore slot_element_deprecated -->
-			<slot {slices} />
+			{@render children?.({ slices })}
 		</div>
 	{/if}
 </div>

package/src/kit/PrismicPreview.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
+	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
 	import { getToolbarSrc } from "@prismicio/client"
+	import { VERSION } from "@sveltejs/kit"
 	import { onMount } from "svelte"
 
 	type Props = {
@@ -36,7 +37,7 @@
 			"prismicPreviewUpdate",
 			(event) => {
 				event.preventDefault()
-				invalidateAll()
+				refreshAll()
 			},
 			{ signal: controller.signal },
 		)
@@ -55,10 +56,11 @@
 						),
 						window.location.origin,
 					),
-					{
-						invalidateAll: true,
-						noScroll: true,
-					},
+					// SvelteKit 3 replaced `noScroll` with `reset`, and
+					// throws if `noScroll` is passed.
+					(VERSION.startsWith("2.")
+						? { invalidateAll: true, noScroll: true }
+						: { refreshAll: true, reset: false }) as Parameters<typeof goto>[1],
 				)
 			},
 			{ signal: controller.signal },