@datocms/svelte 3.0.5 → 4.1.0

package/package/components/Head/Head.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export interface TitleMetaLinkTag {
     /** the tag for the meta information */
     tag: string;
@@ -56,6 +56,6 @@ declare const __propDef: {
 export type HeadProps = typeof __propDef.props;
 export type HeadEvents = typeof __propDef.events;
 export type HeadSlots = typeof __propDef.slots;
-export default class Head extends SvelteComponentTyped<HeadProps, HeadEvents, HeadSlots> {
+export default class Head extends SvelteComponent<HeadProps, HeadEvents, HeadSlots> {
 }
 export {};

package/package/components/Image/Image.svelte

@@ -119,7 +119,7 @@ $:
 						'background-color': data.bgColor,
 						...basePlaceholderStyle
 					})}
-				></div>
+				/>
 			{/if}
 		{/if}
 

package/package/components/Image/Image.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type * as CSS from 'csstype';
 import { type ResponsiveImageType } from '../NakedImage/utils';
 declare const __propDef: {
@@ -56,6 +56,6 @@ declare const __propDef: {
 export type ImageProps = typeof __propDef.props;
 export type ImageEvents = typeof __propDef.events;
 export type ImageSlots = typeof __propDef.slots;
-export default class Image extends SvelteComponentTyped<ImageProps, ImageEvents, ImageSlots> {
+export default class Image extends SvelteComponent<ImageProps, ImageEvents, ImageSlots> {
 }
 export {};

package/package/components/NakedImage/NakedImage.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { type ResponsiveImageType } from './utils';
 declare const __propDef: {
     props: {
@@ -36,6 +36,6 @@ declare const __propDef: {
 export type NakedImageProps = typeof __propDef.props;
 export type NakedImageEvents = typeof __propDef.events;
 export type NakedImageSlots = typeof __propDef.slots;
-export default class NakedImage extends SvelteComponentTyped<NakedImageProps, NakedImageEvents, NakedImageSlots> {
+export default class NakedImage extends SvelteComponent<NakedImageProps, NakedImageEvents, NakedImageSlots> {
 }
 export {};

package/package/components/StructuredText/Node.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export declare const DEFAULT_COMPONENTS: PredicateComponentTuple[];
 import { type Node, type StructuredText } from 'datocms-structured-text-utils';
 import type { PredicateComponentTuple } from '../..';
@@ -17,6 +17,6 @@ declare const __propDef: {
 export type NodeProps = typeof __propDef.props;
 export type NodeEvents = typeof __propDef.events;
 export type NodeSlots = typeof __propDef.slots;
-export default class Node extends SvelteComponentTyped<NodeProps, NodeEvents, NodeSlots> {
+export default class Node extends SvelteComponent<NodeProps, NodeEvents, NodeSlots> {
 }
 export {};

package/package/components/StructuredText/README.md

@@ -7,6 +7,7 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
+  - [Setup](#setup)
 - [Basic usage](#basic-usage)
 - [Customization](#customization)
   - [Custom components for blocks](#custom-components-for-blocks)

package/package/components/StructuredText/StructuredText.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { type StructuredText, type Document, type Node as DastNode } from 'datocms-structured-text-utils';
 import type { PredicateComponentTuple } from '../..';
 declare const __propDef: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type StructuredTextProps = typeof __propDef.props;
 export type StructuredTextEvents = typeof __propDef.events;
 export type StructuredTextSlots = typeof __propDef.slots;
-export default class StructuredText extends SvelteComponentTyped<StructuredTextProps, StructuredTextEvents, StructuredTextSlots> {
+export default class StructuredText extends SvelteComponent<StructuredTextProps, StructuredTextEvents, StructuredTextSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/Blockquote.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Blockquote } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type BlockquoteProps = typeof __propDef.props;
 export type BlockquoteEvents = typeof __propDef.events;
 export type BlockquoteSlots = typeof __propDef.slots;
-export default class Blockquote extends SvelteComponentTyped<BlockquoteProps, BlockquoteEvents, BlockquoteSlots> {
+export default class Blockquote extends SvelteComponent<BlockquoteProps, BlockquoteEvents, BlockquoteSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/Code.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Code } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type CodeProps = typeof __propDef.props;
 export type CodeEvents = typeof __propDef.events;
 export type CodeSlots = typeof __propDef.slots;
-export default class Code extends SvelteComponentTyped<CodeProps, CodeEvents, CodeSlots> {
+export default class Code extends SvelteComponent<CodeProps, CodeEvents, CodeSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/Heading.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Heading } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type HeadingProps = typeof __propDef.props;
 export type HeadingEvents = typeof __propDef.events;
 export type HeadingSlots = typeof __propDef.slots;
-export default class Heading extends SvelteComponentTyped<HeadingProps, HeadingEvents, HeadingSlots> {
+export default class Heading extends SvelteComponent<HeadingProps, HeadingEvents, HeadingSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/Link.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Link } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type LinkProps = typeof __propDef.props;
 export type LinkEvents = typeof __propDef.events;
 export type LinkSlots = typeof __propDef.slots;
-export default class Link extends SvelteComponentTyped<LinkProps, LinkEvents, LinkSlots> {
+export default class Link extends SvelteComponent<LinkProps, LinkEvents, LinkSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/List.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { List } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type ListProps = typeof __propDef.props;
 export type ListEvents = typeof __propDef.events;
 export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+export default class List extends SvelteComponent<ListProps, ListEvents, ListSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/ListItem.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { ListItem } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type ListItemProps = typeof __propDef.props;
 export type ListItemEvents = typeof __propDef.events;
 export type ListItemSlots = typeof __propDef.slots;
-export default class ListItem extends SvelteComponentTyped<ListItemProps, ListItemEvents, ListItemSlots> {
+export default class ListItem extends SvelteComponent<ListItemProps, ListItemEvents, ListItemSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/Paragraph.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Paragraph } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type ParagraphProps = typeof __propDef.props;
 export type ParagraphEvents = typeof __propDef.events;
 export type ParagraphSlots = typeof __propDef.slots;
-export default class Paragraph extends SvelteComponentTyped<ParagraphProps, ParagraphEvents, ParagraphSlots> {
+export default class Paragraph extends SvelteComponent<ParagraphProps, ParagraphEvents, ParagraphSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/Root.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Root } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type RootProps = typeof __propDef.props;
 export type RootEvents = typeof __propDef.events;
 export type RootSlots = typeof __propDef.slots;
-export default class Root extends SvelteComponentTyped<RootProps, RootEvents, RootSlots> {
+export default class Root extends SvelteComponent<RootProps, RootEvents, RootSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/Span.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Span } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type SpanProps = typeof __propDef.props;
 export type SpanEvents = typeof __propDef.events;
 export type SpanSlots = typeof __propDef.slots;
-export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
+export default class Span extends SvelteComponent<SpanProps, SpanEvents, SpanSlots> {
 }
 export {};

package/package/components/StructuredText/nodes/ThematicBreak.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { ThematicBreak } from 'datocms-structured-text-utils';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type ThematicBreakProps = typeof __propDef.props;
 export type ThematicBreakEvents = typeof __propDef.events;
 export type ThematicBreakSlots = typeof __propDef.slots;
-export default class ThematicBreak extends SvelteComponentTyped<ThematicBreakProps, ThematicBreakEvents, ThematicBreakSlots> {
+export default class ThematicBreak extends SvelteComponent<ThematicBreakProps, ThematicBreakEvents, ThematicBreakSlots> {
 }
 export {};

package/package/components/StructuredText/utils/Lines.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         lines?: string[] | undefined;
@@ -11,6 +11,6 @@ declare const __propDef: {
 export type LinesProps = typeof __propDef.props;
 export type LinesEvents = typeof __propDef.events;
 export type LinesSlots = typeof __propDef.slots;
-export default class Lines extends SvelteComponentTyped<LinesProps, LinesEvents, LinesSlots> {
+export default class Lines extends SvelteComponent<LinesProps, LinesEvents, LinesSlots> {
 }
 export {};

package/package/components/VideoPlayer/README.md

@@ -131,6 +131,8 @@ inner `<mux-player />`.
 
 - when not declared, the `disableCookies` prop is true, unless you explicitly
   set the prop to `false` (therefore it generates a `disable-cookies` attribute)
+- when not declared, the `disableTracking` prop is true, unelss you explicitly
+  set it to `false` (so, it normally generates a `disable-tracking` attribute)
 - `preload` defaults to `metadata`, for an optimal UX experience together with saved bandwidth
 - the video height and width, when available in the `data` props, are used to
   set a default `aspect-ratio: [width] / [height];` for the `<mux-player />`'s

package/package/components/VideoPlayer/VideoPlayer.svelte

@@ -74,6 +74,7 @@ export let data = {};
 export let style = void 0;
 export let preload = "metadata";
 export let disableCookies = true;
+export let disableTracking = true;
 let muxPlayerElementImported = false;
 let muxPlayerElement;
 let computedProps;
@@ -85,6 +86,7 @@ $: {
     ...computedStyle(style, width, height) || {},
     ...computedPlaceholder(blurUpThumb) || {},
     disableCookies,
+    disableTracking,
     preload
   };
 }
@@ -134,4 +136,4 @@ onMount(async () => {
 	on:error
 	on:cuepointchange
 	on:cuepointschange
-></mux-player>
+/>

package/package/components/VideoPlayer/VideoPlayer.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { CmcdTypes, MaxResolutionValue, MinResolutionValue, PlaybackTypes, RenditionOrderValue, StreamTypes } from '@mux/playback-core';
 import type { Tokens } from '@mux/mux-player';
 type ValueOf<T> = T[keyof T];
@@ -23,6 +23,7 @@ type MuxMediaPropTypes = {
     envKey: string;
     debug: boolean;
     disableCookies: boolean;
+    disableTracking: boolean;
     disablePictureInPicture?: boolean;
     metadata: {
         [k: string]: any;
@@ -130,5 +131,5 @@ type VideoPlayerProps_ = typeof __propDef.props;
 export { VideoPlayerProps_ as VideoPlayerProps };
 export type VideoPlayerEvents = typeof __propDef.events;
 export type VideoPlayerSlots = typeof __propDef.slots;
-export default class VideoPlayer extends SvelteComponentTyped<VideoPlayerProps_, VideoPlayerEvents, VideoPlayerSlots> {
+export default class VideoPlayer extends SvelteComponent<VideoPlayerProps_, VideoPlayerEvents, VideoPlayerSlots> {
 }

package/package/components/VideoPlayer/__tests__/VideoPlayer.svelte.test.js

@@ -52,6 +52,20 @@ describe('VideoPlayer', () => {
                     });
                 });
             });
+            describe('and `disableTracking` is passed', () => {
+                it('uses it for the <mux-player /> element', () => {
+                    const props = { data, disableTracking: true };
+                    const { container } = render(VideoPlayer, { props });
+                    expect(container).toMatchSnapshot();
+                });
+                describe('with value `false`', () => {
+                    it("doesn't use it for the <mux-player /> element", () => {
+                        const props = { data, disableTracking: false };
+                        const { container } = render(VideoPlayer, { props });
+                        expect(container).toMatchSnapshot();
+                    });
+                });
+            });
             describe('and `preload` is passed', () => {
                 it('uses it for the <mux-player /> element', () => {
                     const props = { data, preload: 'auto' };

package/package/components/VideoPlayer/__tests__/__snapshots__/VideoPlayer.svelte.test.ts.snap

@@ -5,6 +5,7 @@ exports[`VideoPlayer > when data object > contains \`muxPlaybackId\` > uses it f
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
       stream-type="on-demand"
@@ -19,6 +20,7 @@ exports[`VideoPlayer > when data object > contains \`playbackId\` > uses it for
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
       stream-type="on-demand"
@@ -34,6 +36,7 @@ exports[`VideoPlayer > when data object > is complete > and \`autoplay\` is pass
     <mux-player
       autoplay="true"
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -51,6 +54,7 @@ exports[`VideoPlayer > when data object > is complete > and \`autoplay\` is pass
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -69,6 +73,7 @@ exports[`VideoPlayer > when data object > is complete > and \`class\` is passed
     <mux-player
       class="main-player"
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -86,6 +91,7 @@ exports[`VideoPlayer > when data object > is complete > and \`disableCookies\` i
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -102,6 +108,42 @@ exports[`VideoPlayer > when data object > is complete > and \`disableCookies\` i
 <body>
   <div>
     <mux-player
+      disable-tracking="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+
+exports[`VideoPlayer > when data object > is complete > and \`disableTracking\` is passed > uses it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
+      disable-tracking="true"
+      placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
+      playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
+      preload="metadata"
+      stream-type="on-demand"
+      style="aspect-ratio: 1080 / 1920;"
+      title="Title"
+    />
+    <!--&lt;VideoPlayer&gt;-->
+  </div>
+</body>
+`;
+
+exports[`VideoPlayer > when data object > is complete > and \`disableTracking\` is passed > with value \`false\` > doesn't use it for the <mux-player /> element 1`] = `
+<body>
+  <div>
+    <mux-player
+      disable-cookies="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -119,6 +161,7 @@ exports[`VideoPlayer > when data object > is complete > and \`preload\` is passe
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="auto"
@@ -136,6 +179,7 @@ exports[`VideoPlayer > when data object > is complete > and \`preload\` is passe
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="none"
@@ -153,6 +197,7 @@ exports[`VideoPlayer > when data object > is complete > and a style string is pa
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -170,6 +215,7 @@ exports[`VideoPlayer > when data object > is complete > and a style string is pa
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -187,6 +233,7 @@ exports[`VideoPlayer > when data object > is complete > unwraps data into props
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       placeholder="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
@@ -204,6 +251,7 @@ exports[`VideoPlayer > when data object > lacks of \`title\` value > avoids addi
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
       stream-type="on-demand"
@@ -219,6 +267,7 @@ exports[`VideoPlayer > when data object > lacks of \`width\` and \`height\` valu
   <div>
     <mux-player
       disable-cookies="true"
+      disable-tracking="true"
       playback-id="ip028MAXF026dU900bKiyNDttjonw7A1dFY"
       preload="metadata"
       stream-type="on-demand"

package/package/index.d.ts

@@ -1,5 +1,4 @@
 import type { Node } from 'datocms-structured-text-utils';
-import type { SvelteComponent } from 'svelte';
 export { default as NakedImage } from './components/NakedImage/NakedImage.svelte';
 export type { ResponsiveImageType } from './components/NakedImage/utils';
 export { default as Head } from './components/Head/Head.svelte';
@@ -9,5 +8,5 @@ export { default as VideoPlayer } from './components/VideoPlayer/VideoPlayer.sve
 export * from './stores/querySubscription';
 export type PredicateComponentTuple = [
     (n: Node) => boolean,
-    new (...any: any) => SvelteComponent
+    any
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@datocms/svelte",
-	"version": "3.0.5",
+	"version": "4.1.0",
 	"description": "A set of components and utilities to work faster with DatoCMS in Svelte",
 	"license": "MIT",
 	"repository": {
@@ -27,7 +27,7 @@
 	},
 	"peerDependencies": {
 		"@mux/mux-player": "*",
-		"svelte": "^3.59.2 || ^4.0.0 || ^5.0.0"
+		"svelte": "^4.0.0 || ^5.0.0"
 	},
 	"peerDependenciesMeta": {
 		"@mux/mux-player": {
@@ -35,7 +35,7 @@
 		}
 	},
 	"devDependencies": {
-		"@mux/mux-player": "*",
+		"@mux/mux-player": "^2.5.0",
 		"@mux/playback-core": "^0.22.1",
 		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/kit": "^2.0.0",