@3driseai/3drise-viewer 0.1.16 → 0.1.18

package/dist/components/HyperbolicGrid.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import * as THREE from 'three';
+import { useObjectReady } from '../hooks/useObjectReady.js';
+import { useGridSurface } from '../hooks/useGridSurface.js';
+import { HyperbolicGridMaterial } from '@3driseai/3drise-core';
+// Side-effect import registers <hyperbolicGridMaterial> via extend().
+void HyperbolicGridMaterial;
+/** HyperbolicGridConfig defaults. Must match the catalog entry in grid-defaults.json exactly. */
+export const defaultHyperbolicGridConfig = {
+    cellSize: 22,
+    size: 50,
+    flat: true,
+    segments: undefined,
+    lineMode: 1,
+    cellMode: 2,
+    lineWidth: 1.4,
+    sectionSize: 3,
+    sectionWidth: 1,
+    animSpeed: 1,
+    animScale: 1.2,
+    animIntensity: 0.7,
+    fadeDistance: undefined,
+    fadeStrength: 0.2,
+    displace: 0,
+    sides: 7,
+    valence: 3,
+    drift: 0.5,
+    lineColor: '#c9a4ff',
+    sectionColor: '#ffd9f2',
+    cellColor: '#2a1446',
+    glowColor: '#b07cff',
+    bgColor: '#07030c',
+    bgOpacity: 0,
+    followMouse: false,
+    reveal: 1,
+    revealDuration: 0,
+};
+/**
+ * An Escher-style {p,q} tiling of the Poincare disk. A slow Mobius translation glides the tiling through itself, and the tiles shrink without end toward the rim.
+ */
+export function HyperbolicGrid({ config = defaultHyperbolicGridConfig, groupProps, onObjectReady, onObjectDispose }) {
+    const matRef = useRef(null);
+    const rootRef = useRef(null);
+    const meshRef = useRef(null);
+    useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
+    const { cellSize, size, segments, flat, lineMode, cellMode, lineWidth, sectionSize, sectionWidth, animSpeed, animScale, animIntensity, fadeDistance, fadeStrength, displace, sides, valence, drift, lineColor, sectionColor, cellColor, glowColor, bgColor, bgOpacity, followMouse, reveal, revealDuration, } = config;
+    // the ripple is fine-grained relative to the disk
+    const segs = segments ?? (displace > 0 ? Math.min(512, Math.max(96, Math.ceil(size / Math.max(cellSize, 1e-4)) * 64)) : 1);
+    const fade = fadeDistance ?? size * 0.5;
+    const colors = useMemo(() => ({
+        line: new THREE.Color(lineColor),
+        section: new THREE.Color(sectionColor),
+        cell: new THREE.Color(cellColor),
+        glow: new THREE.Color(glowColor),
+        bg: new THREE.Color(bgColor),
+    }), [lineColor, sectionColor, cellColor, glowColor, bgColor]);
+    useGridSurface(matRef, meshRef, { followMouse, reveal, revealDuration });
+    return (_jsx("group", { ref: rootRef, ...groupProps, children: _jsxs("mesh", { ref: meshRef, rotation: flat ? [-Math.PI / 2, 0, 0] : [0, 0, 0], children: [_jsx("planeGeometry", { args: [size, size, segs, segs] }), _jsx("hyperbolicGridMaterial", { ref: matRef, transparent: true, depthWrite: false, blending: THREE.AdditiveBlending, side: THREE.DoubleSide, u_cellSize: cellSize, u_lineWidth: lineWidth, u_sectionSize: sectionSize, u_sectionWidth: sectionWidth, u_lineMode: lineMode, u_cellMode: cellMode, u_animSpeed: animSpeed, u_animScale: animScale, u_animIntensity: animIntensity, u_fadeDistance: fade, u_fadeStrength: fadeStrength, u_displace: displace, u_sides: sides, u_valence: valence, u_drift: drift, u_lineColor: colors.line, u_sectionColor: colors.section, u_cellColor: colors.cell, u_glowColor: colors.glow, u_bgColor: colors.bg, u_bgOpacity: bgOpacity }, HyperbolicGridMaterial.key)] }) }));
+}
+export default HyperbolicGrid;

package/dist/components/LayoutInstances.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { Object3D } from 'three';
+import type { ThreeEvent } from '@react-three/fiber';
+import type { CreatedObjectSettings, ObjectLayoutSettings } from '@3driseai/3drise-core';
+export interface LayoutInstancesProps {
+    createdObject: CreatedObjectSettings;
+    layout: ObjectLayoutSettings;
+    render: (slot: number) => ReactNode;
+    handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
+}
+declare const LayoutInstances: import("react").MemoExoticComponent<({ createdObject, layout, render, handleObjectClick }: LayoutInstancesProps) => import("react").JSX.Element>;
+export default LayoutInstances;
+//# sourceMappingURL=LayoutInstances.d.ts.map

package/dist/components/LayoutInstances.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutInstances.d.ts","sourceRoot":"","sources":["../../src/components/LayoutInstances.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAc,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAErG,MAAM,WAAW,oBAAoB;IACjC,aAAa,EAAE,qBAAqB,CAAC;IACrC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACpH;AAmCD,QAAA,MAAM,eAAe,6FAA+D,oBAAoB,iCAmBtG,CAAC;AAGH,eAAe,eAAe,CAAC"}

package/dist/components/LayoutInstances.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// =============================================================================
+// LayoutInstances — repeat one scene object across a gallery layout
+// =============================================================================
+//
+// ObjectNode hands this the object's own renderer; each slot is a plain group at the
+// transform LayoutCreator computed for it, and the renderer output goes inside.
+//
+// Rules (see the project doc claude/object-layout-plan.md):
+// - Only slot 0 reports readiness. The render callback receives the slot index and
+//   ObjectNode passes no ready callbacks for the others, so one object still reports
+//   once and ObjectsRenderer's aggregate count stays right.
+// - Slot groups never set userData.id, so findById(id) keeps returning the
+//   CreatedObject group that owns the transform.
+// - Clicks are per slot: zoom / glow / vanish target the copy that was clicked, the
+//   same way gallery frames behave.
+// - Motion stays on the CreatedObject group, so the whole layout animates as one.
+import { memo, useMemo, useRef } from 'react';
+import { generateLayoutSlots } from '@3driseai/3drise-core';
+const LayoutSlotGroup = ({ slot, index, createdObject, handleObjectClick, children }) => {
+    const ref = useRef(null);
+    const onClick = handleObjectClick
+        ? (e) => {
+            if (!ref.current)
+                return;
+            e.stopPropagation();
+            handleObjectClick(createdObject, ref.current, e);
+        }
+        : undefined;
+    return (_jsx("group", { ref: ref, name: `layout-slot-${index}`, position: slot.position, rotation: slot.rotation ?? [0, 0, 0], scale: slot.scale ?? [1, 1, 1], userData: { layoutSlot: index }, onClick: onClick, children: children }));
+};
+const LayoutInstances = memo(({ createdObject, layout, render, handleObjectClick }) => {
+    // ObjectNode normalises the block on every render, so key on its contents.
+    const layoutKey = JSON.stringify(layout);
+    const slots = useMemo(() => generateLayoutSlots(layout.count, layout), [layoutKey]);
+    return (_jsx(_Fragment, { children: slots.map((slot, index) => (_jsx(LayoutSlotGroup, { slot: slot, index: index, createdObject: createdObject, handleObjectClick: handleObjectClick, children: render(index) }, index))) }));
+});
+LayoutInstances.displayName = 'LayoutInstances';
+export default LayoutInstances;

package/dist/components/ModelPrimitive.d.ts

@@ -4,6 +4,8 @@ import type { CreatedObjectSettings } from '@3driseai/3drise-core';
 import type { ObjectReadyProps } from '../types/objectReady';
 interface ModelPrimitiveProps extends ObjectReadyProps {
     createdObject: CreatedObjectSettings;
+    /** Layout slot. Slot 0 is the object itself; the rest are unregistered clones. */
+    slot?: number;
     children?: ReactNode;
 }
 /**

package/dist/components/ModelPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/ModelPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAGnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,UAAU,mBAAoB,SAAQ,gBAAgB;IAClD,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BhD,CAAC;AAIH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ModelPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/ModelPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAGnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,UAAU,mBAAoB,SAAQ,gBAAgB;IAClD,aAAa,EAAE,qBAAqB,CAAC;IACrC,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BhD,CAAC;AAIH,eAAe,cAAc,CAAC"}

package/dist/components/ModelPrimitive.js

@@ -29,9 +29,9 @@ import { useObjectReadyReporter } from '../hooks/useObjectReady.js';
  * master and every other instance of the same URL; letting R3F free them on unmount breaks
  * all of them.
  */
-const ModelPrimitive = memo(({ createdObject, onObjectReady, onObjectDispose, children }) => {
+const ModelPrimitive = memo(({ createdObject, slot = 0, onObjectReady, onObjectDispose, children }) => {
     const attachedRef = useRef(null);
-    const object = useModelObject(createdObject);
+    const object = useModelObject(createdObject, slot);
     const { report, reportDisposed } = useObjectReadyReporter(createdObject, onObjectReady, onObjectDispose);
     const setObjectRef = useCallback((instance) => {
         if (instance) {
@@ -46,7 +46,7 @@ const ModelPrimitive = memo(({ createdObject, onObjectReady, onObjectDispose, ch
     }, [report, reportDisposed]);
     if (!object)
         return null;
-    return (_jsx("primitive", { ref: setObjectRef, name: createdObject.name, object: object, dispose: null, children: children }, createdObject.id));
+    return (_jsx("primitive", { ref: setObjectRef, name: createdObject.name, object: object, dispose: null, children: children }, `${createdObject.id}:${slot}`));
 });
 ModelPrimitive.displayName = 'ModelPrimitive';
 export default ModelPrimitive;

package/dist/components/ObjectNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAe,qBAAqB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACtC,IAAI,EAAE,cAAc,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAgBF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqHzC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAe,qBAAqB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiBrD,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACtC,IAAI,EAAE,cAAc,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAkBF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqIzC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/components/ObjectNode.js

@@ -7,6 +7,7 @@ import Text2D from './Text2D.js';
 import PathRenderer from './PathRenderer.js';
 import GalleryLayout from './GalleryLayout.js';
 import EffectsGenerator from './EffectsGenerator.js';
+import ParticlesGenerator from './ParticlesGenerator.js';
 import ParticlesR3f from "./ParticlesR3f.js";
 import Lines from "./Lines.js";
 import LightObject from "./LightObject.js";
@@ -15,7 +16,23 @@ import Galaxy from "./Galaxy.js";
 import GridGenerator from "./GridsGenerator.js";
 import OceanBuilder from "./OceanBuilder.js";
 import LandscapeObject from "./LandscapeObject.js";
+import LayoutInstances from "./LayoutInstances.js";
 import { SELF_MANAGED_MATERIAL } from "../constants.js";
+import { LAYOUT_CAPABLE_TYPES, getObjectLayoutSupport, normalizeObjectLayout, isGenerativeParticlesConfig } from "@3driseai/3drise-core";
+// Slots after the first render with no ready callbacks: one object reports once.
+const NO_READY = {};
+// A point light's shadow is six extra renders; only slot 0 keeps it. Cached per settings
+// object so the copies do not re-run their shadow effect on every render.
+const noShadowCache = new WeakMap();
+const withoutShadow = (obj) => {
+    let copy = noShadowCache.get(obj);
+    if (!copy) {
+        const config = (obj.config ?? {});
+        copy = { ...obj, config: { ...config, shadow: { ...config.shadow, enabled: false } } };
+        noShadowCache.set(obj, copy);
+    }
+    return copy;
+};
 // const EffectsLayer: React.FC<{ effects: CreatedObjectSettings['effects'] }> = ({ effects }) =>
 //     effects?.length ? (
 //         <>
@@ -26,7 +43,9 @@ import { SELF_MANAGED_MATERIAL } from "../constants.js";
 //     ) : null;
 const GroupWithChildren = ({ createdObject, children, onObjectReady, onObjectDispose, handleObjectClick, renderObject }) => {
     const isGroup = createdObject.type === 'group';
-    const selfManagedMaterial = SELF_MANAGED_MATERIAL.has(createdObject.type);
+    // Generative particle objects own their shaders, like effects do.
+    const selfManagedMaterial = SELF_MANAGED_MATERIAL.has(createdObject.type)
+        || (createdObject.type === 'particles' && isGenerativeParticlesConfig(createdObject.config));
     return (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup && !selfManagedMaterial, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose }, childNode.objectId)))] }, createdObject.id));
 };
 const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick }) => {
@@ -40,7 +59,9 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
     // Specialized renderers for each object type
     const renderers = useMemo(() => ({
         group: () => null,
-        mesh: (obj, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }, obj.id)),
+        // mesh / model / effect / light take a layout slot as the third argument
+        // (see LayoutInstances); slot 0 is also the no-layout case.
+        mesh: (obj, _onObjectReady, slot = 0) => (_jsx(CustomPrimitive, { createdObject: obj, ...(slot === 0 ? { onObjectReady, onObjectDispose } : NO_READY), handleObjectClick: handleObjectClick }, obj.id)),
         // water: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
         //     <Ocean
         //         settings={obj}
@@ -56,7 +77,7 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
         //         settings={obj}
         //     />
         // ),
-        model: (obj, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }, obj.id)),
+        model: (obj, _onObjectReady, slot = 0) => (_jsx(CustomPrimitive, { createdObject: obj, slot: slot, ...(slot === 0 ? { onObjectReady, onObjectDispose } : NO_READY), handleObjectClick: handleObjectClick }, obj.id)),
         // custom_primitive: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
         //     <CustomPrimitive
         //         key={obj.id}
@@ -72,6 +93,10 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
                     : _jsx(Text2D, { textSettings: obj, ...relabel(obj) }) }));
         },
         particles: (obj, onObjectReady) => {
+            // Generative particle objects (config.type) render through ParticlesGenerator;
+            // the legacy shape particles keep their own path.
+            if (isGenerativeParticlesConfig(obj.config))
+                return (_jsx(ParticlesGenerator, { settings: { config: obj.config }, ...relabel(obj) }, obj.id));
             const particlesSettings = obj;
             return (_jsxs(_Fragment, { children: [particlesSettings.config?.particles && (_jsx(ParticlesR3f, { particlesSettings: particlesSettings, duration: 1, transitionSettings: particlesSettings.meshSettings, ...relabel(obj) })), particlesSettings.config?.paths && (_jsx(Lines, { createdObject: particlesSettings, ...relabel(obj) }))] }));
         },
@@ -87,11 +112,11 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
         // LandscapeConnector instead; this one is a diorama, a floating island or
         // a game tile, and gets its transform from the CreatedObject wrapper.
         landscape: (obj, onObjectReady) => (_jsx(LandscapeObject, { settings: obj, ...relabel(obj) }, obj.id)),
-        effect: (obj) => (_jsx(EffectsGenerator, { settings: {
+        effect: (obj, _onObjectReady, slot = 0) => (_jsx(EffectsGenerator, { settings: {
                 config: obj.config,
-            }, ...relabel(obj) }, obj.id)),
+            }, ...(slot === 0 ? relabel(obj) : NO_READY) }, obj.id)),
         gallery: (obj, onObjectReady) => (_jsx(GalleryLayout, { createdObject: obj, handleObjectClick: handleObjectClick, ...relabel(obj) })),
-        light: (obj, onObjectReady) => (_jsx(LightObject, { createdObject: obj, ...relabel(obj) })),
+        light: (obj, _onObjectReady, slot = 0) => (_jsx(LightObject, { createdObject: slot === 0 ? obj : withoutShadow(obj), ...(slot === 0 ? relabel(obj) : NO_READY) })),
         environment: (obj, onObjectReady) => (_jsx(EnvironmentObject, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
         space: (obj, onObjectReady) => (_jsx(Galaxy, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
         // rain: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
@@ -115,10 +140,20 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
         //     />
         // ),
     }), [handleObjectClick, onObjectReady, onObjectDispose, relabel]);
-    const renderObject = useCallback((obj, handleObjectClick) => {
+    const renderObject = useCallback((obj, _handleObjectClick) => {
         const renderer = renderers[obj.type];
-        return renderer?.(obj, onObjectReady) ?? null;
-    }, [onObjectReady, renderers]);
+        if (!renderer)
+            return null;
+        // meshSettings.layout: repeat the renderer output across a gallery layout.
+        // Absent on every object saved before layouts existed, which renders as before.
+        const layout = LAYOUT_CAPABLE_TYPES.has(obj.type) ? normalizeObjectLayout(obj.meshSettings?.layout) : null;
+        const support = layout?.enabled ? getObjectLayoutSupport(obj) : null;
+        if (layout && support?.allowed) {
+            const capped = layout.count > support.maxCount ? { ...layout, count: support.maxCount } : layout;
+            return (_jsx(LayoutInstances, { createdObject: obj, layout: capped, handleObjectClick: handleObjectClick, render: (slot) => renderer(obj, onObjectReady, slot) }));
+        }
+        return renderer(obj, onObjectReady) ?? null;
+    }, [onObjectReady, renderers, handleObjectClick]);
     if (!createdObject) {
         return null;
     }

package/dist/components/ParticlesGenerator.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { GenerativeParticlesSettings } from '@3driseai/3drise-core';
+import type { ObjectReadyProps } from '../types/objectReady';
+export interface ParticlesGeneratorProps extends ObjectReadyProps {
+    settings: GenerativeParticlesSettings;
+}
+/** Standalone generative particle objects (type 'particles'), switched on config.type. */
+declare const ParticlesGenerator: React.FC<ParticlesGeneratorProps>;
+export default ParticlesGenerator;
+//# sourceMappingURL=ParticlesGenerator.d.ts.map

package/dist/components/ParticlesGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticlesGenerator.d.ts","sourceRoot":"","sources":["../../src/components/ParticlesGenerator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC7D,QAAQ,EAAE,2BAA2B,CAAC;CACzC;AAED,0FAA0F;AAC1F,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAazD,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/dist/components/ParticlesGenerator.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TidalStreamParticles from './particles/TidalStreamParticles.js';
+import BrownianDustParticles from './particles/BrownianDustParticles.js';
+import BioluminescentWakeParticles from './particles/BioluminescentWakeParticles.js';
+import ElectronOrbitalsParticles from './particles/ElectronOrbitalsParticles.js';
+import GrinderSparksParticles from './particles/GrinderSparksParticles.js';
+/** Standalone generative particle objects (type 'particles'), switched on config.type. */
+const ParticlesGenerator = ({ settings, onObjectReady, onObjectDispose }) => {
+    const { config, animations } = settings;
+    if (!config?.enabled)
+        return null;
+    const size = config.size ?? 1;
+    const ready = { onObjectReady, onObjectDispose };
+    switch (config.type) {
+        case 'tidalStream': return _jsx(TidalStreamParticles, { size: size, config: config, animations: animations, ...ready });
+        case 'brownianDust': return _jsx(BrownianDustParticles, { size: size, config: config, animations: animations, ...ready });
+        case 'bioluminescentWake': return _jsx(BioluminescentWakeParticles, { size: size, config: config, animations: animations, ...ready });
+        case 'electronOrbitals': return _jsx(ElectronOrbitalsParticles, { size: size, config: config, animations: animations, ...ready });
+        case 'grinderSparks': return _jsx(GrinderSparksParticles, { size: size, config: config, animations: animations, ...ready });
+        default: return null;
+    }
+};
+export default ParticlesGenerator;

package/dist/components/ReactionDiffusionGrid.d.ts

@@ -0,0 +1,15 @@
+import type { ThreeElements } from '@react-three/fiber';
+import type { ObjectReadyProps } from '../types/objectReady';
+import type { ReactionDiffusionGridConfig } from '../types/gridConfigs';
+export interface ReactionDiffusionGridProps extends ObjectReadyProps {
+    config?: ReactionDiffusionGridConfig;
+    groupProps?: ThreeElements['group'];
+}
+/** ReactionDiffusionGridConfig defaults. Must match the catalog entry in grid-defaults.json exactly. */
+export declare const defaultReactionDiffusionGridConfig: ReactionDiffusionGridConfig;
+/**
+ * A Gray-Scott reaction-diffusion field simulated on the GPU and sampled by the plane: coral, labyrinths and dividing spots grow, merge and keep evolving, wrapped seamlessly as a torus.
+ */
+export declare function ReactionDiffusionGrid({ config, groupProps, onObjectReady, onObjectDispose }: ReactionDiffusionGridProps): import("react").JSX.Element;
+export default ReactionDiffusionGrid;
+//# sourceMappingURL=ReactionDiffusionGrid.d.ts.map

package/dist/components/ReactionDiffusionGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionDiffusionGrid.d.ts","sourceRoot":"","sources":["../../src/components/ReactionDiffusionGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAGxE,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAChE,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,UAAU,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC;AAKD,wGAAwG;AACxG,eAAO,MAAM,kCAAkC,EAAE,2BA6BhD,CAAC;AAuTF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,MAA2C,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,0BAA0B,+BAgF5J;AAED,eAAe,qBAAqB,CAAC"}