@clipkit/editor 1.0.0

package/dist/controls/LightingControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightingControls.d.ts","sourceRoot":"","sources":["../../src/controls/LightingControls.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAuD7E,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAqEA;AAID,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BA4EA;AAID,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAwCA;AAID,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClE,+BAqGA"}

package/dist/controls/LightingControls.js

@@ -0,0 +1,108 @@
+// Material / Lights / Environment controls (LIGHTING-PLAN P1.4, §4.8).
+// Custom controls for the per-element `material` field and the Source
+// scope's `lights` (array) and `environment` (gradient) — registered in
+// ControlRenderer, surfaced via the registry overrides. Each edits its
+// whole nested value and writes it back through the patch path.
+//
+// Scalar fields are animatable via inline Keyframe[] arrays (the runtime
+// resolves them). When a field already holds a curve we show an
+// "animated" chip instead of a number well, so this static panel never
+// clobbers a keyframed value.
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { ColorControl, NumberControl, SelectControl, TextControl } from './primitives.js';
+const BOX = 'flex flex-col w-full border border-border/60 rounded px-2 py-1.5 gap-0.5';
+const ROW = 'flex items-center gap-2 h-8';
+const LABEL = 'text-[10px] text-muted-foreground w-16 shrink-0 truncate';
+const ADD_BTN = 'h-5 px-1.5 rounded text-[10px] text-muted-foreground hover:text-foreground hover:bg-card transition';
+const SUBHEAD = 'text-[10px] font-medium text-muted-foreground/80 mt-1 mb-0.5';
+function isAnimated(v) {
+    return Array.isArray(v);
+}
+/** Number well, or an "animated" chip when the field holds a curve. */
+function NumOrAnim({ value, fallback, onChange, scrub, ...rest }) {
+    if (isAnimated(value)) {
+        return (_jsx("span", { className: "flex-1 min-w-0 h-7 grid place-items-center rounded bg-field text-[10px] text-muted-foreground/70", children: "animated" }));
+    }
+    return (_jsx(NumberControl, { value: typeof value === 'number' ? value : fallback, fluid: true, stepper: true, onChange: onChange, onScrubStart: scrub.onScrubStart, onScrubEnd: scrub.onScrubEnd, ...rest }));
+}
+// ─── Material (per element) ────────────────────────────────────────────────
+export function MaterialControl({ value, onChange, onScrubStart, onScrubEnd, }) {
+    const scrub = { onScrubStart, onScrubEnd };
+    if (!value) {
+        return (_jsx("button", { type: "button", className: ADD_BTN, onClick: () => onChange({ roughness: 0.4, metalness: 0.6, reflectivity: 1 }, false), children: "+ Add material" }));
+    }
+    const set = (patch, live) => onChange({ ...value, ...patch }, live);
+    return (_jsxs("div", { className: BOX, children: [_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Roughness" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.roughness, fallback: 0.4, min: 0.02, max: 1, step: 0.01, scrub: scrub, onChange: (v, live) => set({ roughness: v }, live) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Metalness" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.metalness, fallback: 0.6, min: 0, max: 1, step: 0.01, scrub: scrub, onChange: (v, live) => set({ metalness: v }, live) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Reflectivity" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.reflectivity, fallback: 1, min: 0, max: 2, step: 0.05, scrub: scrub, onChange: (v, live) => set({ reflectivity: v }, live) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Emissive" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.emissive, fallback: 0, min: 0, max: 1, step: 0.05, scrub: scrub, onChange: (v, live) => set({ emissive: v }, live) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Normal map" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(TextControl, { value: value.normal_map ?? '', fluid: true, onChange: (v) => set({ normal_map: v || undefined }, false) }) })] }), value.normal_map ? (_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Nrm scale" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.normal_scale, fallback: 1, min: 0, max: 4, step: 0.05, scrub: scrub, onChange: (v, live) => set({ normal_scale: v }, live) }) })] })) : null, _jsx("div", { className: "flex pt-0.5", children: _jsx("button", { type: "button", className: cn(ADD_BTN, 'ml-auto'), onClick: () => onChange(undefined, false), children: "Remove" }) })] }));
+}
+// ─── Lights (Source) ───────────────────────────────────────────────────────
+export function LightsControl({ value, onChange, onScrubStart, onScrubEnd, }) {
+    const scrub = { onScrubStart, onScrubEnd };
+    const lights = value ?? [];
+    const setAt = (i, patch, live) => {
+        const next = lights.map((l, j) => (j === i ? { ...l, ...patch } : l));
+        onChange(next, live);
+    };
+    const removeAt = (i) => {
+        const next = lights.filter((_, j) => j !== i);
+        onChange(next.length ? next : undefined, false);
+    };
+    const add = (light) => onChange([...lights, light], false);
+    return (_jsxs("div", { className: BOX, children: [lights.map((l, i) => (_jsxs("div", { className: "border-b border-border/40 last:border-0 pb-1 mb-1 last:pb-0 last:mb-0", children: [_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Type" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-[1fr_auto] gap-2 items-center", children: [_jsx(SelectControl, { value: l.type, options: ['ambient', 'directional'], fluid: true, onChange: (v) => {
+                                            // Switching type: keep color/intensity, drop/add the
+                                            // directional-only angle fields with sane defaults.
+                                            if (v === 'directional')
+                                                setAt(i, { type: 'directional', azimuth: 30, elevation: 45 }, false);
+                                            else
+                                                setAt(i, { type: 'ambient' }, false);
+                                        } }), _jsx("button", { type: "button", className: cn(ADD_BTN, 'justify-self-end'), onClick: () => removeAt(i), children: "Remove" })] })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Color" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(ColorControl, { value: l.color ?? '#ffffff', fluid: true, onChange: (v) => setAt(i, { color: v }, false) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Intensity" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: l.intensity, fallback: 1, min: 0, max: 10, step: 0.1, scrub: scrub, onChange: (v, live) => setAt(i, { intensity: v }, live) }) })] }), l.type === 'directional' && (_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Direction" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-2 gap-2", children: [_jsx(NumOrAnim, { value: l.azimuth, fallback: 30, suffix: "\u00B0", prefix: "Az", scrub: scrub, onChange: (v, live) => setAt(i, { azimuth: v }, live) }), _jsx(NumOrAnim, { value: l.elevation, fallback: 45, suffix: "\u00B0", prefix: "El", scrub: scrub, onChange: (v, live) => setAt(i, { elevation: v }, live) })] })] }))] }, i))), _jsxs("div", { className: "flex gap-1 pt-0.5", children: [_jsx("button", { type: "button", className: ADD_BTN, onClick: () => add({ type: 'ambient', color: '#ffffff', intensity: 0.6 }), children: "+ Ambient" }), _jsx("button", { type: "button", className: ADD_BTN, onClick: () => add({ type: 'directional', color: '#ffffff', intensity: 2, azimuth: 30, elevation: 45 }), children: "+ Directional" })] })] }));
+}
+// ─── Bloom (Source) ────────────────────────────────────────────────────────
+export function BloomControl({ value, onChange, onScrubStart, onScrubEnd, }) {
+    const scrub = { onScrubStart, onScrubEnd };
+    if (!value) {
+        return (_jsx("button", { type: "button", className: ADD_BTN, onClick: () => onChange({ threshold: 0.75, intensity: 1, radius: 24 }, false), children: "+ Add bloom" }));
+    }
+    const set = (patch, live) => onChange({ ...value, ...patch }, live);
+    return (_jsxs("div", { className: BOX, children: [_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Threshold" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.threshold, fallback: 0.75, min: 0, max: 1, step: 0.01, scrub: scrub, onChange: (v, live) => set({ threshold: v }, live) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Intensity" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(NumOrAnim, { value: value.intensity, fallback: 1, min: 0, max: 4, step: 0.05, scrub: scrub, onChange: (v, live) => set({ intensity: v }, live) }) })] }), _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Radius" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-[1fr_auto] gap-2 items-center", children: [_jsx(NumOrAnim, { value: value.radius, fallback: 24, min: 1, max: 200, step: 1, scrub: scrub, onChange: (v, live) => set({ radius: v }, live) }), _jsx("button", { type: "button", className: cn(ADD_BTN, 'justify-self-end'), onClick: () => onChange(undefined, false), children: "Remove" })] })] })] }));
+}
+// ─── Environment (Source) ──────────────────────────────────────────────────
+export function EnvironmentControl({ value, onChange, }) {
+    if (!value) {
+        return (_jsx("button", { type: "button", className: ADD_BTN, onClick: () => onChange({ type: 'gradient', stops: [
+                    { offset: 0, color: '#0a0e16' },
+                    { offset: 1, color: '#7fb4ff' },
+                ] }, false), children: "+ Add environment" }));
+    }
+    // Type selector — gradient sky vs equirect image. Switching swaps to a
+    // sensible default of the other type.
+    const typeRow = (_jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Type" }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-[1fr_auto] gap-2 items-center", children: [_jsx(SelectControl, { value: value.type, options: ['gradient', 'image'], fluid: true, onChange: (v) => {
+                            if (v === 'image')
+                                onChange({ type: 'image', src: '' }, false);
+                            else
+                                onChange({ type: 'gradient', stops: [
+                                        { offset: 0, color: '#0a0e16' }, { offset: 1, color: '#7fb4ff' },
+                                    ] }, false);
+                        } }), _jsx("button", { type: "button", className: cn(ADD_BTN, 'justify-self-end'), onClick: () => onChange(undefined, false), children: "Remove" })] })] }));
+    if (value.type === 'image') {
+        return (_jsxs("div", { className: BOX, children: [typeRow, _jsxs("div", { className: ROW, children: [_jsx("span", { className: LABEL, children: "Image URL" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(TextControl, { value: value.src ?? '', fluid: true, onChange: (v) => onChange({ type: 'image', src: v }, false) }) })] }), _jsx("div", { className: SUBHEAD, children: "Equirectangular (2:1) \u2014 surfaces mirror it." })] }));
+    }
+    const stops = value.stops ?? [];
+    const setStop = (i, patch) => {
+        const next = stops.map((s, j) => (j === i ? { ...s, ...patch } : s));
+        onChange({ type: 'gradient', stops: next }, false);
+    };
+    const removeStop = (i) => {
+        if (stops.length <= 2)
+            return; // a gradient needs ≥2 stops
+        onChange({ type: 'gradient', stops: stops.filter((_, j) => j !== i) }, false);
+    };
+    const addStop = () => {
+        if (stops.length >= 4)
+            return; // shader samples up to 4
+        onChange({ type: 'gradient', stops: [...stops, { offset: 0.5, color: '#3a4a66' }] }, false);
+    };
+    return (_jsxs("div", { className: BOX, children: [typeRow, _jsx("div", { className: SUBHEAD, children: "Gradient sky (offset 0 = down, 1 = up)" }), stops.map((s, i) => (_jsxs("div", { className: ROW, children: [_jsx("div", { className: "w-16 shrink-0", children: _jsx(ColorControl, { value: s.color ?? '#ffffff', fluid: true, onChange: (v) => setStop(i, { color: v }) }) }), _jsxs("div", { className: "flex-1 min-w-0 grid grid-cols-[1fr_auto] gap-2 items-center", children: [_jsx(NumberControl, { value: typeof s.offset === 'number' ? s.offset : 0, min: 0, max: 1, step: 0.01, fluid: true, stepper: true, onChange: (v) => setStop(i, { offset: v }) }), _jsx("button", { type: "button", className: cn(ADD_BTN, 'justify-self-end'), disabled: stops.length <= 2, onClick: () => removeStop(i), children: "\u2715" })] })] }, i))), _jsx("div", { className: "flex gap-1 pt-0.5", children: _jsx("button", { type: "button", className: ADD_BTN, disabled: stops.length >= 4, onClick: addStop, children: "+ Stop" }) })] }));
+}
+//# sourceMappingURL=LightingControls.js.map

package/dist/controls/LightingControls.js.map

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

package/dist/controls/ShapePresetControl.d.ts

@@ -0,0 +1,4 @@
+export declare function ShapePresetControl({ fluid }: {
+    fluid?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ShapePresetControl.d.ts.map

package/dist/controls/ShapePresetControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapePresetControl.d.ts","sourceRoot":"","sources":["../../src/controls/ShapePresetControl.tsx"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAqBhE"}

package/dist/controls/ShapePresetControl.js

@@ -0,0 +1,30 @@
+// ShapePresetControl — the inspector's shape picker. Picking a preset patches
+// the selected element between primitive (rectangle/ellipse) and path form
+// (triangle/star/line/…) in one undoable edit. Geometry lives in
+// lib/shape-presets (shared with the add-bar's Shape dropdown).
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditor, useEditorStore } from '@clipkit/editor-core';
+import { SelectControl } from './primitives.js';
+import { SHAPE_PRESETS, presetFields, detectPreset } from '../lib/shape-presets.js';
+const LABELS = SHAPE_PRESETS.map((p) => p.label);
+export function ShapePresetControl({ fluid }) {
+    const { updateElement } = useEditor();
+    const selId = useEditorStore((s) => s.selection[0]);
+    const el = useEditorStore((s) => s.source.elements.find((e) => e.id === selId));
+    const color = (typeof el?.fill_color === 'string' && el.fill_color) ||
+        (typeof el?.paths?.[0]?.fill === 'string' && el.paths[0].fill) ||
+        '#6366f1';
+    const currentId = detectPreset(el);
+    const currentLabel = SHAPE_PRESETS.find((p) => p.id === currentId)?.label ?? 'Rectangle';
+    const onChange = (label) => {
+        if (!selId)
+            return;
+        const p = SHAPE_PRESETS.find((x) => x.label === label);
+        if (!p)
+            return;
+        updateElement(selId, presetFields(p, color));
+    };
+    return _jsx(SelectControl, { value: currentLabel, options: LABELS, fluid: fluid, onChange: onChange });
+}
+//# sourceMappingURL=ShapePresetControl.js.map

package/dist/controls/ShapePresetControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapePresetControl.js","sourceRoot":"","sources":["../../src/controls/ShapePresetControl.tsx"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,2EAA2E;AAC3E,iEAAiE;AACjE,gEAAgE;AAEhE,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEpF,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEjD,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAuB;IAC/D,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAA6B,CAAC;IAE5G,MAAM,KAAK,GACT,CAAC,OAAO,EAAE,EAAE,UAAU,KAAK,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC;QACrD,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,QAAQ,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,IAAI,CAAC;QAC/D,SAAS,CAAC;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI,WAAW,CAAC;IAEzF,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QACvD,IAAI,CAAC,CAAC;YAAE,OAAO;QACf,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,KAAK,CAAqB,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACnG,CAAC"}

package/dist/controls/ValueField.d.ts

@@ -0,0 +1,10 @@
+import { type FieldSpec } from '@clipkit/editor-core';
+export declare function ValueField({ spec, value, elementId, animated, onScrubStart, onScrubEnd, }: {
+    spec: FieldSpec;
+    value: unknown;
+    elementId: string | null;
+    animated: boolean;
+    onScrubStart?: () => void;
+    onScrubEnd?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ValueField.d.ts.map

package/dist/controls/ValueField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueField.d.ts","sourceRoot":"","sources":["../../src/controls/ValueField.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA4D,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAwBhH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAoLA"}

package/dist/controls/ValueField.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// The default knob for an animatable numeric / length property.
+//
+// Layout:  [ label ]   [ inputinput…  unit▾ ]   [ ◆ ]
+//                       └─ the dropdown is PART of the input well (right segment,
+//                          rounded, looks continuous). It picks the input TYPE:
+//                          px / %  (units) or  Expression. NEVER keyframes.
+// The plain label scrubs on drag. The keyframe diamond is its own affordance and
+// shows in value mode (hidden for expressions) — keyframing is the diamond, not a
+// dropdown option.
+import { useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { elementTime, useEditor, useEditorContext, useEditorStore } from '@clipkit/editor-core';
+import { compileExpr } from '@clipkit/runtime';
+import { findElementById, sampleAnimation, setKeyframeValueAt } from '../lib/keyframes.js';
+import { KeyframeDiamond } from './KeyframeDiamond.js';
+import { cn } from '../lib/utils.js';
+const UNITS = ['px', '%']; // the units we actually read in the editor
+const isExprVal = (v) => typeof v === 'object' && v !== null && typeof v.expr === 'string';
+/** Split a length value into number + unit ("50%" → {n:50,u:'%'}, 100 → {n:100,u:'px'}). */
+function splitLen(v) {
+    if (typeof v === 'number')
+        return { n: v, u: 'px' };
+    if (typeof v === 'string') {
+        const m = /^(-?\d*\.?\d+)\s*(px|%)?$/.exec(v.trim());
+        if (m)
+            return { n: parseFloat(m[1]), u: m[2] ?? 'px' };
+        const num = parseFloat(v);
+        if (Number.isFinite(num))
+            return { n: num, u: 'px' };
+    }
+    return { n: 0, u: 'px' };
+}
+const joinLen = (n, u) => (u === 'px' ? n : `${n}${u}`);
+export function ValueField({ spec, value, elementId, animated, onScrubStart, onScrubEnd, }) {
+    const { store } = useEditorContext();
+    const actions = useEditor();
+    const path = spec.path;
+    const hasUnits = spec.control === 'length';
+    const isPercent = spec.control === 'percent';
+    const isExpr = isExprVal(value);
+    // Sampled value at the playhead (when keyframed).
+    const sampled = useEditorStore((s) => {
+        if (!animated || !elementId)
+            return undefined;
+        const el = findElementById(s.source.elements, elementId);
+        const anim = el?.keyframe_animations?.find((a) => a.property === path);
+        if (!el || !anim)
+            return undefined;
+        const v = sampleAnimation(anim, Math.max(0, s.playback.time - elementTime(el)));
+        return Array.isArray(v) ? undefined : v;
+    });
+    const shown = sampled !== undefined ? sampled : value;
+    const curUnit = hasUnits ? splitLen(shown).u : 'px';
+    const asNumber = () => typeof shown === 'number' ? shown
+        : typeof shown === 'string' ? splitLen(shown).n
+            : isExprVal(shown) ? (parseFloat(shown.expr) || 0)
+                : 0;
+    // ── write the VALUE (keyframe-aware: write the keyframe when animated) ───────
+    const writeValue = (v, live) => {
+        if (!elementId)
+            return;
+        if (animated) {
+            const st = store.getState();
+            const el = findElementById(st.source.elements, elementId);
+            const anims = el?.keyframe_animations ?? [];
+            const ai = anims.findIndex((a) => a.property === path);
+            if (el && ai >= 0) {
+                const local = Math.round(Math.max(0, st.playback.time - elementTime(el)) * 1000) / 1000;
+                const patch = { keyframe_animations: setKeyframeValueAt(anims, ai, local, v) };
+                if (live)
+                    actions.moveElements([{ id: elementId, patch }], { skipHistory: true });
+                else
+                    actions.updateElement(elementId, patch);
+                return;
+            }
+        }
+        const patch = { [path]: v };
+        if (live)
+            actions.moveElements([{ id: elementId, patch }], { skipHistory: true });
+        else
+            actions.updateElement(elementId, patch);
+    };
+    // ── dropdown: pick the input TYPE (unit, or Expression) ─────────────────────
+    const toValue = (unit) => {
+        if (!elementId)
+            return;
+        const num = asNumber();
+        actions.updateElement(elementId, { [path]: hasUnits ? joinLen(num, unit) : num });
+    };
+    const toExpression = () => {
+        if (!elementId)
+            return;
+        const st = store.getState();
+        const el = findElementById(st.source.elements, elementId);
+        const anims = (el?.keyframe_animations ?? []).filter((a) => a.property !== path);
+        actions.updateElement(elementId, { keyframe_animations: anims, [path]: { expr: String(asNumber()) } });
+    };
+    // ── label scrub (drag the LABEL; number tracks live) ────────────────────────
+    const drag = useRef(null);
+    const labelScrub = !isExpr ? {
+        onPointerDown: (e) => { drag.current = { x: e.clientX, v: asNumber(), on: false }; e.currentTarget.setPointerCapture(e.pointerId); },
+        onPointerMove: (e) => {
+            const d = drag.current;
+            if (!d)
+                return;
+            const dx = e.clientX - d.x;
+            if (!d.on && Math.abs(dx) < 3)
+                return;
+            if (!d.on) {
+                d.on = true;
+                onScrubStart?.();
+            }
+            const step = spec.step ?? 1;
+            const next = Math.round((d.v + (dx / 2) * step) / step) * step;
+            writeValue(hasUnits ? joinLen(next, curUnit) : next, true);
+        },
+        onPointerUp: () => { if (drag.current?.on)
+            onScrubEnd?.(); drag.current = null; },
+    } : {};
+    // ── input + dropdown well ────────────────────────────────────────────────────
+    const [text, setText] = useState(null);
+    const [menu, setMenu] = useState(false);
+    const inputCls = 'flex-1 min-w-0 w-full bg-transparent text-[11px] font-mono tabular-nums text-foreground/90 outline-none px-1.5';
+    // the dropdown button label: current unit, or "fx" in expression mode
+    const token = isExpr ? 'fx' : hasUnits ? curUnit : isPercent ? '%' : '';
+    const btnRef = useRef(null);
+    const [pos, setPos] = useState(null);
+    const openMenu = () => {
+        const r = btnRef.current?.getBoundingClientRect();
+        if (r)
+            setPos({ top: r.bottom + 4, right: Math.max(4, window.innerWidth - r.right) });
+        setMenu((m) => !m);
+    };
+    const dropdown = (_jsxs("div", { className: "shrink-0 self-stretch flex", children: [_jsxs("button", { ref: btnRef, type: "button", onClick: openMenu, className: "flex items-center gap-0.5 pl-1.5 pr-1 border-l border-border/60 text-[10px] text-muted-foreground hover:text-foreground hover:bg-field-hover rounded-r-md transition-colors", title: "px / % / expression", children: [token && _jsx("span", { className: "tabular-nums", children: token }), _jsx("svg", { width: "7", height: "7", viewBox: "0 0 8 8", className: "opacity-60", children: _jsx("path", { d: "M1 2.5 4 5.5 7 2.5", stroke: "currentColor", fill: "none", strokeWidth: "1.2" }) })] }), menu && pos && createPortal(_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-[60]", onPointerDown: () => setMenu(false) }), _jsxs("div", { className: "fixed z-[61] w-28 rounded-md border border-border bg-popover shadow-md py-1 text-[11px]", style: { top: pos.top, right: pos.right }, children: [(hasUnits ? UNITS : ['value']).map((u) => (_jsx("button", { type: "button", onClick: () => { toValue(u === 'value' ? 'px' : u); setMenu(false); }, className: cn('w-full text-left px-2 py-1 hover:bg-field-hover', !isExpr && (u === 'value' || u === curUnit) && 'text-primary'), children: u === 'value' ? 'Value' : u }, u))), _jsx("div", { className: "my-1 border-t border-border" }), _jsx("button", { type: "button", onClick: () => { toExpression(); setMenu(false); }, className: cn('w-full text-left px-2 py-1 hover:bg-field-hover', isExpr && 'text-primary'), children: "Expression" })] })] }), document.body)] }));
+    let well;
+    if (isExpr) {
+        const exprStr = isExprVal(value) ? value.expr : '';
+        const valid = exprStr.trim() === '' || compileExpr(exprStr) !== null;
+        well = (_jsxs("div", { className: "h-6 flex items-center bg-field hover:bg-field-hover focus-within:ring-1 focus-within:ring-ring rounded-md transition-colors flex-1 min-w-0", children: [_jsx("span", { className: cn('text-[10px] shrink-0 pl-1.5', valid ? 'text-green-500' : 'text-red-500'), title: valid ? 'valid' : 'parse error', children: "\u25CF" }), _jsx("input", { className: cn(inputCls, 'text-left'), spellCheck: false, placeholder: "960 + sin(t*PI)*40", value: text ?? exprStr, onChange: (e) => { setText(e.target.value); if (elementId)
+                        actions.moveElements([{ id: elementId, patch: { [path]: { expr: e.target.value } } }], { skipHistory: true }); }, onBlur: (e) => { if (elementId)
+                        actions.updateElement(elementId, { [path]: { expr: e.target.value } }); setText(null); } }), dropdown] }));
+    }
+    else {
+        const { n } = splitLen(shown);
+        const display = text ?? String(Math.round(n * 1000) / 1000);
+        well = (_jsxs("div", { className: "h-6 flex items-center bg-field hover:bg-field-hover focus-within:ring-1 focus-within:ring-ring rounded-md transition-colors flex-1 min-w-0", children: [_jsx("input", { className: cn(inputCls, 'text-right'), inputMode: "decimal", value: display, onChange: (e) => { if (/^-?\d*\.?\d*$/.test(e.target.value))
+                        setText(e.target.value); }, onFocus: () => setText(String(n)), onBlur: (e) => { const p = parseFloat(e.target.value); if (Number.isFinite(p))
+                        writeValue(hasUnits ? joinLen(p, curUnit) : p, false); setText(null); }, onKeyDown: (e) => { if (e.key === 'Enter')
+                        e.target.blur(); if (e.key === 'Escape') {
+                        setText(null);
+                        e.target.blur();
+                    } } }), dropdown] }));
+    }
+    // ── row: label · input-with-dropdown · keyframe diamond (value mode only) ────
+    return (_jsxs("div", { className: "flex items-center gap-2 h-8", children: [_jsx("span", { className: cn('w-16 shrink-0 text-[11px] text-muted-foreground truncate select-none', !isExpr && 'cursor-ew-resize'), ...labelScrub, title: !isExpr ? 'drag to scrub' : undefined, children: spec.label }), _jsxs("div", { className: "flex-1 flex items-center gap-1 min-w-0", children: [well, !isExpr && spec.animatable && elementId ? (_jsx(KeyframeDiamond, { elementId: elementId, property: path, animated: animated, current: shown })) : null] })] }));
+}
+//# sourceMappingURL=ValueField.js.map

package/dist/controls/ValueField.js.map

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

package/dist/controls/VolumeControl.d.ts

@@ -0,0 +1,10 @@
+import { type ScrubHandlers } from './primitives.js';
+export declare function VolumeControl({ elementId, value, commit, trailing, ...scrub }: {
+    elementId: string;
+    /** The element's `volume` (number %, Keyframe[], or unauthored). */
+    value: unknown;
+    commit: (patch: Record<string, unknown>, live: boolean) => void;
+    /** The ◇ keyframe diamond from the inspector. */
+    trailing?: React.ReactNode;
+} & ScrubHandlers): import("react").JSX.Element;
+//# sourceMappingURL=VolumeControl.d.ts.map

package/dist/controls/VolumeControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeControl.d.ts","sourceRoot":"","sources":["../../src/controls/VolumeControl.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAgC,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMnF,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,aAAa,+BAiHhB"}

package/dist/controls/VolumeControl.js

@@ -0,0 +1,75 @@
+// Volume block (Ian's reference HTML, M/S dropped by ruling — they're
+// preview-only and don't map to the document; the mixer rail keeps
+// them) — the audio section's `volume` composite: a fluid number well
+// in the left half-column, a rotary KNOB in the right (270° sweep,
+// drag to scrub on the one-undo-step contract), and live peak meters
+// underneath (engine.getAudioLevels() on rAF, painted out-of-band).
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { useEditorContext } from '@clipkit/editor-core';
+import { cn } from '../lib/utils.js';
+import { KeyframedChip, NumberControl } from './primitives.js';
+const SWEEP = 270; // degrees of knob travel for 0..VOL_MAX
+const VOL_MAX = 200; // unity (100% = 0 dB) is not the ceiling — allow boost
+const C = 2 * Math.PI * 13; // arc circumference (r=13 in a 28px dial)
+export function VolumeControl({ elementId, value, commit, trailing, ...scrub }) {
+    const animated = Array.isArray(value);
+    const volume = typeof value === 'number' ? value : 100;
+    // ── Knob drag (vertical scrub, standard one-undo-step contract) ──
+    const dragRef = useRef(null);
+    const onKnobDown = (e) => {
+        if (animated)
+            return;
+        dragRef.current = { startY: e.clientY, startV: volume, scrubbed: false };
+        e.currentTarget.setPointerCapture(e.pointerId);
+    };
+    const onKnobMove = (e) => {
+        const d = dragRef.current;
+        if (!d)
+            return;
+        const dy = d.startY - e.clientY;
+        if (!d.scrubbed && Math.abs(dy) < 3)
+            return;
+        if (!d.scrubbed) {
+            d.scrubbed = true;
+            scrub.onScrubStart?.();
+        }
+        const next = Math.round(Math.min(VOL_MAX, Math.max(0, d.startV + dy * 0.6)));
+        commit({ volume: next }, true);
+    };
+    const onKnobUp = () => {
+        const d = dragRef.current;
+        dragRef.current = null;
+        if (d?.scrubbed)
+            scrub.onScrubEnd?.();
+    };
+    const angle = -SWEEP / 2 + (volume / VOL_MAX) * SWEEP;
+    const dash = (volume / VOL_MAX) * (SWEEP / 360) * C;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start gap-2 py-1", children: [_jsx("span", { className: "w-16 shrink-0 text-[11px] text-muted-foreground pt-1.5 truncate", children: "Volume" }), _jsxs("div", { className: "flex-1 grid grid-cols-2 gap-2 min-w-0 items-stretch", children: [_jsx("div", { className: "flex flex-col gap-2 min-w-0", children: animated ? (_jsxs("div", { className: "flex items-center gap-1 h-6", children: [_jsx(KeyframedChip, {}), trailing] })) : (_jsx(NumberControl, { value: volume, min: 0, max: VOL_MAX, step: 1, suffix: "%", fluid: true, trailing: trailing, onChange: (v, live) => commit({ volume: v }, live), ...scrub })) }), _jsxs("div", { className: cn('relative h-14 bg-field rounded-md min-w-0 select-none touch-none', animated ? 'opacity-50' : 'cursor-ns-resize'), onPointerDown: onKnobDown, onPointerMove: onKnobMove, onPointerUp: onKnobUp, title: animated ? 'Volume is keyframed' : `Volume ${volume}%`, role: "slider", "aria-valuemin": 0, "aria-valuemax": VOL_MAX, "aria-valuenow": volume, "aria-label": "Volume knob", children: [_jsxs("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] bg-secondary rounded-full", children: [_jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 28 28", className: "absolute inset-0", style: { color: 'var(--color-playhead)' }, children: [_jsx("circle", { cx: "14", cy: "14", r: "13", fill: "none", stroke: "var(--color-border)", strokeWidth: "2", strokeDasharray: `${(SWEEP / 360) * C} ${C}`, transform: "rotate(135 14 14)" }), _jsx("circle", { cx: "14", cy: "14", r: "13", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: `${dash} ${C}`, transform: "rotate(135 14 14)" })] }), _jsx("div", { className: "absolute inset-[3px] rounded-full bg-secondary" })] }), _jsx("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-9 h-9 pointer-events-none", children: _jsx("div", { className: "w-full h-full", style: { transform: `rotate(${angle}deg)` }, children: _jsx("div", { className: "absolute left-1/2 top-[9px] -translate-x-1/2 w-[2px] h-[7px] rounded-full bg-foreground" }) }) })] })] })] }), _jsxs("div", { className: "flex items-center gap-2 h-5", children: [_jsx("span", { className: "w-16 shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [_jsx(MeterBar, { elementId: elementId }), _jsx(MeterBar, { elementId: elementId, lag: true })] })] })] }));
+}
+/** A 2px zoned bar (green→amber→red) with a cover revealing the level. */
+function MeterBar({ elementId, lag }) {
+    const { engine } = useEditorContext();
+    const coverRef = useRef(null);
+    useEffect(() => {
+        const el = coverRef.current;
+        if (!el || !engine)
+            return;
+        let raf = 0;
+        let smoothed = 0;
+        const paint = () => {
+            const levels = engine.getAudioLevels();
+            const peak = levels.elements[elementId];
+            const v = peak ? Math.min(1, Math.max(peak.l, peak.r)) : 0;
+            // The second bar trails slightly so the pair reads stereo-ish.
+            smoothed = lag ? smoothed * 0.6 + v * 0.4 : v;
+            el.style.width = `${Math.round((1 - smoothed) * 100)}%`;
+            raf = requestAnimationFrame(paint);
+        };
+        paint();
+        return () => cancelAnimationFrame(raf);
+    }, [engine, elementId, lag]);
+    return (_jsxs("div", { className: "relative h-[2px] bg-field rounded-sm overflow-hidden", children: [_jsx("div", { className: "absolute inset-y-0 left-0", style: { width: '60%', background: 'oklch(0.7 0.17 150)' } }), _jsx("div", { className: "absolute inset-y-0", style: { left: '60%', width: '20%', background: 'oklch(0.78 0.16 80)' } }), _jsx("div", { className: "absolute inset-y-0 right-0", style: { width: '20%', background: 'var(--color-destructive)' } }), _jsx("div", { ref: coverRef, className: "absolute inset-y-0 right-0 bg-field", style: { width: '100%' } })] }));
+}
+//# sourceMappingURL=VolumeControl.js.map

package/dist/controls/VolumeControl.js.map

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

package/dist/controls/compound.d.ts

@@ -0,0 +1,46 @@
+import type { CaptionWord, LinearGradient, RadialGradient, TextMask, TextSpan } from '@clipkit/protocol';
+type Gradient = LinearGradient | RadialGradient;
+export declare function GradientControl({ value, onChange, onScrubStart, onScrubEnd, }: {
+    value: Gradient | undefined;
+    onChange: (next: Gradient | undefined, live?: boolean) => void;
+    onScrubStart?: () => void;
+    onScrubEnd?: () => void;
+}): import("react").JSX.Element;
+export declare function BoxShadowControl({ value, onChange, }: {
+    value: {
+        color: string;
+        offset_x?: number;
+        offset_y?: number;
+        blur?: number;
+    } | undefined;
+    onChange: (next: typeof value) => void;
+}): import("react").JSX.Element;
+export declare function TextBackgroundControl({ color, radius, padding, commit, }: {
+    color: string | undefined;
+    radius: number | undefined;
+    padding: number | [number, number] | undefined;
+    commit: (patch: Record<string, unknown>, live: boolean) => void;
+}): import("react").JSX.Element;
+export declare function TextMaskControl({ value, onChange, }: {
+    value: TextMask | undefined;
+    onChange: (next: TextMask | undefined) => void;
+}): import("react").JSX.Element;
+export declare function CaptionWordsControl({ value, onChange, }: {
+    value: CaptionWord[] | undefined;
+    onChange: (next: CaptionWord[]) => void;
+}): import("react").JSX.Element;
+export declare function TextSpansControl({ value, onChange, onScrubStart, onScrubEnd, }: {
+    value: TextSpan[] | undefined;
+    onChange: (next: TextSpan[] | undefined, live?: boolean) => void;
+    onScrubStart?: () => void;
+    onScrubEnd?: () => void;
+}): import("react").JSX.Element;
+export declare function TextareaControl({ value, onChange, onScrubStart, onScrubEnd, }: {
+    value: string;
+    /** `live` true while typing (skip history); commit happens on blur. */
+    onChange: (next: string, live: boolean) => void;
+    onScrubStart?: () => void;
+    onScrubEnd?: () => void;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=compound.d.ts.map

package/dist/controls/compound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound.d.ts","sourceRoot":"","sources":["../../src/controls/compound.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,WAAW,EAEX,cAAc,EACd,cAAc,EACd,QAAQ,EACR,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAE3B,KAAK,QAAQ,GAAG,cAAc,GAAG,cAAc,CAAC;AAuChD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BA+KA;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC1F,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,KAAK,IAAI,CAAC;CACxC,+BAyDA;AAID,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC/C,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACjE,+BAkDA;AAID,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;CAChD,+BAuDA;AAID,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CACzC,+BAiDA;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BAqDA;AAID,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,+BA2BA"}