@pascal-app/nodes 1.0.6 → 1.1.0

package/dist/dormer/panel-windows-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-windows-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-windows-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIlD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACpC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,+BAiEA"}
+{"version":3,"file":"panel-windows-section.d.ts","sourceRoot":"","sources":["../../src/dormer/panel-windows-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAKlD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACpC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,+BA0GA"}

package/dist/dormer/panel-windows-section.js

@@ -1,7 +1,44 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatFixed, usePascalI18n } from '@pascal-app/core';
 import { ActionButton, PanelSection } from '@pascal-app/editor';
 import { Move, Pencil, Plus } from 'lucide-react';
 export function DormerWindowsSection({ windows, canAdd, onAdd, onEdit, onMove, }) {
-    return (_jsxs(PanelSection, { title: `Windows (${windows.length})`, children: [windows.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1", children: windows.map((window, index) => (_jsxs("div", { className: "flex items-center gap-1 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] p-1", children: [_jsxs("button", { className: "min-w-0 flex-1 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => onEdit(window), type: "button", children: [_jsx("span", { className: "block truncate font-medium text-foreground text-xs", children: window.name || `Window ${index + 1}` }), _jsxs("span", { className: "block truncate text-[10px] text-muted-foreground capitalize", children: [window.dormerFace ?? 'front', " \u00B7 ", window.width.toFixed(2), " \u00D7", ' ', window.height.toFixed(2), " m"] })] }), _jsx("button", { "aria-label": `Edit ${window.name || `Window ${index + 1}`}`, className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onEdit(window), title: "Edit window", type: "button", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsxs("button", { "aria-label": `Move ${window.name || `Window ${index + 1}`}`, className: "flex h-8 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-muted-foreground text-xs transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onMove(window), title: "Move window", type: "button", children: [_jsx(Move, { className: "h-3.5 w-3.5" }), "Move"] })] }, window.id))) })) : (_jsx("div", { className: "px-2 py-3 text-center text-muted-foreground text-xs", children: "No windows" })), _jsxs("div", { className: "px-1 pt-2 pb-1", children: [_jsx(ActionButton, { className: "w-full", disabled: !canAdd, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add Window", onClick: onAdd }), !canAdd && (_jsx("p", { className: "px-1 pt-2 text-center text-[10px] text-muted-foreground", children: "Increase the dormer width to add another window." }))] })] }));
+    const i18n = usePascalI18n();
+    const windowName = (window, index) => window.name ||
+        i18n._({
+            id: 'node.dormer.panelWindowsSection.windowNumber',
+            message: 'Window {number}',
+            values: { number: index + 1 },
+        });
+    return (_jsxs(PanelSection, { title: i18n._({
+            id: 'node.dormer.panelWindowsSection.windowsLength',
+            message: 'Windows ({length})',
+            values: { length: windows.length },
+        }), children: [windows.length > 0 ? (_jsx("div", { className: "flex flex-col gap-1", children: windows.map((window, index) => (_jsxs("div", { className: "flex items-center gap-1 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] p-1", children: [_jsxs("button", { className: "min-w-0 flex-1 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e]", onClick: () => onEdit(window), type: "button", children: [_jsx("span", { className: "block truncate font-medium text-foreground text-xs", children: windowName(window, index) }), _jsx("span", { className: "block truncate text-[10px] text-muted-foreground", children: i18n._({
+                                        id: 'node.dormer.panelWindowsSection.windowSummary',
+                                        message: '{face, select, back {Back} left {Left} right {Right} other {Front}} · {width} × {height} m',
+                                        values: {
+                                            face: window.dormerFace ?? 'front',
+                                            width: formatFixed(window.width, 2, i18n.getLocale()),
+                                            height: formatFixed(window.height, 2, i18n.getLocale()),
+                                        },
+                                    }) })] }), _jsx("button", { "aria-label": i18n._({
+                                id: 'node.dormer.panelWindowsSection.editNamed',
+                                message: 'Edit {name}',
+                                values: { name: windowName(window, index) },
+                            }), className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onEdit(window), title: i18n._({
+                                id: 'node.dormer.panelWindowsSection.editWindow',
+                                message: 'Edit window',
+                            }), type: "button", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsxs("button", { "aria-label": i18n._({
+                                id: 'node.dormer.panelWindowsSection.moveNamed',
+                                message: 'Move {name}',
+                                values: { name: windowName(window, index) },
+                            }), className: "flex h-8 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-muted-foreground text-xs transition-colors hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground", onClick: () => onMove(window), title: i18n._({
+                                id: 'node.dormer.panelWindowsSection.moveWindow',
+                                message: 'Move window',
+                            }), type: "button", children: [_jsx(Move, { className: "h-3.5 w-3.5" }), i18n._({ id: 'node.dormer.panelWindowsSection.move', message: 'Move' })] })] }, window.id))) })) : (_jsx("div", { className: "px-2 py-3 text-center text-muted-foreground text-xs", children: i18n._({ id: 'node.dormer.panelWindowsSection.noWindows', message: 'No windows' }) })), _jsxs("div", { className: "px-1 pt-2 pb-1", children: [_jsx(ActionButton, { className: "w-full", disabled: !canAdd, icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: i18n._({ id: 'node.dormer.panelWindowsSection.addWindow', message: 'Add Window' }), onClick: onAdd }), !canAdd && (_jsx("p", { className: "px-1 pt-2 text-center text-[10px] text-muted-foreground", children: i18n._({
+                            id: 'node.dormer.panelWindowsSection.increaseTheDormerWidthToAdd',
+                            message: 'Increase the dormer width to add another window.',
+                        }) }))] })] }));
 }

package/dist/dormer/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/dormer/panel.tsx"],"names":[],"mappings":"AAuDA,MAAM,CAAC,OAAO,UAAU,WAAW,uCA0VlC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/dormer/panel.tsx"],"names":[],"mappings":"AA4DA,MAAM,CAAC,OAAO,UAAU,WAAW,uCAqWlC"}

package/dist/dormer/panel.js

@@ -1,6 +1,6 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createDormerDefaultWindow, generateId, useLiveNodeOverrides, useScene, WindowNode, } from '@pascal-app/core';
+import { createDormerDefaultWindow, generateId, useLiveNodeOverrides, usePascalI18n, useScene, WindowNode, } from '@pascal-app/core';
 import { cn, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useCallback, useState } from 'react';
@@ -10,23 +10,27 @@ import { DormerPositionSection } from './panel-position-section.js';
 import { DormerWindowsSection } from './panel-windows-section.js';
 import { planDormerWindowRow } from './window-layout.js';
 const ROOF_TYPE_OPTIONS = [
-    { label: 'Gable', value: 'gable' },
-    { label: 'Hip', value: 'hip' },
-    { label: 'Shed', value: 'shed' },
-    { label: 'Gambrel', value: 'gambrel' },
-    { label: 'Dutch', value: 'dutch' },
-    { label: 'Mansard', value: 'mansard' },
-    { label: 'Flat', value: 'flat' },
+    { label: /* i18n */ { id: 'node.dormer.panel.gable', message: 'Gable' }, value: 'gable' },
+    { label: /* i18n */ { id: 'node.dormer.panel.hip', message: 'Hip' }, value: 'hip' },
+    { label: /* i18n */ { id: 'node.dormer.panel.shed', message: 'Shed' }, value: 'shed' },
+    { label: /* i18n */ { id: 'node.dormer.panel.gambrel', message: 'Gambrel' }, value: 'gambrel' },
+    { label: /* i18n */ { id: 'node.dormer.panel.dutch', message: 'Dutch' }, value: 'dutch' },
+    { label: /* i18n */ { id: 'node.dormer.panel.mansard', message: 'Mansard' }, value: 'mansard' },
+    { label: /* i18n */ { id: 'node.dormer.panel.flat', message: 'Flat' }, value: 'flat' },
 ];
 const SHED_HIGH_SIDE_OPTIONS = [
-    { label: 'Rise Back', value: 'back' },
-    { label: 'Rise Front', value: 'front' },
+    { label: /* i18n */ { id: 'node.dormer.panel.riseBack', message: 'Rise Back' }, value: 'back' },
+    {
+        label: /* i18n */ { id: 'node.dormer.panel.riseFront', message: 'Rise Front' },
+        value: 'front',
+    },
 ];
 const SECTION_OPTIONS = [
-    { label: 'Dormer', value: 'dormer' },
-    { label: 'Windows', value: 'window' },
+    { label: /* i18n */ { id: 'node.dormer.panel.dormer', message: 'Dormer' }, value: 'dormer' },
+    { label: /* i18n */ { id: 'node.dormer.panel.windows', message: 'Windows' }, value: 'window' },
 ];
 export default function DormerPanel() {
+    const i18n = usePascalI18n();
     const [section, setSection] = useState('dormer');
     const selectedId = useViewer((s) => s.selection.selectedIds[0]);
     const setSelection = useViewer((s) => s.setSelection);
@@ -187,20 +191,22 @@ export default function DormerPanel() {
             width: templateWindow?.width ?? defaultWindow.width,
         },
     ]) !== null;
-    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || 'Dormer', width: 300, children: [_jsx(DormerPositionSection, { commitProp: commitProp, node: node, previewProp: previewProp, roof: roof, segment: segment, selectedId: selectedId }), _jsx(PanelSection, { title: "Section", children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: SECTION_OPTIONS.map((option) => {
+    return (_jsxs(PanelWrapper, { icon: "/icons/roof.webp", onBack: node.roofSegmentId ? handleBack : undefined, onClose: handleClose, title: node.name || i18n._({ id: 'node.dormer.panel.dormer', message: 'Dormer' }), width: 300, children: [_jsx(DormerPositionSection, { commitProp: commitProp, node: node, previewProp: previewProp, roof: roof, segment: segment, selectedId: selectedId }), _jsx(PanelSection, { title: i18n._({ id: 'node.dormer.panel.section', message: 'Section' }), children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: SECTION_OPTIONS.map((option) => {
                         const isSelected = section === option.value;
                         return (_jsx("button", { className: cn('flex min-h-10 items-center justify-center rounded-lg border px-2 py-2 text-center text-xs transition-colors', isSelected
                                 ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
-                                : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setSection(option.value), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
-                    }) }) }), section === 'dormer' && (_jsxs(_Fragment, { children: [_jsxs(PanelSection, { title: "Dimensions", children: [_jsx(SliderControl, { label: "Width", max: 1000, min: 0.5, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: "Depth", max: 1000, min: 0.5, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth }), _jsx(SliderControl, { label: "Wall Height", max: 1000, min: 0, onChange: (v) => previewProp({ height: v }), onCommit: (v) => commitProp({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.height }), _jsx(SliderControl, { label: node.roofType === 'shed' ? 'Pitch Rise' : 'Roof Height', max: 3, min: 0, onChange: (v) => previewProp({ roofHeight: v }), onCommit: (v) => commitProp({ roofHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.roofHeight })] }), _jsx(PanelSection, { title: "Roof Type", children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: ROOF_TYPE_OPTIONS.map((option) => {
+                                : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => setSection(option.value), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
+                    }) }) }), section === 'dormer' && (_jsxs(_Fragment, { children: [_jsxs(PanelSection, { title: i18n._({ id: 'node.dormer.panel.dimensions', message: 'Dimensions' }), children: [_jsx(SliderControl, { label: i18n._({ id: 'node.dormer.panel.width', message: 'Width' }), max: 1000, min: 0.5, onChange: (v) => previewProp({ width: v }), onCommit: (v) => commitProp({ width: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.width }), _jsx(SliderControl, { label: i18n._({ id: 'node.dormer.panel.depth', message: 'Depth' }), max: 1000, min: 0.5, onChange: (v) => previewProp({ depth: v }), onCommit: (v) => commitProp({ depth: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.depth }), _jsx(SliderControl, { label: i18n._({ id: 'node.dormer.panel.wallHeight', message: 'Wall Height' }), max: 1000, min: 0, onChange: (v) => previewProp({ height: v }), onCommit: (v) => commitProp({ height: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.height }), _jsx(SliderControl, { label: node.roofType === 'shed'
+                                    ? i18n._({ id: 'node.dormer.panel.pitchRise', message: 'Pitch Rise' })
+                                    : i18n._({ id: 'node.dormer.panel.roofHeight', message: 'Roof Height' }), max: 3, min: 0, onChange: (v) => previewProp({ roofHeight: v }), onCommit: (v) => commitProp({ roofHeight: v }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.roofHeight })] }), _jsx(PanelSection, { title: i18n._({ id: 'node.dormer.panel.roofType', message: 'Roof Type' }), children: _jsx("div", { className: "grid grid-cols-3 gap-1.5 px-1 pt-1", children: ROOF_TYPE_OPTIONS.map((option) => {
                                 const isSelected = node.roofType === option.value;
                                 return (_jsx("button", { className: cn('flex min-h-10 items-center justify-center rounded-lg border px-2 py-2 text-xs transition-colors', isSelected
                                         ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
-                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ roofType: option.value }), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
-                            }) }) }), node.roofType === 'shed' && (_jsx(PanelSection, { title: "Pitch Direction", children: _jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: SHED_HIGH_SIDE_OPTIONS.map((option) => {
+                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ roofType: option.value }), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
+                            }) }) }), node.roofType === 'shed' && (_jsx(PanelSection, { title: i18n._({ id: 'node.dormer.panel.pitchDirection', message: 'Pitch Direction' }), children: _jsx("div", { className: "grid grid-cols-2 gap-1.5 px-1 pt-1", children: SHED_HIGH_SIDE_OPTIONS.map((option) => {
                                 const isSelected = node.shedHighSide === option.value;
                                 return (_jsx("button", { className: cn('flex min-h-10 items-center justify-center rounded-lg border px-2 py-2 text-xs transition-colors', isSelected
                                         ? 'border-orange-400/60 bg-orange-400/10 text-foreground'
-                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ shedHighSide: option.value }), type: "button", children: _jsx("span", { className: "truncate font-medium", children: option.label }) }, option.value));
+                                        : 'border-border/50 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground hover:bg-black/8 dark:hover:bg-[#3e3e3e] hover:text-foreground'), onClick: () => handleUpdate({ shedHighSide: option.value }), type: "button", children: _jsx("span", { className: "min-w-0 break-words font-medium", children: i18n._(option.label) }) }, option.value));
                             }) }) }))] })), section === 'window' && (_jsx(DormerWindowsSection, { canAdd: canAddWindow, onAdd: handleAddWindow, onEdit: handleEditWindow, onMove: handleMoveWindow, windows: hostedWindows })), _jsx(DormerActionsSection, { onDelete: handleDelete, onDuplicate: handleDuplicate, onMove: handleMove })] }));
 }

package/dist/downspout/definition.d.ts

@@ -1,17 +1,109 @@
-import { type NodeDefinition } from '@pascal-app/core';
-import { DownspoutNode } from './schema.js';
-/**
- * Downspout — vertical drop pipe taking water from a gutter outlet to
- * the ground. Scene-graph parent is the same roof-segment the host
- * gutter sits on (so it renders under `roof-elements` like every
- * other accessory); the logical link to the gutter is via the
- * `gutterId` field, which the renderer uses to look up the outlet
- * position.
- *
- * No `handles` yet — the downspout's geometry is anchored to the
- * gutter's outlet. Length (tracker cube at the routed mouth) and
- * diameter (chevron on the wall run) are draggable arrows; the wall
- * standoff lives in the inspector.
- */
-export declare const downspoutDefinition: NodeDefinition<typeof DownspoutNode>;
+export declare const downspoutDefinition: import("@pascal-app/core").NodeDefinition<import("zod").ZodObject<{
+    object: import("zod").ZodDefault<import("zod").ZodLiteral<"node">>;
+    name: import("zod").ZodOptional<import("zod").ZodString>;
+    parentId: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
+    visible: import("zod").ZodDefault<import("zod").ZodOptional<import("zod").ZodBoolean>>;
+    camera: import("zod").ZodOptional<import("zod").ZodObject<{
+        position: import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber], null>;
+        target: import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber], null>;
+        mode: import("zod").ZodDefault<import("zod").ZodEnum<{
+            orthographic: "orthographic";
+            perspective: "perspective";
+        }>>;
+        fov: import("zod").ZodOptional<import("zod").ZodNumber>;
+        zoom: import("zod").ZodOptional<import("zod").ZodNumber>;
+    }, import("zod/v4/core").$strip>>;
+    metadata: import("zod").ZodDefault<import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>>;
+    provenance: import("zod").ZodOptional<import("zod").ZodObject<{
+        refs: import("zod").ZodArray<import("zod").ZodObject<{
+            ns: import("zod").ZodOptional<import("zod").ZodString>;
+            id: import("zod").ZodString;
+            role: import("zod").ZodOptional<import("zod").ZodEnum<{
+                absorbed: "absorbed";
+                alias: "alias";
+                derived: "derived";
+                piece: "piece";
+                primary: "primary";
+            }>>;
+        }, import("zod/v4/core").$strip>>;
+        lineage: import("zod").ZodOptional<import("zod").ZodObject<{
+            op: import("zod").ZodEnum<{
+                attach: "attach";
+                convert: "convert";
+                duplicate: "duplicate";
+                import: "import";
+                "make-independent": "make-independent";
+                merge: "merge";
+                promote: "promote";
+                split: "split";
+            }>;
+            fromIds: import("zod").ZodArray<import("zod").ZodString>;
+        }, import("zod/v4/core").$strip>>;
+    }, import("zod/v4/core").$strip>>;
+    id: import("zod").ZodDefault<import("zod").ZodTemplateLiteral<`downspout_${string}`>>;
+    type: import("zod").ZodDefault<import("zod").ZodLiteral<"downspout">>;
+    material: import("zod").ZodOptional<import("zod").ZodObject<{
+        id: import("zod").ZodOptional<import("zod").ZodString>;
+        preset: import("zod").ZodOptional<import("zod").ZodCatch<import("zod").ZodEnum<{
+            brick: "brick";
+            concrete: "concrete";
+            custom: "custom";
+            glass: "glass";
+            marble: "marble";
+            metal: "metal";
+            plaster: "plaster";
+            tile: "tile";
+            white: "white";
+            wood: "wood";
+        }>>>;
+        properties: import("zod").ZodOptional<import("zod").ZodObject<{
+            color: import("zod").ZodDefault<import("zod").ZodString>;
+            roughness: import("zod").ZodDefault<import("zod").ZodNumber>;
+            metalness: import("zod").ZodDefault<import("zod").ZodNumber>;
+            opacity: import("zod").ZodDefault<import("zod").ZodNumber>;
+            transparent: import("zod").ZodDefault<import("zod").ZodBoolean>;
+            side: import("zod").ZodDefault<import("zod").ZodEnum<{
+                back: "back";
+                double: "double";
+                front: "front";
+            }>>;
+        }, import("zod/v4/core").$strip>>;
+        texture: import("zod").ZodOptional<import("zod").ZodObject<{
+            url: import("zod").ZodString;
+            repeat: import("zod").ZodOptional<import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber], null>>;
+            scale: import("zod").ZodOptional<import("zod").ZodNumber>;
+            offset: import("zod").ZodOptional<import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber], null>>;
+            normalMap: import("zod").ZodOptional<import("zod").ZodString>;
+            normalScale: import("zod").ZodOptional<import("zod").ZodNumber>;
+            bumpMap: import("zod").ZodOptional<import("zod").ZodString>;
+            bumpScale: import("zod").ZodOptional<import("zod").ZodNumber>;
+        }, import("zod/v4/core").$strip>>;
+    }, import("zod/v4/core").$strip>>;
+    slots: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodString>>;
+    materialPreset: import("zod").ZodDefault<import("zod").ZodString>;
+    gutterId: import("zod").ZodOptional<import("zod").ZodString>;
+    outletId: import("zod").ZodOptional<import("zod").ZodString>;
+    length: import("zod").ZodDefault<import("zod").ZodNumber>;
+    lengthMode: import("zod").ZodOptional<import("zod").ZodEnum<{
+        manual: "manual";
+        "to-ground": "to-ground";
+    }>>;
+    diameter: import("zod").ZodDefault<import("zod").ZodNumber>;
+    standoff: import("zod").ZodDefault<import("zod").ZodNumber>;
+    shape: import("zod").ZodDefault<import("zod").ZodEnum<{
+        auto: "auto";
+        rect: "rect";
+        round: "round";
+    }>>;
+    strapStyle: import("zod").ZodDefault<import("zod").ZodEnum<{
+        band: "band";
+        none: "none";
+    }>>;
+    strapSpacing: import("zod").ZodDefault<import("zod").ZodNumber>;
+    terminal: import("zod").ZodDefault<import("zod").ZodEnum<{
+        kickout: "kickout";
+        splash: "splash";
+        straight: "straight";
+    }>>;
+}, import("zod/v4/core").$strip>>;
 //# sourceMappingURL=definition.d.ts.map

package/dist/downspout/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/downspout/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AASzB,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAiIxC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,OAAO,aAAa,CA8DpE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/downspout/definition.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAG/B,CAAA"}

package/dist/downspout/definition.edit.d.ts

@@ -0,0 +1,4 @@
+import type { NodeEditContribution } from '../definition-contributions.js';
+import type { DownspoutNode } from './schema.js';
+export declare const downspoutEditContribution: NodeEditContribution<typeof DownspoutNode>;
+//# sourceMappingURL=definition.edit.d.ts.map

package/dist/downspout/definition.edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.edit.d.ts","sourceRoot":"","sources":["../../src/downspout/definition.edit.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AASvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAqI7C,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,CAAC,OAAO,aAAa,CAchF,CAAA"}

package/dist/downspout/definition.edit.js

@@ -0,0 +1,134 @@
+import { useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { surfacePaintCapability } from '../shared/surface-paint.js';
+import { downspoutParametrics } from './parametrics.js';
+import { computeDownspoutPath, downspoutPipeDims, effectiveWallJog, resolveDownspoutRouting, } from './routing.js';
+// Mirrors the parametric `min`s so handle drags can't shrink the pipe
+// past what the inspector would accept.
+const MIN_LENGTH = 0.1;
+// The length cube + dashed leader ride the straight WALL RUN, offset
+// outward (+Z, over the eave) past the pipe surface so they float clear
+// of the pipe instead of touching it.
+const LENGTH_HANDLE_PAD = 0.12;
+// Lift the length cube a little up the run from the very bottom so it
+// reads as a height grip rather than sitting at the pipe's end. Clamped
+// to the run top so it never climbs above the straight section.
+const CUBE_LIFT = 0.18;
+// Side-move arrows: how far ±X (along the eave) they sit from the pipe,
+// and how far below the gutter floor — near the top so they read as
+// "grab and slide along the eave".
+const SIDE_MOVE_OFFSET = 0.22;
+const SIDE_MOVE_Y = -0.12;
+/**
+ * Length tracker — a dashed vertical leader from the outlet (Y = 0,
+ * the gutter floor) down to a small cube near the bottom of the
+ * straight wall run, `anchor: 'max'` + `axis: 'y'` so dragging the
+ * cube down extends the pipe 1:1.
+ *
+ * Both the cube and the leader sit on the wall-run line but offset
+ * outward (away from the pipe) by `radius + LENGTH_HANDLE_PAD`, so the
+ * whole dimension floats clear of the pipe — it reads as "change the
+ * height" rather than a box jammed onto the kicked-out mouth. The cube
+ * rides the run BOTTOM (above the kickout), not the mouth, so the
+ * dimension stays on the straight part.
+ */
+function downspoutLengthHandle() {
+    return {
+        kind: 'linear-resize',
+        axis: 'y',
+        anchor: 'max',
+        shape: 'tracker',
+        min: MIN_LENGTH,
+        gridSnap: true,
+        currentValue: (n) => n.length,
+        apply: (_n, newValue) => ({
+            length: Math.max(MIN_LENGTH, newValue),
+            lengthMode: 'manual',
+        }),
+        placement: {
+            position: (n, scene) => {
+                const routing = resolveDownspoutRouting(n, scene);
+                const path = computeDownspoutPath(n.length, effectiveWallJog(n, routing), (n.terminal ?? 'splash') !== 'straight');
+                const halfZ = downspoutPipeDims(n, routing).halfZ;
+                const y = Math.min(path.wallRunTopY, path.wallRunBottomY + CUBE_LIFT);
+                return [0, y, path.wallRunZ + halfZ + LENGTH_HANDLE_PAD];
+            },
+        },
+        // Leader starts at Y = 0 (outlet / gutter floor) and runs DOWN past
+        // the cube — same tracker the wall / chimney height fields use.
+        trackerBaseY: () => 0,
+    };
+}
+// Usable half-span — keep the outlet a hair inside each end so the
+// collar never lands on a cap (the geometry clamps too; this bounds the
+// drag). Reads the host gutter's length.
+function moveBound(n, gutter) {
+    return Math.max(0.05, Math.max(0.05, gutter?.length ?? 2) / 2 - 0.1);
+}
+// Effective outlet offset for `currentValue` — reads the gutter's live
+// override first (so the dragged value tracks) then the store.
+function readOutletOffset(n) {
+    if (!n.gutterId)
+        return 0;
+    const id = n.gutterId;
+    const override = useLiveNodeOverrides.getState().get(id);
+    const gutter = useScene.getState().nodes[id];
+    const outlets = override?.outlets ?? gutter?.outlets ?? [];
+    return outlets.find((o) => o.id === n.outletId)?.offset ?? 0;
+}
+/**
+ * Side-move arrow — one of a ±X pair that slides the downspout along the
+ * eave. The position lives on the host gutter's outlet
+ * (`gutter.outlets[].offset`), not on the downspout, so `overrideTarget`
+ * redirects the drag's live override + commit to the gutter and `apply`
+ * returns the gutter's patch. The arrows sit near the top of the pipe
+ * and ride its group, which moves with the outlet — so they track the
+ * cursor 1:1 (`anchor: 'min'` → factor +1).
+ */
+function downspoutMoveHandle(side) {
+    const sign = side === 'right' ? 1 : -1;
+    return {
+        kind: 'linear-resize',
+        axis: 'x',
+        anchor: 'min',
+        cursor: 'ew-resize',
+        gridSnap: true,
+        overrideTarget: (n) => (n.gutterId ? n.gutterId : undefined),
+        currentValue: (n) => readOutletOffset(n),
+        apply: (n, newOffset, scene) => {
+            const gutter = n.gutterId ? scene.get(n.gutterId) : undefined;
+            if (!gutter)
+                return {};
+            const outlets = (gutter.outlets ?? []).map((o) => o.id === n.outletId ? { ...o, offset: newOffset, generatedBy: undefined } : o);
+            // Patch targets the GUTTER (overrideTarget), not the downspout.
+            return { outlets };
+        },
+        min: (n, scene) => -moveBound(n, n.gutterId ? scene.get(n.gutterId) : undefined),
+        max: (n, scene) => moveBound(n, n.gutterId ? scene.get(n.gutterId) : undefined),
+        placement: {
+            // Static ±X beside the top of the pipe; the group it rides moves
+            // with the outlet, so the arrow stays under the cursor as it slides.
+            position: () => [sign * SIDE_MOVE_OFFSET, SIDE_MOVE_Y, 0],
+            rotationY: () => (side === 'right' ? 0 : Math.PI),
+        },
+    };
+}
+const downspoutHandles = [
+    downspoutLengthHandle(),
+    downspoutMoveHandle('left'),
+    downspoutMoveHandle('right'),
+];
+export const downspoutEditContribution = {
+    snapProfile: 'item',
+    capabilities: {
+        paint: { ...surfacePaintCapability, materialTarget: 'downspout' },
+    },
+    parametrics: downspoutParametrics,
+    handles: downspoutHandles,
+    preview: () => import('./preview.js'),
+    tool: () => import('./tool.js'),
+    toolHints: [
+        { key: 'Hover gutter', label: 'Highlight outlet' },
+        { key: 'Left click', label: 'Drop downspout from outlet' },
+        { key: 'Esc', label: 'Cancel' },
+    ],
+};

package/dist/downspout/definition.js

@@ -1,188 +1,4 @@
-import { DownspoutNode as DownspoutNodeSchema, downspoutSlots, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
-import { surfacePaintCapability } from '../shared/surface-paint.js';
-import { downspoutParametrics } from './parametrics.js';
-import { computeDownspoutPath, downspoutPipeDims, effectiveWallJog, resolveDownspoutRouting, } from './routing.js';
-import { DownspoutNode } from './schema.js';
-// Mirrors the parametric `min`s so handle drags can't shrink the pipe
-// past what the inspector would accept.
-const MIN_LENGTH = 0.1;
-// The length cube + dashed leader ride the straight WALL RUN, offset
-// outward (+Z, over the eave) past the pipe surface so they float clear
-// of the pipe instead of touching it.
-const LENGTH_HANDLE_PAD = 0.12;
-// Lift the length cube a little up the run from the very bottom so it
-// reads as a height grip rather than sitting at the pipe's end. Clamped
-// to the run top so it never climbs above the straight section.
-const CUBE_LIFT = 0.18;
-// Side-move arrows: how far ±X (along the eave) they sit from the pipe,
-// and how far below the gutter floor — near the top so they read as
-// "grab and slide along the eave".
-const SIDE_MOVE_OFFSET = 0.22;
-const SIDE_MOVE_Y = -0.12;
-/**
- * Length tracker — a dashed vertical leader from the outlet (Y = 0,
- * the gutter floor) down to a small cube near the bottom of the
- * straight wall run, `anchor: 'max'` + `axis: 'y'` so dragging the
- * cube down extends the pipe 1:1.
- *
- * Both the cube and the leader sit on the wall-run line but offset
- * outward (away from the pipe) by `radius + LENGTH_HANDLE_PAD`, so the
- * whole dimension floats clear of the pipe — it reads as "change the
- * height" rather than a box jammed onto the kicked-out mouth. The cube
- * rides the run BOTTOM (above the kickout), not the mouth, so the
- * dimension stays on the straight part.
- */
-function downspoutLengthHandle() {
-    return {
-        kind: 'linear-resize',
-        axis: 'y',
-        anchor: 'max',
-        shape: 'tracker',
-        min: MIN_LENGTH,
-        gridSnap: true,
-        currentValue: (n) => n.length,
-        apply: (_n, newValue) => ({
-            length: Math.max(MIN_LENGTH, newValue),
-            lengthMode: 'manual',
-        }),
-        placement: {
-            position: (n, scene) => {
-                const routing = resolveDownspoutRouting(n, scene);
-                const path = computeDownspoutPath(n.length, effectiveWallJog(n, routing), (n.terminal ?? 'splash') !== 'straight');
-                const halfZ = downspoutPipeDims(n, routing).halfZ;
-                const y = Math.min(path.wallRunTopY, path.wallRunBottomY + CUBE_LIFT);
-                return [0, y, path.wallRunZ + halfZ + LENGTH_HANDLE_PAD];
-            },
-        },
-        // Leader starts at Y = 0 (outlet / gutter floor) and runs DOWN past
-        // the cube — same tracker the wall / chimney height fields use.
-        trackerBaseY: () => 0,
-    };
-}
-// Usable half-span — keep the outlet a hair inside each end so the
-// collar never lands on a cap (the geometry clamps too; this bounds the
-// drag). Reads the host gutter's length.
-function moveBound(n, gutter) {
-    return Math.max(0.05, Math.max(0.05, gutter?.length ?? 2) / 2 - 0.1);
-}
-// Effective outlet offset for `currentValue` — reads the gutter's live
-// override first (so the dragged value tracks) then the store.
-function readOutletOffset(n) {
-    if (!n.gutterId)
-        return 0;
-    const id = n.gutterId;
-    const override = useLiveNodeOverrides.getState().get(id);
-    const gutter = useScene.getState().nodes[id];
-    const outlets = override?.outlets ?? gutter?.outlets ?? [];
-    return outlets.find((o) => o.id === n.outletId)?.offset ?? 0;
-}
-/**
- * Side-move arrow — one of a ±X pair that slides the downspout along the
- * eave. The position lives on the host gutter's outlet
- * (`gutter.outlets[].offset`), not on the downspout, so `overrideTarget`
- * redirects the drag's live override + commit to the gutter and `apply`
- * returns the gutter's patch. The arrows sit near the top of the pipe
- * and ride its group, which moves with the outlet — so they track the
- * cursor 1:1 (`anchor: 'min'` → factor +1).
- */
-function downspoutMoveHandle(side) {
-    const sign = side === 'right' ? 1 : -1;
-    return {
-        kind: 'linear-resize',
-        axis: 'x',
-        anchor: 'min',
-        cursor: 'ew-resize',
-        gridSnap: true,
-        overrideTarget: (n) => (n.gutterId ? n.gutterId : undefined),
-        currentValue: (n) => readOutletOffset(n),
-        apply: (n, newOffset, scene) => {
-            const gutter = n.gutterId ? scene.get(n.gutterId) : undefined;
-            if (!gutter)
-                return {};
-            const outlets = (gutter.outlets ?? []).map((o) => o.id === n.outletId ? { ...o, offset: newOffset, generatedBy: undefined } : o);
-            // Patch targets the GUTTER (overrideTarget), not the downspout.
-            return { outlets };
-        },
-        min: (n, scene) => -moveBound(n, n.gutterId ? scene.get(n.gutterId) : undefined),
-        max: (n, scene) => moveBound(n, n.gutterId ? scene.get(n.gutterId) : undefined),
-        placement: {
-            // Static ±X beside the top of the pipe; the group it rides moves
-            // with the outlet, so the arrow stays under the cursor as it slides.
-            position: () => [sign * SIDE_MOVE_OFFSET, SIDE_MOVE_Y, 0],
-            rotationY: () => (side === 'right' ? 0 : Math.PI),
-        },
-    };
-}
-const downspoutHandles = [
-    downspoutLengthHandle(),
-    downspoutMoveHandle('left'),
-    downspoutMoveHandle('right'),
-];
-/**
- * Downspout — vertical drop pipe taking water from a gutter outlet to
- * the ground. Scene-graph parent is the same roof-segment the host
- * gutter sits on (so it renders under `roof-elements` like every
- * other accessory); the logical link to the gutter is via the
- * `gutterId` field, which the renderer uses to look up the outlet
- * position.
- *
- * No `handles` yet — the downspout's geometry is anchored to the
- * gutter's outlet. Length (tracker cube at the routed mouth) and
- * diameter (chevron on the wall run) are draggable arrows; the wall
- * standoff lives in the inspector.
- */
-export const downspoutDefinition = {
-    kind: 'downspout',
-    schemaVersion: 3,
-    schema: DownspoutNode,
-    category: 'structure',
-    surfaceRole: 'roof',
-    snapProfile: 'item',
-    defaults: () => {
-        const stub = DownspoutNodeSchema.parse({
-            id: 'downspout_default',
-            type: 'downspout',
-        });
-        const { id: _id, type: _type, ...rest } = stub;
-        return rest;
-    },
-    capabilities: {
-        exterior: true,
-        slots: downspoutSlots,
-        selectable: { hitVolume: 'bbox' },
-        duplicable: true,
-        deletable: true,
-        paint: { ...surfacePaintCapability, materialTarget: 'downspout' },
-        // Logically a roof accessory — registers under the segment, has
-        // no buildCut, just the standard dirty cascade.
-        roofAccessory: {},
-    },
-    parametrics: downspoutParametrics,
-    handles: downspoutHandles,
-    rendersChildren: false,
-    renderer: {
-        kind: 'parametric',
-        module: () => import('./renderer.js'),
-    },
-    system: {
-        module: () => import('./system.js'),
-        priority: 2,
-    },
-    preview: () => import('./preview.js'),
-    tool: () => import('./tool.js'),
-    toolHints: [
-        { key: 'Hover gutter', label: 'Highlight outlet' },
-        { key: 'Left click', label: 'Drop downspout from outlet' },
-        { key: 'Esc', label: 'Cancel' },
-    ],
-    presentation: {
-        label: 'Downspout',
-        description: 'Vertical drop pipe from a gutter outlet to the ground.',
-        icon: { kind: 'url', src: '/icons/downspout.webp' },
-        paletteSection: 'structure',
-        paletteOrder: 123,
-    },
-    mcp: {
-        description: 'A downspout — drop pipe from a gutter outlet that elbows back to the wall, runs down the wall face, and kicks out at the bottom. length / diameter / standoff parametric.',
-    },
-};
+import { composeNodeDefinition } from '../definition-contributions.js';
+import { downspoutEditContribution } from './definition.edit.js';
+import { downspoutRenderDefinition } from './definition.render.js';
+export const downspoutDefinition = composeNodeDefinition(downspoutRenderDefinition, downspoutEditContribution);

package/dist/downspout/definition.render.d.ts

@@ -0,0 +1,6 @@
+import type { NodeRenderDefinition } from '../definition-contributions.js';
+import { DownspoutNode } from './schema.js';
+export declare const downspoutRenderDefinition: NodeRenderDefinition<typeof DownspoutNode> & {
+    kind: 'downspout';
+};
+//# sourceMappingURL=definition.render.d.ts.map

package/dist/downspout/definition.render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.render.d.ts","sourceRoot":"","sources":["../../src/downspout/definition.render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,CAAC,OAAO,aAAa,CAAC,GAAG;IACnF,IAAI,EAAE,WAAW,CAAA;CA6ClB,CAAA"}