entangle-ui 0.2.0 → 0.3.0

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

@@ -0,0 +1,134 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useCallback } from 'react';
+import styled from '@emotion/styled';
+import { useTheme } from '@emotion/react';
+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';
+
+const StyledCurveEditor = styled.div `
+  display: flex;
+  flex-direction: column;
+  width: ${p => (p.$responsive ? '100%' : `${p.$width}px`)};
+  border: 1px solid ${p => p.theme.colors.border.default};
+  border-radius: ${p => p.theme.borderRadius.md}px;
+  overflow: hidden;
+  background: ${p => p.theme.colors.background.secondary};
+  opacity: ${p => (p.$disabled ? 0.6 : 1)};
+`;
+const StyledBottomBar = styled.div `
+  border-top: 1px solid ${p => p.theme.colors.border.default};
+  background: ${p => p.theme.colors.surface.default};
+  padding: ${p => p.theme.spacing.xs}px ${p => p.theme.spacing.sm}px;
+  flex-shrink: 0;
+`;
+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 }) => {
+    const theme = useTheme();
+    const effectiveCurveColor = curveColor ?? theme.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(StyledCurveEditor, { className: className, "$disabled": disabled, "$width": width, "$responsive": responsive, "data-testid": testId, id: id, style: style, ...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(StyledBottomBar, { "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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAgBA,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAIlC;;;AAGS,SAAA,EAAA,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,MAAM,GAAG,CAAA,EAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAA;sBACpC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;mBACrC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;;gBAE/B,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAA;AAC3C,WAAA,EAAA,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA;CACxC;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;0BACR,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;gBAC5C,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAA;aACtC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;;CAEhE;AAEY,MAAA,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,YAAY,EACZ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,IAAI,EACf,gBAAgB,GAAG,CAAC,EACpB,cAAc,GAAG,IAAI,EACrB,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,YAAY,GAAG,QAAQ,EACvB,aAAa,GAAG,IAAI,EACpB,mBAAmB,GAAG,KAAK,EAC3B,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,CAAC,EACb,MAAM,EACN,MAAM,EACN,OAAO,EAAE,WAAW,EACpB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,GAAG,CAAC,EACd,gBAAgB,EAChB,eAAe,EACf,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,EAAE,EACF,KAAK,EACL,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAW;IACjC,MAAM,mBAAmB,GAAG,UAAU,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;AACrE,IAAA,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC;;IAGjD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAY,MAAK;AACjE,QAAA,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC;QACjE,MAAM,OAAO,GAAG,YAAY;AAC1B,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;AACzB,YAAA,SAAS,EAAE,EAAE;AACb,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAqB;AACnC,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAqB;SACpC;AACH,QAAA,OAAO,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;AACxE,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS;AACxC,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,MAAK;QACzB,MAAM,CAAC,GAAG,YAAY,GAAG,KAAK,GAAG,aAAa;AAC9C,QAAA,OAAO,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE;KAC3D,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;AAExC,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,QAAmB,KAAI;QACtB,IAAI,CAAC,YAAY,EAAE;YACjB,gBAAgB,CAAC,QAAQ,CAAC;;AAE5B,QAAA,QAAQ,GAAG,QAAQ,CAAC;AACtB,KAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB;AAED,IAAA,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,QAAmB,KAAI;AACtB,QAAA,gBAAgB,GAAG,QAAQ,CAAC;AAC9B,KAAC,EACD,CAAC,gBAAgB,CAAC,CACnB;;AAGD,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAoB;AAC3C,QAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM;AACjC,QAAA,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC;AACtC,QAAA,MAAM,OAAO,GAAG,YAAY,IAAI,cAAc,GAAG,IAAI,GAAG,IAAI;QAC5D,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,OAAO;QACpC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,OAAO;QACpC,MAAM,IAAI,GAAG,CAAC,KAAK,GAAG,KAAK,IAAI,OAAO;QACtC,MAAM,IAAI,GAAG,CAAC,KAAK,GAAG,KAAK,IAAI,OAAO;QACtC,OAAO;YACL,KAAK,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAqB;YACvD,KAAK,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAqB;AACvD,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,IAAI,EAAE,CAAC;SACR;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;;AAGlE,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO,WAAW,GAAG,CAAC,GAAG,aAAa,EAAE,GAAG,WAAW,CAAC,GAAG,aAAa,CAAC,EACxE,CAAC,WAAW,CAAC,CACd;;IAGD,MAAM,WAAW,GAAG,mBAAmB,CAAC;QACtC,KAAK;QACL,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,aAAa;QACb,YAAY;QACZ,MAAM;QACN,UAAU;QACV,gBAAgB;QAChB,mBAAmB;QACnB,SAAS;AACT,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,gBAAgB,EAAE,oBAAoB;QACtC,iBAAiB;AAClB,KAAA,CAAC;;AAGF,IAAA,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAyB;AAC3D,QAAA,IAAI,WAAW,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC;AAAE,YAAA,OAAO,IAAI;QAEnD,IAAI,IAAI,GAAuB,IAAI;AACnC,QAAA,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,SAAS,EAAE;AAChC,YAAA,IAAI,EAAE,CAAC,EAAE,IAAI,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC/C,gBAAA,IAAI,IAAI,KAAK,IAAI,EAAE;AACjB,oBAAA,IAAI,GAAG,EAAE,CAAC,WAAW;;AAChB,qBAAA,IAAI,IAAI,KAAK,EAAE,CAAC,WAAW,EAAE;oBAClC,OAAO,IAAI,CAAC;;;;AAIlB,QAAA,OAAO,IAAI;KACZ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;AAE9C,IAAA,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAA4B,KAAI;AAC/B,QAAA,MAAM,QAAQ,GAAG;YACf,GAAG,MAAM,CAAC,KAAK;YACf,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;SACrD;QACD,YAAY,CAAC,QAAQ,CAAC;QACtB,oBAAoB,CAAC,QAAQ,CAAC;AAChC,KAAC,EACD,CAAC,YAAY,EAAE,oBAAoB,CAAC,CACrC;IAED,QACEA,KAAC,iBAAiB,EAAA,EAChB,SAAS,EAAE,SAAS,eACT,QAAQ,EAAA,QAAA,EACX,KAAK,EACA,aAAA,EAAA,UAAU,iBACV,MAAM,EACnB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACR,GAAA,IAAI,aAEP,WAAW,KACVC,GAAC,CAAA,YAAY,IACX,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,WAAW,CAAC,cAAc,EAC/C,cAAc,EAAE,kBAAkB,EAClC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,CAAA,CACH,EACDA,GAAC,CAAA,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,mBAAmB,EAC/B,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,cAAc,EAAE,WAAW,CAAC,cAAc,EAC1C,YAAY,EAAE,WAAW,CAAC,YAAY,EACtC,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,MAAM,EAAE,MAAM,EAAA,CACd,EACD,eAAe,KACdA,GAAC,CAAA,eAAe,mBACD,MAAM,GAAG,CAAA,EAAG,MAAM,CAAa,WAAA,CAAA,GAAG,SAAS,EAEvD,QAAA,EAAA,eAAe,CAAC;oBACf,KAAK;oBACL,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;oBAChD,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CACvC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAClD;oBACD,QAAQ,EAAE,CAAC,CAAS,KAAK,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC;oBAChD,QAAQ;oBACR,QAAQ;AACT,iBAAA,CAAC,EACc,CAAA,CACnB,CACiB,EAAA,CAAA;AAExB;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -0,0 +1,96 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import styled from '@emotion/styled';
+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';
+
+const TOOLBAR_HEIGHT = {
+    sm: 28,
+    md: 32,
+    lg: 36,
+};
+const StyledToolbar = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${p => p.theme.spacing.sm}px;
+  padding: 0 ${p => p.theme.spacing.sm}px;
+  height: ${p => TOOLBAR_HEIGHT[p.$size]}px;
+  background: ${p => p.theme.colors.surface.default};
+  border-bottom: 1px solid ${p => p.theme.colors.border.default};
+  flex-shrink: 0;
+`;
+const ToolbarSection = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${p => p.theme.spacing.xs}px;
+`;
+const Separator = styled.div `
+  width: 1px;
+  height: 16px;
+  background: ${p => p.theme.colors.border.default};
+  margin: 0 ${p => p.theme.spacing.xs}px;
+`;
+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(StyledToolbar, { "$size": size, "data-testid": testId ? `${testId}-toolbar` : undefined, children: [jsx(ToolbarSection, { 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(Separator, {}), jsx(ToolbarSection, { 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":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;AA8BA,MAAM,cAAc,GAAoC;AACtD,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACP;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA4B;;;SAGnD,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;eACjB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;YAC1B,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBACxB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAA;6BACtB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;CAE9D;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGxB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;CAC/B;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;gBAGZ,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;cACpC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;CACpC;AAED,MAAM,aAAa,GAKd;AACH,IAAA;AACE,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAEA,GAAA,CAAC,eAAe,EAAA,EAAC,UAAU,EAAG,IAAA,EAAA,CAAA;AACpC,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAEA,GAAA,CAAC,kBAAkB,EAAA,EAAC,UAAU,EAAG,IAAA,EAAA,CAAA;AACvC,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAEA,GAAA,CAAC,mBAAmB,EAAA,EAAC,UAAU,EAAG,IAAA,EAAA,CAAA;AACxC,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAEA,GAAA,CAAC,eAAe,EAAA,EAAC,UAAU,EAAG,IAAA,EAAA,CAAA;AACpC,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,IAAI,EAAEA,GAAA,CAAC,iBAAiB,EAAA,EAAC,UAAU,EAAG,IAAA,EAAA,CAAA;AACtC,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAEA,GAAA,CAAC,eAAe,EAAA,EAAC,UAAU,EAAG,IAAA,EAAA,CAAA;AACpC,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;CACF;MAEY,YAAY,GAAgC,CAAC,EACxD,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,MAAM,GACP,KAAI;IACH,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK;QACtC,KAAK,EAAE,CAAC,CAAC,EAAE;QACX,KAAK,EAAE,CAAC,CAAC,KAAK;AACf,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,kBAAkB,GAAG,CAAC,EAAiB,KAAI;AAC/C,QAAA,IAAI,CAAC,EAAE;YAAE;AACT,QAAA,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAC7C,QAAA,IAAI,MAAM;YAAE,cAAc,CAAC,MAAM,CAAC;AACpC,KAAC;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI;AAE5C,IAAA,QACEC,IAAC,CAAA,aAAa,EACL,EAAA,OAAA,EAAA,IAAI,iBACE,MAAM,GAAG,GAAG,MAAM,CAAA,QAAA,CAAU,GAAG,SAAS,EAAA,QAAA,EAAA,CAGrDD,GAAC,CAAA,cAAc,cACbA,GAAC,CAAA,MAAM,EACL,EAAA,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,kBAAkB,EAC5B,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EACjC,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,WAAW,gBACZ,cAAc,EACzB,gBAAgB,EAAE,GAAG,EACrB,CAAA,EAAA,CACa,EAEhB,CAAC,YAAY,KACZC,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAF,GAAA,CAAC,SAAS,EAAG,EAAA,CAAA,EAGbA,IAAC,cAAc,EAAA,EAAA,QAAA,EACZ,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MACjDA,GAAC,CAAA,OAAO,IAEN,KAAK,EAAE,CAAG,EAAA,KAAK,KAAK,QAAQ,CAAA,CAAA,CAAG,EAC/B,SAAS,EAAC,QAAQ,EAAA,QAAA,EAElBA,GAAC,CAAA,UAAU,IACT,IAAI,EAAE,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,mBAAmB,KAAK,IAAI,EACrC,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,IAAI,EACtC,YAAA,EAAA,CAAA,EAAG,KAAK,CAAe,aAAA,CAAA,EACnC,OAAO,EAAE,MAAM,mBAAmB,CAAC,IAAI,CAAC,EAAA,QAAA,EAEvC,IAAI,EACM,CAAA,EAAA,EAbR,IAAI,CAcD,CACX,CAAC,EAAA,CACa,IAChB,CACJ,CAAA,EAAA,CACa;AAEpB;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

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":";;AAGA,SAAS,EAAE,CACT,CAAS,EACT,CAAS,EACT,IAAY,EACZ,IAAY,EACZ,KAAa,EACb,KAAa,EACb,cAA4C,MAAM,EAAA;IAElD,OAAO;QACL,CAAC;QACD,CAAC;QACD,QAAQ,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;QAC9B,SAAS,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;QACjC,WAAW;QACX,EAAE,EAAE,kBAAkB,EAAE;KACzB;AACH;AAEa,MAAA,aAAa,GAAkB;;AAE1C,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACtC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACzC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC;AAClC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACpC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;AAGD,IAAA;AACE,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACnE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9D,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;AAGD,IAAA;AACE,QAAA,EAAE,EAAE,eAAe;AACnB,QAAA,KAAK,EAAE,iBAAiB;AACxB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,KAAK,EAAE,kBAAkB;AACzB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;AAC1B,gBAAA,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;AACvC,gBAAA,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;AACvC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACzB,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC;AACxB,gBAAA,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC;AACpC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;AAGD,IAAA;AACE,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;AAC5B,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;AAC9B,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AAC/B,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC;AACvC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACxC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AACtB,gBAAA,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;AACnC,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC;AAChD,gBAAA,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;AACpC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC;AACnC,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACvC,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC;AACrC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACtC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;;;;"}