svelte-origin 1.0.0-next.14 → 1.0.0-next.16

package/dist/cli.js

@@ -1919,7 +1919,7 @@ function parseObjectMembers(source) {
 }
 
 // src/transform/origin-transform.ts
-function transformOriginCalls(s, source, neededImports) {
+function transformOriginCalls(s, source, neededImports, svelteImports) {
   const regex = /\$origin\s*\(/g;
   let match;
   let changed = false;
@@ -1935,14 +1935,14 @@ function transformOriginCalls(s, source, neededImports) {
       continue;
     }
     const definitionContent = source.slice(openParenIndex + 1, closeParenIndex);
-    const transformed = transformOriginDefinition(definitionContent);
+    const transformed = transformOriginDefinition(definitionContent, svelteImports);
     s.overwrite(startIndex, closeParenIndex + 1, `__createOrigin(${transformed})`);
     neededImports.add("__createOrigin");
     changed = true;
   }
   return changed;
 }
-function transformOriginDefinition(content) {
+function transformOriginDefinition(content, svelteImports) {
   let parents = [];
   let bodyContent = content.trim();
   let initCallback = null;
@@ -2007,7 +2007,7 @@ function transformOriginDefinition(content) {
     }
   }
   const attrDetails = parseAttrsSource(attrsContent);
-  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName);
+  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName, svelteImports);
   const parentsCode = parents.length > 0 ? `[${parents.join(", ")}]` : "undefined";
   let configCode = `{
 	__attrSchema: ${attrSchemaCode},
@@ -2027,19 +2027,35 @@ ${createFnBody}
 }`;
   return configCode;
 }
-function transformOriginBody(content, parents = [], attrDetails = [], propName = "props") {
+function transformOriginBody(content, parents = [], attrDetails = [], propName = "props", svelteImports) {
   let body = content.trim();
   const hasParents = parents.length > 0;
+  const attrStateDeclarations = [];
+  const attrSyncEffects = [];
   const attrGettersSetters = [];
-  for (const attr of attrDetails) {
-    if (attr.hasDefault) {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} ?? ${attr.defaultValue} }`);
-    } else {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} }`);
-    }
-    attrGettersSetters.push(`set ${attr.key}(v) { __inputAttrs.${attr.key} = v }`);
+  if (attrDetails.length > 0 && svelteImports) {
+    svelteImports.add("untrack");
   }
-  const propsObjectCode = attrGettersSetters.length > 0 ? `		const __props = {
+  for (const attr of attrDetails) {
+    const defaultExpr = attr.hasDefault ? ` ?? ${attr.defaultValue}` : "";
+    attrStateDeclarations.push(`let __attr_${attr.key} = $state(__inputAttrs.${attr.key}${defaultExpr})`);
+    attrSyncEffects.push(`$effect(() => {
+			const __parentVal = __inputAttrs.${attr.key}
+			const __currentVal = untrack(() => __attr_${attr.key})
+			if (__parentVal !== __currentVal) {
+				__attr_${attr.key} = __parentVal${defaultExpr}
+			}
+		})`);
+    attrGettersSetters.push(`get ${attr.key}() { return __attr_${attr.key} }`);
+    attrGettersSetters.push(`set ${attr.key}(v) { __attr_${attr.key} = v; __inputAttrs.${attr.key} = v }`);
+  }
+  const attrStateSection = attrStateDeclarations.length > 0 ? attrStateDeclarations.join(`
+		`) + `
+		` : "";
+  const attrEffectSection = attrSyncEffects.length > 0 ? attrSyncEffects.join(`
+		`) + `
+		` : "";
+  const propsObjectCode = attrGettersSetters.length > 0 ? `${attrStateSection}${attrEffectSection}const __props = {
 			${attrGettersSetters.join(`,
 			`)}
 		}` : `		const __props = __inputAttrs`;
@@ -2056,10 +2072,17 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
   const members = parseObjectMembers(body);
   const derivedNames = new Set;
   const stateNames = new Set;
+  const valueNames = new Set;
+  const methodNames = new Set;
   for (const member of members) {
     const { key, value, isGetter, isMethod, isSetter } = member;
     if (!isGetter && !isMethod && !isSetter && value.startsWith("$state")) {
       stateNames.add(key);
+    } else if (!isGetter && !isMethod && !isSetter) {
+      valueNames.add(key);
+    }
+    if (isMethod) {
+      methodNames.add(key);
     }
     if (isGetter && /return\s+\$derived(\.by)?\s*\(/.test(value)) {
       derivedNames.add(key);
@@ -2121,7 +2144,10 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
       if (stateNames.has(name)) {
         return name;
       }
-      return name;
+      if (valueNames.has(name)) {
+        return name;
+      }
+      return `this.${name}`;
     });
     const asyncPrefix = isAsync ? "async " : "";
     const generatorPrefix = isGenerator ? "*" : "";
@@ -2146,7 +2172,9 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
     } else if (isMethod) {
       returnMembers.push(`${asyncPrefix}${generatorPrefix}${outputKey}${transformedValue}`);
     } else {
-      returnMembers.push(`get ${key}() { return ${transformedValue} }`);
+      stateDeclarations.push(`		let ${key} = ${transformedValue}`);
+      returnMembers.push(`get ${key}() { return ${key} }`);
+      returnMembers.push(`set ${key}(v) { ${key} = v }`);
     }
   }
   const stateSection = stateDeclarations.length > 0 ? stateDeclarations.join(`
@@ -2716,9 +2744,10 @@ function transformScript(source, options = {}) {
   const { isComponent = false } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2757,10 +2786,17 @@ function transformScript(source, options = {}) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2779,9 +2815,10 @@ async function transformScriptAsync(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2820,10 +2857,17 @@ async function transformScriptAsync(source, options) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2842,9 +2886,10 @@ async function transformScriptContent(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
   }
   if (isComponent) {
     const result = await transformAttrsOriginCalls(s, source, neededImports, schemaResolver);
@@ -2857,11 +2902,22 @@ async function transformScriptContent(source, options) {
   if (neededImports.size > 0) {
     const importStatement = generateRuntimeImport([...neededImports]);
     s.prepend(importStatement + `
+`);
+  }
+  if (svelteImports.size > 0) {
+    const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+    s.prepend(svelteImportStatement + `
 `);
   }
   if (propsTypeDeclaration) {
     const afterImports = findPropsInjectionPosition(source);
-    const offset = neededImports.size > 0 ? generateRuntimeImport([...neededImports]).length + 1 : 0;
+    let offset = 0;
+    if (neededImports.size > 0) {
+      offset += generateRuntimeImport([...neededImports]).length + 1;
+    }
+    if (svelteImports.size > 0) {
+      offset += `import { ${[...svelteImports].join(", ")} } from 'svelte'`.length + 1;
+    }
     s.appendLeft(afterImports + offset, propsTypeDeclaration + `
 `);
   }

package/dist/index.js

@@ -5969,7 +5969,7 @@ function parseObjectMembers(source2) {
 }
 
 // src/transform/origin-transform.ts
-function transformOriginCalls(s, source2, neededImports) {
+function transformOriginCalls(s, source2, neededImports, svelteImports) {
   const regex = /\$origin\s*\(/g;
   let match;
   let changed = false;
@@ -5985,14 +5985,14 @@ function transformOriginCalls(s, source2, neededImports) {
       continue;
     }
     const definitionContent = source2.slice(openParenIndex + 1, closeParenIndex);
-    const transformed = transformOriginDefinition(definitionContent);
+    const transformed = transformOriginDefinition(definitionContent, svelteImports);
     s.overwrite(startIndex, closeParenIndex + 1, `__createOrigin(${transformed})`);
     neededImports.add("__createOrigin");
     changed = true;
   }
   return changed;
 }
-function transformOriginDefinition(content) {
+function transformOriginDefinition(content, svelteImports) {
   let parents = [];
   let bodyContent = content.trim();
   let initCallback = null;
@@ -6057,7 +6057,7 @@ function transformOriginDefinition(content) {
     }
   }
   const attrDetails = parseAttrsSource(attrsContent);
-  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName);
+  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName, svelteImports);
   const parentsCode = parents.length > 0 ? `[${parents.join(", ")}]` : "undefined";
   let configCode = `{
 	__attrSchema: ${attrSchemaCode},
@@ -6077,19 +6077,35 @@ ${createFnBody}
 }`;
   return configCode;
 }
-function transformOriginBody(content, parents = [], attrDetails = [], propName = "props") {
+function transformOriginBody(content, parents = [], attrDetails = [], propName = "props", svelteImports) {
   let body = content.trim();
   const hasParents = parents.length > 0;
+  const attrStateDeclarations = [];
+  const attrSyncEffects = [];
   const attrGettersSetters = [];
-  for (const attr2 of attrDetails) {
-    if (attr2.hasDefault) {
-      attrGettersSetters.push(`get ${attr2.key}() { return __inputAttrs.${attr2.key} ?? ${attr2.defaultValue} }`);
-    } else {
-      attrGettersSetters.push(`get ${attr2.key}() { return __inputAttrs.${attr2.key} }`);
-    }
-    attrGettersSetters.push(`set ${attr2.key}(v) { __inputAttrs.${attr2.key} = v }`);
+  if (attrDetails.length > 0 && svelteImports) {
+    svelteImports.add("untrack");
   }
-  const propsObjectCode = attrGettersSetters.length > 0 ? `		const __props = {
+  for (const attr2 of attrDetails) {
+    const defaultExpr = attr2.hasDefault ? ` ?? ${attr2.defaultValue}` : "";
+    attrStateDeclarations.push(`let __attr_${attr2.key} = $state(__inputAttrs.${attr2.key}${defaultExpr})`);
+    attrSyncEffects.push(`$effect(() => {
+			const __parentVal = __inputAttrs.${attr2.key}
+			const __currentVal = untrack(() => __attr_${attr2.key})
+			if (__parentVal !== __currentVal) {
+				__attr_${attr2.key} = __parentVal${defaultExpr}
+			}
+		})`);
+    attrGettersSetters.push(`get ${attr2.key}() { return __attr_${attr2.key} }`);
+    attrGettersSetters.push(`set ${attr2.key}(v) { __attr_${attr2.key} = v; __inputAttrs.${attr2.key} = v }`);
+  }
+  const attrStateSection = attrStateDeclarations.length > 0 ? attrStateDeclarations.join(`
+		`) + `
+		` : "";
+  const attrEffectSection = attrSyncEffects.length > 0 ? attrSyncEffects.join(`
+		`) + `
+		` : "";
+  const propsObjectCode = attrGettersSetters.length > 0 ? `${attrStateSection}${attrEffectSection}const __props = {
 			${attrGettersSetters.join(`,
 			`)}
 		}` : `		const __props = __inputAttrs`;
@@ -6106,10 +6122,17 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
   const members = parseObjectMembers(body);
   const derivedNames = new Set;
   const stateNames = new Set;
+  const valueNames = new Set;
+  const methodNames = new Set;
   for (const member of members) {
     const { key: key2, value, isGetter, isMethod, isSetter } = member;
     if (!isGetter && !isMethod && !isSetter && value.startsWith("$state")) {
       stateNames.add(key2);
+    } else if (!isGetter && !isMethod && !isSetter) {
+      valueNames.add(key2);
+    }
+    if (isMethod) {
+      methodNames.add(key2);
     }
     if (isGetter && /return\s+\$derived(\.by)?\s*\(/.test(value)) {
       derivedNames.add(key2);
@@ -6171,7 +6194,10 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
       if (stateNames.has(name)) {
         return name;
       }
-      return name;
+      if (valueNames.has(name)) {
+        return name;
+      }
+      return `this.${name}`;
     });
     const asyncPrefix = isAsync ? "async " : "";
     const generatorPrefix = isGenerator ? "*" : "";
@@ -6196,7 +6222,9 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
     } else if (isMethod) {
       returnMembers.push(`${asyncPrefix}${generatorPrefix}${outputKey}${transformedValue}`);
     } else {
-      returnMembers.push(`get ${key2}() { return ${transformedValue} }`);
+      stateDeclarations.push(`		let ${key2} = ${transformedValue}`);
+      returnMembers.push(`get ${key2}() { return ${key2} }`);
+      returnMembers.push(`set ${key2}(v) { ${key2} = v }`);
     }
   }
   const stateSection = stateDeclarations.length > 0 ? stateDeclarations.join(`
@@ -6497,9 +6525,10 @@ function transformScript(source2, options = {}) {
   const { isComponent = false } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source2, neededImports) || changed;
+    changed = transformOriginCalls(s, source2, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source2, neededImports) || changed;
   }
   if (isComponent) {
@@ -6538,10 +6567,17 @@ function transformScript(source2, options = {}) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source2, changed: false };
@@ -6560,9 +6596,10 @@ async function transformScriptAsync(source2, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source2, neededImports) || changed;
+    changed = transformOriginCalls(s, source2, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source2, neededImports) || changed;
   }
   if (isComponent) {
@@ -6601,10 +6638,17 @@ async function transformScriptAsync(source2, options) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source2, changed: false };
@@ -6623,9 +6667,10 @@ async function transformScriptContent(source2, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source2, neededImports) || changed;
+    changed = transformOriginCalls(s, source2, neededImports, svelteImports) || changed;
   }
   if (isComponent) {
     const result = await transformAttrsOriginCalls(s, source2, neededImports, schemaResolver);
@@ -6638,11 +6683,22 @@ async function transformScriptContent(source2, options) {
   if (neededImports.size > 0) {
     const importStatement = generateRuntimeImport([...neededImports]);
     s.prepend(importStatement + `
+`);
+  }
+  if (svelteImports.size > 0) {
+    const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+    s.prepend(svelteImportStatement + `
 `);
   }
   if (propsTypeDeclaration) {
     const afterImports = findPropsInjectionPosition(source2);
-    const offset = neededImports.size > 0 ? generateRuntimeImport([...neededImports]).length + 1 : 0;
+    let offset = 0;
+    if (neededImports.size > 0) {
+      offset += generateRuntimeImport([...neededImports]).length + 1;
+    }
+    if (svelteImports.size > 0) {
+      offset += `import { ${[...svelteImports].join(", ")} } from 'svelte'`.length + 1;
+    }
     s.appendLeft(afterImports + offset, propsTypeDeclaration + `
 `);
   }

package/dist/plugin.js

@@ -1913,7 +1913,7 @@ function parseObjectMembers(source) {
 }
 
 // src/transform/origin-transform.ts
-function transformOriginCalls(s, source, neededImports) {
+function transformOriginCalls(s, source, neededImports, svelteImports) {
   const regex = /\$origin\s*\(/g;
   let match;
   let changed = false;
@@ -1929,14 +1929,14 @@ function transformOriginCalls(s, source, neededImports) {
       continue;
     }
     const definitionContent = source.slice(openParenIndex + 1, closeParenIndex);
-    const transformed = transformOriginDefinition(definitionContent);
+    const transformed = transformOriginDefinition(definitionContent, svelteImports);
     s.overwrite(startIndex, closeParenIndex + 1, `__createOrigin(${transformed})`);
     neededImports.add("__createOrigin");
     changed = true;
   }
   return changed;
 }
-function transformOriginDefinition(content) {
+function transformOriginDefinition(content, svelteImports) {
   let parents = [];
   let bodyContent = content.trim();
   let initCallback = null;
@@ -2001,7 +2001,7 @@ function transformOriginDefinition(content) {
     }
   }
   const attrDetails = parseAttrsSource(attrsContent);
-  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName);
+  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName, svelteImports);
   const parentsCode = parents.length > 0 ? `[${parents.join(", ")}]` : "undefined";
   let configCode = `{
 	__attrSchema: ${attrSchemaCode},
@@ -2021,19 +2021,35 @@ ${createFnBody}
 }`;
   return configCode;
 }
-function transformOriginBody(content, parents = [], attrDetails = [], propName = "props") {
+function transformOriginBody(content, parents = [], attrDetails = [], propName = "props", svelteImports) {
   let body = content.trim();
   const hasParents = parents.length > 0;
+  const attrStateDeclarations = [];
+  const attrSyncEffects = [];
   const attrGettersSetters = [];
-  for (const attr of attrDetails) {
-    if (attr.hasDefault) {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} ?? ${attr.defaultValue} }`);
-    } else {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} }`);
-    }
-    attrGettersSetters.push(`set ${attr.key}(v) { __inputAttrs.${attr.key} = v }`);
+  if (attrDetails.length > 0 && svelteImports) {
+    svelteImports.add("untrack");
   }
-  const propsObjectCode = attrGettersSetters.length > 0 ? `		const __props = {
+  for (const attr of attrDetails) {
+    const defaultExpr = attr.hasDefault ? ` ?? ${attr.defaultValue}` : "";
+    attrStateDeclarations.push(`let __attr_${attr.key} = $state(__inputAttrs.${attr.key}${defaultExpr})`);
+    attrSyncEffects.push(`$effect(() => {
+			const __parentVal = __inputAttrs.${attr.key}
+			const __currentVal = untrack(() => __attr_${attr.key})
+			if (__parentVal !== __currentVal) {
+				__attr_${attr.key} = __parentVal${defaultExpr}
+			}
+		})`);
+    attrGettersSetters.push(`get ${attr.key}() { return __attr_${attr.key} }`);
+    attrGettersSetters.push(`set ${attr.key}(v) { __attr_${attr.key} = v; __inputAttrs.${attr.key} = v }`);
+  }
+  const attrStateSection = attrStateDeclarations.length > 0 ? attrStateDeclarations.join(`
+		`) + `
+		` : "";
+  const attrEffectSection = attrSyncEffects.length > 0 ? attrSyncEffects.join(`
+		`) + `
+		` : "";
+  const propsObjectCode = attrGettersSetters.length > 0 ? `${attrStateSection}${attrEffectSection}const __props = {
 			${attrGettersSetters.join(`,
 			`)}
 		}` : `		const __props = __inputAttrs`;
@@ -2050,10 +2066,17 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
   const members = parseObjectMembers(body);
   const derivedNames = new Set;
   const stateNames = new Set;
+  const valueNames = new Set;
+  const methodNames = new Set;
   for (const member of members) {
     const { key, value, isGetter, isMethod, isSetter } = member;
     if (!isGetter && !isMethod && !isSetter && value.startsWith("$state")) {
       stateNames.add(key);
+    } else if (!isGetter && !isMethod && !isSetter) {
+      valueNames.add(key);
+    }
+    if (isMethod) {
+      methodNames.add(key);
     }
     if (isGetter && /return\s+\$derived(\.by)?\s*\(/.test(value)) {
       derivedNames.add(key);
@@ -2115,7 +2138,10 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
       if (stateNames.has(name)) {
         return name;
       }
-      return name;
+      if (valueNames.has(name)) {
+        return name;
+      }
+      return `this.${name}`;
     });
     const asyncPrefix = isAsync ? "async " : "";
     const generatorPrefix = isGenerator ? "*" : "";
@@ -2140,7 +2166,9 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
     } else if (isMethod) {
       returnMembers.push(`${asyncPrefix}${generatorPrefix}${outputKey}${transformedValue}`);
     } else {
-      returnMembers.push(`get ${key}() { return ${transformedValue} }`);
+      stateDeclarations.push(`		let ${key} = ${transformedValue}`);
+      returnMembers.push(`get ${key}() { return ${key} }`);
+      returnMembers.push(`set ${key}(v) { ${key} = v }`);
     }
   }
   const stateSection = stateDeclarations.length > 0 ? stateDeclarations.join(`
@@ -2710,9 +2738,10 @@ function transformScript(source, options = {}) {
   const { isComponent = false } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2751,10 +2780,17 @@ function transformScript(source, options = {}) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2773,9 +2809,10 @@ async function transformScriptAsync(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2814,10 +2851,17 @@ async function transformScriptAsync(source, options) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2836,9 +2880,10 @@ async function transformScriptContent(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
   }
   if (isComponent) {
     const result = await transformAttrsOriginCalls(s, source, neededImports, schemaResolver);
@@ -2851,11 +2896,22 @@ async function transformScriptContent(source, options) {
   if (neededImports.size > 0) {
     const importStatement = generateRuntimeImport([...neededImports]);
     s.prepend(importStatement + `
+`);
+  }
+  if (svelteImports.size > 0) {
+    const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+    s.prepend(svelteImportStatement + `
 `);
   }
   if (propsTypeDeclaration) {
     const afterImports = findPropsInjectionPosition(source);
-    const offset = neededImports.size > 0 ? generateRuntimeImport([...neededImports]).length + 1 : 0;
+    let offset = 0;
+    if (neededImports.size > 0) {
+      offset += generateRuntimeImport([...neededImports]).length + 1;
+    }
+    if (svelteImports.size > 0) {
+      offset += `import { ${[...svelteImports].join(", ")} } from 'svelte'`.length + 1;
+    }
     s.appendLeft(afterImports + offset, propsTypeDeclaration + `
 `);
   }

package/dist/post-process.js

@@ -1917,7 +1917,7 @@ function parseObjectMembers(source) {
 }
 
 // src/transform/origin-transform.ts
-function transformOriginCalls(s, source, neededImports) {
+function transformOriginCalls(s, source, neededImports, svelteImports) {
   const regex = /\$origin\s*\(/g;
   let match;
   let changed = false;
@@ -1933,14 +1933,14 @@ function transformOriginCalls(s, source, neededImports) {
       continue;
     }
     const definitionContent = source.slice(openParenIndex + 1, closeParenIndex);
-    const transformed = transformOriginDefinition(definitionContent);
+    const transformed = transformOriginDefinition(definitionContent, svelteImports);
     s.overwrite(startIndex, closeParenIndex + 1, `__createOrigin(${transformed})`);
     neededImports.add("__createOrigin");
     changed = true;
   }
   return changed;
 }
-function transformOriginDefinition(content) {
+function transformOriginDefinition(content, svelteImports) {
   let parents = [];
   let bodyContent = content.trim();
   let initCallback = null;
@@ -2005,7 +2005,7 @@ function transformOriginDefinition(content) {
     }
   }
   const attrDetails = parseAttrsSource(attrsContent);
-  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName);
+  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName, svelteImports);
   const parentsCode = parents.length > 0 ? `[${parents.join(", ")}]` : "undefined";
   let configCode = `{
 	__attrSchema: ${attrSchemaCode},
@@ -2025,19 +2025,35 @@ ${createFnBody}
 }`;
   return configCode;
 }
-function transformOriginBody(content, parents = [], attrDetails = [], propName = "props") {
+function transformOriginBody(content, parents = [], attrDetails = [], propName = "props", svelteImports) {
   let body = content.trim();
   const hasParents = parents.length > 0;
+  const attrStateDeclarations = [];
+  const attrSyncEffects = [];
   const attrGettersSetters = [];
-  for (const attr of attrDetails) {
-    if (attr.hasDefault) {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} ?? ${attr.defaultValue} }`);
-    } else {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} }`);
-    }
-    attrGettersSetters.push(`set ${attr.key}(v) { __inputAttrs.${attr.key} = v }`);
+  if (attrDetails.length > 0 && svelteImports) {
+    svelteImports.add("untrack");
   }
-  const propsObjectCode = attrGettersSetters.length > 0 ? `		const __props = {
+  for (const attr of attrDetails) {
+    const defaultExpr = attr.hasDefault ? ` ?? ${attr.defaultValue}` : "";
+    attrStateDeclarations.push(`let __attr_${attr.key} = $state(__inputAttrs.${attr.key}${defaultExpr})`);
+    attrSyncEffects.push(`$effect(() => {
+			const __parentVal = __inputAttrs.${attr.key}
+			const __currentVal = untrack(() => __attr_${attr.key})
+			if (__parentVal !== __currentVal) {
+				__attr_${attr.key} = __parentVal${defaultExpr}
+			}
+		})`);
+    attrGettersSetters.push(`get ${attr.key}() { return __attr_${attr.key} }`);
+    attrGettersSetters.push(`set ${attr.key}(v) { __attr_${attr.key} = v; __inputAttrs.${attr.key} = v }`);
+  }
+  const attrStateSection = attrStateDeclarations.length > 0 ? attrStateDeclarations.join(`
+		`) + `
+		` : "";
+  const attrEffectSection = attrSyncEffects.length > 0 ? attrSyncEffects.join(`
+		`) + `
+		` : "";
+  const propsObjectCode = attrGettersSetters.length > 0 ? `${attrStateSection}${attrEffectSection}const __props = {
 			${attrGettersSetters.join(`,
 			`)}
 		}` : `		const __props = __inputAttrs`;
@@ -2054,10 +2070,17 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
   const members = parseObjectMembers(body);
   const derivedNames = new Set;
   const stateNames = new Set;
+  const valueNames = new Set;
+  const methodNames = new Set;
   for (const member of members) {
     const { key, value, isGetter, isMethod, isSetter } = member;
     if (!isGetter && !isMethod && !isSetter && value.startsWith("$state")) {
       stateNames.add(key);
+    } else if (!isGetter && !isMethod && !isSetter) {
+      valueNames.add(key);
+    }
+    if (isMethod) {
+      methodNames.add(key);
     }
     if (isGetter && /return\s+\$derived(\.by)?\s*\(/.test(value)) {
       derivedNames.add(key);
@@ -2119,7 +2142,10 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
       if (stateNames.has(name)) {
         return name;
       }
-      return name;
+      if (valueNames.has(name)) {
+        return name;
+      }
+      return `this.${name}`;
     });
     const asyncPrefix = isAsync ? "async " : "";
     const generatorPrefix = isGenerator ? "*" : "";
@@ -2144,7 +2170,9 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
     } else if (isMethod) {
       returnMembers.push(`${asyncPrefix}${generatorPrefix}${outputKey}${transformedValue}`);
     } else {
-      returnMembers.push(`get ${key}() { return ${transformedValue} }`);
+      stateDeclarations.push(`		let ${key} = ${transformedValue}`);
+      returnMembers.push(`get ${key}() { return ${key} }`);
+      returnMembers.push(`set ${key}(v) { ${key} = v }`);
     }
   }
   const stateSection = stateDeclarations.length > 0 ? stateDeclarations.join(`
@@ -2714,9 +2742,10 @@ function transformScript(source, options = {}) {
   const { isComponent = false } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2755,10 +2784,17 @@ function transformScript(source, options = {}) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2777,9 +2813,10 @@ async function transformScriptAsync(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2818,10 +2855,17 @@ async function transformScriptAsync(source, options) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2840,9 +2884,10 @@ async function transformScriptContent(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
   }
   if (isComponent) {
     const result = await transformAttrsOriginCalls(s, source, neededImports, schemaResolver);
@@ -2855,11 +2900,22 @@ async function transformScriptContent(source, options) {
   if (neededImports.size > 0) {
     const importStatement = generateRuntimeImport([...neededImports]);
     s.prepend(importStatement + `
+`);
+  }
+  if (svelteImports.size > 0) {
+    const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+    s.prepend(svelteImportStatement + `
 `);
   }
   if (propsTypeDeclaration) {
     const afterImports = findPropsInjectionPosition(source);
-    const offset = neededImports.size > 0 ? generateRuntimeImport([...neededImports]).length + 1 : 0;
+    let offset = 0;
+    if (neededImports.size > 0) {
+      offset += generateRuntimeImport([...neededImports]).length + 1;
+    }
+    if (svelteImports.size > 0) {
+      offset += `import { ${[...svelteImports].join(", ")} } from 'svelte'`.length + 1;
+    }
     s.appendLeft(afterImports + offset, propsTypeDeclaration + `
 `);
   }

package/dist/preprocess.js

@@ -1913,7 +1913,7 @@ function parseObjectMembers(source) {
 }
 
 // src/transform/origin-transform.ts
-function transformOriginCalls(s, source, neededImports) {
+function transformOriginCalls(s, source, neededImports, svelteImports) {
   const regex = /\$origin\s*\(/g;
   let match;
   let changed = false;
@@ -1929,14 +1929,14 @@ function transformOriginCalls(s, source, neededImports) {
       continue;
     }
     const definitionContent = source.slice(openParenIndex + 1, closeParenIndex);
-    const transformed = transformOriginDefinition(definitionContent);
+    const transformed = transformOriginDefinition(definitionContent, svelteImports);
     s.overwrite(startIndex, closeParenIndex + 1, `__createOrigin(${transformed})`);
     neededImports.add("__createOrigin");
     changed = true;
   }
   return changed;
 }
-function transformOriginDefinition(content) {
+function transformOriginDefinition(content, svelteImports) {
   let parents = [];
   let bodyContent = content.trim();
   let initCallback = null;
@@ -2001,7 +2001,7 @@ function transformOriginDefinition(content) {
     }
   }
   const attrDetails = parseAttrsSource(attrsContent);
-  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName);
+  const { body: createFnBody, attachments } = transformOriginBody(contentWithoutAttrs.trim(), parents, attrDetails, attrPropertyName, svelteImports);
   const parentsCode = parents.length > 0 ? `[${parents.join(", ")}]` : "undefined";
   let configCode = `{
 	__attrSchema: ${attrSchemaCode},
@@ -2021,19 +2021,35 @@ ${createFnBody}
 }`;
   return configCode;
 }
-function transformOriginBody(content, parents = [], attrDetails = [], propName = "props") {
+function transformOriginBody(content, parents = [], attrDetails = [], propName = "props", svelteImports) {
   let body = content.trim();
   const hasParents = parents.length > 0;
+  const attrStateDeclarations = [];
+  const attrSyncEffects = [];
   const attrGettersSetters = [];
-  for (const attr of attrDetails) {
-    if (attr.hasDefault) {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} ?? ${attr.defaultValue} }`);
-    } else {
-      attrGettersSetters.push(`get ${attr.key}() { return __inputAttrs.${attr.key} }`);
-    }
-    attrGettersSetters.push(`set ${attr.key}(v) { __inputAttrs.${attr.key} = v }`);
+  if (attrDetails.length > 0 && svelteImports) {
+    svelteImports.add("untrack");
   }
-  const propsObjectCode = attrGettersSetters.length > 0 ? `		const __props = {
+  for (const attr of attrDetails) {
+    const defaultExpr = attr.hasDefault ? ` ?? ${attr.defaultValue}` : "";
+    attrStateDeclarations.push(`let __attr_${attr.key} = $state(__inputAttrs.${attr.key}${defaultExpr})`);
+    attrSyncEffects.push(`$effect(() => {
+			const __parentVal = __inputAttrs.${attr.key}
+			const __currentVal = untrack(() => __attr_${attr.key})
+			if (__parentVal !== __currentVal) {
+				__attr_${attr.key} = __parentVal${defaultExpr}
+			}
+		})`);
+    attrGettersSetters.push(`get ${attr.key}() { return __attr_${attr.key} }`);
+    attrGettersSetters.push(`set ${attr.key}(v) { __attr_${attr.key} = v; __inputAttrs.${attr.key} = v }`);
+  }
+  const attrStateSection = attrStateDeclarations.length > 0 ? attrStateDeclarations.join(`
+		`) + `
+		` : "";
+  const attrEffectSection = attrSyncEffects.length > 0 ? attrSyncEffects.join(`
+		`) + `
+		` : "";
+  const propsObjectCode = attrGettersSetters.length > 0 ? `${attrStateSection}${attrEffectSection}const __props = {
 			${attrGettersSetters.join(`,
 			`)}
 		}` : `		const __props = __inputAttrs`;
@@ -2050,10 +2066,17 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
   const members = parseObjectMembers(body);
   const derivedNames = new Set;
   const stateNames = new Set;
+  const valueNames = new Set;
+  const methodNames = new Set;
   for (const member of members) {
     const { key, value, isGetter, isMethod, isSetter } = member;
     if (!isGetter && !isMethod && !isSetter && value.startsWith("$state")) {
       stateNames.add(key);
+    } else if (!isGetter && !isMethod && !isSetter) {
+      valueNames.add(key);
+    }
+    if (isMethod) {
+      methodNames.add(key);
     }
     if (isGetter && /return\s+\$derived(\.by)?\s*\(/.test(value)) {
       derivedNames.add(key);
@@ -2115,7 +2138,10 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
       if (stateNames.has(name)) {
         return name;
       }
-      return name;
+      if (valueNames.has(name)) {
+        return name;
+      }
+      return `this.${name}`;
     });
     const asyncPrefix = isAsync ? "async " : "";
     const generatorPrefix = isGenerator ? "*" : "";
@@ -2140,7 +2166,9 @@ function transformOriginBody(content, parents = [], attrDetails = [], propName =
     } else if (isMethod) {
       returnMembers.push(`${asyncPrefix}${generatorPrefix}${outputKey}${transformedValue}`);
     } else {
-      returnMembers.push(`get ${key}() { return ${transformedValue} }`);
+      stateDeclarations.push(`		let ${key} = ${transformedValue}`);
+      returnMembers.push(`get ${key}() { return ${key} }`);
+      returnMembers.push(`set ${key}(v) { ${key} = v }`);
     }
   }
   const stateSection = stateDeclarations.length > 0 ? stateDeclarations.join(`
@@ -2710,9 +2738,10 @@ function transformScript(source, options = {}) {
   const { isComponent = false } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2751,10 +2780,17 @@ function transformScript(source, options = {}) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2773,9 +2809,10 @@ async function transformScriptAsync(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
     changed = transformStandaloneAttrsCalls(s, source, neededImports) || changed;
   }
   if (isComponent) {
@@ -2814,10 +2851,17 @@ async function transformScriptAsync(source, options) {
 `);
       }
     }
-  } else if (neededImports.size > 0) {
-    const importStatement = generateRuntimeImport([...neededImports]);
-    s.prepend(importStatement + `
+  } else if (neededImports.size > 0 || svelteImports.size > 0) {
+    if (neededImports.size > 0) {
+      const importStatement = generateRuntimeImport([...neededImports]);
+      s.prepend(importStatement + `
+`);
+    }
+    if (svelteImports.size > 0) {
+      const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+      s.prepend(svelteImportStatement + `
 `);
+    }
   }
   if (!changed) {
     return { code: source, changed: false };
@@ -2836,9 +2880,10 @@ async function transformScriptContent(source, options) {
   const { isComponent = false, schemaResolver } = options;
   let changed = false;
   const neededImports = new Set;
+  const svelteImports = new Set;
   let propsTypeDeclaration = null;
   if (!isComponent) {
-    changed = transformOriginCalls(s, source, neededImports) || changed;
+    changed = transformOriginCalls(s, source, neededImports, svelteImports) || changed;
   }
   if (isComponent) {
     const result = await transformAttrsOriginCalls(s, source, neededImports, schemaResolver);
@@ -2851,11 +2896,22 @@ async function transformScriptContent(source, options) {
   if (neededImports.size > 0) {
     const importStatement = generateRuntimeImport([...neededImports]);
     s.prepend(importStatement + `
+`);
+  }
+  if (svelteImports.size > 0) {
+    const svelteImportStatement = `import { ${[...svelteImports].join(", ")} } from 'svelte'`;
+    s.prepend(svelteImportStatement + `
 `);
   }
   if (propsTypeDeclaration) {
     const afterImports = findPropsInjectionPosition(source);
-    const offset = neededImports.size > 0 ? generateRuntimeImport([...neededImports]).length + 1 : 0;
+    let offset = 0;
+    if (neededImports.size > 0) {
+      offset += generateRuntimeImport([...neededImports]).length + 1;
+    }
+    if (svelteImports.size > 0) {
+      offset += `import { ${[...svelteImports].join(", ")} } from 'svelte'`.length + 1;
+    }
     s.appendLeft(afterImports + offset, propsTypeDeclaration + `
 `);
   }

package/dist/transform/origin-transform.d.ts

@@ -48,4 +48,4 @@ export interface TransformOriginBodyResult {
  * })
  * ```
  */
-export declare function transformOriginCalls(s: MagicString, source: string, neededImports: Set<string>): boolean;
+export declare function transformOriginCalls(s: MagicString, source: string, neededImports: Set<string>, svelteImports?: Set<string>): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-origin",
-	"version": "1.0.0-next.14",
+	"version": "1.0.0-next.16",
 	"description": "Compiler-assisted state and prop ergonomics for Svelte 5",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",