@threlte/theatre 3.0.3 → 3.0.5

package/dist/sheet/Sheet.svelte

@@ -4,9 +4,7 @@ import { globalSheets } from '../consts';
 // parent context
 export const project = getContext('theatre-project');
 const projectName = project.address.projectId;
-// props
-export let name = 'default';
-export let instance = undefined;
+let { name = 'default', instance = undefined, children } = $props();
 // bindings
 export const sheet = globalSheets.get(`${projectName}-${name}-${instance}`) ?? project.sheet(name, instance);
 // register instance logic
@@ -18,4 +16,4 @@ const sequences = { default: sequence };
 setContext('theatre-sheet', { sheet, sequences });
 </script>
 
-<slot {sheet} />
+{@render children?.({ sheet })}

package/dist/sheet/Sheet.svelte.d.ts

@@ -1,43 +1,15 @@
-import type { IProject } from '@theatre/core';
+import type { IProject, ISheet } from '@theatre/core';
+import { type Snippet } from 'svelte';
 import { SequenceController } from '../sequence/SequenceController';
-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 Sheet: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    project?: IProject;
+declare const Sheet: import("svelte").Component<{
     name?: string;
     instance?: string | undefined;
-    sheet?: import("@theatre/core").ISheet;
-    sequence?: SequenceController;
-}, {
-    default: {
-        sheet: import("@theatre/core").ISheet;
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        sheet: import("@theatre/core").ISheet;
-    };
+    children?: Snippet<[{
+        sheet: ISheet;
+    }]>;
 }, {
     project: IProject;
-    sheet: import("@theatre/core").ISheet;
+    sheet: ISheet;
     sequence: SequenceController;
-}, string>;
-type Sheet = InstanceType<typeof Sheet>;
+}, "">;
 export default Sheet;

package/dist/studio/InnerStudio.svelte

@@ -1,6 +1,6 @@
 <script
   lang="ts"
-  context="module"
+  module
 >import Studio from '@theatre/studio';
 import { studio } from '../consts';
 Studio.initialize();
@@ -9,9 +9,11 @@ studio.set(Studio);
 
 <script lang="ts">import { watch } from '@threlte/core';
 import { writable } from 'svelte/store';
-export let hide;
+let { hide, children } = $props();
 const hideStore = writable(hide);
-$: hideStore.set(hide);
+$effect(() => {
+    hideStore.set(hide);
+});
 watch([studio, hideStore], ([studio, hide]) => {
     if (hide) {
         studio?.ui.hide();
@@ -25,4 +27,4 @@ watch([studio, hideStore], ([studio, hide]) => {
 });
 </script>
 
-<slot />
+{@render children?.()}

package/dist/studio/InnerStudio.svelte.d.ts

@@ -1,29 +1,5 @@
-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 InnerStudio: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+declare const InnerStudio: import("svelte").Component<{
     hide: boolean;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type InnerStudio = InstanceType<typeof InnerStudio>;
+    children?: import("svelte").Snippet;
+}, {}, "">;
 export default InnerStudio;

package/dist/studio/Studio.svelte

@@ -1,17 +1,14 @@
-<script lang="ts">export let enabled = true;
-export let hide = false;
+<script lang="ts">let { enabled = true, hide = false, children } = $props();
 const browser = typeof window !== 'undefined';
+export {};
 </script>
 
 {#if browser && enabled}
   {#await import('./InnerStudio.svelte') then Component}
-    <svelte:component
-      this={Component.default}
-      {hide}
-    >
-      <slot />
-    </svelte:component>
+    <Component.default {hide}>
+      {@render children?.()}
+    </Component.default>
   {/await}
 {:else}
-  <slot />
+  {@render children?.()}
 {/if}

package/dist/studio/Studio.svelte.d.ts

@@ -1,30 +1,7 @@
-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 Studio: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+import type { Snippet } from 'svelte';
+declare const Studio: import("svelte").Component<{
     enabled?: boolean;
     hide?: boolean;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type Studio = InstanceType<typeof Studio>;
+    children?: Snippet;
+}, {}, "">;
 export default Studio;

package/dist/theatre/Theatre.svelte

@@ -1,12 +1,11 @@
 <script lang="ts">import { Project, Sheet, Studio } from '..';
-export let studio = {};
-export let config = undefined;
+let { studio = {}, config = undefined, children } = $props();
 </script>
 
 <Studio {...studio}>
   <Project {config}>
     <Sheet>
-      <slot />
+      {@render children?.()}
     </Sheet>
   </Project>
 </Studio>

package/dist/theatre/Theatre.svelte.d.ts

@@ -1,34 +1,11 @@
+import type { Snippet } from 'svelte';
 import type { IProjectConfig } from '@theatre/core';
-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 Theatre: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+declare const Theatre: import("svelte").Component<{
     studio?: {
         enabled?: boolean;
         hide?: boolean;
     };
     config?: IProjectConfig | undefined;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type Theatre = InstanceType<typeof Theatre>;
+    children?: Snippet;
+}, {}, "">;
 export default Theatre;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/theatre",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "description": "Threlte Components for Theatre, an animation library with a professional motion design toolset",
@@ -20,7 +20,7 @@
     "prettier-plugin-svelte": "^3.2.2",
     "publint": "^0.2.7",
     "rimraf": "^5.0.5",
-    "svelte": "^5.26.2",
+    "svelte": "5.26.2",
     "svelte-check": "^4.1.7",
     "svelte-preprocess": "^5.1.3",
     "svelte2tsx": "^0.7.6",
@@ -30,8 +30,8 @@
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.32.0",
     "vite": "^5.2.8",
-    "@threlte/core": "8.0.4",
-    "@threlte/extras": "9.2.1"
+    "@threlte/core": "8.1.3",
+    "@threlte/extras": "9.4.2"
   },
   "peerDependencies": {
     "@theatre/core": ">=0.6",
@@ -39,7 +39,7 @@
     "@threlte/core": ">=8.0.0-next.0",
     "@threlte/extras": ">=9.0.0-next.0",
     "svelte": ">=4",
-    "three": ">=0.155"
+    "three": ">=0.160"
   },
   "type": "module",
   "keywords": [