sveld 0.25.6 → 0.25.7

package/README.md

@@ -537,7 +537,7 @@ Example:
 
 #### Svelte 5 Snippet Compatibility
 
-For Svelte 5 compatibility, `sveld` automatically generates optional snippet props for named slots. This allows consumers to use either the traditional slot syntax or Svelte 5's `{#snippet}` syntax.
+For Svelte 5 compatibility, `sveld` automatically generates optional snippet props for all slots. This allows consumers to use either the traditional slot syntax or Svelte 5's `{#snippet}` syntax.
 
 For slots with props (e.g., `let:prop`), the generated type uses a Snippet-compatible signature:
 
@@ -556,7 +556,32 @@ slotName?: (this: void) => void;
 - **`this: void`** – Ensures the snippet cannot be called with a `this` context, matching Svelte's internal enforcement that snippets are pure render functions
 - **`...args: [Props]`** – Uses tuple spread for type-safe parameters. This accepts fixed-length tuples (like `[{ row: Row }]`) while rejecting array types (like `Props[]`), matching how Svelte's `Snippet<T>` type works
 
-**Example usage with Svelte 5 snippets:**
+**Default slot (`children` prop):**
+
+The default slot generates an optional `children` snippet prop:
+
+```svelte
+<!-- Component with default slot that passes props -->
+<Dropdown {items} selectedId="1">
+  {#snippet children({ item, index })}
+    <span>{item.text} (#{index})</span>
+  {/snippet}
+</Dropdown>
+```
+
+Generated types:
+
+```ts
+type DropdownProps = {
+  items: Item[];
+  selectedId?: string;
+
+  // Default slot as children snippet prop
+  children?: (this: void, ...args: [{ item: Item; index: number }]) => void;
+};
+```
+
+**Named slots:**
 
 ```svelte
 <!-- Using the generated types with Svelte 5 syntax -->
@@ -582,6 +607,9 @@ type DataTableProps<Row> = {
     this: void,
     ...args: [{ row: Row; cell: DataTableCell<Row>; rowIndex: number; cellIndex: number }]
   ) => void;
+
+  // Default slot as children prop
+  children?: (this: void) => void;
 };
 
 export default class DataTable<Row> extends SvelteComponentTyped<
@@ -589,13 +617,12 @@ export default class DataTable<Row> extends SvelteComponentTyped<
   { /* events */ },
   {
     // Traditional slot definition (Svelte 3/4)
+    default: Record<string, never>;
     cell: { row: Row; cell: DataTableCell<Row>; rowIndex: number; cellIndex: number };
   }
 > {}
 ```
 
-> **Note:** Snippet props are only generated for named slots. The default slot does not generate a snippet prop to avoid conflicts with the `children` prop pattern.
-
 ### `@event`
 
 Use the `@event` tag to type dispatched events. An event name is required and a description optional.

package/lib/writer/writer-ts-definitions-core.js

@@ -95,7 +95,7 @@ function genPropDef(def) {
     });
     // Generate snippet props for named slots (Svelte 5 compatibility)
     // Skip default slots and slots that conflict with existing prop names
-    const snippet_props = (def.slots || [])
+    const named_snippet_props = (def.slots || [])
         .filter((slot) => !slot.default && slot.name != null && !existingPropNames.has(slot.name))
         .map((slot) => {
         const slotName = slot.name;
@@ -108,6 +108,20 @@ function genPropDef(def) {
         return `
       ${description}${key}?: ${snippetType};`;
     });
+    // Generate children snippet prop for default slot (Svelte 5 compatibility)
+    const default_slot = (def.slots || []).find((slot) => slot.default || slot.name === null);
+    const children_snippet_prop = default_slot
+        ? (() => {
+            const description = default_slot.description ? `/** ${default_slot.description} */\n      ` : "";
+            const hasSlotProps = default_slot.slot_props && default_slot.slot_props !== "Record<string, never>";
+            const snippetType = hasSlotProps
+                ? `(this: void, ...args: [${default_slot.slot_props}]) => void`
+                : "(this: void) => void";
+            return `
+      ${description}children?: ${snippetType};`;
+        })()
+        : "";
+    const snippet_props = [...named_snippet_props, children_snippet_prop].filter(Boolean);
     const props = [...initial_props, ...snippet_props].join("\n");
     const props_name = `${def.moduleName}Props`;
     let prop_def = EMPTY_STR;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveld",
-  "version": "0.25.6",
+  "version": "0.25.7",
   "license": "Apache-2.0",
   "description": "Generate TypeScript definitions for your Svelte components.",
   "main": "./lib/index.js",