aeon-ui-engine 1.0.2 → 1.1.0

package/packages/react-scene/dist/index.js

@@ -0,0 +1,430 @@
+// src/scene-root.tsx
+import { sceneAttrs } from "@aeon-ui/geometry";
+import { jsx } from "react/jsx-runtime";
+function SceneRoot({
+  part = "root",
+  state,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs(part, state),
+      className,
+      style,
+      children
+    }
+  );
+}
+function SceneBackdrop({ state, className, style, children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs("backdrop", state),
+      className,
+      style: { position: "absolute", inset: 0, ...style },
+      "aria-hidden": true,
+      children
+    }
+  );
+}
+
+// src/procedural-grid.tsx
+import { gridPatternStyle, vignetteStyle, sceneAttrs as sceneAttrs2 } from "@aeon-ui/geometry";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ProceduralGrid({
+  cell,
+  lineColor,
+  vignette = true,
+  className,
+  style,
+  ...rest
+}) {
+  const grid = gridPatternStyle({ cell, lineColor });
+  const merged = {
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none",
+    ...grid,
+    ...style
+  };
+  return /* @__PURE__ */ jsx2("div", { ...rest, ...sceneAttrs2("grid"), className, style: merged, "aria-hidden": true, children: vignette ? /* @__PURE__ */ jsx2("div", { style: { position: "absolute", inset: 0, ...vignetteStyle() }, "aria-hidden": true }) : null });
+}
+
+// src/scene-surface.tsx
+import { surfaceClass } from "@aeon-ui/surface";
+import { sceneAttrs as sceneAttrs3 } from "@aeon-ui/geometry";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function SceneSurface({ material, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs3("surface"),
+      className: [surfaceClass(material), className].filter(Boolean).join(" "),
+      children
+    }
+  );
+}
+
+// src/signal-bars.tsx
+import { barLayout, barScaleTransform, sceneAttrs as sceneAttrs4 } from "@aeon-ui/geometry";
+
+// src/use-signal-visualizer.ts
+import { useEffect, useRef, useState } from "react";
+import {
+  attachMediaAnalyser,
+  bandRanges,
+  createBarMotionState,
+  resumeAudioContext,
+  stepBarMotion
+} from "@aeon-ui/signal";
+function useSignalVisualizer(options = {}) {
+  const {
+    enabled = true,
+    barCount = 7,
+    media = null,
+    analyser: analyserProp = null,
+    active: activeProp,
+    ...motionOptions
+  } = options;
+  const active = activeProp ?? (enabled && (!!analyserProp || !!media));
+  const [scales, setScales] = useState(() => createBarMotionState(barCount, motionOptions).scales);
+  const [brightness, setBrightness] = useState(
+    () => createBarMotionState(barCount, motionOptions).brightness
+  );
+  const motionRef = useRef(createBarMotionState(barCount, motionOptions));
+  const rafRef = useRef(null);
+  const dataRef = useRef(null);
+  const rangesRef = useRef([]);
+  useEffect(() => {
+    motionRef.current = createBarMotionState(barCount, motionOptions);
+  }, [barCount]);
+  useEffect(() => {
+    if (!active) {
+      motionRef.current = createBarMotionState(barCount, motionOptions);
+      setScales([...motionRef.current.scales]);
+      setBrightness([...motionRef.current.brightness]);
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+      return;
+    }
+    void resumeAudioContext();
+    let analyser = analyserProp;
+    if (!analyser && media) {
+      analyser = attachMediaAnalyser(media, { crossOrigin: "anonymous" });
+    }
+    const bufferLength = analyser?.frequencyBinCount ?? 0;
+    if (analyser && bufferLength > 0) {
+      dataRef.current = new Uint8Array(bufferLength);
+      rangesRef.current = bandRanges(bufferLength, barCount);
+    } else {
+      dataRef.current = null;
+      rangesRef.current = [];
+    }
+    const tick = () => {
+      if (analyser && dataRef.current) {
+        analyser.getByteFrequencyData(dataRef.current);
+      }
+      stepBarMotion(
+        motionRef.current,
+        analyser,
+        dataRef.current,
+        rangesRef.current,
+        motionOptions
+      );
+      setScales([...motionRef.current.scales]);
+      setBrightness([...motionRef.current.brightness]);
+      rafRef.current = requestAnimationFrame(tick);
+    };
+    rafRef.current = requestAnimationFrame(tick);
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+    };
+  }, [active, media, analyserProp, barCount]);
+  return { scales, brightness, active };
+}
+
+// src/signal-bars.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function SignalBars({
+  className,
+  viewWidth = 80,
+  viewHeight = 52,
+  fills,
+  label = "Audio visualizer",
+  barCount = 7,
+  ...vizOptions
+}) {
+  const { scales, brightness, active } = useSignalVisualizer({ barCount, ...vizOptions });
+  const bars = barLayout({ count: barCount, viewWidth, viewHeight, fills });
+  return /* @__PURE__ */ jsx4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${viewWidth} ${viewHeight}`,
+      role: "img",
+      "aria-label": label,
+      className,
+      ...sceneAttrs4("visualizer", active ? "active" : "idle"),
+      style: { display: "block", overflow: "visible" },
+      children: bars.map((bar, i) => {
+        const scale = scales[i] ?? 1;
+        const bright = brightness[i] ?? 1;
+        return /* @__PURE__ */ jsx4(
+          "g",
+          {
+            transform: barScaleTransform(bar, scale),
+            style: active ? { filter: `brightness(${bright})` } : void 0,
+            children: /* @__PURE__ */ jsx4(
+              "rect",
+              {
+                x: bar.x,
+                y: bar.y,
+                width: bar.w,
+                height: bar.h,
+                rx: bar.w / 2,
+                fill: bar.fill
+              }
+            )
+          },
+          i
+        );
+      })
+    }
+  );
+}
+
+// src/scene-stage.tsx
+import { sceneAttrs as sceneAttrs5 } from "@aeon-ui/geometry";
+import { sceneStageStyle } from "@aeon-ui/scene";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function SceneStage({
+  perspective,
+  minHeight = 320,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const merged = {
+    ...sceneStageStyle(perspective),
+    minHeight: typeof minHeight === "number" ? `${minHeight}px` : minHeight,
+    ...style
+  };
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs5("stage"),
+      className: ["aeon-scene-stage", className].filter(Boolean).join(" "),
+      style: merged,
+      children
+    }
+  );
+}
+
+// src/scene-layer.tsx
+import { sceneAttrs as sceneAttrs6 } from "@aeon-ui/geometry";
+import { sceneTransformStyle } from "@aeon-ui/scene";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function SceneLayer({
+  part = "layer",
+  transform,
+  origin = "50% 50%",
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const merged = {
+    ...transform ? sceneTransformStyle(transform, { origin }) : { transformStyle: "preserve-3d" },
+    ...style
+  };
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs6(part),
+      className: ["aeon-scene-layer", className].filter(Boolean).join(" "),
+      style: merged,
+      "aria-hidden": rest["aria-hidden"] ?? true,
+      children
+    }
+  );
+}
+
+// src/scene-plane.tsx
+import { sceneAttrs as sceneAttrs7 } from "@aeon-ui/geometry";
+import { sceneTransformStyle as sceneTransformStyle2, sceneWallClip } from "@aeon-ui/scene";
+import { surfaceClass as surfaceClass2 } from "@aeon-ui/surface";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ScenePlane({
+  part = "plane",
+  transform,
+  origin = "50% 50%",
+  fill = true,
+  texture,
+  material,
+  wall,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const merged = {
+    ...transform ? sceneTransformStyle2(transform, { origin }) : {},
+    ...texture ? {
+      backgroundImage: `url(${texture})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center"
+    } : {},
+    ...wall ? { clipPath: sceneWallClip(wall) } : {},
+    ...style
+  };
+  const classes = [
+    "aeon-scene-plane",
+    fill ? "aeon-scene-plane--fill" : "",
+    material ? surfaceClass2(material) : "",
+    className
+  ].filter(Boolean).join(" ");
+  const interactive = Boolean(children);
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs7(part),
+      className: classes,
+      style: merged,
+      "aria-hidden": interactive ? void 0 : true,
+      children
+    }
+  );
+}
+
+// src/scene-slot.tsx
+import { sceneAttrs as sceneAttrs8 } from "@aeon-ui/geometry";
+import { sceneTransformStyle as sceneTransformStyle3 } from "@aeon-ui/scene";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function SceneSlot({
+  part = "slot",
+  transform,
+  origin = "50% 50%",
+  fill = false,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const merged = {
+    ...transform ? sceneTransformStyle3(transform, { origin }) : { transformStyle: "preserve-3d" },
+    ...style
+  };
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs8(part),
+      className: ["aeon-scene-slot", fill ? "aeon-scene-slot--fill" : "", className].filter(Boolean).join(" "),
+      style: merged,
+      children
+    }
+  );
+}
+
+// src/scene-room.tsx
+import { sceneAttrs as sceneAttrs9 } from "@aeon-ui/geometry";
+import { sceneRoomVars } from "@aeon-ui/scene";
+import { jsx as jsx9, jsxs } from "react/jsx-runtime";
+var DEFAULT_SIZE = { width: 1280, height: 680, depth: 920 };
+function SceneRoom({
+  size = DEFAULT_SIZE,
+  camera,
+  floorMaterial = "pavement",
+  wallMaterial = "brick",
+  floor,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const merged = {
+    ...sceneRoomVars(size, camera),
+    ...style
+  };
+  const interactive = Boolean(floor);
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      ...rest,
+      ...sceneAttrs9("room-wrap"),
+      className: ["aeon-scene-room-wrap", className].filter(Boolean).join(" "),
+      style: merged,
+      "aria-hidden": rest["aria-hidden"] ?? (interactive ? void 0 : true),
+      children: /* @__PURE__ */ jsxs("div", { ...sceneAttrs9("room"), className: "aeon-scene-room", children: [
+        /* @__PURE__ */ jsx9(
+          ScenePlane,
+          {
+            part: "ceiling",
+            fill: false,
+            className: "aeon-scene-room__face aeon-scene-room__ceiling"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          ScenePlane,
+          {
+            part: "back-wall",
+            material: wallMaterial,
+            fill: false,
+            className: "aeon-scene-room__face aeon-scene-room__back"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          ScenePlane,
+          {
+            part: "wall-left",
+            material: wallMaterial,
+            fill: false,
+            className: "aeon-scene-room__face aeon-scene-room__left"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          ScenePlane,
+          {
+            part: "wall-right",
+            material: wallMaterial,
+            fill: false,
+            className: "aeon-scene-room__face aeon-scene-room__right"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "aeon-scene-room__face aeon-scene-room__floor", children: [
+          /* @__PURE__ */ jsx9(ScenePlane, { part: "ground", material: floorMaterial, fill: true, className: "aeon-scene-room__floor-plane", children }),
+          floor ? /* @__PURE__ */ jsx9("div", { className: "aeon-scene-room__floor-slot", children: floor }) : null
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  ProceduralGrid,
+  SceneBackdrop,
+  SceneLayer,
+  ScenePlane,
+  SceneRoom,
+  SceneRoot,
+  SceneSlot,
+  SceneStage,
+  SceneSurface,
+  SignalBars,
+  useSignalVisualizer
+};

package/packages/react-scene/node_modules/.bin/jiti

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/lib/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/lib/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/jiti@2.7.0/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/lib/jiti-cli.mjs" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/jiti@2.7.0/node_modules/jiti/lib/jiti-cli.mjs" "$@"
+fi

package/packages/react-scene/node_modules/.bin/tsc

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/packages/react-scene/node_modules/.bin/tsserver

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/packages/react-scene/node_modules/.bin/tsup

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../tsup/dist/cli-default.js" "$@"
+else
+  exec node  "$basedir/../tsup/dist/cli-default.js" "$@"
+fi

package/packages/react-scene/node_modules/.bin/tsup-node

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules/tsup/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.3_typescript@5.9.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../tsup/dist/cli-node.js" "$@"
+else
+  exec node  "$basedir/../tsup/dist/cli-node.js" "$@"
+fi

package/packages/react-scene/node_modules/.bin/tsx

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/dist/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/tsx@4.22.3/node_modules:/Users/brandoncryderman/AeonUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/dist/cli.mjs" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/tsx@4.22.3/node_modules/tsx/dist/cli.mjs" "$@"
+fi

package/packages/scene/dist/index.d.ts

@@ -0,0 +1,46 @@
+type SceneUnit = number | `${number}%` | `${number}px` | `${number}rem` | `${number}vh` | `${number}vw`;
+/** Layer transform in CSS 3D (degrees for rotation). */
+type SceneTransform3d = {
+    x?: SceneUnit;
+    y?: SceneUnit;
+    z?: number;
+    rotateX?: number;
+    rotateY?: number;
+    rotateZ?: number;
+    scale?: number;
+};
+type ScenePerspective = {
+    distance?: number;
+    origin?: string;
+};
+declare function formatSceneUnit(value: SceneUnit | undefined, fallback: string): string;
+/** Build `transform` + `transform-origin` for a scene layer. */
+declare function sceneTransformStyle(transform: SceneTransform3d, options?: {
+    origin?: string;
+    preserve3d?: boolean;
+}): Record<string, string>;
+/** Perspective on a stage root (apply to the element that wraps all layers). */
+declare function sceneStageStyle(perspective?: ScenePerspective): Record<string, string>;
+/** Wall trapezoid clip — left or right alley wall. */
+declare function sceneWallClip(side: 'left' | 'right'): string;
+
+/** Width × height × depth of a box room (px). */
+type SceneRoomSize = {
+    width: number;
+    height: number;
+    depth: number;
+};
+type SceneRoomCamera = {
+    /** Look-down angle on the whole room (degrees). */
+    pitch?: number;
+    /** Turn the room (degrees). */
+    yaw?: number;
+    /** Push room back from the viewer (px). */
+    offsetZ?: number;
+    /** Vertical anchor of the room in the stage (0–100%). */
+    anchorY?: SceneUnit;
+};
+/** CSS variables consumed by `.aeon-scene-room*` in scene-room.css */
+declare function sceneRoomVars(size: SceneRoomSize, camera?: SceneRoomCamera): Record<string, string>;
+
+export { type ScenePerspective, type SceneRoomCamera, type SceneRoomSize, type SceneTransform3d, type SceneUnit, formatSceneUnit, sceneRoomVars, sceneStageStyle, sceneTransformStyle, sceneWallClip };

package/packages/scene/dist/index.js

@@ -0,0 +1,54 @@
+// src/transform.ts
+function formatSceneUnit(value, fallback) {
+  if (value === void 0) return fallback;
+  if (typeof value === "number") return `${value}px`;
+  return value;
+}
+function sceneTransformStyle(transform, options) {
+  const x = formatSceneUnit(transform.x, "0");
+  const y = formatSceneUnit(transform.y, "0");
+  const z = transform.z ?? 0;
+  const parts = [`translate3d(${x}, ${y}, ${z}px)`];
+  if (transform.rotateX) parts.push(`rotateX(${transform.rotateX}deg)`);
+  if (transform.rotateY) parts.push(`rotateY(${transform.rotateY}deg)`);
+  if (transform.rotateZ) parts.push(`rotateZ(${transform.rotateZ}deg)`);
+  if (transform.scale != null) parts.push(`scale(${transform.scale})`);
+  const style = { transform: parts.join(" ") };
+  if (options?.origin) style.transformOrigin = options.origin;
+  if (options?.preserve3d !== false) style.transformStyle = "preserve-3d";
+  return style;
+}
+function sceneStageStyle(perspective = {}) {
+  return {
+    perspective: `${perspective.distance ?? 1100}px`,
+    perspectiveOrigin: perspective.origin ?? "50% 42%",
+    transformStyle: "preserve-3d"
+  };
+}
+function sceneWallClip(side) {
+  return side === "left" ? "polygon(0 100%, 0 5%, 78% 0, 100% 100%)" : "polygon(100% 100%, 100% 5%, 22% 0, 0 100%)";
+}
+
+// src/room.ts
+function sceneRoomVars(size, camera = {}) {
+  const pitch = camera.pitch ?? 10;
+  const yaw = camera.yaw ?? 0;
+  const offsetZ = camera.offsetZ ?? -120;
+  const anchorY = camera.anchorY ?? "46%";
+  return {
+    "--aeon-room-w": `${size.width}px`,
+    "--aeon-room-h": `${size.height}px`,
+    "--aeon-room-d": `${size.depth}px`,
+    "--aeon-room-pitch": `${pitch}deg`,
+    "--aeon-room-yaw": `${yaw}deg`,
+    "--aeon-room-offset-z": `${offsetZ}px`,
+    "--aeon-room-anchor-y": typeof anchorY === "number" ? `${anchorY}px` : anchorY
+  };
+}
+export {
+  formatSceneUnit,
+  sceneRoomVars,
+  sceneStageStyle,
+  sceneTransformStyle,
+  sceneWallClip
+};