@pascal-app/nodes 1.0.4 → 1.0.5

package/dist/gutter/definition.js

@@ -1,9 +1,9 @@
 import { GutterNode as GutterNodeSchema, gutterSlots, } from '@pascal-app/core';
-import { buildGutterFloorplan } from './floorplan';
-import { snapLengthToCorner } from './length-snap';
-import { gutterPaint } from './paint';
-import { gutterParametrics } from './parametrics';
-import { GutterNode } from './schema';
+import { buildGutterFloorplan } from './floorplan.js';
+import { snapLengthToCorner } from './length-snap.js';
+import { gutterPaint } from './paint.js';
+import { gutterParametrics } from './parametrics.js';
+import { GutterNode } from './schema.js';
 // Edge-to-arrow-center offset, matching the box-vent / ridge-vent
 // cadence so a roof's worth of accessories all read at the same scale.
 const SIDE_HANDLE_OFFSET = 0.2;
@@ -133,6 +133,7 @@ export const gutterDefinition = {
         return rest;
     },
     capabilities: {
+        exterior: true,
         slots: gutterSlots,
         selectable: { hitVolume: 'bbox' },
         duplicable: true,
@@ -151,12 +152,12 @@ export const gutterDefinition = {
     rendersChildren: false,
     renderer: {
         kind: 'parametric',
-        module: () => import('./renderer'),
+        module: () => import('./renderer.js'),
     },
-    preview: () => import('./preview'),
-    tool: () => import('./tool'),
+    preview: () => import('./preview.js'),
+    tool: () => import('./tool.js'),
     affordanceTools: {
-        move: () => import('./move-tool'),
+        move: () => import('./move-tool.js'),
     },
     toolHints: [
         { key: 'Left click', label: 'Place gutter on roof eave' },

package/dist/gutter/downspouts-panel.js

@@ -4,8 +4,8 @@ import { DownspoutNode, generateId, useScene, } from '@pascal-app/core';
 import { ActionButton, ActionGroup, PanelSection, triggerSFX } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useShallow } from 'zustand/react/shallow';
-import { computeEaveY } from './eave-snap';
-import { resolveGutterOutletById } from './outlet-lookup';
+import { computeEaveY } from './eave-snap.js';
+import { resolveGutterOutletById } from './outlet-lookup.js';
 const DEFAULT_OUTLET_DIAMETER = 0.07;
 /**
  * Pick an along-length offset for a new outlet that doesn't land on an
@@ -107,5 +107,5 @@ export default function DownspoutsPanel() {
             state.dirtyNodes.add(gutter.roofSegmentId);
         setSelection({ selectedIds: [gutter.id] });
     };
-    return (_jsx(PanelSection, { title: "Downspouts", children: _jsxs("div", { className: "flex flex-col gap-1", children: [downspouts.map((d, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm", children: [_jsx("button", { className: "flex-1 truncate text-left transition-colors hover:text-white", onClick: () => handleSelectDownspout(d.id), type: "button", children: d.name || `Downspout ${i + 1}` }), _jsx("button", { "aria-label": "Remove downspout", className: "ml-2 text-muted-foreground text-xs transition-colors hover:text-red-400", onClick: () => handleRemove(d), type: "button", children: "\u2715" })] }, d.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { label: "Add Downspout", onClick: handleAddDownspout }) })] }) }));
+    return (_jsx(PanelSection, { title: "Downspouts", children: _jsxs("div", { className: "flex flex-col gap-1", children: [downspouts.map((d, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] px-3 py-2 text-foreground text-sm", children: [_jsx("button", { className: "flex-1 truncate text-left transition-colors hover:text-foreground dark:hover:text-white", onClick: () => handleSelectDownspout(d.id), type: "button", children: d.name || `Downspout ${i + 1}` }), _jsx("button", { "aria-label": "Remove downspout", className: "ml-2 text-muted-foreground text-xs transition-colors hover:text-red-600 dark:hover:text-red-400", onClick: () => handleRemove(d), type: "button", children: "\u2715" })] }, d.id))), _jsx(ActionGroup, { children: _jsx(ActionButton, { label: "Add Downspout", onClick: handleAddDownspout }) })] }) }));
 }

package/dist/gutter/eave-align.js

@@ -1,5 +1,5 @@
-import { CORNER_EPSILON_SQ, gutterEndpointsInFrame, planDistSq } from './corner-mitre';
-import { computeEaveY } from './eave-snap';
+import { CORNER_EPSILON_SQ, gutterEndpointsInFrame, planDistSq } from './corner-mitre.js';
+import { computeEaveY } from './eave-snap.js';
 function prescribedLeanToEaveY(gutter) {
     const metadata = gutter.metadata;
     if (!(metadata && typeof metadata === 'object' && !Array.isArray(metadata)))

package/dist/gutter/eave-snap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eave-snap.d.ts","sourceRoot":"","sources":["../../src/gutter/eave-snap.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAEzB;;;;;;;;;;;;;;GAcG;AAOH,eAAO,MAAM,gBAAgB,OAA0B,CAAA;AACvD,eAAO,MAAM,YAAY,OAAsB,CAAA;AAE/C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,GAC/E,MAAM,CAER;AAwCD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,QAAQ,CAqDV"}
+{"version":3,"file":"eave-snap.d.ts","sourceRoot":"","sources":["../../src/gutter/eave-snap.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,eAAe,EAErB,MAAM,kBAAkB,CAAA;AAEzB;;;;;;;;;;;;;;GAcG;AAOH,eAAO,MAAM,gBAAgB,OAA0B,CAAA;AACvD,eAAO,MAAM,YAAY,OAAsB,CAAA;AAE/C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,GAC/E,MAAM,CAER;AAwCD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,QAAQ,CAqDV"}

package/dist/gutter/eave-snap.js

@@ -1,4 +1,4 @@
-import { computeGutterEaveY, GUTTER_EAVE_TUCK_INWARD, GUTTER_EAVE_TUCK_UP, getRoofShapeEaveSides, } from '@pascal-app/core';
+import { computeGutterEaveY, GUTTER_EAVE_TUCK_INWARD, GUTTER_EAVE_TUCK_UP, getRoofShapeEaveOverhang, getRoofShapeEaveSides, } from '@pascal-app/core';
 /**
  * Shared eave-snap math for the gutter's placement + move tools.
  *
@@ -65,7 +65,7 @@ function pickEaveSide(roofType, localX, localZ, halfW, halfD) {
 export function resolveEaveSnap(segment, localX, localZ) {
     const halfW = (segment.width ?? 0) / 2;
     const halfD = (segment.depth ?? 0) / 2;
-    const overhang = segment.overhang ?? 0;
+    const overhang = getRoofShapeEaveOverhang(segment);
     // The slope keeps descending past the wall edge by the overhang
     // span; same drop on every eave (pitch is the segment-wide primary
     // slope). EAVE_TUCK_UP raises the rim back toward the deck-top line.

package/dist/gutter/floorplan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/gutter/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,eAAe,EACf,UAAU,EAGX,MAAM,kBAAkB,CAAA;AAKzB;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CA4Q1B"}
+{"version":3,"file":"floorplan.d.ts","sourceRoot":"","sources":["../../src/gutter/floorplan.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,eAAe,EACf,UAAU,EAGX,MAAM,kBAAkB,CAAA;AAMzB;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,GAAG,EAAE,eAAe,GACnB,iBAAiB,GAAG,IAAI,CA4Q1B"}

package/dist/gutter/floorplan.js

@@ -1,6 +1,7 @@
-import { computeGutterMitres } from './corner-mitre';
-import { EAVE_TUCK_INWARD } from './eave-snap';
-import { outletDims, outletShapeForProfile, profileFloorMidZ } from './profile-geometry';
+import { getRoofShapeEaveOverhang } from '@pascal-app/core';
+import { computeGutterMitres } from './corner-mitre.js';
+import { EAVE_TUCK_INWARD } from './eave-snap.js';
+import { outletDims, outletShapeForProfile, profileFloorMidZ } from './profile-geometry.js';
 /**
  * Floor-plan builder for a gutter. A gutter is a thin rain-water channel
  * hosted on a roof segment, running along an eave. In plan it reads as a
@@ -59,7 +60,7 @@ export function buildGutterFloorplan(node, ctx) {
     // the net move at a corner is then identical for both gutters, so they
     // still meet — now at the structural corner. Exact for right-angle
     // (hip / rectangular) corners.
-    const eaveInset = Math.max(0, (segment.overhang ?? 0) - EAVE_TUCK_INWARD);
+    const eaveInset = Math.max(0, getRoofShapeEaveOverhang(segment) - EAVE_TUCK_INWARD);
     const backZ = -eaveInset;
     const rimZ = width - eaveInset;
     const view = ctx.viewState;

package/dist/gutter/geometry.d.ts

@@ -1,6 +1,6 @@
 import type { GutterNode } from '@pascal-app/core';
 import * as THREE from 'three';
-import { type GutterMitres } from './corner-mitre';
+import { type GutterMitres } from './corner-mitre.js';
 /**
  * Pure builder for the gutter mesh. The gutter is a hollow trough that
  * runs along the eave; we build its cross-section as a closed 2D Shape

package/dist/gutter/geometry.js

@@ -1,9 +1,9 @@
 import { Brush, csgEvaluator, csgGeometry, prepareBrushForCSG, SUBTRACTION, } from '@pascal-app/viewer';
 import * as THREE from 'three';
 import { mergeGeometries } from 'three/examples/jsm/utils/BufferGeometryUtils.js';
-import { applyCylinderWorldUvs, applyPlanarWorldUvs, copyUvToSecondaryChannel, } from '../shared/primitive-uv';
-import { NO_MITRES } from './corner-mitre';
-import { OUTLET_STUB_LENGTH, OUTLET_WALL_THICKNESS, outletDims, outletShapeForProfile, profileFloorMidZ, } from './profile-geometry';
+import { applyCylinderWorldUvs, applyPlanarWorldUvs, copyUvToSecondaryChannel, } from '../shared/primitive-uv.js';
+import { NO_MITRES } from './corner-mitre.js';
+import { OUTLET_STUB_LENGTH, OUTLET_WALL_THICKNESS, outletDims, outletShapeForProfile, profileFloorMidZ, } from './profile-geometry.js';
 /**
  * Pure builder for the gutter mesh. The gutter is a hollow trough that
  * runs along the eave; we build its cross-section as a closed 2D Shape

package/dist/gutter/index.d.ts

@@ -1,4 +1,4 @@
-export { gutterDefinition } from './definition';
-export { buildGutterGeometry } from './geometry';
-export { GutterNode } from './schema';
+export { gutterDefinition } from './definition.js';
+export { buildGutterGeometry } from './geometry.js';
+export { GutterNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/gutter/index.js

@@ -1,3 +1,3 @@
-export { gutterDefinition } from './definition';
-export { buildGutterGeometry } from './geometry';
-export { GutterNode } from './schema';
+export { gutterDefinition } from './definition.js';
+export { buildGutterGeometry } from './geometry.js';
+export { GutterNode } from './schema.js';

package/dist/gutter/move-tool.js

@@ -3,10 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { emitter, sceneRegistry, useScene, } from '@pascal-app/core';
 import { consumePlacementDragRelease, markToolCancelConsumed, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useCallback, useEffect, useState } from 'react';
-import { createRelativeRoofDrag, snapRelativeRoofDragTarget } from '../shared/relative-roof-drag';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, } from '../shared/roof-surface-placement-guides';
-import { resolveEaveSnap } from './eave-snap';
-import GutterPreview from './preview';
+import { createRelativeRoofDrag, snapRelativeRoofDragTarget } from '../shared/relative-roof-drag.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfaceNodePlacementGuides, } from '../shared/roof-surface-placement-guides.js';
+import { resolveEaveSnap } from './eave-snap.js';
+import GutterPreview from './preview.js';
 /**
  * Gutter move tool. Mirrors the ridge-vent move flow — ghost follows
  * the cursor over any roof segment, click commits the new position +

package/dist/gutter/outlet-lookup.d.ts

@@ -1,5 +1,5 @@
 import type { GutterNode } from '@pascal-app/core';
-import { type OutletShape } from './profile-geometry';
+import { type OutletShape } from './profile-geometry.js';
 /**
  * Outlet position lookup — used by the downspout (renderer / tool /
  * routing) to mount a pipe at one of the gutter's outlets without

package/dist/gutter/outlet-lookup.js

@@ -1,4 +1,4 @@
-import { OUTLET_WALL_THICKNESS, outletDims, outletShapeForProfile, profileFloorMidZ, } from './profile-geometry';
+import { OUTLET_WALL_THICKNESS, outletDims, outletShapeForProfile, profileFloorMidZ, } from './profile-geometry.js';
 function placeOutlet(gutter, outlet, len, size, t) {
     const shape = outletShapeForProfile(gutter.profile);
     const inner = outletDims(shape, outlet.diameter ?? 0.07);

package/dist/gutter/paint.js

@@ -1,4 +1,4 @@
-import { surfacePaintCapability } from '../shared/surface-paint';
+import { surfacePaintCapability } from '../shared/surface-paint.js';
 export const gutterPaint = {
     ...surfacePaintCapability,
     materialTarget: 'gutter',

package/dist/gutter/parametrics.d.ts

@@ -1,4 +1,4 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { GutterNode } from './schema';
+import type { GutterNode } from './schema.js';
 export declare const gutterParametrics: ParametricDescriptor<GutterNode>;
 //# sourceMappingURL=parametrics.d.ts.map

package/dist/gutter/parametrics.js

@@ -61,5 +61,5 @@ export const gutterParametrics = {
     // gutter and offers an Add button at the bottom. Outlets are created
     // and removed through this panel (and the downspout placement tool) —
     // one outlet per downspout — so there's no separate outlet field group.
-    trailingSection: () => import('./downspouts-panel'),
+    trailingSection: () => import('./downspouts-panel.js'),
 };

package/dist/gutter/preview.d.ts

@@ -1,4 +1,4 @@
-import type { GutterNode } from './schema';
+import type { GutterNode } from './schema.js';
 /**
  * Translucent ghost of a gutter — built from the same `buildGutterGeometry`
  * the renderer commits, so the shape on screen during placement is the

package/dist/gutter/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/gutter/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,GAAI,mBAAmB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gCA0DhF,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/gutter/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,sBAAuB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gCA0DhF,CAAA;eAEc,aAAa"}

package/dist/gutter/preview.js

@@ -1,9 +1,9 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo } from 'react';
 import * as THREE from 'three';
-import { INVALID_GHOST_COLOR } from '../shared/ghost-materials';
-import { buildGutterGeometry } from './geometry';
+import { INVALID_GHOST_COLOR } from '../shared/ghost-materials.js';
+import { buildGutterGeometry } from './geometry.js';
 /**
  * Translucent ghost of a gutter — built from the same `buildGutterGeometry`
  * the renderer commits, so the shape on screen during placement is the

package/dist/gutter/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/gutter/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAKhB,MAAM,kBAAkB,CAAA;AAwCzB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc,GAAI,qBAAqB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,uCA8PhE,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/gutter/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAKhB,MAAM,kBAAkB,CAAA;AAwCzB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc,wBAAyB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,uCA8PhE,CAAA;eAEc,cAAc"}

package/dist/gutter/renderer.js

@@ -5,12 +5,12 @@ import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial,
 import { useEffect, useMemo, useRef } from 'react';
 import * as THREE from 'three';
 import { useShallow } from 'zustand/react/shallow';
-import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip';
-import { computeGutterMitres, NO_MITRES } from './corner-mitre';
-import { computeSharedEaveY } from './eave-align';
-import { computeEaveY } from './eave-snap';
-import { buildGutterGeometry } from './geometry';
-import { segmentForGutterTrimClip } from './trim-clip';
+import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip.js';
+import { computeGutterMitres, NO_MITRES } from './corner-mitre.js';
+import { computeSharedEaveY } from './eave-align.js';
+import { computeEaveY } from './eave-snap.js';
+import { buildGutterGeometry } from './geometry.js';
+import { segmentForGutterTrimClip } from './trim-clip.js';
 const defaultMaterial = new THREE.MeshStandardMaterial({
     color: 0xff_ff_ff,
     roughness: 0.7,

package/dist/gutter/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/gutter/tool.tsx"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,UAAU,mCAmIf,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/gutter/tool.tsx"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,UAAU,mCAmIf,CAAA;eAEc,UAAU"}

package/dist/gutter/tool.js

@@ -1,15 +1,15 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { emitter, GutterNode, useScene, } from '@pascal-app/core';
 import { triggerSFX } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview';
-import { resolveRoofSegmentHit } from '../shared/roof-segment-hit';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides';
-import { gutterDefinition } from './definition';
-import { resolveEaveSnap } from './eave-snap';
-import GutterPreview from './preview';
+import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview.js';
+import { resolveRoofSegmentHit } from '../shared/roof-segment-hit.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides.js';
+import { gutterDefinition } from './definition.js';
+import { resolveEaveSnap } from './eave-snap.js';
+import GutterPreview from './preview.js';
 /**
  * Gutter placement tool. Cursor preview snaps to the OUTER eave — the
  * drip edge of the roof, NOT the wall line. The eave sits at

package/dist/hvac-equipment/definition.d.ts

@@ -1,5 +1,5 @@
 import type { NodeDefinition } from '@pascal-app/core';
-import { HvacEquipmentNode } from './schema';
+import { HvacEquipmentNode } from './schema.js';
 /**
  * Phase 3 of the HVAC node system — equipment cabinets (furnace /
  * air handler / condenser). Furnaces and air handlers expose supply +

package/dist/hvac-equipment/definition.js

@@ -1,8 +1,8 @@
-import { buildHvacEquipmentFloorplan } from './floorplan';
-import { buildHvacEquipmentGeometry } from './geometry';
-import { hvacEquipmentParametrics } from './parametrics';
-import { getHvacEquipmentPorts } from './ports';
-import { HvacEquipmentNode } from './schema';
+import { buildHvacEquipmentFloorplan } from './floorplan.js';
+import { buildHvacEquipmentGeometry } from './geometry.js';
+import { hvacEquipmentParametrics } from './parametrics.js';
+import { getHvacEquipmentPorts } from './ports.js';
+import { HvacEquipmentNode } from './schema.js';
 /**
  * Phase 3 of the HVAC node system — equipment cabinets (furnace /
  * air handler / condenser). Furnaces and air handlers expose supply +
@@ -73,7 +73,7 @@ export const hvacEquipmentDefinition = {
     ]),
     ports: getHvacEquipmentPorts,
     floorplan: buildHvacEquipmentFloorplan,
-    tool: () => import('./tool'),
+    tool: () => import('./tool.js'),
     toolHints: [
         { key: 'Click', label: 'Place unit' },
         { key: 'R / T', label: 'Rotate ±45°' },

package/dist/hvac-equipment/floorplan.d.ts

@@ -1,5 +1,5 @@
 import type { FloorplanGeometry, GeometryContext } from '@pascal-app/core';
-import type { HvacEquipmentNode } from './schema';
+import type { HvacEquipmentNode } from './schema.js';
 /**
  * Floor-plan footprint for HVAC equipment: the cabinet rectangle
  * (rotated by yaw) with a diagonal so it reads as an equipment symbol,

package/dist/hvac-equipment/floorplan.js

@@ -1,5 +1,5 @@
-import { INCHES_TO_METERS } from '../duct-segment/geometry';
-import { getHvacEquipmentPorts } from './ports';
+import { INCHES_TO_METERS } from '../duct-segment/geometry.js';
+import { getHvacEquipmentPorts } from './ports.js';
 const BODY_FILL = '#c7cbd1';
 const BODY_STROKE = '#6b7280';
 const SUPPLY_COLOR = '#d4825a';

package/dist/hvac-equipment/geometry.d.ts

@@ -1,5 +1,5 @@
 import { Group } from 'three';
-import type { HvacEquipmentNode } from './schema';
+import type { HvacEquipmentNode } from './schema.js';
 /**
  * Pure geometry builder for an HVAC equipment cabinet, in the node's
  * LOCAL frame (origin at base center, +Z front, +X right) —

package/dist/hvac-equipment/geometry.js

@@ -1,6 +1,6 @@
 import { BoxGeometry, CylinderGeometry, ExtrudeGeometry, Group, Matrix4, Mesh, MeshStandardMaterial, Path, Shape, TorusGeometry, Vector3, } from 'three';
-import { createOvalSectionGeometry, INCHES_TO_METERS, rectSectionAxes, } from '../duct-segment/geometry';
-import { localEquipmentPorts, localRefrigerantPorts } from './ports';
+import { createOvalSectionGeometry, INCHES_TO_METERS, rectSectionAxes, } from '../duct-segment/geometry.js';
+import { localEquipmentPorts, localRefrigerantPorts } from './ports.js';
 const RADIAL_SEGMENTS = 24;
 const SMALL_SEGMENTS = 16;
 // Shared cabinet white used by every equipment body (furnace, air handler,

package/dist/hvac-equipment/index.d.ts

@@ -1,5 +1,5 @@
-export { hvacEquipmentDefinition } from './definition';
-export { buildHvacEquipmentGeometry } from './geometry';
-export { getHvacEquipmentPorts } from './ports';
-export { HvacEquipmentNode } from './schema';
+export { hvacEquipmentDefinition } from './definition.js';
+export { buildHvacEquipmentGeometry } from './geometry.js';
+export { getHvacEquipmentPorts } from './ports.js';
+export { HvacEquipmentNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hvac-equipment/index.js

@@ -1,4 +1,4 @@
-export { hvacEquipmentDefinition } from './definition';
-export { buildHvacEquipmentGeometry } from './geometry';
-export { getHvacEquipmentPorts } from './ports';
-export { HvacEquipmentNode } from './schema';
+export { hvacEquipmentDefinition } from './definition.js';
+export { buildHvacEquipmentGeometry } from './geometry.js';
+export { getHvacEquipmentPorts } from './ports.js';
+export { HvacEquipmentNode } from './schema.js';

package/dist/hvac-equipment/parametrics.d.ts

@@ -1,4 +1,4 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { HvacEquipmentNode } from './schema';
+import type { HvacEquipmentNode } from './schema.js';
 export declare const hvacEquipmentParametrics: ParametricDescriptor<HvacEquipmentNode>;
 //# sourceMappingURL=parametrics.d.ts.map

package/dist/hvac-equipment/ports.d.ts

@@ -1,6 +1,6 @@
 import type { NodePort } from '@pascal-app/core';
 import { Vector3 } from 'three';
-import type { HvacEquipmentNode } from './schema';
+import type { HvacEquipmentNode } from './schema.js';
 type CollarShape = 'round' | 'rect' | 'oval';
 type LocalPort = {
     id: string;

package/dist/hvac-equipment/ports.js

@@ -1,5 +1,5 @@
 import { Vector3 } from 'three';
-import { equivalentDiameterIn, ovalEquivalentDiameterIn } from '../duct-segment/geometry';
+import { equivalentDiameterIn, ovalEquivalentDiameterIn } from '../duct-segment/geometry.js';
 /** Area-equivalent round diameter (inches) a shaped collar advertises. */
 function collarDiameterIn(shape, diameter, width, height) {
     if (shape === 'rect')

package/dist/hvac-equipment/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/hvac-equipment/tool.tsx"],"names":[],"mappings":"AA4BA;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,0CAwHtB,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/hvac-equipment/tool.tsx"],"names":[],"mappings":"AAkCA;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,0CAuHtB,CAAA;eAEc,iBAAiB"}

package/dist/hvac-equipment/tool.js

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { emitter, HvacEquipmentNode, resolveSupportSlabPatch, useScene, } from '@pascal-app/core';
-import { isGridSnapActive, isMagneticSnapActive, triggerSFX, useEditor } from '@pascal-app/editor';
+import { isGridSnapActive, isMagneticSnapActive, isTypingTarget, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { alignDrawPoint, clearDrawAlignment } from '@pascal-app/editor/distribution';
 import { useViewer } from '@pascal-app/viewer';
 import { Html } from '@react-three/drei';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { subscribeAccessorySnapping } from '../shared/accessory-snapping';
-import { alignDrawPoint, clearDrawAlignment } from '../shared/draw-alignment';
-import { LevelOffsetGroup } from '../shared/level-offset-group';
-import { hvacEquipmentDefinition } from './definition';
-import { buildHvacEquipmentGeometry } from './geometry';
+import { subscribeAccessorySnapping } from '../shared/accessory-snapping.js';
+import { LevelOffsetGroup } from '../shared/level-offset-group.js';
+import { hvacEquipmentDefinition } from './definition.js';
+import { buildHvacEquipmentGeometry } from './geometry.js';
 const PREVIEW_OPACITY = 0.55;
 /** R/T yaw step — 45°, matching the editor's default rotate. */
 const ROTATE_STEP_RAD = Math.PI / 4;
@@ -87,8 +87,7 @@ const HvacEquipmentTool = () => {
             triggerSFX('sfx:item-place');
         };
         const onKeyDown = (e) => {
-            const tag = e.target?.tagName;
-            if (tag === 'INPUT' || tag === 'TEXTAREA')
+            if (isTypingTarget(e.target))
                 return;
             const key = e.key;
             if (key !== 'r' && key !== 'R' && key !== 't' && key !== 'T')

package/dist/imported-mesh/definition.d.ts

@@ -1,5 +1,5 @@
 import type { NodeDefinition } from '@pascal-app/core';
-import { ImportedMeshNode } from './schema';
+import { ImportedMeshNode } from './schema.js';
 /** Format-neutral fallback for imported objects without a parametric node. */
 export declare const importedMeshDefinition: NodeDefinition<typeof ImportedMeshNode>;
 //# sourceMappingURL=definition.d.ts.map

package/dist/imported-mesh/definition.js

@@ -1,7 +1,7 @@
-import { perNodeGeometryBatchable } from '../shared/node-batch/batchable';
-import { buildImportedMeshFloorplan } from './floorplan';
-import { buildImportedMeshGeometry } from './geometry';
-import { ImportedMeshNode } from './schema';
+import { perNodeGeometryBatchable } from '../shared/node-batch/batchable.js';
+import { buildImportedMeshFloorplan } from './floorplan.js';
+import { buildImportedMeshGeometry } from './geometry.js';
+import { ImportedMeshNode } from './schema.js';
 /** Format-neutral fallback for imported objects without a parametric node. */
 export const importedMeshDefinition = {
     kind: 'imported-mesh',

package/dist/imported-mesh/index.d.ts

@@ -1,4 +1,4 @@
-export { importedMeshDefinition } from './definition';
-export { buildImportedMeshGeometry } from './geometry';
-export { ImportedMeshNode } from './schema';
+export { importedMeshDefinition } from './definition.js';
+export { buildImportedMeshGeometry } from './geometry.js';
+export { ImportedMeshNode } from './schema.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/imported-mesh/index.js

@@ -1,3 +1,3 @@
-export { importedMeshDefinition } from './definition';
-export { buildImportedMeshGeometry } from './geometry';
-export { ImportedMeshNode } from './schema';
+export { importedMeshDefinition } from './definition.js';
+export { buildImportedMeshGeometry } from './geometry.js';
+export { ImportedMeshNode } from './schema.js';