entangle-ui 0.2.0 → 0.4.0

package/dist/esm/components/controls/CurveEditor/CurveEditor.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useCallback } from 'react';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { vars } from '../../../theme/contract.css.js';
+import { cx } from '../../../utils/cx.js';
+import { ensureKeyframeIds, evaluateCurve } from './curveUtils.js';
+import { CURVE_PRESETS } from './curvePresets.js';
+import { CurveCanvas } from './CurveCanvas.js';
+import { CurveToolbar } from './CurveToolbar.js';
+import { useCurveInteraction } from './useCurveInteraction.js';
+import { bottomBarStyle, editorWidthVar, curveEditorRecipe } from './CurveEditor.css.js';
+
+const CurveEditor = ({ value, defaultValue, width = 320, height = 200, responsive = false, showToolbar = true, showGrid = true, gridSubdivisions = 4, showAxisLabels = true, allowAdd = true, allowDelete = true, maxKeyframes = Infinity, lockEndpoints = true, minKeyframeDistance = 0.001, clampY = true, snapToGrid = false, precision = 3, labelX, labelY, presets: userPresets, size = 'md', disabled = false, readOnly = false, curveColor, curveWidth = 2, renderBackground, renderBottomBar, lockTangents = false, onChange, onChangeComplete, onSelectionChange, className, testId, id, style, ...rest }) => {
+    // For curveColor fallback, use the CSS variable reference directly.
+    // At runtime, getComputedStyle on the canvas element will resolve it.
+    // We pass the raw CSS var reference string which will be resolved by the canvas renderer.
+    const effectiveCurveColor = curveColor ?? vars.colors.accent.primary;
+    const canvasRef = useRef(null);
+    // Controlled / uncontrolled -- defaults to ease-in-out
+    const [internalValue, setInternalValue] = useState(() => {
+        const easeInOut = CURVE_PRESETS.find(p => p.id === 'ease-in-out');
+        const initial = defaultValue ??
+            easeInOut?.curve ??
+            CURVE_PRESETS[0]?.curve ?? {
+            keyframes: [],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        };
+        return { ...initial, keyframes: ensureKeyframeIds(initial.keyframes) };
+    });
+    const isControlled = value !== undefined;
+    const curve = useMemo(() => {
+        const c = isControlled ? value : internalValue;
+        return { ...c, keyframes: ensureKeyframeIds(c.keyframes) };
+    }, [isControlled, value, internalValue]);
+    const handleChange = useCallback((newCurve) => {
+        if (!isControlled) {
+            setInternalValue(newCurve);
+        }
+        onChange?.(newCurve);
+    }, [isControlled, onChange]);
+    const handleChangeComplete = useCallback((newCurve) => {
+        onChangeComplete?.(newCurve);
+    }, [onChangeComplete]);
+    // Viewport -- always matches domain with padding for labels (no user zoom/pan)
+    const viewport = useMemo(() => {
+        const axisName = labelX ?? labelY;
+        const hasAxisNames = Boolean(axisName);
+        const padding = hasAxisNames && showAxisLabels ? 0.12 : 0.08;
+        const [dxMin, dxMax] = curve.domainX;
+        const [dyMin, dyMax] = curve.domainY;
+        const xPad = (dxMax - dxMin) * padding;
+        const yPad = (dyMax - dyMin) * padding;
+        return {
+            viewX: [dxMin - xPad, dxMax + xPad],
+            viewY: [dyMin - yPad, dyMax + yPad],
+            zoom: 1,
+            panX: 0,
+            panY: 0,
+        };
+    }, [curve.domainX, curve.domainY, labelX, labelY, showAxisLabels]);
+    // Merge presets
+    const allPresets = useMemo(() => (userPresets ? [...CURVE_PRESETS, ...userPresets] : CURVE_PRESETS), [userPresets]);
+    // Interaction hook
+    const interaction = useCurveInteraction({
+        curve,
+        viewport,
+        canvasRef,
+        disabled,
+        readOnly,
+        allowAdd,
+        allowDelete,
+        maxKeyframes,
+        lockEndpoints,
+        lockTangents,
+        clampY,
+        snapToGrid,
+        gridSubdivisions,
+        minKeyframeDistance,
+        precision,
+        onChange: handleChange,
+        onChangeComplete: handleChangeComplete,
+        onSelectionChange,
+    });
+    // Compute tangent mode for selected keyframes (null if mixed or none selected)
+    const selectedTangentMode = useMemo(() => {
+        if (interaction.selectedIds.size === 0)
+            return null;
+        let mode = null;
+        for (const kf of curve.keyframes) {
+            if (kf.id && interaction.selectedIds.has(kf.id)) {
+                if (mode === null) {
+                    mode = kf.tangentMode;
+                }
+                else if (mode !== kf.tangentMode) {
+                    return null; // Mixed modes
+                }
+            }
+        }
+        return mode;
+    }, [curve.keyframes, interaction.selectedIds]);
+    const handlePresetSelect = useCallback((preset) => {
+        const newCurve = {
+            ...preset.curve,
+            keyframes: ensureKeyframeIds(preset.curve.keyframes),
+        };
+        handleChange(newCurve);
+        handleChangeComplete(newCurve);
+    }, [handleChange, handleChangeComplete]);
+    return (jsxs("div", { className: cx(curveEditorRecipe({ disabled, responsive }), className), style: {
+            ...style,
+            ...(!responsive
+                ? assignInlineVars({ [editorWidthVar]: `${width}px` })
+                : {}),
+        }, "data-testid": testId, id: id, ...rest, children: [showToolbar && (jsx(CurveToolbar, { selectedTangentMode: selectedTangentMode, onTangentModeChange: interaction.setTangentMode, onPresetSelect: handlePresetSelect, presets: allPresets, disabled: disabled, lockTangents: lockTangents, size: size, testId: testId })), jsx(CurveCanvas, { canvasRef: canvasRef, curve: curve, viewport: viewport, showGrid: showGrid, gridSubdivisions: gridSubdivisions, showAxisLabels: showAxisLabels, labelX: labelX, labelY: labelY, curveColor: effectiveCurveColor, curveWidth: curveWidth, renderBackground: renderBackground, selectedIds: interaction.selectedIds, hoveredElement: interaction.hoveredElement, selectionBox: interaction.selectionBox, isDragging: interaction.isDragging, lockTangents: lockTangents, height: height, responsive: responsive, disabled: disabled, size: size, handlers: interaction.handlers, testId: testId }), renderBottomBar && (jsx("div", { className: bottomBarStyle, "data-testid": testId ? `${testId}-bottom-bar` : undefined, children: renderBottomBar({
+                    curve,
+                    selectedIds: Array.from(interaction.selectedIds),
+                    selectedKeyframes: curve.keyframes.filter(kf => kf.id && interaction.selectedIds.has(kf.id)),
+                    evaluate: (x) => evaluateCurve(curve, x),
+                    disabled,
+                    readOnly,
+                }) }))] }));
+};
+CurveEditor.displayName = 'CurveEditor';
+
+export { CurveEditor };
+//# sourceMappingURL=CurveEditor.js.map

package/dist/esm/components/controls/CurveEditor/CurveEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurveEditor.js","sources":["../../../../../../src/components/controls/CurveEditor/CurveEditor.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAuBO;;;;;AA0CL;;;AAIE;;AAEE;AACA;AACE;AACA;AACA;;AAEJ;AACF;AAEA;AACA;;AAEE;;AAGF;;;;AAKI;AACF;AAIF;AAEI;AACF;;AAKF;AACE;AACA;AACA;;;;;;;;AAQE;AACA;AACA;;AAEJ;;AAGA;;;;;;;;;;;;;;;;;;AAsBE;AACA;;AAED;;AAGD;AACE;AAAwC;;AAGxC;AACE;AACE;AACE;;AACK;;;;;AAKX;;AAGF;AAEI;;;;;;AAMF;AAIF;AAIM;;AAEE;;AAEH;;;;;;;AAuDI;AAKX;AAEA;;"}

package/dist/esm/components/controls/CurveEditor/CurveToolbar.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { IconButton } from '../../primitives/IconButton/IconButton.js';
+import { Select } from '../Select/Select.js';
+import { Tooltip } from '../../primitives/Tooltip/Tooltip.js';
+import '../../primitives/Icon/Icon.js';
+import { TangentFreeIcon } from '../../Icons/TangentFreeIcon.js';
+import { TangentAlignedIcon } from '../../Icons/TangentAlignedIcon.js';
+import { TangentMirroredIcon } from '../../Icons/TangentMirroredIcon.js';
+import { TangentAutoIcon } from '../../Icons/TangentAutoIcon.js';
+import { TangentLinearIcon } from '../../Icons/TangentLinearIcon.js';
+import { TangentStepIcon } from '../../Icons/TangentStepIcon.js';
+import { toolbarStyle, toolbarSectionStyle, toolbarSeparatorStyle, toolbarHeightVar } from './CurveEditor.css.js';
+
+const TOOLBAR_HEIGHT = {
+    sm: 28,
+    md: 32,
+    lg: 36,
+};
+const TANGENT_MODES = [
+    {
+        mode: 'free',
+        label: 'Free',
+        icon: jsx(TangentFreeIcon, { decorative: true }),
+        shortcut: '1',
+    },
+    {
+        mode: 'aligned',
+        label: 'Aligned',
+        icon: jsx(TangentAlignedIcon, { decorative: true }),
+        shortcut: '2',
+    },
+    {
+        mode: 'mirrored',
+        label: 'Mirrored',
+        icon: jsx(TangentMirroredIcon, { decorative: true }),
+        shortcut: '3',
+    },
+    {
+        mode: 'auto',
+        label: 'Auto',
+        icon: jsx(TangentAutoIcon, { decorative: true }),
+        shortcut: '4',
+    },
+    {
+        mode: 'linear',
+        label: 'Linear',
+        icon: jsx(TangentLinearIcon, { decorative: true }),
+        shortcut: '5',
+    },
+    {
+        mode: 'step',
+        label: 'Step',
+        icon: jsx(TangentStepIcon, { decorative: true }),
+        shortcut: '6',
+    },
+];
+const CurveToolbar = ({ selectedTangentMode, onTangentModeChange, onPresetSelect, presets, disabled, lockTangents, size, testId, }) => {
+    const presetOptions = presets.map(p => ({
+        value: p.id,
+        label: p.label,
+    }));
+    const handlePresetChange = (id) => {
+        if (!id)
+            return;
+        const preset = presets.find(p => p.id === id);
+        if (preset)
+            onPresetSelect(preset);
+    };
+    const iconSize = size === 'lg' ? 'md' : 'sm';
+    return (jsxs("div", { className: toolbarStyle, style: assignInlineVars({
+            [toolbarHeightVar]: `${TOOLBAR_HEIGHT[size]}px`,
+        }), "data-testid": testId ? `${testId}-toolbar` : undefined, children: [jsx("div", { className: toolbarSectionStyle, children: jsx(Select, { options: presetOptions, onChange: handlePresetChange, size: size === 'lg' ? 'md' : 'sm', variant: "ghost", disabled: disabled, placeholder: "Preset...", "aria-label": "Curve preset", minDropdownWidth: 180 }) }), !lockTangents && (jsxs(Fragment, { children: [jsx("div", { className: toolbarSeparatorStyle }), jsx("div", { className: toolbarSectionStyle, children: TANGENT_MODES.map(({ mode, label, icon, shortcut }) => (jsx(Tooltip, { title: `${label} (${shortcut})`, placement: "bottom", children: jsx(IconButton, { size: iconSize, variant: "ghost", pressed: selectedTangentMode === mode, disabled: disabled || selectedTangentMode === null, "aria-label": `${label} tangent mode`, onClick: () => onTangentModeChange(mode), children: icon }) }, mode))) })] }))] }));
+};
+CurveToolbar.displayName = 'CurveToolbar';
+
+export { CurveToolbar };
+//# sourceMappingURL=CurveToolbar.js.map

package/dist/esm/components/controls/CurveEditor/CurveToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurveToolbar.js","sources":["../../../../../../src/components/controls/CurveEditor/CurveToolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;AAsCA;AACE;AACA;AACA;;AAGF;AAME;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;;;;;;AAgBA;AAED;AACE;;AACA;AACA;;AACF;AAEA;;;AAOK;AA8CP;AAEA;;"}

package/dist/esm/components/controls/CurveEditor/curvePresets.js

@@ -0,0 +1,184 @@
+import { generateKeyframeId } from './curveUtils.js';
+
+function kf(x, y, hInX, hInY, hOutX, hOutY, tangentMode = 'free') {
+    return {
+        x,
+        y,
+        handleIn: { x: hInX, y: hInY },
+        handleOut: { x: hOutX, y: hOutY },
+        tangentMode,
+        id: generateKeyframeId(),
+    };
+}
+const CURVE_PRESETS = [
+    // ─── Basic ───
+    {
+        id: 'linear',
+        label: 'Linear',
+        category: 'Basic',
+        curve: {
+            keyframes: [
+                kf(0, 0, 0, 0, 0.333, 0.333, 'linear'),
+                kf(1, 1, -0.333, -0.333, 0, 0, 'linear'),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'constant',
+        label: 'Constant',
+        category: 'Basic',
+        curve: {
+            keyframes: [
+                kf(0, 1, 0, 0, 0.333, 0, 'linear'),
+                kf(1, 1, -0.333, 0, 0, 0, 'linear'),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    // ─── Ease ───
+    {
+        id: 'ease-in',
+        label: 'Ease In',
+        category: 'Ease',
+        curve: {
+            keyframes: [kf(0, 0, 0, 0, 0.42, 0), kf(1, 1, -0.333, -0.333, 0, 0)],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'ease-out',
+        label: 'Ease Out',
+        category: 'Ease',
+        curve: {
+            keyframes: [kf(0, 0, 0, 0, 0.333, 0.333), kf(1, 1, -0.58, 0, 0, 0)],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'ease-in-out',
+        label: 'Ease In-Out',
+        category: 'Ease',
+        curve: {
+            keyframes: [kf(0, 0, 0, 0, 0.42, 0), kf(1, 1, -0.58, 0, 0, 0)],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    // ─── Dramatic ───
+    {
+        id: 'ease-in-cubic',
+        label: 'Ease In (Cubic)',
+        category: 'Dramatic',
+        curve: {
+            keyframes: [kf(0, 0, 0, 0, 0.55, 0), kf(1, 1, -0.2, -0.333, 0, 0)],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'ease-out-cubic',
+        label: 'Ease Out (Cubic)',
+        category: 'Dramatic',
+        curve: {
+            keyframes: [kf(0, 0, 0, 0, 0.2, 0.333), kf(1, 1, -0.55, 0, 0, 0)],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'bounce',
+        label: 'Bounce',
+        category: 'Dramatic',
+        curve: {
+            keyframes: [
+                kf(0, 0, 0, 0, 0.12, 0.33),
+                kf(0.5, 1.15, -0.12, 0.05, 0.12, -0.05),
+                kf(0.75, 0.9, -0.08, -0.05, 0.08, 0.05),
+                kf(1, 1, -0.08, 0, 0, 0),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'overshoot',
+        label: 'Overshoot',
+        category: 'Dramatic',
+        curve: {
+            keyframes: [
+                kf(0, 0, 0, 0, 0.2, 0.5),
+                kf(0.7, 1.2, -0.15, 0.1, 0.1, -0.05),
+                kf(1, 1, -0.1, 0, 0, 0),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    // ─── Utility ───
+    {
+        id: 'step',
+        label: 'Step',
+        category: 'Utility',
+        curve: {
+            keyframes: [
+                kf(0, 0, 0, 0, 0, 0, 'step'),
+                kf(0.5, 1, 0, 0, 0, 0, 'step'),
+                kf(1, 1, 0, 0, 0, 0, 'linear'),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'inverse',
+        label: 'Inverse',
+        category: 'Utility',
+        curve: {
+            keyframes: [
+                kf(0, 1, 0, 0, 0.333, -0.333, 'linear'),
+                kf(1, 0, -0.333, 0.333, 0, 0, 'linear'),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'bell',
+        label: 'Bell Curve',
+        category: 'Utility',
+        curve: {
+            keyframes: [
+                kf(0, 0, 0, 0, 0.1, 0),
+                kf(0.3, 0.8, -0.1, 0.1, 0.08, 0.08),
+                kf(0.5, 1, -0.08, 0.02, 0.08, -0.02, 'mirrored'),
+                kf(0.7, 0.8, -0.08, 0.08, 0.1, -0.1),
+                kf(1, 0, -0.1, 0, 0, 0),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+    {
+        id: 'sawtooth',
+        label: 'Sawtooth',
+        category: 'Utility',
+        curve: {
+            keyframes: [
+                kf(0, 0, 0, 0, 0.15, 0.5, 'linear'),
+                kf(0.5, 1, -0.15, -0.5, 0, 0, 'linear'),
+                kf(0.5, 0, 0, 0, 0.15, 0.5, 'linear'),
+                kf(1, 1, -0.15, -0.5, 0, 0, 'linear'),
+            ],
+            domainX: [0, 1],
+            domainY: [0, 1],
+        },
+    },
+];
+
+export { CURVE_PRESETS };
+//# sourceMappingURL=curvePresets.js.map

package/dist/esm/components/controls/CurveEditor/curvePresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"curvePresets.js","sources":["../../../../../../src/components/controls/CurveEditor/curvePresets.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}