@smoove/studio 0.1.1

package/dist/components/timeline/transport.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePlayback } from "../../hooks/use-playback.js";
+import { useStudio } from "../../hooks/use-studio.js";
+import { cn } from "../../lib/cn.js";
+import { fmtTime } from "../../lib/format.js";
+import { useSignalValue } from "../../signals/signal-bridge.js";
+import { IconButton } from "../button/icon-button.js";
+import { StSlider } from "../primitives/slider.js";
+import { StTooltip } from "../primitives/tooltip.js";
+/** Transport bar: play/step, volume, time, loop, fullscreen. */
+export function Transport({ className }) {
+    const store = useStudio();
+    const { player, playing, loop, volume, muted, fullscreen, durSec, timeSec } = usePlayback();
+    const region = useSignalValue(store.region);
+    const regionActive = region.in != null || region.out != null;
+    return (_jsxs("div", { className: cn("flex items-center gap-1 px-3 h-[50px] flex-none", className), children: [_jsx(StTooltip, { content: "Restart", children: _jsx(IconButton, { size: "sm", icon: "prev", onClick: () => player?.seekTo(region.in ?? 0) }) }), _jsx(StTooltip, { content: playing ? "Pause (Space)" : "Play (Space)", children: _jsx(IconButton, { icon: playing ? "pause" : "play", iconSize: 20, className: "text-white", onClick: () => player?.toggle() }) }), _jsx(StTooltip, { content: "Step forward (\u2192)", children: _jsx(IconButton, { size: "sm", icon: "next", onClick: () => player?.stepBy(1) }) }), _jsxs("div", { className: "flex items-center group ml-1", children: [_jsx(StTooltip, { content: muted ? "Unmute" : "Mute", children: _jsx(IconButton, { size: "sm", icon: muted || volume === 0 ? "mute" : "volume", onClick: () => player?.setMuted(!muted) }) }), _jsx("div", { className: "w-0 group-hover:w-[78px] overflow-hidden transition-[width] flex items-center", children: _jsx(StSlider, { value: muted ? 0 : Math.round(volume * 100), min: 0, max: 100, className: "w-[70px] mx-1", onValueChange: (v) => {
+                                player?.setVolume(v / 100);
+                                player?.setMuted(v === 0);
+                            } }) })] }), _jsxs("div", { className: "font-mono text-[12.5px] text-ink-2 ml-2 whitespace-nowrap tracking-tight tabular-nums", children: [_jsx("span", { className: "text-ink-1 inline-block text-right", style: { minWidth: "3.5ch" }, children: fmtTime(timeSec) }), _jsx("span", { className: "text-ink-3 mx-0.5", children: "/" }), fmtTime(durSec)] }), _jsx("div", { className: "flex-1" }), _jsx(StTooltip, { content: loop ? `Looping ${regionActive ? "region" : "playback"}` : "Loop off", children: _jsx(IconButton, { size: "sm", icon: "loop", active: loop, onClick: () => player?.toggleLoop(), className: "relative", children: regionActive && (_jsx("span", { className: "absolute top-1 right-1 size-1.5 rounded-full bg-accent-2 shadow-[0_0_6px_var(--color-accent-soft)]" })) }) }), _jsx(StTooltip, { content: fullscreen ? "Exit fullscreen (F)" : "Fullscreen (F)", children: _jsx(IconButton, { size: "sm", icon: fullscreen ? "fullscreenExit" : "fullscreen", onClick: () => player?.toggleFullscreen() }) })] }));
+}
+//# sourceMappingURL=transport.js.map

package/dist/components/timeline/transport.js.map

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

package/dist/components/timeline/use-scrub-surface.d.ts

@@ -0,0 +1,20 @@
+export type DragKind = "seek" | "in" | "out";
+/**
+ * Shared pointer→frame drag handling for a scrub surface. Seeking maps the
+ * cursor to a frame; dragging the loop in/out grips snaps the playhead to the
+ * cursor too (per the design's "snap to cursor" requirement).
+ */
+export declare function useScrubSurface(total: number): {
+    ref: import("react").MutableRefObject<HTMLDivElement | null>;
+    drag: DragKind | null;
+    setDrag: import("react").Dispatch<import("react").SetStateAction<DragKind | null>>;
+    hover: number | null;
+    setHover: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    frac: (clientX: number) => number;
+    frameAt: (clientX: number) => number;
+    seekTo: (clientX: number) => void;
+    inFrame: number;
+    outFrame: number;
+    den: number;
+};
+//# sourceMappingURL=use-scrub-surface.d.ts.map

package/dist/components/timeline/use-scrub-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrub-surface.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/use-scrub-surface.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AAE7C;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM;;;;;;oBAYpB,MAAM,KAAG,MAAM;uBAKZ,MAAM,KAAG,MAAM;sBAChB,MAAM,KAAG,IAAI;;;;EA2BvC"}

package/dist/components/timeline/use-scrub-surface.js

@@ -0,0 +1,56 @@
+import { useEffect, useRef, useState } from "react";
+import { useStudio } from "../../hooks/use-studio.js";
+import { clamp01 } from "../../lib/format.js";
+import { useSignalValue } from "../../signals/signal-bridge.js";
+/**
+ * Shared pointer→frame drag handling for a scrub surface. Seeking maps the
+ * cursor to a frame; dragging the loop in/out grips snaps the playhead to the
+ * cursor too (per the design's "snap to cursor" requirement).
+ */
+export function useScrubSurface(total) {
+    const store = useStudio();
+    const player = useSignalValue(store.player);
+    const region = useSignalValue(store.region);
+    const ref = useRef(null);
+    const [drag, setDrag] = useState(null);
+    const [hover, setHover] = useState(null);
+    const den = Math.max(1, total - 1);
+    const inFrame = region.in ?? 0;
+    const outFrame = region.out ?? den;
+    const frac = (clientX) => {
+        const r = ref.current?.getBoundingClientRect();
+        if (!r || r.width === 0)
+            return 0;
+        return clamp01((clientX - r.left) / r.width);
+    };
+    const frameAt = (clientX) => Math.round(frac(clientX) * den);
+    const seekTo = (clientX) => player?.seekTo(frameAt(clientX));
+    // biome-ignore lint/correctness/useExhaustiveDependencies: store/player stable refs
+    useEffect(() => {
+        if (!drag)
+            return;
+        const move = (e) => {
+            const f = frameAt(e.clientX);
+            if (drag === "seek") {
+                player?.seekTo(f);
+            }
+            else if (drag === "in") {
+                store.setRegionIn(f);
+                player?.seekTo(f);
+            }
+            else if (drag === "out") {
+                store.setRegionOut(f);
+                player?.seekTo(f);
+            }
+        };
+        const up = () => setDrag(null);
+        window.addEventListener("mousemove", move);
+        window.addEventListener("mouseup", up);
+        return () => {
+            window.removeEventListener("mousemove", move);
+            window.removeEventListener("mouseup", up);
+        };
+    }, [drag, den, player, store]);
+    return { ref, drag, setDrag, hover, setHover, frac, frameAt, seekTo, inFrame, outFrame, den };
+}
+//# sourceMappingURL=use-scrub-surface.js.map

package/dist/components/timeline/use-scrub-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrub-surface.js","sourceRoot":"","sources":["../../../src/components/timeline/use-scrub-surface.ts"],"names":[],"mappings":"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"}

package/dist/components/toasts/toasts.d.ts

@@ -0,0 +1,4 @@
+/** Toast viewport (Base UI Toast). Registers the store's toast sink so
+    store.addToast routes through the manager (auto-dismiss + a11y). */
+export declare function Toasts(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toasts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toasts.d.ts","sourceRoot":"","sources":["../../../src/components/toasts/toasts.tsx"],"names":[],"mappings":"AASA;uEACuE;AACvE,wBAAgB,MAAM,4CAqCrB"}

package/dist/components/toasts/toasts.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+import { useEffect } from "react";
+import { useStudio } from "../../hooks/use-studio.js";
+import { Icon } from "../icon/icon.js";
+import { usePortalContainer } from "../primitives/portal-context.js";
+/** Toast viewport (Base UI Toast). Registers the store's toast sink so
+    store.addToast routes through the manager (auto-dismiss + a11y). */
+export function Toasts() {
+    const store = useStudio();
+    const container = usePortalContainer();
+    const manager = Toast.useToastManager();
+    useEffect(() => {
+        store.setToastSink((title, icon) => manager.add({ title, data: { icon }, timeout: 3600 }));
+        return () => store.setToastSink(null);
+    }, [manager, store]);
+    return (_jsx(Toast.Portal, { container: container, children: _jsx(Toast.Viewport, { className: "fixed bottom-5 left-1/2 -translate-x-1/2 z-[60] flex flex-col gap-2 w-[320px] outline-none", children: manager.toasts.map((t) => {
+                const icon = t.data?.icon ?? "check";
+                return (_jsxs(Toast.Root, { toast: t, className: "flex items-center gap-2.5 bg-bg-1/97 backdrop-blur-xl border border-line-2 rounded-ui px-3.5 py-2.5 text-[13px] font-medium text-ink-1 shadow-[0_18px_44px_-12px_rgba(0,0,0,.7)] data-[starting-style]:opacity-0 data-[starting-style]:translate-y-3 data-[ending-style]:opacity-0 transition-all", style: { "--gap": "8px" }, children: [_jsx("span", { className: "size-[18px] grid place-items-center text-accent-2 flex-none", children: _jsx(Icon, { name: icon, size: 14 }) }), _jsx(Toast.Title, { className: "flex-1" }), _jsx(Toast.Close, { className: "text-ink-3 hover:text-ink-1", children: _jsx(Icon, { name: "close", size: 13 }) })] }, t.id));
+            }) }) }));
+}
+//# sourceMappingURL=toasts.js.map

package/dist/components/toasts/toasts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasts.js","sourceRoot":"","sources":["../../../src/components/toasts/toasts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAsB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAIrE;uEACuE;AACvE,MAAM,UAAU,MAAM;IACpB,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;IAC1B,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CACjC,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,IAAI,EAAsB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1E,CAAC;QACF,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,KAAC,KAAK,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YAChC,KAAC,KAAK,CAAC,QAAQ,IAAC,SAAS,EAAC,4FAA4F,YACnH,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACxB,MAAM,IAAI,GAAI,CAAC,CAAC,IAA8B,EAAE,IAAI,IAAI,OAAO,CAAC;gBAChE,OAAO,CACL,MAAC,KAAK,CAAC,IAAI,IAET,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,mSAAmS,EAC7S,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAmB,aAE1C,eAAM,SAAS,EAAC,6DAA6D,YAC3E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACzB,EACP,KAAC,KAAK,CAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,EAClC,KAAC,KAAK,CAAC,KAAK,IAAC,SAAS,EAAC,6BAA6B,YAClD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GACnB,KAXT,CAAC,CAAC,EAAE,CAYE,CACd,CAAC;YACJ,CAAC,CAAC,GACa,GACJ,CAChB,CAAC;AACJ,CAAC"}

package/dist/hooks/use-composition.d.ts

@@ -0,0 +1,10 @@
+import type { LoadStatus } from "../store/store.js";
+/** Read the active composition + its load status from the store. */
+export declare function useComposition(): {
+    composition: import("@smoove/core").Composition<Record<string, unknown>> | null;
+    selectedId: string;
+    status: LoadStatus;
+    error: string | null;
+    entry: import("../types.js").RegistryEntry<Record<string, unknown>> | undefined;
+};
+//# sourceMappingURL=use-composition.d.ts.map

package/dist/hooks/use-composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-composition.d.ts","sourceRoot":"","sources":["../../src/hooks/use-composition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oEAAoE;AACpE,wBAAgB,cAAc;;;;;;EAQ7B"}

package/dist/hooks/use-composition.js

@@ -0,0 +1,13 @@
+import { useSignalValue } from "../signals/signal-bridge.js";
+import { useStudio } from "./use-studio.js";
+/** Read the active composition + its load status from the store. */
+export function useComposition() {
+    const store = useStudio();
+    const composition = useSignalValue(store.composition);
+    const selectedId = useSignalValue(store.selectedId);
+    const status = useSignalValue(store.loadStatus)[selectedId] ?? "idle";
+    const error = useSignalValue(store.loadError);
+    const entry = store.getEntry(selectedId);
+    return { composition, selectedId, status, error, entry };
+}
+//# sourceMappingURL=use-composition.js.map

package/dist/hooks/use-composition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-composition.js","sourceRoot":"","sources":["../../src/hooks/use-composition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,oEAAoE;AACpE,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;IAC1B,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACpD,MAAM,MAAM,GAAe,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;IAClF,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IACzC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC3D,CAAC"}

package/dist/hooks/use-layers.d.ts

@@ -0,0 +1,9 @@
+import { type Composition, Sequence } from "@smoove/core";
+import type { StudioLayer } from "../types.js";
+/** Top-level `Sequence`s of a composition, in tree order. */
+export declare function sequencesOf(comp: Composition): Sequence[];
+/** Derive timeline tracks from a composition's top-level Sequences. */
+export declare function deriveLayers(comp: Composition): StudioLayer[];
+/** Apply per-layer enable/disable to the real Konva Sequences (opacity). */
+export declare function applyLayerVisibility(comp: Composition, off: Set<number>): void;
+//# sourceMappingURL=use-layers.d.ts.map

package/dist/hooks/use-layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layers.d.ts","sourceRoot":"","sources":["../../src/hooks/use-layers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW/C,6DAA6D;AAC7D,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,EAAE,CAEzD;AAED,uEAAuE;AACvE,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,EAAE,CAY7D;AAED,4EAA4E;AAC5E,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAQ9E"}

package/dist/hooks/use-layers.js

@@ -0,0 +1,34 @@
+import { Sequence } from "@smoove/core";
+import { clamp01 } from "../lib/format.js";
+const KIND_RE = /^(audio|video|group|transition|sequence):/i;
+function inferKind(name) {
+    const m = KIND_RE.exec(name);
+    return m?.[1]?.toLowerCase() ?? "sequence";
+}
+const stripPrefix = (name) => name.replace(KIND_RE, "").trim();
+/** Top-level `Sequence`s of a composition, in tree order. */
+export function sequencesOf(comp) {
+    return comp.getChildren((n) => n instanceof Sequence);
+}
+/** Derive timeline tracks from a composition's top-level Sequences. */
+export function deriveLayers(comp) {
+    const total = comp.durationInFrames.get() || 1;
+    return sequencesOf(comp).map((s, i) => {
+        const raw = s.name() || s.id() || `Layer ${i + 1}`;
+        return {
+            name: stripPrefix(raw) || `Layer ${i + 1}`,
+            kind: inferKind(raw),
+            start: clamp01(s.from / total),
+            end: clamp01((s.from + s.durationInFrames) / total),
+        };
+    });
+}
+/** Apply per-layer enable/disable to the real Konva Sequences (opacity). */
+export function applyLayerVisibility(comp, off) {
+    const seqs = sequencesOf(comp);
+    seqs.forEach((s, i) => {
+        s.opacity(off.has(i) ? 0 : 1);
+    });
+    comp.batchDraw();
+}
+//# sourceMappingURL=use-layers.js.map

package/dist/hooks/use-layers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layers.js","sourceRoot":"","sources":["../../src/hooks/use-layers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,MAAM,OAAO,GAAG,4CAA4C,CAAC;AAE7D,SAAS,SAAS,CAAC,IAAY;IAC7B,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAA4B,IAAI,UAAU,CAAC;AACxE,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AAE/E,6DAA6D;AAC7D,MAAM,UAAU,WAAW,CAAC,IAAiB;IAC3C,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,QAAQ,CAAe,CAAC;AACtE,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,YAAY,CAAC,IAAiB;IAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC/C,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;QAEnD,OAAO;YACL,IAAI,EAAE,WAAW,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE;YAC1C,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC;YACpB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC;YAC9B,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC;SACpD,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,oBAAoB,CAAC,IAAiB,EAAE,GAAgB;IACtE,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACpB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,EAAE,CAAC;AACnB,CAAC"}

package/dist/hooks/use-playback.d.ts

@@ -0,0 +1,15 @@
+/** All live playback values, sourced from the mounted player's signals. */
+export declare function usePlayback(): {
+    player: import("@smoove/player").PlayerApi | null;
+    frame: number;
+    total: number;
+    playing: boolean;
+    loop: boolean;
+    volume: number;
+    muted: boolean;
+    fullscreen: boolean;
+    fps: number;
+    durSec: number;
+    timeSec: number;
+};
+//# sourceMappingURL=use-playback.d.ts.map

package/dist/hooks/use-playback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-playback.d.ts","sourceRoot":"","sources":["../../src/hooks/use-playback.ts"],"names":[],"mappings":"AAcA,2EAA2E;AAC3E,wBAAgB,WAAW;;;;;;;;;;;;EAwB1B"}

package/dist/hooks/use-playback.js

@@ -0,0 +1,38 @@
+import { usePlayerSignal, useSignalValue } from "../signals/signal-bridge.js";
+import { useStudio } from "./use-studio.js";
+const numSig = (v) => ({ get: () => v, subscribe: () => () => { } });
+const boolSig = (v) => ({
+    get: () => v,
+    subscribe: () => () => { },
+});
+const ZERO = numSig(0);
+const ONE = numSig(1);
+const FALSE = boolSig(false);
+const VOL = numSig(1);
+/** All live playback values, sourced from the mounted player's signals. */
+export function usePlayback() {
+    const store = useStudio();
+    const player = useSignalValue(store.player);
+    const frame = usePlayerSignal(player?.state.frame ?? ZERO);
+    const total = usePlayerSignal(player?.state.duration ?? ONE);
+    const playing = usePlayerSignal(player?.state.playing ?? FALSE);
+    const loop = usePlayerSignal(player?.state.loop ?? FALSE);
+    const volume = usePlayerSignal(player?.state.volume ?? VOL);
+    const muted = usePlayerSignal(player?.state.muted ?? FALSE);
+    const fullscreen = usePlayerSignal(player?.state.fullscreen ?? FALSE);
+    const fps = player?.fps || 30;
+    return {
+        player,
+        frame,
+        total,
+        playing,
+        loop,
+        volume,
+        muted,
+        fullscreen,
+        fps,
+        durSec: total / fps,
+        timeSec: frame / fps,
+    };
+}
+//# sourceMappingURL=use-playback.js.map

package/dist/hooks/use-playback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-playback.js","sourceRoot":"","sources":["../../src/hooks/use-playback.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,MAAM,GAAG,CAAC,CAAS,EAA0B,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,CAAC;AACpG,MAAM,OAAO,GAAG,CAAC,CAAU,EAA2B,EAAE,CAAC,CAAC;IACxD,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IACZ,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AACH,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACvB,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACtB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAC7B,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAEtB,2EAA2E;AAC3E,MAAM,UAAU,WAAW;IACzB,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,CAAC;IACtE,MAAM,GAAG,GAAG,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IAC9B,OAAO;QACL,MAAM;QACN,KAAK;QACL,KAAK;QACL,OAAO;QACP,IAAI;QACJ,MAAM;QACN,KAAK;QACL,UAAU;QACV,GAAG;QACH,MAAM,EAAE,KAAK,GAAG,GAAG;QACnB,OAAO,EAAE,KAAK,GAAG,GAAG;KACrB,CAAC;AACJ,CAAC"}

package/dist/hooks/use-props-form.d.ts

@@ -0,0 +1,15 @@
+import type { SmooveSchema } from "../schema/types.js";
+export type PropsForm = {
+    schema?: SmooveSchema;
+    values: Record<string, unknown>;
+    setValue: (key: string, value: unknown) => void;
+    setValues: (next: Record<string, unknown>) => void;
+    reset: () => void;
+};
+/**
+ * Bridge a composition's props signal to the form: reading `values` re-renders
+ * on edits, writing pushes into the signal (which the studio has wired to
+ * `comp.refresh()`, so the preview updates with the playhead preserved).
+ */
+export declare function usePropsForm(id: string): PropsForm;
+//# sourceMappingURL=use-props-form.d.ts.map

package/dist/hooks/use-props-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-props-form.d.ts","sourceRoot":"","sources":["../../src/hooks/use-props-form.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAYlD"}

package/dist/hooks/use-props-form.js

@@ -0,0 +1,22 @@
+import { resolveDefaults } from "../schema/kf.js";
+import { usePlayerSignal } from "../signals/signal-bridge.js";
+import { useStudio } from "./use-studio.js";
+/**
+ * Bridge a composition's props signal to the form: reading `values` re-renders
+ * on edits, writing pushes into the signal (which the studio has wired to
+ * `comp.refresh()`, so the preview updates with the playhead preserved).
+ */
+export function usePropsForm(id) {
+    const store = useStudio();
+    const sig = store.getPropsSignal(id);
+    const values = usePlayerSignal(sig);
+    const entry = store.getEntry(id);
+    return {
+        schema: entry?.propsSchema,
+        values,
+        setValue: (key, value) => sig.set({ ...sig.get(), [key]: value }),
+        setValues: (next) => sig.set(next),
+        reset: () => sig.set(resolveDefaults(entry?.propsSchema, entry?.defaultProps)),
+    };
+}
+//# sourceMappingURL=use-props-form.js.map

package/dist/hooks/use-props-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-props-form.js","sourceRoot":"","sources":["../../src/hooks/use-props-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAU5C;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAAU;IACrC,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjC,OAAO;QACL,MAAM,EAAE,KAAK,EAAE,WAAW;QAC1B,MAAM;QACN,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;QACjE,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;QAClC,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;KAC/E,CAAC;AACJ,CAAC"}

package/dist/hooks/use-real-fps.d.ts

@@ -0,0 +1,3 @@
+/** Measure realtime fps by counting how often the player's frame advances. */
+export declare function useRealFps(): number;
+//# sourceMappingURL=use-real-fps.d.ts.map

package/dist/hooks/use-real-fps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-real-fps.d.ts","sourceRoot":"","sources":["../../src/hooks/use-real-fps.ts"],"names":[],"mappings":"AAIA,8EAA8E;AAC9E,wBAAgB,UAAU,IAAI,MAAM,CAoBnC"}

package/dist/hooks/use-real-fps.js

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+import { useSignalValue } from "../signals/signal-bridge.js";
+import { useStudio } from "./use-studio.js";
+/** Measure realtime fps by counting how often the player's frame advances. */
+export function useRealFps() {
+    const store = useStudio();
+    const player = useSignalValue(store.player);
+    const [real, setReal] = useState(0);
+    useEffect(() => {
+        if (!player)
+            return;
+        let count = 0;
+        const unsub = player.state.frame.subscribe(() => {
+            count++;
+        });
+        const id = setInterval(() => {
+            setReal(count * 2);
+            count = 0;
+        }, 500);
+        return () => {
+            unsub();
+            clearInterval(id);
+        };
+    }, [player]);
+    return real;
+}
+//# sourceMappingURL=use-real-fps.js.map

package/dist/hooks/use-real-fps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-real-fps.js","sourceRoot":"","sources":["../../src/hooks/use-real-fps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,8EAA8E;AAC9E,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAC9C,KAAK,EAAE,CAAC;QACV,CAAC,CAAC,CAAC;QACH,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACnB,KAAK,GAAG,CAAC,CAAC;QACZ,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE;YACV,KAAK,EAAE,CAAC;YACR,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/hooks/use-shortcuts.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Global keyboard shortcuts. The studio owns them (the `<smoove-player>` is mounted
+ * with `no-keyboard`): space play/pause, ←/→ step, f fullscreen, l loop,
+ * i/o set loop in/out at the playhead. Ignored while typing in a field.
+ */
+export declare function useShortcuts(): void;
+//# sourceMappingURL=use-shortcuts.d.ts.map

package/dist/hooks/use-shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-shortcuts.d.ts","sourceRoot":"","sources":["../../src/hooks/use-shortcuts.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,IAAI,CA0CnC"}

package/dist/hooks/use-shortcuts.js

@@ -0,0 +1,53 @@
+import { useEffect } from "react";
+import { useStudio } from "./use-studio.js";
+/**
+ * Global keyboard shortcuts. The studio owns them (the `<smoove-player>` is mounted
+ * with `no-keyboard`): space play/pause, ←/→ step, f fullscreen, l loop,
+ * i/o set loop in/out at the playhead. Ignored while typing in a field.
+ */
+export function useShortcuts() {
+    const store = useStudio();
+    useEffect(() => {
+        const onKey = (e) => {
+            const t = e.target;
+            if (t && (/^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName) || t.isContentEditable))
+                return;
+            const api = store.player.get();
+            if (!api)
+                return;
+            switch (e.key) {
+                case " ":
+                    e.preventDefault();
+                    api.toggle();
+                    break;
+                case "ArrowRight":
+                    e.preventDefault();
+                    api.stepBy(1);
+                    break;
+                case "ArrowLeft":
+                    e.preventDefault();
+                    api.stepBy(-1);
+                    break;
+                case "f":
+                case "F":
+                    api.toggleFullscreen();
+                    break;
+                case "l":
+                case "L":
+                    api.toggleLoop();
+                    break;
+                case "i":
+                case "I":
+                    store.setRegionIn(api.getCurrentFrame());
+                    break;
+                case "o":
+                case "O":
+                    store.setRegionOut(api.getCurrentFrame());
+                    break;
+            }
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [store]);
+}
+//# sourceMappingURL=use-shortcuts.js.map

package/dist/hooks/use-shortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-shortcuts.js","sourceRoot":"","sources":["../../src/hooks/use-shortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,CAAC,CAAC,MAA4B,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC;gBAAE,OAAO;YACtF,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YAC/B,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACd,KAAK,GAAG;oBACN,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,GAAG,CAAC,MAAM,EAAE,CAAC;oBACb,MAAM;gBACR,KAAK,YAAY;oBACf,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBACd,MAAM;gBACR,KAAK,WAAW;oBACd,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;oBACf,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG;oBACN,GAAG,CAAC,gBAAgB,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG;oBACN,GAAG,CAAC,UAAU,EAAE,CAAC;oBACjB,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG;oBACN,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;oBACzC,MAAM;gBACR,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG;oBACN,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;oBAC1C,MAAM;YACV,CAAC;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC"}

package/dist/hooks/use-studio.d.ts

@@ -0,0 +1,4 @@
+import type { StudioStore } from "../store/store.js";
+/** Read the central studio store. Must be used inside `<Studio>`. */
+export declare function useStudio(): StudioStore;
+//# sourceMappingURL=use-studio.d.ts.map

package/dist/hooks/use-studio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-studio.d.ts","sourceRoot":"","sources":["../../src/hooks/use-studio.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,qEAAqE;AACrE,wBAAgB,SAAS,IAAI,WAAW,CAIvC"}

package/dist/hooks/use-studio.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { StudioContext } from "../components/studio/studio-context.js";
+/** Read the central studio store. Must be used inside `<Studio>`. */
+export function useStudio() {
+    const ctx = useContext(StudioContext);
+    if (!ctx)
+        throw new Error("useStudio() must be used inside <Studio>");
+    return ctx;
+}
+//# sourceMappingURL=use-studio.js.map

package/dist/hooks/use-studio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-studio.js","sourceRoot":"","sources":["../../src/hooks/use-studio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAGvE,qEAAqE;AACrE,MAAM,UAAU,SAAS;IACvB,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IACtE,OAAO,GAAG,CAAC;AACb,CAAC"}