@nanoforge-dev/editor 0.0.2-beta.8c768e4 → 0.0.2-beta.d1c5eea

package/dist/server/chunks/{error-D23CGeyL.js → error-Cu-XIb00.js}

@@ -1,10 +1,10 @@
-import { Ct as clsx, D as ensure_array_like, M as get$1$1, N as getAllContexts, P as getContext, R as hasContext, St as writable, X as mount, a as ATTACHMENT_KEY, ct as setContext, dt as spread_props, g as bind_props, gt as tick, h as attributes, k as escape_html, ot as run, r as on, tt as props_id, w as derived, y as clsx$1, yt as unmount } from "./events-DeYJGjCt.js";
-import { G as noop$1, J as parse } from "./internal-B77zebhK.js";
+import { B as mount, C as escape_html, D as getAllContexts, K as props_id, M as hasContext, O as getContext, Q as run, S as ensure_array_like, T as get$2, U as on, ct as unmount, d as bind_props, dt as clsx, et as setContext, m as clsx$1, ot as tick, rt as spread_props, t as ATTACHMENT_KEY, u as attributes, ut as writable, y as derived } from "./index-server-BthNUqCR.js";
+import { G as noop$1, J as parse } from "./internal2-BiukHRFA.js";
 import { t as app } from "./app-DUeJj5RD.js";
 import { n as SESSION_PROJECT_HEADER, t as Exception } from "./const-Dy5RfQqP.js";
 import { r as formatFrom, t as HttpClient } from "./format-DGOlJxF5.js";
-import { a as resolve, i as invalidateAll, n as applyAction, r as goto } from "./client-BvtIF74Y.js";
-import { A as resolveQueryBoolean, I as timeUntilStale, L as timeoutManager, N as shallowEqualObjects, O as pendingThenable, R as toast, T as notifyManager, _ as getIsRestoringContext, c as SvelteMap, f as createSubscriber, h as focusManager, j as resolveStaleTime, k as replaceData, l as SvelteSet, m as fetchState, n as Loader_circle, p as environmentManager, s as Subscribable, t as Icon, v as getQueryClientContext, w as noop$2, x as isValidTimeout } from "./loader-circle-zqx69BdD.js";
+import { a as resolve, i as invalidateAll, n as applyAction, r as goto } from "./client-jrv3ueos.js";
+import { A as resolveQueryBoolean, I as timeUntilStale, L as timeoutManager, N as shallowEqualObjects, O as pendingThenable, R as toast, T as notifyManager, _ as getIsRestoringContext, c as SvelteMap, f as createSubscriber, h as focusManager, j as resolveStaleTime, k as replaceData, l as SvelteSet, m as fetchState, n as Loader_circle, p as environmentManager, s as Subscribable, t as Icon, v as getQueryClientContext, w as noop$2, x as isValidTimeout } from "./loader-circle-C4T0os4K.js";
 //#region node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 /**
 * Concatenates two arrays faster than the array spread operator.
@@ -3420,7 +3420,7 @@ const mergeArrayProperties = (baseObject, mergeObject, key) => {
 const extendTailwindMerge = (configExtension, ...createConfig) => typeof configExtension === "function" ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
 const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js
 var SPACE_REGEX = /\s+/g;
 var removeExtraSpaces = (str) => {
 	if (typeof str !== "string" || !str) return str;
@@ -3508,7 +3508,7 @@ var mergeObjects = (obj1, obj2) => {
 	return result;
 };
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/chunk-RZF76H2U.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/chunk-RZF76H2U.js
 var defaultConfig = {
 	twMerge: true,
 	twMergeConfig: {}
@@ -3721,7 +3721,7 @@ var getTailwindVariants = (cn) => {
 	};
 };
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/index.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/index.js
 var createTwMerge = (cachedTwMergeConfig) => {
 	return isEmptyObject(cachedTwMergeConfig) ? twMerge : extendTailwindMerge({
 		...cachedTwMergeConfig,
@@ -4584,6 +4584,11 @@ var BaseRepository = class {
 		return formData;
 	}
 };
+var ProjectArchiveRepository = class extends BaseRepository {
+	create() {
+		return this.run(`/actions/project/archive?/create`);
+	}
+};
 var ProjectFsRepository = class extends BaseRepository {
 	readdir(input) {
 		return this.run(`/actions/project/fs?/readdir`, input);
@@ -4601,30 +4606,27 @@ var ProjectLoaderRepository = class extends BaseRepository {
 	}
 };
 var ProjectPackageRepository = class extends BaseRepository {
-	addComponents(input) {
-		return this.run(`/actions/project/package?/add-components`, input);
-	}
-	addSystems(input) {
-		return this.run(`/actions/project/package?/add-systems`, input);
-	}
 	createComponent(input) {
 		return this.run(`/actions/project/package?/create-component`, input);
 	}
 	createSystem(input) {
 		return this.run(`/actions/project/package?/create-system`, input);
 	}
-	getComponentsManifests(input) {
-		return this.run(`/actions/project/package?/get-components-manifests`, input);
-	}
-	getSystemsManifests(input) {
-		return this.run(`/actions/project/package?/get-systems-manifests`, input);
-	}
 	getComponents() {
 		return this.run(`/actions/project/package?/get-components`);
 	}
 	getSystems() {
 		return this.run(`/actions/project/package?/get-systems`);
 	}
+	getAssets() {
+		return this.run(`/actions/project/package?/get-assets`);
+	}
+	installPackages(input) {
+		return this.run(`/actions/project/package?/install-packages`, input);
+	}
+	searchPackages(input) {
+		return this.run(`/actions/project/package?/search-packages`, input);
+	}
 };
 var ProjectRepository = class extends BaseRepository {
 	load(input) {
@@ -4657,6 +4659,7 @@ var ProjectSaveRepository = class extends BaseRepository {
 var getActionClient = (projectId) => {
 	const client = new HttpClient("", projectId ? { headers: { [SESSION_PROJECT_HEADER]: projectId } } : {});
 	return {
+		archive: new ProjectArchiveRepository(client),
 		fs: new ProjectFsRepository(client),
 		loader: new ProjectLoaderRepository(client),
 		package: new ProjectPackageRepository(client),
@@ -4665,21 +4668,29 @@ var getActionClient = (projectId) => {
 	};
 };
 var noProjectActions = getActionClient();
-var componentsTransformer = (components) => components.map((component) => ({
+var componentTransformer = (component) => ({
 	id: component.manifest.id,
 	name: component.manifest.name,
 	path: component.save.path,
 	params: component.manifest.params
-}));
-var systemsTransformer = (systems) => systems.map((system) => ({
+});
+var componentsTransformer = (components) => components.map(componentTransformer);
+var systemTransformer = (system) => ({
 	id: system.manifest.id,
 	name: system.manifest.name,
 	path: system.save.path
-}));
-var librariesTransformer = (save) => save.libraries.map((lib) => ({
+});
+var systemsTransformer = (systems) => systems.map(systemTransformer);
+var assetTransformer = (asset) => ({
+	id: asset.path,
+	path: asset.path
+});
+var assetsTransformer = (assets) => assets.map(assetTransformer);
+var libraryTransformer = (lib) => ({
 	id: lib.path,
 	name: lib.name
-}));
+});
+var librariesTransformer = (save) => save.libraries.map(libraryTransformer);
 var scenesTransformer = (save) => [{
 	id: "default",
 	name: "Default Scene",
@@ -4704,7 +4715,7 @@ var randomString = (nb, { numbers = true, lowers = true, uppers = false, special
 	return [...Array(nb)].map(() => chars[Math.floor(Math.random() * chars.length)]).join("");
 };
 var resetSubscriptions = (store) => {
-	const subscriptions = get$1$1(store);
+	const subscriptions = get$2(store);
 	Object.values(subscriptions).forEach((sub) => {
 		try {
 			sub?.();
@@ -4713,7 +4724,7 @@ var resetSubscriptions = (store) => {
 	store.set({});
 };
 var resetListeners = (store) => {
-	get$1$1(store)?.forEach((sub) => {
+	get$2(store)?.forEach((sub) => {
 		try {
 			sub();
 		} catch {}
@@ -4721,7 +4732,7 @@ var resetListeners = (store) => {
 	store.set(null);
 };
 var resolveStore = (storage, resolvable, defaultValue) => {
-	const content = get$1$1(storage);
+	const content = get$2(storage);
 	if (resolvable in content) return content[resolvable];
 	content[resolvable] = writable(defaultValue);
 	storage.set(content);
@@ -4733,6 +4744,114 @@ var getId = (data, name) => {
 	while (data.find((d) => d.id === id)) id = `${baseId}_${randomString(5)}`;
 	return id;
 };
+var _storage$15 = writable({});
+var AssetHandle = class {
+	_manager;
+	_store;
+	id;
+	static reset() {
+		_storage$15.set({});
+	}
+	constructor(manager, asset) {
+		this._manager = manager;
+		this.id = asset.id;
+		this._store = resolveStore(_storage$15, this.id, asset);
+	}
+	get store() {
+		return this._store;
+	}
+	get data() {
+		return get$2(this._store);
+	}
+	update(asset) {
+		this._store.set({
+			...get$2(this._store),
+			...asset
+		});
+	}
+	delete() {
+		return this._manager.delete(this.id);
+	}
+};
+var _storage$14 = writable([]);
+var _subscriptions$7 = writable({});
+var AssetManager = class {
+	static reset() {
+		_storage$14.set([]);
+		resetSubscriptions(_subscriptions$7);
+	}
+	constructor(assets) {
+		_storage$14.set(assets);
+	}
+	get store() {
+		return _storage$14;
+	}
+	get data() {
+		return get$2(_storage$14);
+	}
+	async createMany(files) {
+		const { fs } = useProject();
+		await Promise.all(files.map(this.create.bind(this)));
+		await this.sync();
+		await (await fs.getDirectory()).readdir(true);
+	}
+	async create(file) {
+		const { fs } = useProject();
+		const assetFile = await (await fs.getDirectory("assets")).getFile(file.name);
+		const stream = await assetFile.createWritable();
+		await file.stream().pipeTo(stream);
+		await assetFile.sync();
+	}
+	add(asset) {
+		this._add(assetTransformer(asset));
+	}
+	async sync() {
+		const { actions } = useProject();
+		const assets = await actions.package.getAssets();
+		_storage$14.set(assetsTransformer(assets));
+	}
+	get(id) {
+		const asset = get$2(_storage$14).find((asset) => asset.id === id);
+		if (!asset) throw new Error(`Asset with id ${id} not found`);
+		const handle = new AssetHandle(this, asset);
+		this._subscribe(id, handle);
+		return handle;
+	}
+	async delete(id) {
+		const assets = get$2(_storage$14);
+		const asset = assets.find((c) => c.id === id);
+		if (!asset) throw new Error(`System not found: ${id}`);
+		_storage$14.set(assets.filter((c) => c.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(asset.path)).delete();
+		const subscriptions = get$2(_subscriptions$7);
+		if (subscriptions[id]) {
+			subscriptions[id]();
+			subscriptions[id] = null;
+			_subscriptions$7.set(subscriptions);
+		}
+	}
+	_add(asset) {
+		const assets = get$2(_storage$14);
+		assets.push(asset);
+		_storage$14.set(assets);
+	}
+	_subscribe(id, handle) {
+		setTimeout(() => {
+			const subscriptions = get$2(_subscriptions$7);
+			if (subscriptions[id]) return;
+			subscriptions[id] = handle.store.subscribe((asset) => this._update(id, asset));
+			_subscriptions$7.set(subscriptions);
+		}, 0);
+	}
+	_update(id, asset) {
+		const assets = get$2(_storage$14);
+		const index = assets.findIndex((s) => s.id === id);
+		if (index === -1) return;
+		assets[index] = asset;
+		_storage$14.set(assets);
+	}
+};
 var _storage$13 = writable({});
 var ComponentHandle = class {
 	_manager;
@@ -4750,16 +4869,16 @@ var ComponentHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(component) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...component
 		});
 	}
 	delete() {
-		this._manager.delete(this.id);
+		return this._manager.delete(this.id);
 	}
 };
 var _storage$12 = writable([]);
@@ -4776,46 +4895,58 @@ var ComponentManager = class {
 		return _storage$12;
 	}
 	get data() {
-		return get$1$1(_storage$12);
+		return get$2(_storage$12);
+	}
+	async create(name) {
+		const { actions, fs } = useProject();
+		const component = await actions.package.createComponent({ componentName: name });
+		this._add(componentTransformer(component));
+		await (await fs.getDirectory()).readdir(true);
 	}
 	add(component) {
-		const components = get$1$1(_storage$12);
-		const id = getId(this.data, component.name);
-		components.push({
-			...component,
-			id,
-			path: component.path ?? `components/${id}.ts`
-		});
-		_storage$12.set(components);
-		return id;
+		this._add(componentTransformer(component));
+	}
+	async sync() {
+		const { actions } = useProject();
+		const components = await actions.package.getComponents();
+		_storage$12.set(componentsTransformer(components));
 	}
 	get(id) {
-		const component = get$1$1(_storage$12).find((component) => component.id === id);
+		const component = get$2(_storage$12).find((component) => component.id === id);
 		if (!component) throw new Error(`Component with id ${id} not found`);
 		const handle = new ComponentHandle(this, component);
 		this._subscribe(id, handle);
 		return handle;
 	}
-	delete(id) {
-		const components = get$1$1(_storage$12);
-		_storage$12.set(components.filter((component) => component.id !== id));
-		const subscriptions = get$1$1(_subscriptions$6);
+	async delete(id) {
+		const components = get$2(_storage$12);
+		const component = components.find((c) => c.id === id);
+		if (!component) throw new Error(`System not found: ${id}`);
+		_storage$12.set(components.filter((c) => c.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(component.path)).delete();
+		const subscriptions = get$2(_subscriptions$6);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
 			_subscriptions$6.set(subscriptions);
 		}
 	}
+	_add(component) {
+		const components = get$2(_storage$12);
+		components.push(component);
+		_storage$12.set(components);
+	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$6);
+			const subscriptions = get$2(_subscriptions$6);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((component) => this._update(id, component));
 			_subscriptions$6.set(subscriptions);
 		}, 0);
 	}
 	_update(id, component) {
-		const components = get$1$1(_storage$12);
+		const components = get$2(_storage$12);
 		const index = components.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		components[index] = component;
@@ -4839,11 +4970,11 @@ var LibraryHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(library) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...library
 		});
 	}
@@ -4865,10 +4996,10 @@ var LibraryManager = class {
 		return _storage$10;
 	}
 	get data() {
-		return get$1$1(_storage$10);
+		return get$2(_storage$10);
 	}
 	add(library) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		libraries.push({
 			...library,
 			id: library.name
@@ -4877,16 +5008,16 @@ var LibraryManager = class {
 		return library.name;
 	}
 	get(id) {
-		const library = get$1$1(_storage$10).find((library) => library.id === id);
+		const library = get$2(_storage$10).find((library) => library.id === id);
 		if (!library) throw new Error(`Library with id ${id} not found`);
 		const handle = new LibraryHandle(this, library);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		_storage$10.set(libraries.filter((library) => library.id !== id));
-		const subscriptions = get$1$1(_subscriptions$5);
+		const subscriptions = get$2(_subscriptions$5);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -4895,14 +5026,14 @@ var LibraryManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$5);
+			const subscriptions = get$2(_subscriptions$5);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((library) => this._update(id, library));
 			_subscriptions$5.set(subscriptions);
 		}, 0);
 	}
 	_update(id, library) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		const index = libraries.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		libraries[index] = library;
@@ -4940,7 +5071,7 @@ var ComponentParamHandle = class {
 		this.manager.delete(this.id);
 	}
 	_listen() {
-		if (get$1$1(_listener$5)) return;
+		if (get$2(_listener$5)) return;
 		const unsub = this.manager.component.store.subscribe((component) => {
 			const newParam = component.params.find((param) => param.name === this.id);
 			if (!newParam) return;
@@ -4957,6 +5088,7 @@ var ComponentParamManager = class {
 	component;
 	_store;
 	_valuesStore;
+	_storageResolvable;
 	static reset() {
 		_storage$8.set({});
 		_valueStorage.set({});
@@ -4965,9 +5097,9 @@ var ComponentParamManager = class {
 	}
 	constructor(component, params) {
 		this.component = component;
-		const storageResolvable = `${this.component.manager.entity.manager.scene.id}/${this.component.manager.entity.id}/${this.component.id}`;
-		this._store = resolveStore(_storage$8, storageResolvable, get$1$1(component.store).params);
-		this._valuesStore = resolveStore(_valueStorage, storageResolvable, params);
+		this._storageResolvable = `${this.component.manager.entity.manager.scene.id}/${this.component.manager.entity.id}/${this.component.id}`;
+		this._store = resolveStore(_storage$8, this._storageResolvable, get$2(component.store).params);
+		this._valuesStore = resolveStore(_valueStorage, this._storageResolvable, params);
 		this._listen();
 	}
 	get store() {
@@ -4977,28 +5109,29 @@ var ComponentParamManager = class {
 		return this._valuesStore;
 	}
 	get(id) {
-		const param = get$1$1(this._store).find((param) => param.name === id);
+		const param = get$2(this._store).find((param) => param.name === id);
 		if (!param) throw new Error(`Param with id ${id} not found`);
-		const value = get$1$1(this._valuesStore)[id];
+		const value = get$2(this._valuesStore)[id];
 		const handle = new ComponentParamHandle(this, param, value);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const params = get$1$1(this._store);
+		const params = get$2(this._store);
 		this._store.set(params.map((param) => param.name === id ? {
 			...param,
 			value: void 0
 		} : param));
-		const subscriptions = get$1$1(_subscriptions$4);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		const fullId = `${this._storageResolvable}/${id}`;
+		const subscriptions = get$2(_subscriptions$4);
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$4.set(subscriptions);
 		}
 	}
 	_listen() {
-		if (get$1$1(_listener$4)) return;
+		if (get$2(_listener$4)) return;
 		const unsub = this.component.store.subscribe((component) => {
 			this._store.set(component.params);
 		});
@@ -5006,14 +5139,15 @@ var ComponentParamManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$4);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.value.subscribe((param) => this._update(id, param));
+			const fullId = `${this._storageResolvable}/${id}`;
+			const subscriptions = get$2(_subscriptions$4);
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.value.subscribe((param) => this._update(id, param));
 			_subscriptions$4.set(subscriptions);
 		}, 0);
 	}
 	_update(id, value) {
-		const params = get$1$1(this._valuesStore);
+		const params = get$2(this._valuesStore);
 		params[id] = value;
 		this._valuesStore.set(params);
 	}
@@ -5033,7 +5167,7 @@ var EntityComponentHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get params() {
 		return this._params;
@@ -5048,6 +5182,7 @@ var _listener$3 = writable();
 var EntityComponentManager = class {
 	entity;
 	_store;
+	_storageResolvable;
 	static reset() {
 		_storage$7.set({});
 		resetSubscriptions(_subscriptions$3);
@@ -5055,47 +5190,48 @@ var EntityComponentManager = class {
 	}
 	constructor(entity, components) {
 		this.entity = entity;
-		const storageResolvable = `${this.entity.manager.scene.id}/${this.entity.id}`;
-		this._store = resolveStore(_storage$7, storageResolvable, components);
+		this._storageResolvable = `${this.entity.manager.scene.id}/${this.entity.id}`;
+		this._store = resolveStore(_storage$7, this._storageResolvable, components);
 		this._listen();
 	}
 	get store() {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	add(component) {
-		const components = get$1$1(this._store);
+		const components = get$2(this._store);
 		const manifest = this.entity.manager.scene.manager.ecs.components.get(component).data;
 		components[component] = { ...Object.fromEntries(manifest.params.filter((param) => param.default).map((param) => [param.name, param.default])) };
 		this._store.set(components);
 	}
 	get(id) {
-		const params = get$1$1(this._store)[id];
+		const params = get$2(this._store)[id];
 		if (!params) throw new Error(`Component with id ${id} not found`);
 		const handle = new EntityComponentHandle(this, id, params);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const components = get$1$1(this._store);
+		const components = get$2(this._store);
 		const newComponents = {};
 		Object.entries(components).forEach(([key, params]) => {
 			if (key !== id) newComponents[key] = params;
 		});
 		this._store.set(newComponents);
-		const subscriptions = get$1$1(_subscriptions$3);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		const fullId = `${this._storageResolvable}/${id}`;
+		const subscriptions = get$2(_subscriptions$3);
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$3.set(subscriptions);
 		}
 	}
 	_listen() {
-		if (get$1$1(_listener$3)) return;
+		if (get$2(_listener$3)) return;
 		const unsub = this.entity.manager.scene.manager.ecs.components.store.subscribe((components) => {
-			const entityComponents = get$1$1(this._store);
+			const entityComponents = get$2(this._store);
 			const newComponents = {};
 			Object.entries(entityComponents).forEach(([key, params]) => {
 				if (components.find((s) => s.id === key)) newComponents[key] = params;
@@ -5106,14 +5242,15 @@ var EntityComponentManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$3);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.params.values.subscribe((params) => this._update(id, params));
+			const fullId = `${this._storageResolvable}/${id}`;
+			const subscriptions = get$2(_subscriptions$3);
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.params.values.subscribe((params) => this._update(id, params));
 			_subscriptions$3.set(subscriptions);
 		}, 0);
 	}
 	_update(id, params) {
-		const component = get$1$1(this._store);
+		const component = get$2(this._store);
 		component[id] = params;
 		this._store.set(component);
 	}
@@ -5140,14 +5277,14 @@ var SceneEntityHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get components() {
 		return this._components;
 	}
 	update(entity) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...entity
 		});
 	}
@@ -5158,9 +5295,9 @@ var SceneEntityHandle = class {
 		this.manager.selected = this;
 	}
 	_listen() {
-		if (get$1$1(_listener$2)) return;
+		if (get$2(_listener$2)) return;
 		const unsub = this._components.store.subscribe((components) => {
-			const entity = get$1$1(this._store);
+			const entity = get$2(this._store);
 			entity.components = components;
 			this._store.set(entity);
 		});
@@ -5185,10 +5322,10 @@ var SceneEntityManager = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get selectedData() {
-		return get$1$1(selectedEntity);
+		return get$2(selectedEntity);
 	}
 	get selected() {
 		return selectedEntity;
@@ -5197,7 +5334,7 @@ var SceneEntityManager = class {
 		selectedEntity.set(entity);
 	}
 	add(entity) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		const id = getId(this.data, entity.name);
 		entities.push({
 			...entity,
@@ -5207,33 +5344,35 @@ var SceneEntityManager = class {
 		return id;
 	}
 	get(id) {
-		const entity = get$1$1(this._store).find((entity) => entity.id === id);
+		const entity = get$2(this._store).find((entity) => entity.id === id);
 		if (!entity) throw new Error(`Entity with id ${id} not found`);
 		const handle = new SceneEntityHandle(this, entity);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		this._store.set(entities.filter((entity) => entity.id !== id));
-		const subscriptions = get$1$1(_subscriptions$2);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		const fullId = `${this.scene.id}/${id}`;
+		const subscriptions = get$2(_subscriptions$2);
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$2.set(subscriptions);
 		}
 		if (this.selectedData?.id === id) this.selected = void 0;
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$2);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.store.subscribe((entity) => this._update(id, entity));
+			const fullId = `${this.scene.id}/${id}`;
+			const subscriptions = get$2(_subscriptions$2);
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.store.subscribe((entity) => this._update(id, entity));
 			_subscriptions$2.set(subscriptions);
 		}, 0);
 	}
 	_update(id, entity) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		const index = entities.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		entities[index] = entity;
@@ -5253,7 +5392,7 @@ var SceneSystemHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	delete() {
 		this.manager.delete(this.id);
@@ -5277,26 +5416,26 @@ var SceneSystemManager = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	add(system) {
-		const systems = get$1$1(this._store);
+		const systems = get$2(this._store);
 		systems.push(system);
 		this._store.set(systems);
 	}
 	get(id) {
-		const system = get$1$1(this._store).find((system) => system === id);
+		const system = get$2(this._store).find((system) => system === id);
 		if (!system) throw new Error(`System with id ${id} not found`);
 		return new SceneSystemHandle(this, system);
 	}
 	delete(id) {
-		const systems = get$1$1(this._store);
+		const systems = get$2(this._store);
 		this._store.set(systems.filter((system) => system !== id));
 	}
 	_listen() {
-		if (get$1$1(_listener$1)) return;
+		if (get$2(_listener$1)) return;
 		const unsub = this.scene.manager.ecs.systems.store.subscribe((systems) => {
-			const sceneSystems = get$1$1(this._store);
+			const sceneSystems = get$2(this._store);
 			sceneSystems.filter((system) => systems.find((s) => s.id === system));
 			this._store.set(sceneSystems);
 		});
@@ -5327,7 +5466,7 @@ var SceneHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get entities() {
 		return this._entities;
@@ -5337,7 +5476,7 @@ var SceneHandle = class {
 	}
 	update(scene) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...scene
 		});
 	}
@@ -5351,13 +5490,13 @@ var SceneHandle = class {
 		this.manager.default = this.id;
 	}
 	_listen() {
-		if (get$1$1(_listener)) return;
+		if (get$2(_listener)) return;
 		const unsub = [this._entities.store.subscribe((entities) => {
-			const scene = get$1$1(this._store);
+			const scene = get$2(this._store);
 			scene.entities = entities;
 			this._store.set(scene);
 		}), this._systems.store.subscribe((systems) => {
-			const scene = get$1$1(this._store);
+			const scene = get$2(this._store);
 			scene.systems = systems;
 			this._store.set(scene);
 		})];
@@ -5391,10 +5530,10 @@ var SceneManager = class {
 		return _storage$2;
 	}
 	get data() {
-		return get$1$1(_storage$2);
+		return get$2(_storage$2);
 	}
 	get activeData() {
-		return get$1$1(_activeSceneStorage);
+		return get$2(_activeSceneStorage);
 	}
 	get active() {
 		return _activeSceneStorage;
@@ -5403,7 +5542,7 @@ var SceneManager = class {
 		_activeSceneStorage.set(handle);
 	}
 	get defaultData() {
-		return get$1$1(_defaultSceneStorage);
+		return get$2(_defaultSceneStorage);
 	}
 	get default() {
 		return _defaultSceneStorage;
@@ -5412,7 +5551,7 @@ var SceneManager = class {
 		_defaultSceneStorage.set(handle);
 	}
 	get rootScenes() {
-		return get$1$1(_rootScenesStorage);
+		return get$2(_rootScenesStorage);
 	}
 	get rootScenesStore() {
 		return _rootScenesStorage;
@@ -5421,7 +5560,7 @@ var SceneManager = class {
 		_rootScenesStorage.set(Array.from(new Set(scenes)));
 	}
 	add(scene) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		const id = getId(this.data, scene.name);
 		scenes.push({
 			...scene,
@@ -5431,16 +5570,16 @@ var SceneManager = class {
 		return id;
 	}
 	get(id) {
-		const scene = get$1$1(_storage$2).find((scene) => scene.id === id);
+		const scene = get$2(_storage$2).find((scene) => scene.id === id);
 		if (!scene) throw new Error(`Scene with id ${id} not found`);
 		const handle = new SceneHandle(this, scene);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		_storage$2.set(scenes.filter((scene) => scene.id !== id));
-		const subscriptions = get$1$1(_subscriptions$1);
+		const subscriptions = get$2(_subscriptions$1);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -5452,14 +5591,14 @@ var SceneManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$1);
+			const subscriptions = get$2(_subscriptions$1);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((scene) => this._update(id, scene));
 			_subscriptions$1.set(subscriptions);
 		}, 0);
 	}
 	_update(id, scene) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		const index = scenes.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		scenes[index] = scene;
@@ -5483,16 +5622,16 @@ var SystemHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(system) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...system
 		});
 	}
 	delete() {
-		this._manager.delete(this.id);
+		return this._manager.delete(this.id);
 	}
 };
 var _storage = writable([]);
@@ -5509,46 +5648,58 @@ var SystemManager = class {
 		return _storage;
 	}
 	get data() {
-		return get$1$1(_storage);
+		return get$2(_storage);
+	}
+	async create(name) {
+		const { actions, fs } = useProject();
+		const system = await actions.package.createSystem({ systemName: name });
+		this._add(systemTransformer(system));
+		await (await fs.getDirectory()).readdir(true);
 	}
 	add(system) {
-		const systems = get$1$1(_storage);
-		const id = getId(this.data, system.name);
-		systems.push({
-			...system,
-			id,
-			path: system.path ?? `systems/${id}.ts`
-		});
-		_storage.set(systems);
-		return id;
+		this._add(systemTransformer(system));
+	}
+	async sync() {
+		const { actions } = useProject();
+		const systems = await actions.package.getSystems();
+		_storage.set(systemsTransformer(systems));
 	}
 	get(id) {
-		const system = get$1$1(_storage).find((system) => system.id === id);
+		const system = get$2(_storage).find((system) => system.id === id);
 		if (!system) throw new Error(`System with id ${id} not found`);
 		const handle = new SystemHandle(this, system);
 		this._subscribe(id, handle);
 		return handle;
 	}
-	delete(id) {
-		const systems = get$1$1(_storage);
-		_storage.set(systems.filter((system) => system.id !== id));
-		const subscriptions = get$1$1(_subscriptions);
+	async delete(id) {
+		const systems = get$2(_storage);
+		const system = systems.find((s) => s.id === id);
+		if (!system) throw new Error(`System not found: ${id}`);
+		_storage.set(systems.filter((s) => s.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(system.path)).delete();
+		const subscriptions = get$2(_subscriptions);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
 			_subscriptions.set(subscriptions);
 		}
 	}
+	_add(system) {
+		const systems = get$2(_storage);
+		systems.push(system);
+		_storage.set(systems);
+	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions);
+			const subscriptions = get$2(_subscriptions);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((system) => this._update(id, system));
 			_subscriptions.set(subscriptions);
 		}, 0);
 	}
 	_update(id, system) {
-		const systems = get$1$1(_storage);
+		const systems = get$2(_storage);
 		const index = systems.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		systems[index] = system;
@@ -5558,10 +5709,13 @@ var SystemManager = class {
 var ECSHandler = class {
 	_project;
 	_sceneManager;
+	_assetManager;
 	_componentManager;
 	_systemManager;
 	_libraryManager;
 	static reset() {
+		AssetHandle.reset();
+		AssetManager.reset();
 		ComponentHandle.reset();
 		ComponentManager.reset();
 		SystemManager.reset();
@@ -5586,9 +5740,11 @@ var ECSHandler = class {
 		* This init is only made for the current version of the editor
 		* When scenes will be implemented, this init must be changed accordingly
 		*/
+		const assets = await this._project.actions.package.getAssets();
 		const components = await this._project.actions.package.getComponents();
 		const systems = await this._project.actions.package.getSystems();
 		const save = await this._project.actions.save.get();
+		this._assetManager = new AssetManager(assetsTransformer(assets));
 		this._componentManager = new ComponentManager(componentsTransformer(components));
 		this._systemManager = new SystemManager(systemsTransformer(systems));
 		this._libraryManager = new LibraryManager(librariesTransformer(save));
@@ -5598,6 +5754,10 @@ var ECSHandler = class {
 		if (!this._sceneManager) throw new Error("ECS handler not initialized");
 		return this._sceneManager;
 	}
+	get assets() {
+		if (!this._assetManager) throw new Error("ECS handler not initialized");
+		return this._assetManager;
+	}
 	get components() {
 		if (!this._componentManager) throw new Error("ECS handler not initialized");
 		return this._componentManager;
@@ -5611,9 +5771,22 @@ var ECSHandler = class {
 		return this._libraryManager;
 	}
 };
+var moveComponentListener = (handler) => {
+	handler.on(EditorEvents.MOVE_COMPONENT, (entityId, _componentId, { x, y }) => {
+		const { ecs } = useProject();
+		const component = ecs.scenes.activeData.entities.get(entityId).components.get("Position2D");
+		component.params.get("x").value.set(x);
+		component.params.get("y").value.set(y);
+	});
+	return () => {};
+};
 var EventEmitter = class {
 	listeners = {};
 	eventQueue = [];
+	_dequeueOnEmit;
+	constructor(dequeueOnEmit = false) {
+		this._dequeueOnEmit = dequeueOnEmit;
+	}
 	runEvents() {
 		this.eventQueue.forEach((e) => {
 			this._executeEvent(e);
@@ -5625,6 +5798,7 @@ var EventEmitter = class {
 			event,
 			args
 		});
+		if (this._dequeueOnEmit) this.runEvents();
 	}
 	addListener(event, listener) {
 		if (!this.listeners[event]) this.listeners[event] = [];
@@ -5658,9 +5832,17 @@ var EventEmitter = class {
 		});
 	}
 };
+var listeners = writable([]);
 var EventHandler = class {
 	_coreEvents = new EventEmitter();
-	_editorEvents = new EventEmitter();
+	_editorEvents = new EventEmitter(true);
+	static reset() {
+		get$2(listeners).forEach((unsub) => unsub());
+		listeners.set([]);
+	}
+	async init() {
+		listeners.set([moveComponentListener(this)]);
+	}
 	emit(event, ...args) {
 		this._coreEvents.emitEvent(event, ...args);
 	}
@@ -5668,6 +5850,18 @@ var EventHandler = class {
 		this._editorEvents.on(event, callback);
 	}
 };
+var CoreEvents = /* @__PURE__ */ function(CoreEvents) {
+	CoreEvents["HOT_RELOAD"] = "hot-reload";
+	CoreEvents["HARD_RELOAD"] = "hard-reload";
+	CoreEvents["PAUSE_GAME"] = "pause-game";
+	CoreEvents["STOP_GAME"] = "stop-game";
+	CoreEvents["UNPAUSE_GAME"] = "unpause-game";
+	return CoreEvents;
+}({});
+var EditorEvents = /* @__PURE__ */ function(EditorEvents) {
+	EditorEvents["MOVE_COMPONENT"] = "move-component";
+	return EditorEvents;
+}({});
 var infoStore = writable();
 var InfoHandler = class {
 	core;
@@ -5678,12 +5872,12 @@ var InfoHandler = class {
 		this.core = core;
 	}
 	get(cacheOnly) {
-		if (cacheOnly) return get$1$1(infoStore);
+		if (cacheOnly) return get$2(infoStore);
 		return this.fetch();
 	}
 	async fetch(noCache = false) {
 		if (!noCache) {
-			const cache = get$1$1(infoStore);
+			const cache = get$2(infoStore);
 			if (cache) return cache;
 		}
 		const res = await this.core.actions.project.getInfo();
@@ -5817,6 +6011,9 @@ var FileSystemFile = class {
 		const raw = JSON.stringify(content);
 		return this.write(raw);
 	}
+	async createWritable() {
+		return this.handle.createWritable();
+	}
 	async getUrl() {
 		if (URL_CACHE.has(this.handle.name)) URL.revokeObjectURL(URL_CACHE.get(this.handle.name));
 		const file = await this.handle.getFile();
@@ -6002,14 +6199,29 @@ var SfsFile = class {
 		await this._cache.writeJson(content);
 		await this.sync();
 	}
+	async createWritable() {
+		await this._preWrite();
+		return await this._cache.createWritable();
+	}
 	async sync() {
 		if (!this._cache) return;
 		const file = await this._cache.getFile();
-		if (!(await fetch(this._route, {
-			body: file.stream(),
+		const res = await fetch(this._route, {
+			body: file,
 			method: "POST",
-			headers: { ["x-project-id"]: this._handler.project.id }
-		})).ok) throw new Error("Failed to sync file");
+			headers: {
+				[SESSION_PROJECT_HEADER]: this._handler.project.id,
+				"Content-Type": "application/octet-stream"
+			}
+		});
+		if (!res.ok) throw new Error(`Failed to sync file: ${await res.text()}`);
+	}
+	async delete() {
+		const res = await fetch(this._route, {
+			method: "DELETE",
+			headers: { [SESSION_PROJECT_HEADER]: this._handler.project.id }
+		});
+		if (!res.ok) throw new Error(`Failed to delete file: ${await res.text()}`);
 	}
 	async getFile() {
 		await this._preRead();
@@ -6196,6 +6408,7 @@ var SyncFileSystem = class {
 	}
 	async init() {
 		await this.treeCache?.init();
+		await (await this.getDirectory()).readdir(true);
 	}
 	async getFile(path) {
 		return new SfsFile(this, await this.cache.fileExist(path) ? await this.cache.getFile(path, false) : null, path);
@@ -6274,33 +6487,14 @@ var Loader = class {
 };
 var PackageHandler = class {
 	_project;
-	_componentsManifests = /* @__PURE__ */ new Map();
-	_systemsManifests = /* @__PURE__ */ new Map();
 	constructor(project) {
 		this._project = project;
 	}
-	async init() {}
-	getComponentManifest(componentName) {
-		return this._componentsManifests.get(componentName);
-	}
-	getSystemManifest(systemName) {
-		return this._systemsManifests.get(systemName);
-	}
-	async installComponent(name) {
-		const newComponent = (await this._project.actions.package.addComponents({ componentNames: [name] }))[0];
-		this._project.save.save.components.push(newComponent.save);
-		this._componentsManifests.set(newComponent.save.name, newComponent.manifest);
-	}
-	async installSystem(name) {
-		const newSystem = (await this._project.actions.package.addSystems({ systemNames: [name] }))[0];
-		this._project.save.save.systems.push(newSystem.save);
-		this._systemsManifests.set(newSystem.save.name, newSystem.manifest);
-	}
-	addComponentManifest(componentName, component) {
-		this._componentsManifests.set(componentName, component);
-	}
-	addSystemManifest(systemName, system) {
-		this._systemsManifests.set(systemName, system);
+	async installPackages(names) {
+		await this._project.actions.package.installPackages({ names });
+		await this._project.ecs.components.sync();
+		await this._project.ecs.systems.sync();
+		await (await this._project.fs.getDirectory()).readdir(true);
 	}
 };
 var SaveHandler = class {
@@ -6322,6 +6516,7 @@ var SaveHandler = class {
 		this._listeners();
 		this._save.subscribe(() => {
 			this.syncToServer();
+			this._project.event.emit(CoreEvents.HOT_RELOAD, this.save);
 		});
 	}
 	async fetchFromServer() {
@@ -6330,10 +6525,10 @@ var SaveHandler = class {
 	async syncToServer() {
 		if (this._readyToSync) {
 			this._readyToSync = false;
-			await this._project.actions.save.set({ save: get$1$1(this._save) });
+			await this._project.actions.save.set({ save: get$2(this._save) });
 			this._syncTimer = setTimeout(() => {
 				this._readyToSync = true;
-				if (get$1$1(this._needSync)) {
+				if (get$2(this._needSync)) {
 					this.syncToServer();
 					this._needSync.set(false);
 				}
@@ -6347,7 +6542,7 @@ var SaveHandler = class {
 		await this.syncToServer();
 	}
 	get save() {
-		return get$1$1(this._save);
+		return get$2(this._save);
 	}
 	_listeners() {
 		this._project.ecs.components.store.subscribe((components) => {
@@ -6400,6 +6595,7 @@ var Project = class {
 	_inited = false;
 	static reset() {
 		InfoHandler.reset();
+		EventHandler.reset();
 	}
 	constructor(id) {
 		this.id = id;
@@ -6410,7 +6606,7 @@ var Project = class {
 		await this.fs.init();
 		await this.ecs.init();
 		await this.save.init();
-		await this.packages.init();
+		await this.event.init();
 		this._inited = true;
 		return this;
 	}
@@ -6642,7 +6838,7 @@ var ProjectLoader = class ProjectLoader {
 	}
 };
 var useProject = () => {
-	const project = get$1$1(projectStore);
+	const project = get$2(projectStore);
 	if (!project) {
 		const error = new PLException(PLErrors.No_Project);
 		error.fb();
@@ -12739,7 +12935,7 @@ var SelectBaseRootState = class {
 	}
 	setHighlightedNode(node, initial = false) {
 		this.highlightedNode = node;
-		if (node && this.isUsingKeyboard || initial) this.scrollHighlightedNodeIntoView(node);
+		if (node && (this.isUsingKeyboard || initial)) this.scrollHighlightedNodeIntoView(node);
 	}
 	scrollHighlightedNodeIntoView(node) {
 		if (!this.viewportNode || !this.contentIsPositioned) return;
@@ -13020,7 +13216,7 @@ var SelectTriggerState = class SelectTriggerState {
 			this.root.handleClose();
 			return;
 		}
-		if (e.key === "Enter" || e.key === " " && this.#domTypeahead.search === "" && !e.isComposing) {
+		if ((e.key === "Enter" || e.key === " " && this.#domTypeahead.search === "") && !e.isComposing) {
 			e.preventDefault();
 			if (this.#handleKeyboardSelection()) return;
 		}
@@ -13047,7 +13243,7 @@ var SelectTriggerState = class SelectTriggerState {
 		const isSpaceKey = e.key === " ";
 		const candidateNodes = this.root.getCandidateNodes();
 		if (e.key === "Tab") return;
-		if (!isModifierKey && isCharacterKey || isSpaceKey) {
+		if (!isModifierKey && (isCharacterKey || isSpaceKey)) {
 			if (!this.#domTypeahead.handleTypeaheadSearch(e.key, candidateNodes) && isSpaceKey) {
 				e.preventDefault();
 				this.#handleKeyboardSelection();
@@ -14707,7 +14903,7 @@ function Select_content($$renderer, $$props) {
 									if (Select_viewport) {
 										$$renderer.push("<!--[-->");
 										Select_viewport($$renderer, {
-											class: cn("h---bits-select-anchor-height w-full min-w---bits-select-anchor-width scroll-my-1"),
+											class: cn("h-auto max-h-80 w-full min-w---bits-select-anchor-width"),
 											children: ($$renderer) => {
 												children?.($$renderer);
 												$$renderer.push(`<!---->`);
@@ -14905,6 +15101,25 @@ function Select($$renderer, $$props) {
 		});
 	});
 }
+function Loading_button($$renderer, $$props) {
+	let { loading = false, disabled, children, $$slots, $$events, ...restProps } = $$props;
+	Button($$renderer, spread_props([
+		{ disabled: disabled || loading },
+		restProps,
+		{
+			children: ($$renderer) => {
+				if (loading) {
+					$$renderer.push("<!--[0-->");
+					Spinner($$renderer, {});
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> `);
+				children?.($$renderer);
+				$$renderer.push(`<!---->`);
+			},
+			$$slots: { default: true }
+		}
+	]));
+}
 var handleError = (error, context) => {
 	const message = `Failed to ${context ?? "execute"}`;
 	if (error instanceof Exception) {
@@ -14929,6 +15144,6 @@ var runSafe = async (context, cb, fallback) => {
 	return null;
 };
 //#endregion
-export { createId as $, PresenceManager as A, Spinner as B, MenuRootState as C, Popper_layer as D, PLException as E, Select as F, attachRef as G, Switch as H, Select_content as I, boolToTrueOrUndef as J, boolToEmptyStrOrUndef as K, Select_item as L, ProjectLoader as M, RovingFocusGroup as N, Popper_layer_force_mount as O, Scroll_lock as P, createBitsAttrs as Q, Select_trigger as R, MenuMenuState as S, PLErrors as T, Switch_thumb as U, StyleToObject as V, Text_selection_layer as W, capitalize as X, boxWith as Y, cn as Z, Floating_layer_anchor as _, useProject as _t, Card_content as a, getDataTransitionAttrs as at, MenuContentState as b, Card_title as c, isElement$1 as ct, DOMContext as d, noop as dt, createQuery as et, Dismissible_layer as f, runSafe as ft, Floating_layer as g, useId as gt, FloatingArrowState as h, useDebounce as ht, Card as i, getDataOpenClosed as it, ProjectCache as j, Portal as k, Context as l, isFocusVisible as lt, Escape_layer as m, toastError as mt, Button as n, enhance as nt, Card_description as o, getDocument as ot, DropdownMenuTriggerState as p, simpleBox as pt, boolToStr as q, CONTEXT_MENU_TRIGGER_ATTR as r, getConfig as rt, Card_header as s, getFloatingContentCSSVars as st, AnimationsComplete as t, deserialize as tt, ContextMenuTriggerState as u, mergeProps as ut, Focus_scope as v, watch as vt, MenuSeparatorState as w, MenuItemState as x, IsMounted as y, tv as yt, Separator as z };
+export { createBitsAttrs as $, Portal as A, Separator as B, MenuMenuState as C, PLException as D, PLErrors as E, Scroll_lock as F, Text_selection_layer as G, StyleToObject as H, Select as I, boolToStr as J, attachRef as K, Select_content as L, ProjectCache as M, ProjectLoader as N, Popper_layer as O, RovingFocusGroup as P, cn as Q, Select_item as R, MenuItemState as S, MenuSeparatorState as T, Switch as U, Spinner as V, Switch_thumb as W, boxWith as X, boolToTrueOrUndef as Y, capitalize as Z, Floating_layer_anchor as _, useId as _t, Card_content as a, getDataOpenClosed as at, Loading_button as b, tv as bt, Card_title as c, getFloatingContentCSSVars as ct, DOMContext as d, mergeProps as dt, createId as et, Dismissible_layer as f, noop as ft, Floating_layer as g, useDebounce as gt, FloatingArrowState as h, toastError as ht, Card as i, getConfig as it, PresenceManager as j, Popper_layer_force_mount as k, Context as l, isElement$1 as lt, Escape_layer as m, simpleBox as mt, Button as n, deserialize as nt, Card_description as o, getDataTransitionAttrs as ot, DropdownMenuTriggerState as p, runSafe as pt, boolToEmptyStrOrUndef as q, CONTEXT_MENU_TRIGGER_ATTR as r, enhance as rt, Card_header as s, getDocument as st, AnimationsComplete as t, createQuery as tt, ContextMenuTriggerState as u, isFocusVisible as ut, Focus_scope as v, useProject as vt, MenuRootState as w, MenuContentState as x, IsMounted as y, watch as yt, Select_trigger as z };
 
-//# sourceMappingURL=error-D23CGeyL.js.map
+//# sourceMappingURL=error-Cu-XIb00.js.map