@certe/atmos-editor 0.1.0

package/dist/components/fields/game-object-ref-field.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+const selectStyle = {
+    background: '#333',
+    color: '#eee',
+    border: '1px solid #555',
+    borderRadius: '3px',
+    padding: '2px 4px',
+    fontSize: '12px',
+    maxWidth: '140px',
+};
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '2px 0',
+};
+const dropHighlightStyle = {
+    ...rowStyle,
+    outline: '1px solid #5bf',
+    borderRadius: '3px',
+    background: 'rgba(85, 187, 255, 0.1)',
+};
+export function GameObjectRefField({ label, value, scene, selfId, onChange }) {
+    const [dragOver, setDragOver] = useState(false);
+    const objects = [];
+    for (const obj of scene.getAllObjects()) {
+        if (obj.id !== selfId)
+            objects.push(obj);
+    }
+    objects.sort((a, b) => a.name.localeCompare(b.name));
+    const selectedId = value ? String(value.id) : '';
+    const findObject = useCallback((id) => {
+        for (const obj of scene.getAllObjects()) {
+            if (obj.id === id)
+                return obj;
+        }
+        return null;
+    }, [scene]);
+    const handleDragOver = useCallback((e) => {
+        // Only accept hierarchy drags (text/plain with numeric ID)
+        if (!e.dataTransfer.types.includes('text/plain'))
+            return;
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'link';
+        setDragOver(true);
+    }, []);
+    const handleDragLeave = useCallback(() => {
+        setDragOver(false);
+    }, []);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragOver(false);
+        const raw = e.dataTransfer.getData('text/plain');
+        const id = parseInt(raw, 10);
+        if (isNaN(id) || id === selfId)
+            return;
+        const obj = findObject(id);
+        if (obj)
+            onChange(obj);
+    }, [selfId, findObject, onChange]);
+    return (_jsxs("div", { style: dragOver ? dropHighlightStyle : rowStyle, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [_jsx("span", { style: { fontSize: '12px', color: '#aaa' }, children: label }), _jsxs("select", { style: selectStyle, value: selectedId, onChange: (e) => {
+                    const id = e.target.value;
+                    if (!id) {
+                        onChange(null);
+                        return;
+                    }
+                    const obj = findObject(Number(id));
+                    onChange(obj);
+                }, children: [_jsx("option", { value: "", children: "None" }), objects.map((obj) => (_jsx("option", { value: String(obj.id), children: obj.name }, obj.id)))] })] }));
+}
+//# sourceMappingURL=game-object-ref-field.js.map

package/dist/components/fields/game-object-ref-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"game-object-ref-field.js","sourceRoot":"","sources":["../../../src/components/fields/game-object-ref-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/fields/material-asset-field.d.ts

@@ -0,0 +1,10 @@
+import type { MaterialManager } from '../../material-manager.js';
+interface MaterialAssetFieldProps {
+    label: string;
+    value: string;
+    materialManager: MaterialManager;
+    onChange: (path: string) => void;
+}
+export declare function MaterialAssetField({ label, value, materialManager, onChange }: MaterialAssetFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=material-asset-field.d.ts.map

package/dist/components/fields/material-asset-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-asset-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/material-asset-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,eAAe,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AA+ED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAmGtG"}

package/dist/components/fields/material-asset-field.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '2px 0',
+    gap: '4px',
+};
+const selectStyle = {
+    background: '#333',
+    color: '#eee',
+    border: '1px solid #555',
+    borderRadius: '3px',
+    padding: '2px 4px',
+    fontSize: '12px',
+    flex: 1,
+    minWidth: 0,
+};
+const newBtnStyle = {
+    background: '#2c2c2c',
+    color: '#999',
+    border: '1px solid #3a3a3a',
+    borderRadius: '3px',
+    padding: '2px 6px',
+    fontSize: '11px',
+    cursor: 'pointer',
+    fontFamily: 'inherit',
+    flexShrink: 0,
+};
+const dialogOverlay = {
+    position: 'fixed',
+    inset: 0,
+    background: 'rgba(0,0,0,0.5)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 3000,
+};
+const dialogBox = {
+    background: '#252525',
+    border: '1px solid #3a3a3a',
+    borderRadius: '6px',
+    padding: '16px',
+    minWidth: '240px',
+    boxShadow: '0 8px 24px rgba(0,0,0,0.6)',
+};
+const dialogInput = {
+    width: '100%',
+    background: '#333',
+    color: '#eee',
+    border: '1px solid #555',
+    borderRadius: '3px',
+    padding: '4px 8px',
+    fontSize: '12px',
+    fontFamily: 'inherit',
+    outline: 'none',
+    marginBottom: '8px',
+};
+const dialogLabel = {
+    fontSize: '11px',
+    color: '#888',
+    marginBottom: '4px',
+    display: 'block',
+};
+const dialogBtnRow = {
+    display: 'flex',
+    gap: '6px',
+    justifyContent: 'flex-end',
+    marginTop: '12px',
+};
+export function MaterialAssetField({ label, value, materialManager, onChange }) {
+    const [options, setOptions] = useState([]);
+    const [showCreate, setShowCreate] = useState(false);
+    const [newName, setNewName] = useState('');
+    const [newShader, setNewShader] = useState('pbr');
+    const [dragOver, setDragOver] = useState(false);
+    useEffect(() => {
+        materialManager.listMaterials().then(setOptions).catch(() => { });
+    }, [materialManager, value]);
+    const handleCreate = async () => {
+        if (!newName.trim())
+            return;
+        const path = await materialManager.createMaterial(newName.trim(), newShader);
+        setOptions((prev) => [...prev, path].sort());
+        onChange(path);
+        setShowCreate(false);
+        setNewName('');
+        setNewShader('pbr');
+    };
+    const displayName = (path) => {
+        const base = path.split('/').pop() ?? path;
+        return base.replace('.mat.json', '');
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
+                    ...rowStyle,
+                    ...(dragOver ? { outline: '1px dashed #3388cc', outlineOffset: '-1px', borderRadius: '3px' } : undefined),
+                }, onDragOver: (e) => {
+                    if (!e.dataTransfer.types.includes('application/x-atmos-material'))
+                        return;
+                    e.preventDefault();
+                    e.dataTransfer.dropEffect = 'copy';
+                    setDragOver(true);
+                }, onDragLeave: () => setDragOver(false), onDrop: (e) => {
+                    setDragOver(false);
+                    const path = e.dataTransfer.getData('application/x-atmos-material');
+                    if (path) {
+                        e.preventDefault();
+                        onChange(path);
+                    }
+                }, children: [_jsx("span", { style: { fontSize: '12px', color: '#aaa', flexShrink: 0 }, children: label }), _jsxs("select", { style: selectStyle, value: value, onChange: (e) => onChange(e.target.value), children: [!options.includes(value) && value && (_jsx("option", { value: value, children: displayName(value) })), options.map((opt) => (_jsx("option", { value: opt, children: displayName(opt) }, opt)))] }), _jsx("button", { style: newBtnStyle, onClick: () => setShowCreate(true), title: "New Material", children: "+" })] }), showCreate && (_jsx("div", { style: dialogOverlay, onClick: () => setShowCreate(false), children: _jsxs("div", { style: dialogBox, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { style: { fontSize: '12px', fontWeight: 600, color: '#c8c8c8', marginBottom: '12px' }, children: "New Material" }), _jsx("label", { style: dialogLabel, children: "Name" }), _jsx("input", { style: dialogInput, value: newName, onChange: (e) => setNewName(e.target.value), onKeyDown: (e) => { if (e.key === 'Enter')
+                                handleCreate(); }, autoFocus: true, placeholder: "my_material" }), _jsx("label", { style: dialogLabel, children: "Shader" }), _jsxs("select", { style: { ...dialogInput, marginBottom: 0 }, value: newShader, onChange: (e) => setNewShader(e.target.value), children: [_jsx("option", { value: "pbr", children: "PBR (Physically Based)" }), _jsx("option", { value: "unlit", children: "Unlit (Flat Color)" })] }), _jsxs("div", { style: dialogBtnRow, children: [_jsx("button", { style: newBtnStyle, onClick: () => setShowCreate(false), children: "Cancel" }), _jsx("button", { style: { ...newBtnStyle, background: '#1a4a7a', color: '#e8e8e8', borderColor: '#3388cc' }, onClick: handleCreate, children: "Create" })] })] }) }))] }));
+}
+//# sourceMappingURL=material-asset-field.js.map

package/dist/components/fields/material-asset-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-asset-field.js","sourceRoot":"","sources":["../../../src/components/fields/material-asset-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/fields/number-field.d.ts

@@ -0,0 +1,10 @@
+import type { NumberPropertyDef } from '@certe/atmos-core';
+interface NumberFieldProps {
+    label: string;
+    value: number;
+    onChange: (value: number) => void;
+    def: NumberPropertyDef;
+}
+export declare function NumberField({ label, value, onChange, def }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=number-field.d.ts.map

package/dist/components/fields/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/number-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,EAAE,iBAAiB,CAAC;CACxB;AAmBD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,gBAAgB,2CAc5E"}

package/dist/components/fields/number-field.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DecimalInput } from './decimal-input.js';
+const inputStyle = {
+    width: '60px',
+    background: '#333',
+    color: '#eee',
+    border: '1px solid #555',
+    borderRadius: '3px',
+    padding: '2px 4px',
+    fontSize: '12px',
+};
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '2px 0',
+};
+export function NumberField({ label, value, onChange, def }) {
+    return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: { fontSize: '12px', color: '#aaa' }, children: label }), _jsx(DecimalInput, { value: Number.isFinite(value) ? value : 0, min: def.min, max: def.max, step: def.step ?? 0.1, style: inputStyle, onChange: onChange })] }));
+}
+//# sourceMappingURL=number-field.js.map

package/dist/components/fields/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../src/components/fields/number-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AASlD,MAAM,UAAU,GAAwB;IACtC,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAwB;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAoB;IAC3E,OAAO,CACL,eAAK,KAAK,EAAE,QAAQ,aAClB,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAG,KAAK,GAAQ,EAChE,KAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACzC,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,IAAI,EAAE,GAAG,CAAC,IAAI,IAAI,GAAG,EACrB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/fields/quat-field.d.ts

@@ -0,0 +1,8 @@
+interface QuatFieldProps {
+    label: string;
+    value: number[];
+    onChange: (value: number[]) => void;
+}
+export declare function QuatField({ label, value, onChange }: QuatFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=quat-field.d.ts.map

package/dist/components/fields/quat-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quat-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/quat-field.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC;AAyBD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA6CnE"}

package/dist/components/fields/quat-field.js

@@ -0,0 +1,43 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Quat, Vec3 } from '@certe/atmos-math';
+import { DecimalInput } from './decimal-input.js';
+const inputStyle = {
+    width: '50px',
+    background: '#333',
+    color: '#eee',
+    border: '1px solid #555',
+    borderRadius: '3px',
+    padding: '2px 4px',
+    fontSize: '12px',
+};
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '2px 0',
+    gap: '4px',
+};
+const LABELS = ['X', 'Y', 'Z'];
+const COLORS = ['#e06060', '#60c060', '#6080e0'];
+const RAD_TO_DEG = 180 / Math.PI;
+const DEG_TO_RAD = Math.PI / 180;
+export function QuatField({ label, value, onChange }) {
+    const q = new Float32Array(value.length >= 4 ? value : [0, 0, 0, 1]);
+    const euler = Vec3.create();
+    Quat.toEuler(euler, q);
+    const degrees = [
+        euler[0] * RAD_TO_DEG,
+        euler[1] * RAD_TO_DEG,
+        euler[2] * RAD_TO_DEG,
+    ];
+    const handleChange = useCallback((index, deg) => {
+        const newDegrees = [...degrees];
+        newDegrees[index] = deg;
+        const out = Quat.create();
+        Quat.fromEuler(out, newDegrees[0] * DEG_TO_RAD, newDegrees[1] * DEG_TO_RAD, newDegrees[2] * DEG_TO_RAD);
+        onChange(Array.from(out));
+    }, [degrees, onChange]);
+    return (_jsxs("div", { children: [_jsxs("div", { style: { fontSize: '12px', color: '#aaa', marginBottom: '2px' }, children: [label, " (degrees)"] }), _jsx("div", { style: rowStyle, children: LABELS.map((axis, i) => (_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [_jsx("span", { style: { fontSize: '11px', color: COLORS[i], fontWeight: 'bold' }, children: axis }), _jsx(DecimalInput, { value: degrees[i], step: 1, style: inputStyle, onChange: (deg) => handleChange(i, deg) })] }, axis))) })] }));
+}
+//# sourceMappingURL=quat-field.js.map

package/dist/components/fields/quat-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quat-field.js","sourceRoot":"","sources":["../../../src/components/fields/quat-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/fields/string-field.d.ts

@@ -0,0 +1,7 @@
+interface StringFieldProps {
+    label: string;
+    value: string;
+}
+export declare function StringField({ label, value }: StringFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=string-field.d.ts.map

package/dist/components/fields/string-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/string-field.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAmBD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CAO7D"}

package/dist/components/fields/string-field.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '2px 0',
+};
+const inputStyle = {
+    background: '#2a2a2a',
+    color: '#999',
+    border: '1px solid #555',
+    borderRadius: '3px',
+    padding: '2px 4px',
+    fontSize: '11px',
+    width: '140px',
+};
+export function StringField({ label, value }) {
+    return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: { fontSize: '12px', color: '#aaa' }, children: label }), _jsx("input", { style: inputStyle, value: value, readOnly: true })] }));
+}
+//# sourceMappingURL=string-field.js.map

package/dist/components/fields/string-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-field.js","sourceRoot":"","sources":["../../../src/components/fields/string-field.tsx"],"names":[],"mappings":";AAOA,MAAM,QAAQ,GAAwB;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,UAAU,GAAwB;IACtC,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoB;IAC5D,OAAO,CACL,eAAK,KAAK,EAAE,QAAQ,aAClB,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAG,KAAK,GAAQ,EAChE,gBAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,SAAG,IAC/C,CACP,CAAC;AACJ,CAAC"}

package/dist/components/fields/vec3-field.d.ts

@@ -0,0 +1,8 @@
+interface Vec3FieldProps {
+    label: string;
+    value: number[];
+    onChange: (value: number[]) => void;
+}
+export declare function Vec3Field({ label, value, onChange }: Vec3FieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=vec3-field.d.ts.map

package/dist/components/fields/vec3-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vec3-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/vec3-field.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC;AAuBD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA2BnE"}

package/dist/components/fields/vec3-field.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DecimalInput } from './decimal-input.js';
+const inputStyle = {
+    width: '50px',
+    background: '#333',
+    color: '#eee',
+    border: '1px solid #555',
+    borderRadius: '3px',
+    padding: '2px 4px',
+    fontSize: '12px',
+};
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '2px 0',
+    gap: '4px',
+};
+const LABELS = ['X', 'Y', 'Z'];
+const COLORS = ['#e06060', '#60c060', '#6080e0'];
+export function Vec3Field({ label, value, onChange }) {
+    const v = value.length >= 3 ? value : [0, 0, 0];
+    const handleChange = (index, num) => {
+        const next = [...v];
+        next[index] = num;
+        onChange(next);
+    };
+    return (_jsxs("div", { children: [_jsx("div", { style: { fontSize: '12px', color: '#aaa', marginBottom: '2px' }, children: label }), _jsx("div", { style: rowStyle, children: LABELS.map((axis, i) => (_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [_jsx("span", { style: { fontSize: '11px', color: COLORS[i], fontWeight: 'bold' }, children: axis }), _jsx(DecimalInput, { value: Number.isFinite(v[i]) ? v[i] : 0, step: 0.1, style: inputStyle, onChange: (num) => handleChange(i, num) })] }, axis))) })] }));
+}
+//# sourceMappingURL=vec3-field.js.map

package/dist/components/fields/vec3-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vec3-field.js","sourceRoot":"","sources":["../../../src/components/fields/vec3-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,MAAM,UAAU,GAAwB;IACtC,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAwB;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,OAAO;IAChB,GAAG,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC/B,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAkB;IAClE,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,EAAE;QAClD,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,0BACE,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAG,KAAK,GAAO,EACnF,cAAK,KAAK,EAAE,QAAQ,YACjB,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,iBAAkB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAC5E,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,IAAI,GAAQ,EACtF,KAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,EACxC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC,GACvC,KAPQ,IAAI,CAQR,CACT,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hierarchy-node.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { GameObject } from '@certe/atmos-core';
+interface HierarchyNodeProps {
+    gameObject: GameObject;
+    selectedIds: ReadonlySet<number>;
+    depth: number;
+    onSelect: (obj: GameObject, e: React.MouseEvent) => void;
+    onDoubleClick?: (obj: GameObject) => void;
+    onReparent?: (childId: number, newParentId: number | null) => void;
+    onContextMenu?: (e: React.MouseEvent, obj: GameObject) => void;
+    onDropModel?: (path: string, parent: GameObject | null) => void;
+    filterMatch?: Set<number> | null;
+    renameId?: number | null;
+    onRenameComplete?: (obj: GameObject, newName: string) => void;
+}
+export declare function HierarchyNode({ gameObject, selectedIds, depth, onSelect, onDoubleClick, onReparent, onContextMenu, onDropModel, filterMatch, renameId, onRenameComplete, }: HierarchyNodeProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=hierarchy-node.d.ts.map

package/dist/components/hierarchy-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-node.d.ts","sourceRoot":"","sources":["../../src/components/hierarchy-node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,UAAU,kBAAkB;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAWD,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EACvD,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,gBAAgB,GAChF,EAAE,kBAAkB,kDA0HpB"}

package/dist/components/hierarchy-node.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+const rowStyle = {
+    cursor: 'pointer',
+    padding: '3px 6px',
+    fontSize: '12px',
+    whiteSpace: 'nowrap',
+    userSelect: 'none',
+    lineHeight: '18px',
+};
+export function HierarchyNode({ gameObject, selectedIds, depth, onSelect, onDoubleClick, onReparent, onContextMenu, onDropModel, filterMatch, renameId, onRenameComplete, }) {
+    const [expanded, setExpanded] = useState(false);
+    const [dragOver, setDragOver] = useState(false);
+    const isSelected = selectedIds.has(gameObject.id);
+    const hasChildren = gameObject.children.length > 0;
+    const isRenaming = renameId === gameObject.id;
+    // If filter is active and this node doesn't match, hide
+    if (filterMatch && !filterMatch.has(gameObject.id)) {
+        return null;
+    }
+    const handleDragStart = (e) => {
+        e.dataTransfer.setData('text/plain', String(gameObject.id));
+        e.dataTransfer.effectAllowed = 'all';
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = e.dataTransfer.types.includes('application/x-atmos-model') ? 'copy' : 'move';
+        setDragOver(true);
+    };
+    const handleDragLeave = () => setDragOver(false);
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragOver(false);
+        const modelPath = e.dataTransfer.getData('application/x-atmos-model');
+        if (modelPath && onDropModel) {
+            onDropModel(modelPath, gameObject);
+            return;
+        }
+        const childId = parseInt(e.dataTransfer.getData('text/plain'), 10);
+        if (!isNaN(childId) && childId !== gameObject.id && onReparent) {
+            onReparent(childId, gameObject.id);
+        }
+    };
+    const handleContextMenu = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onContextMenu?.(e, gameObject);
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { draggable: true, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onContextMenu: handleContextMenu, style: {
+                    ...rowStyle,
+                    paddingLeft: `${depth * 16 + 6}px`,
+                    background: dragOver ? '#1a3a5a' : isSelected ? '#1a4a7a' : 'transparent',
+                    color: isSelected ? '#e8e8e8' : '#b0b0b0',
+                    borderTop: dragOver ? '2px solid #3388cc' : '2px solid transparent',
+                }, onClick: (e) => onSelect(gameObject, e), onDoubleClick: () => onDoubleClick?.(gameObject), children: [hasChildren && (_jsx("span", { style: { marginRight: '4px', display: 'inline-block', width: '12px' }, onClick: (e) => {
+                            e.stopPropagation();
+                            setExpanded(!expanded);
+                        }, children: expanded ? '\u25BC' : '\u25B6' })), !hasChildren && _jsx("span", { style: { marginRight: '4px', display: 'inline-block', width: '12px' } }), isRenaming ? (_jsx("input", { autoFocus: true, defaultValue: gameObject.name, style: {
+                            background: '#333',
+                            color: '#fff',
+                            border: '1px solid #4a9eff',
+                            fontSize: '12px',
+                            padding: '1px 4px',
+                            width: '80%',
+                            outline: 'none',
+                        }, onBlur: (e) => onRenameComplete?.(gameObject, e.currentTarget.value), onKeyDown: (e) => {
+                            if (e.key === 'Enter') {
+                                onRenameComplete?.(gameObject, e.currentTarget.value);
+                            }
+                            else if (e.key === 'Escape') {
+                                onRenameComplete?.(gameObject, gameObject.name);
+                            }
+                        } })) : (gameObject.name)] }), expanded &&
+                gameObject.children.map((child) => (_jsx(HierarchyNode, { gameObject: child, selectedIds: selectedIds, depth: depth + 1, onSelect: onSelect, onDoubleClick: onDoubleClick, onReparent: onReparent, onContextMenu: onContextMenu, onDropModel: onDropModel, filterMatch: filterMatch, renameId: renameId, onRenameComplete: onRenameComplete }, child.id)))] }));
+}
+//# sourceMappingURL=hierarchy-node.js.map

package/dist/components/hierarchy-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-node.js","sourceRoot":"","sources":["../../src/components/hierarchy-node.tsx"],"names":[],"mappings":"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"}

package/dist/components/hierarchy-panel.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { GameObject } from '@certe/atmos-core';
+import type { EditorState } from '../editor-state.js';
+import type { PrimitiveType } from '../editor-mount.js';
+interface HierarchyPanelProps {
+    editorState: EditorState;
+    primitiveFactory?: (type: PrimitiveType, name: string) => GameObject;
+    onFocusObject?: (obj: import('@certe/atmos-core').GameObject) => void;
+    onDropModel?: (path: string, parent: import('@certe/atmos-core').GameObject | null) => void;
+    style?: React.CSSProperties;
+}
+export declare function HierarchyPanel({ editorState, primitiveFactory, onFocusObject, onDropModel, style }: HierarchyPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=hierarchy-panel.d.ts.map

package/dist/components/hierarchy-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-panel.d.ts","sourceRoot":"","sources":["../../src/components/hierarchy-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,KAAK,UAAU,CAAC;IACrE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,mBAAmB,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,mBAAmB,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5F,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAqED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CAuNvH"}