@pascal-app/nodes 1.0.3 → 1.0.5

package/dist/box-vent/panel.js

@@ -1,7 +1,7 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BoxVentNode as BoxVentSchema, getActiveRoofHeight, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
-import { ActionButton, ActionGroup, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getActiveRoofHeight, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, duplicateNodeAndPickUp, PanelSection, PanelWrapper, SegmentedControl, SliderControl, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { Copy, Move, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
@@ -72,32 +72,9 @@ export default function BoxVentPanel() {
         setSelection({ selectedIds: [] });
     }, [node, setMovingNode, setSelection]);
     const handleDuplicate = useCallback(() => {
-        if (!node)
-            return;
-        triggerSFX('sfx:item-pick');
-        const parentId = node.roofSegmentId;
-        if (!parentId)
-            return;
-        // Clone via the schema parser so the new node gets a fresh ID and
-        // valid defaults. Keep position/rotation/dimensions identical to the
-        // source — the user will drag it to its real destination next.
-        const state = useScene.getState();
-        const meta = typeof node.metadata === 'object' && node.metadata !== null
-            ? node.metadata
-            : {};
-        const cloneInput = {
-            ...node,
-            id: undefined,
-            metadata: { ...meta, isNew: true },
-        };
-        // Use the schema parser so the new node gets a fresh ID and stays
-        // in sync with the placement-tool defaults.
-        const cloned = BoxVentSchema.parse(cloneInput);
-        state.createNode(cloned, parentId);
-        state.dirtyNodes.add(parentId);
-        setMovingNode(cloned);
-        setSelection({ selectedIds: [] });
-    }, [node, setMovingNode, setSelection]);
+        if (node)
+            duplicateNodeAndPickUp(node);
+    }, [node]);
     const handleDelete = useCallback(() => {
         if (!(selectedId && node))
             return;
@@ -139,5 +116,5 @@ export default function BoxVentPanel() {
                             position: [node.position[0] ?? 0, node.position[1] ?? 0, v],
                         }), onCommit: (v) => handleUpdate({
                             position: [node.position[0] ?? 0, node.position[1] ?? 0, v],
-                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+                        }), precision: 2, restoreOnCommit: false, step: 0.05, unit: "m", value: node.position[2] ?? 0 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (deg) => previewProp({ rotation: (deg * Math.PI) / 180 }), onCommit: (deg) => handleUpdate({ rotation: (deg * Math.PI) / 180 }), precision: 0, restoreOnCommit: false, step: 1, unit: "\u00B0", value: Math.round(((node.rotation ?? 0) * 180) / Math.PI) })] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
 }

package/dist/box-vent/parametrics.d.ts

@@ -1,5 +1,5 @@
 import type { ParametricDescriptor } from '@pascal-app/core';
-import type { BoxVentNode } from './schema';
+import type { BoxVentNode } from './schema.js';
 /**
  * Inspector descriptor for the box vent. Position / rotation are
  * surfaced by the framework via `capabilities.movable` + the bespoke

package/dist/box-vent/parametrics.js

@@ -9,7 +9,7 @@ export const boxVentParametrics = {
     // of relying on the generic inspector — which only knows about Move
     // for `capabilities.movable` kinds and routes those through the
     // grid-plane mover.
-    customPanel: () => import('./panel'),
+    customPanel: () => import('./panel.js'),
     groups: [
         {
             label: 'Style',

package/dist/box-vent/preview.d.ts

@@ -1,4 +1,4 @@
-import type { BoxVentNode } from './schema';
+import type { BoxVentNode } from './schema.js';
 /**
  * Translucent ghost of a box vent, used by the placement tool's cursor
  * and the move-tool preview. Builds the geometry through the shared

package/dist/box-vent/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/box-vent/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,GAAI,mBAAmB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gCAgDlF,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/box-vent/preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,sBAAuB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gCAgDlF,CAAA;eAEc,cAAc"}

package/dist/box-vent/preview.js

@@ -2,8 +2,8 @@
 import { 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 { buildBoxVentGeometry } from './geometry';
+import { INVALID_GHOST_COLOR } from '../shared/ghost-materials.js';
+import { buildBoxVentGeometry } from './geometry.js';
 /**
  * Translucent ghost of a box vent, used by the placement tool's cursor
  * and the move-tool preview. Builds the geometry through the shared

package/dist/box-vent/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/box-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAsBzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,eAAe,GAAI,qBAAqB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCAqJlE,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/box-vent/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAsBzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,eAAe,wBAAyB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,uCAqJlE,CAAA;eAEc,eAAe"}

package/dist/box-vent/renderer.js

@@ -4,9 +4,9 @@ import { useLiveNodeOverrides, useRegistry, useScene, } from '@pascal-app/core';
 import { createMaterial, createMaterialFromPresetRef, createSurfaceRoleMaterial, resolveMaterialRef, useNodeEvents, useViewer, } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef } from 'react';
 import * as THREE from 'three';
-import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface';
-import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip';
-import { buildBoxVentGeometry } from './geometry';
+import { getAnalyticalNormal, surfaceQuatFromNormal } from '../shared/roof-surface.js';
+import { useSegmentTrimClippedGeometry } from '../shared/use-segment-trim-clip.js';
+import { buildBoxVentGeometry } from './geometry.js';
 const defaultMaterial = new THREE.MeshStandardMaterial({
     color: 0xff_ff_ff,
     roughness: 0.85,

package/dist/box-vent/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/box-vent/tool.tsx"],"names":[],"mappings":"AA4BA;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,mCA6HhB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/box-vent/tool.tsx"],"names":[],"mappings":"AA4BA;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,mCA6HhB,CAAA;eAEc,WAAW"}

package/dist/box-vent/tool.js

@@ -1,16 +1,16 @@
 '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 { BoxVentNode, emitter, sceneRegistry, 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 * as THREE from 'three';
-import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview';
-import { resolveRoofSegmentHit } from '../shared/roof-segment-hit';
-import { getAnalyticalNormal, getDownSlopeYaw, surfaceQuatFromNormal } from '../shared/roof-surface';
-import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides';
-import { boxVentDefinition } from './definition';
-import BoxVentPreview from './preview';
+import { RoofAttachmentFallbackPreview } from '../shared/roof-attachment-fallback-preview.js';
+import { resolveRoofSegmentHit } from '../shared/roof-segment-hit.js';
+import { getAnalyticalNormal, getDownSlopeYaw, surfaceQuatFromNormal } from '../shared/roof-surface.js';
+import { clearRoofSurfacePlacementGuides, publishRoofSurfacePlacementGuides, roofSurfaceFootprintFromNode, } from '../shared/roof-surface-placement-guides.js';
+import { boxVentDefinition } from './definition.js';
+import BoxVentPreview from './preview.js';
 const worldPoint = new THREE.Vector3();
 /**
  * Box-vent placement tool. Mounts when the palette activates the

package/dist/building/definition.d.ts

@@ -1,5 +1,5 @@
 import { type NodeDefinition } from '@pascal-app/core';
-import { BuildingNode } from './schema';
+import { BuildingNode } from './schema.js';
 /**
  * Building — Stage A. Container for levels; can be translated /
  * rotated as a whole (movable + rotatable on Y). The legacy

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/building/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE1F,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,OAAO,YAAY,CAgDlE,CAAA"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/building/definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE1F,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,OAAO,YAAY,CAiDlE,CAAA"}

package/dist/building/definition.js

@@ -1,6 +1,6 @@
 import { BuildingNode as BuildingNodeSchema } from '@pascal-app/core';
-import { buildingParametrics } from './parametrics';
-import { BuildingNode } from './schema';
+import { buildingParametrics } from './parametrics.js';
+import { BuildingNode } from './schema.js';
 /**
  * Building — Stage A. Container for levels; can be translated /
  * rotated as a whole (movable + rotatable on Y). The legacy
@@ -20,6 +20,7 @@ export const buildingDefinition = {
         return rest;
     },
     capabilities: {
+        exterior: false,
         // Building is a container — sidebar / building switcher drive
         // selection, never 3D click. Same reasoning as `level` / `site`.
         duplicable: false,
@@ -31,14 +32,14 @@ export const buildingDefinition = {
     // through `MoveTool`'s registry-affordance lookup rather than a
     // hardcoded dispatcher arm.
     affordanceTools: {
-        move: () => import('./move-tool'),
+        move: () => import('./move-tool.js'),
     },
     parametrics: buildingParametrics,
     // No dirty consumer rebuilds this kind — see NodeDefinition.dirtyTracking.
     dirtyTracking: false,
     renderer: {
         kind: 'parametric',
-        module: () => import('./renderer'),
+        module: () => import('./renderer.js'),
     },
     presentation: {
         label: 'Building',

package/dist/building/index.d.ts

@@ -1,2 +1,2 @@
-export { buildingDefinition } from './definition';
+export { buildingDefinition } from './definition.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/building/index.js

@@ -1 +1 @@
-export { buildingDefinition } from './definition';
+export { buildingDefinition } from './definition.js';

package/dist/building/move-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/building/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,YAAY,EAMlB,MAAM,kBAAkB,CAAA;AAczB,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,+BAgNnE;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"move-tool.d.ts","sourceRoot":"","sources":["../../src/building/move-tool.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,YAAY,EAMlB,MAAM,kBAAkB,CAAA;AAezB,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,+BA8MnE;eAEc,mBAAmB"}

package/dist/building/move-tool.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { emitter, sceneRegistry, useLiveTransforms, useScene, } from '@pascal-app/core';
-import { CursorSphere, consumePlacementDragRelease, markToolCancelConsumed, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { CursorSphere, consumePlacementDragRelease, isTypingTarget, markToolCancelConsumed, triggerSFX, useEditor, } from '@pascal-app/editor';
 import { useViewer } from '@pascal-app/viewer';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import * as THREE from 'three';
@@ -66,9 +66,8 @@ export function MoveBuildingContent({ node }) {
         };
         let wasCommitted = false;
         const onKeyDown = (event) => {
-            if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
+            if (isTypingTarget(event.target))
                 return;
-            }
             const ROTATION_STEP = Math.PI / 4;
             let rotationDelta = 0;
             if (event.key === 'r' || event.key === 'R')

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/building/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,kBAAkB,CAAA;AAKjE,eAAO,MAAM,gBAAgB,GAAI,UAAU;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,gCAmBhE,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/building/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,kBAAkB,CAAA;AAKjE,eAAO,MAAM,gBAAgB,aAAc;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,gCAmBhE,CAAA;eAEc,gBAAgB"}

package/dist/cabinet/__bench__/geometry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=geometry.d.ts.map

package/dist/cabinet/__bench__/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/cabinet/__bench__/geometry.ts"],"names":[],"mappings":""}

package/dist/cabinet/__bench__/geometry.js

@@ -0,0 +1,21 @@
+import { Mesh } from 'three';
+import { buildCabinetGeometry } from '../geometry.js';
+import { CABINET_PRESETS } from '../presets.js';
+import { CabinetModuleNode } from '../schema.js';
+// Run with: bun packages/nodes/src/cabinet/__bench__/geometry.ts
+// Counts include interiors and interaction meshes, even when hidden by closed doors.
+const results = CABINET_PRESETS.map((preset) => {
+    const root = buildCabinetGeometry(CabinetModuleNode.parse(preset.createPatch()));
+    let triangles = 0;
+    let meshes = 0;
+    root.traverse((object) => {
+        if (!(object instanceof Mesh))
+            return;
+        meshes++;
+        triangles +=
+            (object.geometry.index?.count ?? object.geometry.getAttribute('position').count) / 3;
+        object.geometry.dispose();
+    });
+    return { item: preset.id, triangles, meshes };
+});
+console.table(results);

package/dist/cabinet/appliance-layout.d.ts

@@ -1,5 +1,5 @@
 import type { CabinetModuleNode } from '@pascal-app/core';
-import type { SinkLayout } from './stack';
+import type { SinkLayout } from './stack.js';
 export declare const BASIN_WALL = 0.012;
 export declare const FAUCET_SETBACK = 0.03;
 export type SinkBowlSpec = {

package/dist/cabinet/appliance-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appliance-layout.d.ts","sourceRoot":"","sources":["../../src/cabinet/appliance-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,UAAU,QAAQ,CAAA;AAI/B,eAAO,MAAM,cAAc,OAAO,CAAA;AAElC,MAAM,MAAM,YAAY,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE5E;;;GAGG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,YAAY,EAAE,CAuBhB;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY,CAE5D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,OAAO,CAAC;;;EAKhF;AAED,eAAO,MAAM,kBAAkB,QAAQ,CAAA;AAEvC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE;;;;EAQjE"}
+{"version":3,"file":"appliance-layout.d.ts","sourceRoot":"","sources":["../../src/cabinet/appliance-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,UAAU,QAAQ,CAAA;AAI/B,eAAO,MAAM,cAAc,OAAO,CAAA;AAElC,MAAM,MAAM,YAAY,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE5E;;;GAGG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,YAAY,EAAE,CAuBhB;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY,CAE5D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,OAAO,CAAC;IAE7E,KAAK;IACL,KAAK;EAER;AAED,eAAO,MAAM,kBAAkB,QAAQ,CAAA;AAEvC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE;;;;EAQjE"}

package/dist/cabinet/compartment-card.d.ts

@@ -1,4 +1,4 @@
-import { type CabinetCompartment } from './stack';
+import { type CabinetCompartment } from './stack.js';
 export declare function CompartmentCard({ compartment, index, displayIndex, total, carcassHeight, resolvedHeight, width, onReplace, onResizeHeight, onRemove, onMove, allowHood, wallCabinet, }: {
     compartment: CabinetCompartment;
     index: number;

package/dist/cabinet/compartment-card.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SegmentedControl, SliderControl, ToggleControl } from '@pascal-app/editor';
 import { ArrowDown, ArrowUp, FlipHorizontal2, Minus, Plus, Trash } from 'lucide-react';
-import { COOKTOP_DEFAULT_GAS_LAYOUT, COOKTOP_DEFAULT_INDUCTION_LAYOUT, compartmentCooktopBurnersOn, compartmentCooktopElementCount, compartmentCooktopLayout, compartmentCooktopShowGrate, compartmentDoorType, compartmentDrawerCount, compartmentPullOutPantryRackStyle, compartmentShelfCount, compartmentSinkLayout, FRIDGE_COLUMN_HEIGHT, isCooktopCompartmentType, isFridgeCompartmentType, isHoodCompartmentType, newCabinetCompartment, patchCompartment, } from './stack';
+import { COOKTOP_DEFAULT_GAS_LAYOUT, COOKTOP_DEFAULT_INDUCTION_LAYOUT, compartmentCooktopBurnersOn, compartmentCooktopElementCount, compartmentCooktopLayout, compartmentCooktopShowGrate, compartmentDoorType, compartmentDrawerCount, compartmentPullOutPantryRackStyle, compartmentShelfCount, compartmentSinkLayout, FRIDGE_COLUMN_HEIGHT, isCooktopCompartmentType, isFridgeCompartmentType, isHoodCompartmentType, newCabinetCompartment, patchCompartment, } from './stack.js';
 const COMPARTMENT_TYPE_OPTIONS = [
     { value: 'shelf', label: 'Shelf' },
     { value: 'drawer', label: 'Drawer' },
@@ -59,10 +59,10 @@ const DOOR_TYPE_OPTIONS = [
     { value: 'double', label: 'Double' },
     { value: 'glass', label: 'Glass' },
 ];
-const ICON_BUTTON_CLASS = 'flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-border/40 bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-[#343437] hover:text-foreground disabled:opacity-30 disabled:hover:bg-[#2C2C2E] disabled:hover:text-muted-foreground';
-const STEPPER_BUTTON_CLASS = 'flex h-8 w-8 items-center justify-center rounded-md border border-border/40 bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-[#343437] hover:text-foreground';
+const ICON_BUTTON_CLASS = 'flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-border/40 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#343437] hover:text-foreground disabled:opacity-30 disabled:hover:bg-black/4 dark:disabled:hover:bg-[#2C2C2E] disabled:hover:text-muted-foreground';
+const STEPPER_BUTTON_CLASS = 'flex h-8 w-8 items-center justify-center rounded-md border border-border/40 bg-black/4 dark:bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#343437] hover:text-foreground';
 function Stepper({ label, value, onChange, min, max, }) {
-    return (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/30 bg-black/10 px-2 py-1.5", children: [_jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: label }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("button", { className: STEPPER_BUTTON_CLASS, onClick: () => onChange(Math.max(min, value - 1)), type: "button", children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "min-w-7 text-center text-xs font-medium tabular-nums text-foreground", children: value }), _jsx("button", { className: STEPPER_BUTTON_CLASS, onClick: () => onChange(Math.min(max, value + 1)), type: "button", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }));
+    return (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/30 bg-black/3 dark:bg-black/10 px-2 py-1.5", children: [_jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: label }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("button", { className: STEPPER_BUTTON_CLASS, onClick: () => onChange(Math.max(min, value - 1)), type: "button", children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "min-w-7 text-center text-xs font-medium tabular-nums text-foreground", children: value }), _jsx("button", { className: STEPPER_BUTTON_CLASS, onClick: () => onChange(Math.min(max, value + 1)), type: "button", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }));
 }
 function CompartmentTypeControl({ value, onChange, includeHood = false, wallCabinet = false, }) {
     const options = wallCabinet
@@ -70,13 +70,13 @@ function CompartmentTypeControl({ value, onChange, includeHood = false, wallCabi
         : includeHood
             ? [...COMPARTMENT_TYPE_CONTROL_OPTIONS, HOOD_TYPE_OPTION]
             : COMPARTMENT_TYPE_CONTROL_OPTIONS;
-    return (_jsx("div", { className: "grid w-full grid-cols-3 gap-1 rounded-lg border border-border/50 bg-[#2C2C2E] p-[3px]", children: options.map((option) => {
+    return (_jsx("div", { className: "grid w-full grid-cols-3 gap-1 rounded-lg border border-border/50 bg-black/4 dark:bg-[#2C2C2E] p-[3px]", children: options.map((option) => {
             const isSelected = value === option.value;
             return (_jsx("button", { className: [
-                    'flex h-8 items-center justify-center rounded-md text-xs font-medium transition-all duration-200',
+                    'flex min-h-8 min-w-0 items-center justify-center rounded-md px-2 py-1.5 text-center text-xs leading-4 font-medium transition-colors duration-200',
                     isSelected
-                        ? 'bg-[#3e3e3e] text-foreground shadow-sm ring-1 ring-border/50'
-                        : 'text-muted-foreground hover:bg-white/5 hover:text-foreground',
+                        ? 'bg-white dark:bg-[#3e3e3e] text-foreground shadow-sm ring-1 ring-border/50'
+                        : 'text-muted-foreground hover:bg-black/4 dark:hover:bg-white/5 hover:text-foreground',
                 ].join(' '), onClick: () => onChange(option.value), type: "button", children: option.label }, option.value));
         }) }));
 }
@@ -85,11 +85,11 @@ export function CompartmentCard({ compartment, index, displayIndex, total, carca
     const isFridge = isFridgeCompartmentType(type);
     const isHood = isHoodCompartmentType(type);
     const isCooktop = isCooktopCompartmentType(type);
-    return (_jsxs("div", { className: "rounded-lg border border-border/40 bg-[#252527] p-2", children: [_jsxs("div", { className: "flex items-center justify-between pb-1.5", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: displayIndex === 0
+    return (_jsxs("div", { className: "rounded-lg border border-border/40 bg-black/3 dark:bg-[#252527] p-2", children: [_jsxs("div", { className: "flex items-center justify-between pb-1.5", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: displayIndex === 0
                             ? 'Top'
                             : displayIndex === total - 1
                                 ? 'Bottom'
-                                : `#${total - displayIndex}` }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { className: ICON_BUTTON_CLASS, disabled: index === total - 1, onClick: () => onMove(1), type: "button", children: _jsx(ArrowUp, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: ICON_BUTTON_CLASS, disabled: index === 0, onClick: () => onMove(-1), type: "button", children: _jsx(ArrowDown, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-red-500/20 bg-red-500/8 text-red-300 transition-colors hover:bg-red-500/15 hover:text-red-200 disabled:opacity-30 disabled:hover:bg-red-500/8", disabled: total <= 1, onClick: onRemove, type: "button", children: _jsx(Trash, { className: "h-3.5 w-3.5" }) })] })] }), _jsxs("div", { className: "pb-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Type" }), _jsx(CompartmentTypeControl, { includeHood: allowHood || isHood, wallCabinet: wallCabinet, onChange: (value) => {
+                                : `#${total - displayIndex}` }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { className: ICON_BUTTON_CLASS, disabled: index === total - 1, onClick: () => onMove(1), type: "button", children: _jsx(ArrowUp, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: ICON_BUTTON_CLASS, disabled: index === 0, onClick: () => onMove(-1), type: "button", children: _jsx(ArrowDown, { className: "h-3.5 w-3.5" }) }), _jsx("button", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-red-500/20 bg-red-500/8 text-red-700 dark:text-red-300 transition-colors hover:bg-red-500/15 hover:text-red-700 dark:hover:text-red-200 disabled:opacity-30 disabled:hover:bg-red-500/8", disabled: total <= 1, onClick: onRemove, type: "button", children: _jsx(Trash, { className: "h-3.5 w-3.5" }) })] })] }), _jsxs("div", { className: "pb-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Type" }), _jsx(CompartmentTypeControl, { includeHood: allowHood || isHood, wallCabinet: wallCabinet, onChange: (value) => {
                             const nextType = value === 'fridge'
                                 ? 'fridge-single'
                                 : value === 'hood'
@@ -104,7 +104,7 @@ export function CompartmentCard({ compartment, index, displayIndex, total, carca
                         }, value: isFridge ? 'fridge' : isHood ? 'hood' : isCooktop ? 'cooktop' : type })] }), total > 1 && !isHood && !isCooktop && type !== 'sink' && (_jsx("div", { className: "pb-2", children: _jsx(SliderControl, { label: "Height", max: carcassHeight, min: 0.1, onChange: onResizeHeight, precision: 2, step: 0.01, unit: "m", value: resolvedHeight }) })), type === 'shelf' && (_jsx(Stepper, { label: "Shelves", max: 8, min: 0, onChange: (value) => onReplace(patchCompartment(compartment, { shelfCount: value })), value: compartmentShelfCount(compartment) })), type === 'drawer' && (_jsx(Stepper, { label: "Drawers", max: 6, min: 1, onChange: (value) => onReplace(patchCompartment(compartment, { drawerCount: value })), value: compartmentDrawerCount(compartment) })), type === 'door' && (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Style" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, { doorType: value })), options: DOOR_TYPE_OPTIONS.map((option) => ({
                                     value: option.value,
                                     label: option.label,
-                                })), value: compartmentDoorType(compartment, width) })] }), _jsxs("button", { className: "flex h-8 w-full items-center justify-center gap-1.5 rounded-md border border-border/40 bg-[#2C2C2E] text-xs font-medium text-foreground transition-colors hover:bg-[#343437] disabled:cursor-not-allowed disabled:opacity-40", disabled: compartmentDoorType(compartment, width) !== 'single-left' &&
+                                })), value: compartmentDoorType(compartment, width) })] }), _jsxs("button", { className: "flex min-h-8 w-full items-center justify-center gap-1.5 rounded-md border border-border/40 bg-black/4 dark:bg-[#2C2C2E] px-3 py-1.5 text-xs leading-4 font-medium text-foreground transition-colors hover:bg-black/8 dark:hover:bg-[#343437] disabled:cursor-not-allowed disabled:opacity-40", disabled: compartmentDoorType(compartment, width) !== 'single-left' &&
                             compartmentDoorType(compartment, width) !== 'single-right', onClick: () => {
                             const doorType = compartmentDoorType(compartment, width);
                             if (doorType === 'single-left' || doorType === 'single-right') {
@@ -118,7 +118,7 @@ export function CompartmentCard({ compartment, index, displayIndex, total, carca
                         })), options: FRIDGE_STYLE_OPTIONS.map((option) => ({
                             value: option.value,
                             label: option.label,
-                        })), value: type })] })), isHood && (_jsx("div", { className: "rounded-lg border border-border/30 bg-black/10 px-2 py-1.5 text-[11px] font-medium text-muted-foreground", children: "Chimney" })), isCooktop && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Surface" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, {
+                        })), value: type })] })), isHood && (_jsx("div", { className: "rounded-lg border border-border/30 bg-black/3 dark:bg-black/10 px-2 py-1.5 text-[11px] font-medium text-muted-foreground", children: "Chimney" })), isCooktop && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] uppercase tracking-wide text-muted-foreground", children: "Surface" }), _jsx(SegmentedControl, { onChange: (value) => onReplace(patchCompartment(compartment, {
                             type: value,
                             cooktopLayout: value === 'cooktop-gas'
                                 ? COOKTOP_DEFAULT_GAS_LAYOUT

package/dist/cabinet/continuous-placement.d.ts

@@ -1,5 +1,5 @@
 import type { AnyNodeId } from '@pascal-app/core';
-import type { FloorPlacementClickTriggerEvent } from '../shared/floor-placement';
+import type { FloorPlacementClickTriggerEvent } from '../shared/floor-placement.js';
 export type CabinetStretchPreview = {
     modules: {
         x: number;

package/dist/cabinet/continuous-placement.js

@@ -1,5 +1,5 @@
-import { planToRunLocal, runLocalToPlan } from './run-layout';
-import { CABINET_BASE_WIDTH } from './run-ops';
+import { planToRunLocal, runLocalToPlan } from './run-layout.js';
+import { CABINET_BASE_WIDTH } from './run-ops.js';
 const MIN_END_MODULE_WIDTH = 0.1;
 export function isForcePlacementEvent(event) {
     const native = event.nativeEvent;

package/dist/cabinet/countertop-layout.d.ts

@@ -1,5 +1,5 @@
 import type { CabinetNode, GeometryContext } from '@pascal-app/core';
-import { type SinkBowlSpec } from './appliance-layout';
+import { type SinkBowlSpec } from './appliance-layout.js';
 export type CabinetSlab = {
     size: [number, number, number];
     position: [number, number, number];
@@ -10,14 +10,34 @@ export type RunSinkCut = {
     z: number;
 };
 export declare function getCabinetCountertopLayout(node: CabinetNode, ctx?: GeometryContext): {
-    span: import("./run-layout").RunSpan;
+    span: import("./run-layout.js").RunSpan;
     modules: {
         object: "node";
+        name?: string | undefined;
         parentId: string | null;
         visible: boolean;
+        camera?: {
+            position: [number, number, number];
+            target: [number, number, number];
+            mode: "orthographic" | "perspective";
+            fov?: number | undefined;
+            zoom?: number | undefined;
+        } | undefined;
         metadata: Record<string, unknown>;
+        provenance?: {
+            refs: {
+                ns?: string | undefined;
+                id: string;
+                role?: "absorbed" | "alias" | "derived" | "piece" | "primary" | undefined;
+            }[];
+            lineage?: {
+                op: "attach" | "convert" | "duplicate" | "import" | "make-independent" | "merge" | "promote" | "split";
+                fromIds: string[];
+            } | undefined;
+        } | undefined;
         position: [number, number, number];
         rotation: number;
+        supportSlabId?: string | undefined;
         width: number;
         depth: number;
         carcassHeight: number;
@@ -31,41 +51,24 @@ export declare function getCabinetCountertopLayout(node: CabinetNode, ctx?: Geom
         withFinishedBack: boolean;
         frontThickness: number;
         frontGap: number;
-        frontStyle: "slab" | "shaker" | "raised-arch";
+        frontStyle: "raised-arch" | "shaker" | "slab";
         panelReady: boolean;
-        handleStyle: "none" | "bar" | "cutout" | "hole" | "knob";
-        handlePosition: "center" | "top" | "auto";
+        handleStyle: "bar" | "cutout" | "hole" | "knob" | "none";
+        handlePosition: "auto" | "center" | "top";
         frontOverlay: "full" | "inset";
         withBottomPanel: boolean;
         showPlinth: boolean;
         withCountertop: boolean;
-        id: `cabinet-module_${string}`;
-        type: "cabinet-module";
-        children: string[];
-        cabinetType: "base" | "tall";
-        moduleKind: "standard" | "corner-filler";
-        topFinish: "trim" | "none" | "top-cabinet";
-        topFinishHeight: number;
-        topFinishDepth: number;
-        name?: string | undefined;
-        camera?: {
-            position: [number, number, number];
-            target: [number, number, number];
-            mode: "perspective" | "orthographic";
-            fov?: number | undefined;
-            zoom?: number | undefined;
-        } | undefined;
-        supportSlabId?: string | undefined;
         material?: {
             id?: string | undefined;
-            preset?: "custom" | "white" | "brick" | "concrete" | "wood" | "glass" | "metal" | "plaster" | "tile" | "marble" | undefined;
+            preset?: "brick" | "concrete" | "custom" | "glass" | "marble" | "metal" | "plaster" | "tile" | "white" | "wood" | undefined;
             properties?: {
                 color: string;
                 roughness: number;
                 metalness: number;
                 opacity: number;
                 transparent: boolean;
-                side: "front" | "back" | "double";
+                side: "back" | "double" | "front";
             } | undefined;
             texture?: {
                 url: string;
@@ -76,97 +79,105 @@ export declare function getCabinetCountertopLayout(node: CabinetNode, ctx?: Geom
         materialPreset?: string | undefined;
         slots?: Record<string, string> | undefined;
         stack?: ({
-            type: "shelf";
             id: string;
-            shelfCount?: number | undefined;
             height?: number | undefined;
+            type: "shelf";
+            shelfCount?: number | undefined;
         } | {
-            type: "drawer";
             id: string;
-            drawerCount?: number | undefined;
             height?: number | undefined;
+            type: "drawer";
+            drawerCount?: number | undefined;
         } | {
-            type: "door";
             id: string;
-            doorType?: "glass" | "double" | "single-left" | "single-right" | undefined;
-            shelfCount?: number | undefined;
             height?: number | undefined;
+            type: "door";
+            doorType?: "double" | "glass" | "single-left" | "single-right" | undefined;
+            shelfCount?: number | undefined;
         } | {
-            type: "sink";
             id: string;
-            sinkLayout?: "single" | "double" | "double-offset" | undefined;
             height?: number | undefined;
+            type: "sink";
+            sinkLayout?: "double" | "double-offset" | "single" | undefined;
         } | {
-            type: "oven";
             id: string;
             height?: number | undefined;
+            type: "oven";
         } | {
-            type: "microwave";
             id: string;
             height?: number | undefined;
+            type: "microwave";
         } | {
-            type: "dishwasher";
             id: string;
             height?: number | undefined;
+            type: "dishwasher";
         } | {
-            type: "cooktop-gas";
             id: string;
-            cooktopLayout?: "gas-2burner" | "gas-4burner" | "gas-5burner-wok" | "gas-6burner" | undefined;
+            height?: number | undefined;
             cooktopBurnersOn?: boolean | undefined;
             cooktopActiveBurners?: number[] | undefined;
             cooktopKnobProgress?: number[] | undefined;
             cooktopShowGrate?: boolean | undefined;
-            height?: number | undefined;
+            type: "cooktop-gas";
+            cooktopLayout?: "gas-2burner" | "gas-4burner" | "gas-5burner-wok" | "gas-6burner" | undefined;
         } | {
-            type: "cooktop-induction";
             id: string;
-            cooktopLayout?: "induction-2zone" | "induction-4zone" | undefined;
+            height?: number | undefined;
             cooktopBurnersOn?: boolean | undefined;
             cooktopActiveBurners?: number[] | undefined;
             cooktopKnobProgress?: number[] | undefined;
             cooktopShowGrate?: boolean | undefined;
-            height?: number | undefined;
+            type: "cooktop-induction";
+            cooktopLayout?: "induction-2zone" | "induction-4zone" | undefined;
         } | {
-            type: "pull-out-pantry";
             id: string;
-            shelfCount?: number | undefined;
-            pantryRackStyle?: "glass" | "wire" | "tray" | undefined;
             height?: number | undefined;
+            type: "pull-out-pantry";
+            shelfCount?: number | undefined;
+            pantryRackStyle?: "glass" | "tray" | "wire" | undefined;
         } | {
-            type: "fridge-single";
             id: string;
             height?: number | undefined;
+            type: "fridge-single";
         } | {
-            type: "fridge-double";
             id: string;
             height?: number | undefined;
+            type: "fridge-double";
         } | {
-            type: "fridge-top-freezer";
             id: string;
             height?: number | undefined;
+            type: "fridge-top-freezer";
         } | {
-            type: "fridge-bottom-freezer";
             id: string;
             height?: number | undefined;
+            type: "fridge-bottom-freezer";
         } | {
-            type: "hood-pyramid";
             id: string;
             height?: number | undefined;
+            type: "hood-pyramid";
         } | {
-            type: "hood-curved-glass";
             id: string;
             height?: number | undefined;
+            type: "hood-curved-glass";
         })[] | undefined;
+        id: `cabinet-module_${string}`;
+        type: "cabinet-module";
+        children: string[];
+        cabinetType: "base" | "tall";
+        moduleKind: "corner-filler" | "standard" | "wall-filler";
         openSide?: "left" | "right" | undefined;
         cornerShelf?: boolean | undefined;
+        topFinish: "none" | "top-cabinet" | "trim";
+        topFinishHeight: number;
+        topFinishDepth: number;
     }[];
-    ends: import("./run-layout").RunSpanEnds;
+    ends: import("./run-layout.js").RunSpanEnds;
     backOverhang: number;
     countertop: CabinetSlab | null;
     bar: {
         slab: CabinetSlab;
         support: CabinetSlab;
-        edge: NonNullable<CabinetNode["barLedge"]>["edge"];
+        edge: NonNullable<CabinetNode['barLedge']>['edge'];
     } | null;
     sinkCuts: RunSinkCut[];
 }[];