entangle-ui 0.3.0 → 0.4.0

package/dist/esm/components/primitives/canvas/CanvasContainer.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { canvasRecipe, ariaLiveRegionStyle, canvasContainerHeightVar, canvasContainerRecipe } from './CanvasContainer.css.js';
+
+/**
+ * Styled container + canvas + a11y live region.
+ *
+ * Provides the boilerplate every canvas control needs:
+ * - Responsive or fixed-height container
+ * - Canvas element with proper styling
+ * - Screen reader announcements region
+ * - Disabled opacity
+ * - Focus-visible ring
+ *
+ * Does NOT manage rendering — consumers use useCanvasSetup + useCanvasRenderer.
+ */
+const CanvasContainer = ({ canvasRef, height = 200, responsive = false, disabled = false, role = 'application', ariaLabel, ariaRoledescription, liveAnnouncement, handlers, className, style, testId, id, }) => {
+    const containerRef = useRef(null);
+    return (jsxs("div", { ref: containerRef, className: `${canvasContainerRecipe({ responsive })}${className ? ` ${className}` : ''}`, style: {
+            ...style,
+            ...assignInlineVars({
+                [canvasContainerHeightVar]: `${height}px`,
+            }),
+            minHeight: `${height}px`,
+        }, id: id, "data-testid": testId, children: [jsx("canvas", { ref: canvasRef, className: canvasRecipe({ disabled }), role: role, "aria-label": ariaLabel, "aria-roledescription": ariaRoledescription, tabIndex: disabled ? -1 : 0, onPointerDown: handlers?.onPointerDown, onPointerMove: handlers?.onPointerMove, onPointerUp: handlers?.onPointerUp, onDoubleClick: handlers?.onDoubleClick, onKeyDown: handlers?.onKeyDown }), jsx("div", { className: ariaLiveRegionStyle, "aria-live": "polite", role: "status", children: liveAnnouncement })] }));
+};
+CanvasContainer.displayName = 'CanvasContainer';
+
+export { CanvasContainer };
+//# sourceMappingURL=CanvasContainer.js.map

package/dist/esm/components/primitives/canvas/CanvasContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasContainer.js","sources":["../../../../../../src/components/primitives/canvas/CanvasContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAYA;;;;;;;;;;;AAWG;AACI;AAeL;AAEA;AAKM;AACA;AACE;;;AAGH;AAsBP;AAEA;;"}

package/dist/esm/components/primitives/canvas/canvasCoords.js

@@ -0,0 +1,51 @@
+/**
+ * Convert domain coordinates to canvas pixel coordinates.
+ *
+ * Y axis is flipped: domain Y goes up, canvas Y goes down.
+ */
+function domainToCanvas(domainX, domainY, viewport, canvasWidth, canvasHeight) {
+    const [vxMin, vxMax] = viewport.viewX;
+    const [vyMin, vyMax] = viewport.viewY;
+    const vw = vxMax - vxMin || 1;
+    const vh = vyMax - vyMin || 1;
+    const px = ((domainX - vxMin) / vw) * canvasWidth;
+    const py = ((vyMax - domainY) / vh) * canvasHeight;
+    return { px, py };
+}
+/**
+ * Convert canvas pixel coordinates to domain coordinates.
+ *
+ * Inverse of domainToCanvas — Y axis is flipped.
+ */
+function canvasToDomain(px, py, viewport, canvasWidth, canvasHeight) {
+    const [vxMin, vxMax] = viewport.viewX;
+    const [vyMin, vyMax] = viewport.viewY;
+    const vw = vxMax - vxMin || 1;
+    const vh = vyMax - vyMin || 1;
+    const x = vxMin + (px / canvasWidth) * vw;
+    const y = vyMax - (py / canvasHeight) * vh;
+    return { x, y };
+}
+/**
+ * Test whether a canvas pixel position is within tolerance of a domain point.
+ *
+ * @returns Distance in pixels, or Infinity if outside tolerance
+ */
+function hitTestPoint(px, py, point, viewport, canvasWidth, canvasHeight, tolerancePx = 10) {
+    const target = domainToCanvas(point.x, point.y, viewport, canvasWidth, canvasHeight);
+    const dist = Math.sqrt((px - target.px) ** 2 + (py - target.py) ** 2);
+    return dist <= tolerancePx ? dist : Infinity;
+}
+/**
+ * Get the canvas-pixel position of a pointer event relative to the canvas.
+ */
+function getCanvasPointerPosition(e, canvas) {
+    const rect = canvas.getBoundingClientRect();
+    return {
+        px: e.clientX - rect.left,
+        py: e.clientY - rect.top,
+    };
+}
+
+export { canvasToDomain, domainToCanvas, getCanvasPointerPosition, hitTestPoint };
+//# sourceMappingURL=canvasCoords.js.map

package/dist/esm/components/primitives/canvas/canvasCoords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasCoords.js","sources":["../../../../../../src/components/primitives/canvas/canvasCoords.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;;;AAIG;AACG,SAAU,cAAc,CAC5B,OAAe,EACf,OAAe,EACf,QAAwB,EACxB,WAAmB,EACnB,YAAoB,EAAA;IAEpB,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK;IACrC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK;AAErC,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC;AAC7B,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC;AAE7B,IAAA,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,KAAK,IAAI,EAAE,IAAI,WAAW;AACjD,IAAA,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,OAAO,IAAI,EAAE,IAAI,YAAY;AAElD,IAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE;AACnB;AAEA;;;;AAIG;AACG,SAAU,cAAc,CAC5B,EAAU,EACV,EAAU,EACV,QAAwB,EACxB,WAAmB,EACnB,YAAoB,EAAA;IAEpB,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK;IACrC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK;AAErC,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC;AAC7B,IAAA,MAAM,EAAE,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC;IAE7B,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,GAAG,WAAW,IAAI,EAAE;IACzC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,GAAG,YAAY,IAAI,EAAE;AAE1C,IAAA,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE;AACjB;AAEA;;;;AAIG;SACa,YAAY,CAC1B,EAAU,EACV,EAAU,EACV,KAAc,EACd,QAAwB,EACxB,WAAmB,EACnB,YAAoB,EACpB,cAAsB,EAAE,EAAA;AAExB,IAAA,MAAM,MAAM,GAAG,cAAc,CAC3B,KAAK,CAAC,CAAC,EACP,KAAK,CAAC,CAAC,EACP,QAAQ,EACR,WAAW,EACX,YAAY,CACb;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;IACrE,OAAO,IAAI,IAAI,WAAW,GAAG,IAAI,GAAG,QAAQ;AAC9C;AAEA;;AAEG;AACG,SAAU,wBAAwB,CACtC,CAAuC,EACvC,MAAyB,EAAA;AAEzB,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;IAC3C,OAAO;AACL,QAAA,EAAE,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;AACzB,QAAA,EAAE,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;KACzB;AACH;;;;"}

package/dist/esm/components/primitives/canvas/canvasDrawing.js

@@ -0,0 +1,251 @@
+import { domainToCanvas } from './canvasCoords.js';
+import { clamp } from '../../../utils/mathUtils.js';
+
+/**
+ * Format a number for axis labels.
+ * Integers show as "0", "1". Clean fractions show as "0.25", "0.5".
+ * Others show with minimal decimals needed.
+ */
+function formatLabel(value, domainRange) {
+    const rounded = Math.round(value * 1e10) / 1e10;
+    if (Number.isInteger(rounded))
+        return rounded.toFixed(0);
+    if (domainRange <= 1) {
+        const str = rounded.toFixed(2);
+        if (str.endsWith('0'))
+            return rounded.toFixed(1);
+        return str;
+    }
+    if (domainRange <= 10)
+        return rounded.toFixed(1);
+    return rounded.toFixed(0);
+}
+/**
+ * Draw grid lines at clean domain values.
+ * Grid lines subdivide the domain range into equal parts.
+ *
+ * Extracted from CurveEditor's drawGrid — identical visual output.
+ */
+function drawGrid(ctx, w, h, theme, options) {
+    const { subdivisions, domain, viewport, opacity = 1 } = options;
+    const { domainX, domainY } = domain;
+    const dxRange = domainX[1] - domainX[0] || 1;
+    const dyRange = domainY[1] - domainY[0] || 1;
+    ctx.lineWidth = 1;
+    // Vertical grid lines (subdivide domain X)
+    const xStep = dxRange / subdivisions;
+    for (let i = 0; i <= subdivisions; i++) {
+        const domX = domainX[0] + i * xStep;
+        const { px } = domainToCanvas(domX, 0, viewport, w, h);
+        const isBound = i === 0 || i === subdivisions;
+        ctx.globalAlpha = opacity * (isBound ? 0.25 : 0.12);
+        ctx.strokeStyle = theme.borderDefault;
+        ctx.beginPath();
+        ctx.moveTo(Math.round(px) + 0.5, 0);
+        ctx.lineTo(Math.round(px) + 0.5, h);
+        ctx.stroke();
+    }
+    // Horizontal grid lines (subdivide domain Y)
+    const yStep = dyRange / subdivisions;
+    for (let i = 0; i <= subdivisions; i++) {
+        const domY = domainY[0] + i * yStep;
+        const { py } = domainToCanvas(0, domY, viewport, w, h);
+        const isBound = i === 0 || i === subdivisions;
+        ctx.globalAlpha = opacity * (isBound ? 0.25 : 0.12);
+        ctx.strokeStyle = theme.borderDefault;
+        ctx.beginPath();
+        ctx.moveTo(0, Math.round(py) + 0.5);
+        ctx.lineTo(w, Math.round(py) + 0.5);
+        ctx.stroke();
+    }
+}
+/**
+ * Draw stronger lines at the domain boundaries (min/max on both axes).
+ */
+function drawDomainBounds(ctx, w, h, theme, domain, viewport, opacity = 1) {
+    const { domainX, domainY } = domain;
+    ctx.globalAlpha = opacity * 0.35;
+    ctx.strokeStyle = theme.borderDefault;
+    ctx.lineWidth = 1.5;
+    const { px: pxMin } = domainToCanvas(domainX[0], 0, viewport, w, h);
+    ctx.beginPath();
+    ctx.moveTo(Math.round(pxMin) + 0.5, 0);
+    ctx.lineTo(Math.round(pxMin) + 0.5, h);
+    ctx.stroke();
+    const { px: pxMax } = domainToCanvas(domainX[1], 0, viewport, w, h);
+    ctx.beginPath();
+    ctx.moveTo(Math.round(pxMax) + 0.5, 0);
+    ctx.lineTo(Math.round(pxMax) + 0.5, h);
+    ctx.stroke();
+    const { py: pyMin } = domainToCanvas(0, domainY[0], viewport, w, h);
+    ctx.beginPath();
+    ctx.moveTo(0, Math.round(pyMin) + 0.5);
+    ctx.lineTo(w, Math.round(pyMin) + 0.5);
+    ctx.stroke();
+    const { py: pyMax } = domainToCanvas(0, domainY[1], viewport, w, h);
+    ctx.beginPath();
+    ctx.moveTo(0, Math.round(pyMax) + 0.5);
+    ctx.lineTo(w, Math.round(pyMax) + 0.5);
+    ctx.stroke();
+}
+/**
+ * Draw axis labels at clean domain values.
+ *
+ * Y labels on the left side, X labels at the bottom.
+ * Extracted from CurveEditor's drawAxisLabels — identical layout algorithm.
+ */
+function drawAxisLabels(ctx, w, h, theme, options) {
+    const { subdivisions, domain, viewport, opacity = 1, labelX, labelY, } = options;
+    const { domainX, domainY } = domain;
+    const dxRange = domainX[1] - domainX[0] || 1;
+    const dyRange = domainY[1] - domainY[0] || 1;
+    const fontSize = theme.fontSizeXs;
+    ctx.globalAlpha = opacity * 0.7;
+    ctx.fillStyle = theme.textMuted;
+    ctx.font = `${fontSize}px sans-serif`;
+    const sidePadding = 4;
+    const axisGap = 6;
+    const { px: xAxisMin } = domainToCanvas(domainX[0], 0, viewport, w, h);
+    const { px: xAxisMax } = domainToCanvas(domainX[1], 0, viewport, w, h);
+    const { py: yAxisMin } = domainToCanvas(0, domainY[0], viewport, w, h);
+    const { py: yAxisMax } = domainToCanvas(0, domainY[1], viewport, w, h);
+    const xTickTop = clamp(yAxisMin + axisGap, yAxisMax + 2, h - fontSize - (labelX ? fontSize + 8 : 2));
+    const xAxisLabelTop = labelX
+        ? clamp(xTickTop + fontSize + 4, 0, h - fontSize - 1)
+        : 0;
+    const yTickAnchorX = clamp(xAxisMin - axisGap, sidePadding + 1, w - sidePadding);
+    const yTickMinY = fontSize / 2 + 2;
+    const yTickMaxY = Math.max(yTickMinY, xTickTop - 2);
+    const yAxisLabelTop = clamp(yAxisMax - fontSize - 4, sidePadding, Math.max(sidePadding, xTickTop - fontSize - 6));
+    // X axis labels (bottom, aligned to domain subdivisions)
+    ctx.textBaseline = 'top';
+    const xStep = dxRange / subdivisions;
+    for (let i = 0; i <= subdivisions; i++) {
+        const domX = domainX[0] + i * xStep;
+        const { px } = domainToCanvas(domX, 0, viewport, w, h);
+        const label = formatLabel(domX, dxRange);
+        if (i === 0) {
+            ctx.textAlign = 'left';
+            ctx.fillText(label, xAxisMin + 2, xTickTop);
+        }
+        else if (i === subdivisions) {
+            ctx.textAlign = 'right';
+            ctx.fillText(label, xAxisMax - 2, xTickTop);
+        }
+        else {
+            ctx.textAlign = 'center';
+            ctx.fillText(label, clamp(px, xAxisMin + 2, xAxisMax - 2), xTickTop);
+        }
+    }
+    // Y axis labels (left side, aligned to domain subdivisions)
+    ctx.textAlign = 'right';
+    ctx.textBaseline = 'middle';
+    const yStep = dyRange / subdivisions;
+    for (let i = 0; i <= subdivisions; i++) {
+        const domY = domainY[0] + i * yStep;
+        const { py } = domainToCanvas(0, domY, viewport, w, h);
+        const label = formatLabel(domY, dyRange);
+        const clampedPy = clamp(py, yTickMinY, yTickMaxY);
+        ctx.fillText(label, yTickAnchorX, clampedPy);
+    }
+    // Axis name labels
+    if (labelX) {
+        const textWidth = ctx.measureText(labelX).width;
+        const x = clamp(xAxisMax + axisGap, sidePadding, w - sidePadding - textWidth);
+        ctx.textAlign = 'left';
+        ctx.textBaseline = 'top';
+        ctx.fillText(labelX, x, xAxisLabelTop);
+    }
+    if (labelY) {
+        const x = clamp(xAxisMin + axisGap, sidePadding, w - sidePadding);
+        ctx.textAlign = 'left';
+        ctx.textBaseline = 'top';
+        ctx.fillText(labelY, x, yAxisLabelTop);
+    }
+}
+/**
+ * Draw crosshair lines through a point.
+ *
+ * Used by CartesianPicker to show the current selection.
+ * Can be solid or dashed, full-span or limited to domain bounds.
+ */
+function drawCrosshair(ctx, w, h, theme, options) {
+    const { point, viewport, lineStyle = 'dashed', lineWidth = 1, fullSpan = true, opacity = 1, } = options;
+    const { px, py } = domainToCanvas(point.x, point.y, viewport, w, h);
+    ctx.globalAlpha = opacity * 0.6;
+    ctx.strokeStyle = theme.accentPrimary;
+    ctx.lineWidth = lineWidth;
+    if (lineStyle === 'dashed') {
+        ctx.setLineDash([4, 4]);
+    }
+    else {
+        ctx.setLineDash([]);
+    }
+    // Vertical line through point
+    ctx.beginPath();
+    ctx.moveTo(Math.round(px) + 0.5, fullSpan ? 0 : py - 20);
+    ctx.lineTo(Math.round(px) + 0.5, fullSpan ? h : py + 20);
+    ctx.stroke();
+    // Horizontal line through point
+    ctx.beginPath();
+    ctx.moveTo(fullSpan ? 0 : px - 20, Math.round(py) + 0.5);
+    ctx.lineTo(fullSpan ? w : px + 20, Math.round(py) + 0.5);
+    ctx.stroke();
+    ctx.setLineDash([]);
+}
+/**
+ * Draw a circular point marker.
+ *
+ * Used by CartesianPicker for the selected point.
+ * Supports hover and drag visual states.
+ */
+function drawPointMarker(ctx, w, h, theme, options) {
+    const { point, viewport, radius = 6, hovered = false, dragging = false, opacity = 1, } = options;
+    const { px, py } = domainToCanvas(point.x, point.y, viewport, w, h);
+    const effectiveRadius = hovered || dragging ? radius + 2 : radius;
+    ctx.globalAlpha = opacity;
+    // Outer ring
+    ctx.beginPath();
+    ctx.arc(px, py, effectiveRadius, 0, Math.PI * 2);
+    ctx.fillStyle = dragging ? theme.accentPrimary : theme.backgroundSecondary;
+    ctx.fill();
+    ctx.strokeStyle = theme.accentPrimary;
+    ctx.lineWidth = 2;
+    ctx.stroke();
+    // Inner dot
+    ctx.beginPath();
+    ctx.arc(px, py, 2, 0, Math.PI * 2);
+    ctx.fillStyle = theme.accentPrimary;
+    ctx.fill();
+}
+/**
+ * Draw axis origin lines (X=0 and Y=0 if visible within viewport).
+ *
+ * Useful for CartesianPicker where domain is centered on origin.
+ */
+function drawOriginAxes(ctx, w, h, theme, viewport, opacity = 1) {
+    const [vxMin, vxMax] = viewport.viewX;
+    const [vyMin, vyMax] = viewport.viewY;
+    ctx.globalAlpha = opacity * 0.5;
+    ctx.strokeStyle = theme.textMuted;
+    ctx.lineWidth = 1;
+    // Y axis (x = 0) if in viewport
+    if (vxMin <= 0 && vxMax >= 0) {
+        const { px } = domainToCanvas(0, 0, viewport, w, h);
+        ctx.beginPath();
+        ctx.moveTo(Math.round(px) + 0.5, 0);
+        ctx.lineTo(Math.round(px) + 0.5, h);
+        ctx.stroke();
+    }
+    // X axis (y = 0) if in viewport
+    if (vyMin <= 0 && vyMax >= 0) {
+        const { py } = domainToCanvas(0, 0, viewport, w, h);
+        ctx.beginPath();
+        ctx.moveTo(0, Math.round(py) + 0.5);
+        ctx.lineTo(w, Math.round(py) + 0.5);
+        ctx.stroke();
+    }
+}
+
+export { drawAxisLabels, drawCrosshair, drawDomainBounds, drawGrid, drawOriginAxes, drawPointMarker, formatLabel };
+//# sourceMappingURL=canvasDrawing.js.map

package/dist/esm/components/primitives/canvas/canvasDrawing.js.map

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

package/dist/esm/components/primitives/canvas/canvasTheme.js

@@ -0,0 +1,43 @@
+import { vars } from '../../../theme/contract.css.js';
+
+/**
+ * Resolve CSS variable references (e.g., `var(--etui-color-text-primary)`)
+ * to their computed values via getComputedStyle.
+ */
+function resolveVar(element, cssVar) {
+    const match = cssVar.match(/var\(([^)]+)\)/);
+    if (!match)
+        return cssVar;
+    const varName = match[1];
+    if (!varName)
+        return cssVar;
+    return getComputedStyle(element).getPropertyValue(varName).trim() || cssVar;
+}
+/**
+ * Resolve Vanilla Extract CSS variables from a canvas element to
+ * actual color values for canvas 2D drawing.
+ *
+ * Canvas 2D contexts cannot read CSS variables — this resolves them
+ * via getComputedStyle.
+ */
+function resolveCanvasTheme(canvas) {
+    return {
+        backgroundSecondary: resolveVar(canvas, vars.colors.background.secondary),
+        borderDefault: resolveVar(canvas, vars.colors.border.default),
+        textMuted: resolveVar(canvas, vars.colors.text.muted),
+        textPrimary: resolveVar(canvas, vars.colors.text.primary),
+        textSecondary: resolveVar(canvas, vars.colors.text.secondary),
+        accentPrimary: resolveVar(canvas, vars.colors.accent.primary),
+        fontSizeXs: parseFloat(resolveVar(canvas, vars.typography.fontSize.xs)) || 10,
+    };
+}
+/**
+ * Resolve a single CSS variable reference string (e.g. `var(--etui-color-accent-primary)`)
+ * to its computed value.
+ */
+function resolveVarValue(element, cssVar) {
+    return resolveVar(element, cssVar);
+}
+
+export { resolveCanvasTheme, resolveVarValue };
+//# sourceMappingURL=canvasTheme.js.map

package/dist/esm/components/primitives/canvas/canvasTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasTheme.js","sources":["../../../../../../src/components/primitives/canvas/canvasTheme.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA;;;AAGG;AACH,SAAS,UAAU,CAAC,OAAgB,EAAE,MAAc,EAAA;IAClD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAC5C,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,MAAM;AACzB,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;AACxB,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,MAAM;AAC3B,IAAA,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,MAAM;AAC7E;AAEA;;;;;;AAMG;AACG,SAAU,kBAAkB,CAChC,MAAyB,EAAA;IAEzB,OAAO;AACL,QAAA,mBAAmB,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC;AACzE,QAAA,aAAa,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;AAC7D,QAAA,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AACrD,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AACzD,QAAA,aAAa,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;AAC7D,QAAA,aAAa,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;AAC7D,QAAA,UAAU,EACR,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;KACpE;AACH;AAEA;;;AAGG;AACG,SAAU,eAAe,CAAC,OAAgB,EAAE,MAAc,EAAA;AAC9D,IAAA,OAAO,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC;AACpC;;;;"}

package/dist/esm/components/primitives/canvas/useCanvasRenderer.js

@@ -0,0 +1,26 @@
+"use client";
+import { useRef, useCallback, useEffect } from 'react';
+
+/**
+ * Hook that manages a rAF-based render loop for canvas drawing.
+ *
+ * Calls the provided draw function whenever deps change.
+ * Does NOT run continuously — only re-renders when deps trigger a change.
+ *
+ * Extracted from CurveEditor's useCurveRenderer rAF pattern.
+ */
+function useCanvasRenderer(options) {
+    const { draw, deps, paused = false } = options;
+    const rafRef = useRef(0);
+    const stableDraw = useCallback(draw, deps); // deps intentionally dynamic
+    useEffect(() => {
+        if (paused)
+            return;
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = requestAnimationFrame(stableDraw);
+        return () => cancelAnimationFrame(rafRef.current);
+    }, [stableDraw, paused]);
+}
+
+export { useCanvasRenderer };
+//# sourceMappingURL=useCanvasRenderer.js.map

package/dist/esm/components/primitives/canvas/useCanvasRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasRenderer.js","sources":["../../../../../../src/components/primitives/canvas/useCanvasRenderer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAaA;;;;;;;AAOG;AACG;;AAEJ;;;AAKE;;AAEA;AACA;;AAGF;AACF;;"}

package/dist/esm/components/shell/AppShell/AppShell.css.js

@@ -0,0 +1,13 @@
+import './../../../assets/src/components/shell/AppShell/AppShell.css.ts.vanilla-BYmtU0O_.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var dockSlot = 'AppShell_dockSlot__1m62ws2l';
+var menuBarSlot = 'AppShell_menuBarSlot__1m62ws22';
+var shellRoot = 'AppShell_shellRoot__1m62ws21';
+var sideToolbarSlot = createRuntimeFn({defaultClassName:'AppShell_sideToolbarSlot__1m62ws28',variantClassNames:{side:{left:'AppShell_sideToolbarSlot_side_left__1m62ws29',right:'AppShell_sideToolbarSlot_side_right__1m62ws2a'},separator:{none:'AppShell_sideToolbarSlot_separator_none__1m62ws2b',border:'AppShell_sideToolbarSlot_separator_border__1m62ws2c',shadow:'AppShell_sideToolbarSlot_separator_shadow__1m62ws2d',both:'AppShell_sideToolbarSlot_separator_both__1m62ws2e'}},defaultVariants:{side:'left',separator:'border'},compoundVariants:[[{side:'left',separator:'border'},'AppShell_sideToolbarSlot_compound_0__1m62ws2f'],[{side:'left',separator:'shadow'},'AppShell_sideToolbarSlot_compound_1__1m62ws2g'],[{side:'left',separator:'both'},'AppShell_sideToolbarSlot_compound_2__1m62ws2h'],[{side:'right',separator:'border'},'AppShell_sideToolbarSlot_compound_3__1m62ws2i'],[{side:'right',separator:'shadow'},'AppShell_sideToolbarSlot_compound_4__1m62ws2j'],[{side:'right',separator:'both'},'AppShell_sideToolbarSlot_compound_5__1m62ws2k']]});
+var statusBarSlot = 'AppShell_statusBarSlot__1m62ws2m';
+var toolbarTopSlot = createRuntimeFn({defaultClassName:'AppShell_toolbarTopSlot__1m62ws23',variantClassNames:{separator:{none:'AppShell_toolbarTopSlot_separator_none__1m62ws24',border:'AppShell_toolbarTopSlot_separator_border__1m62ws25',shadow:'AppShell_toolbarTopSlot_separator_shadow__1m62ws26',both:'AppShell_toolbarTopSlot_separator_both__1m62ws27'}},defaultVariants:{separator:'border'},compoundVariants:[]});
+var viewportLockClass = 'AppShell_viewportLockClass__1m62ws20';
+
+export { dockSlot, menuBarSlot, shellRoot, sideToolbarSlot, statusBarSlot, toolbarTopSlot, viewportLockClass };
+//# sourceMappingURL=AppShell.css.js.map

package/dist/esm/components/shell/AppShell/AppShell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/esm/components/shell/AppShell/AppShell.js

@@ -1,8 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useContext, createContext, useState, useCallback, useMemo } from 'react';
-import styled from '@emotion/styled';
-import { useTheme, Global, css } from '@emotion/react';
-import { processCss } from '../../../utils/styledUtils.js';
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useContext, useState, useCallback, useMemo, createContext } from 'react';
+import { cx } from '../../../utils/cx.js';
+import { viewportLockClass, shellRoot, statusBarSlot, dockSlot, toolbarTopSlot, sideToolbarSlot, menuBarSlot } from './AppShell.css.js';
 
 // --- Context ---
 const AppShellContext = /*#__PURE__*/ createContext({
@@ -12,116 +12,31 @@ const AppShellContext = /*#__PURE__*/ createContext({
     sideChromeSeparator: 'border',
 });
 const useAppShell = () => useContext(AppShellContext);
-const StyledAppShell = styled.div `
-  display: grid;
-  grid-template-rows: auto auto 1fr auto;
-  grid-template-columns: auto 1fr auto;
-  grid-template-areas:
-    'menubar menubar menubar'
-    'toolbar-top toolbar-top toolbar-top'
-    'toolbar-left dock toolbar-right'
-    'statusbar statusbar statusbar';
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: ${({ theme }) => theme.colors.background.primary};
-  color: ${({ theme }) => theme.colors.text.primary};
-  font-family: ${({ theme }) => theme.typography.fontFamily.sans};
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledMenuBarSlot = styled.header `
-  grid-area: menubar;
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledToolbarTopSlot = styled.div `
-  grid-area: toolbar-top;
-  border-bottom: ${({ $topChromeSeparator, theme }) => $topChromeSeparator === 'border' || $topChromeSeparator === 'both'
-    ? `1px solid ${theme.colors.border.default}`
-    : 'none'};
-  box-shadow: ${({ $topChromeSeparator, theme }) => $topChromeSeparator === 'shadow' || $topChromeSeparator === 'both'
-    ? theme.shadows.separatorBottom
-    : 'none'};
-  z-index: ${({ theme }) => theme.zIndex.base};
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledSideToolbarSlot = styled.aside `
-  grid-area: ${({ $side }) => `toolbar-${$side}`};
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-  border-right: ${({ $side, $sideChromeSeparator, theme }) => $side === 'left' &&
-    ($sideChromeSeparator === 'border' || $sideChromeSeparator === 'both')
-    ? `1px solid ${theme.colors.border.default}`
-    : 'none'};
-  border-left: ${({ $side, $sideChromeSeparator, theme }) => $side === 'right' &&
-    ($sideChromeSeparator === 'border' || $sideChromeSeparator === 'both')
-    ? `1px solid ${theme.colors.border.default}`
-    : 'none'};
-  box-shadow: ${({ $side, $sideChromeSeparator, theme }) => {
-    if ($sideChromeSeparator !== 'shadow' && $sideChromeSeparator !== 'both')
-        return 'none';
-    return $side === 'left'
-        ? theme.shadows.separatorRight
-        : theme.shadows.separatorLeft;
-}};
-  z-index: ${({ theme }) => theme.zIndex.base};
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledDockSlot = styled.main `
-  grid-area: dock;
-  position: relative;
-  overflow: hidden;
-  min-width: 0;
-  min-height: 0;
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
-const StyledStatusBarSlot = styled.footer `
-  grid-area: statusbar;
-
-  ${({ $css, theme }) => processCss($css, theme)}
-`;
 // --- Slot Components ---
-const MenuBarSlot = ({ children, className, style, testId, css, ref, ...rest }) => (jsx(StyledMenuBarSlot, { ref: ref, className: className, style: style, "data-testid": testId, "$css": css, ...rest, children: children }));
+const MenuBarSlot = ({ children, className, style, testId, ref, ...rest }) => (jsx("header", { ref: ref, className: cx(menuBarSlot, className), style: style, "data-testid": testId, ...rest, children: children }));
 MenuBarSlot.displayName = 'AppShell.MenuBar';
-const ToolbarSlot = ({ children, className, style, testId, css, ref, position = 'top', ...rest }) => {
+const ToolbarSlot = ({ children, className, style, testId, ref, position = 'top', ...rest }) => {
     const { isToolbarVisible, topChromeSeparator, sideChromeSeparator } = useAppShell();
     if (!isToolbarVisible(position))
         return null;
     switch (position) {
         case 'left':
         case 'right':
-            return (jsx(StyledSideToolbarSlot, { ref: ref, className: className, style: style, "data-testid": testId, "$side": position, "$sideChromeSeparator": sideChromeSeparator, "$css": css, ...rest, children: children }));
+            return (jsx("aside", { ref: ref, className: cx(sideToolbarSlot({
+                    side: position,
+                    separator: sideChromeSeparator,
+                }), className), style: style, "data-testid": testId, ...rest, children: children }));
         default:
-            return (jsx(StyledToolbarTopSlot, { ref: ref, className: className, style: style, "data-testid": testId, "$topChromeSeparator": topChromeSeparator, "$css": css, ...rest, children: children }));
+            return (jsx("div", { ref: ref, className: cx(toolbarTopSlot({ separator: topChromeSeparator }), className), style: style, "data-testid": testId, ...rest, children: children }));
     }
 };
 ToolbarSlot.displayName = 'AppShell.Toolbar';
-const DockSlot = ({ children, className, style, testId, css, ref, ...rest }) => (jsx(StyledDockSlot, { ref: ref, className: className, style: style, "data-testid": testId, "$css": css, ...rest, children: children }));
+const DockSlot = ({ children, className, style, testId, ref, ...rest }) => (jsx("main", { ref: ref, className: cx(dockSlot, className), style: style, "data-testid": testId, ...rest, children: children }));
 DockSlot.displayName = 'AppShell.Dock';
-const StatusBarSlot = ({ children, className, style, testId, css, ref, ...rest }) => (jsx(StyledStatusBarSlot, { ref: ref, className: className, style: style, "data-testid": testId, "$css": css, ...rest, children: children }));
+const StatusBarSlot = ({ children, className, style, testId, ref, ...rest }) => (jsx("footer", { ref: ref, className: cx(statusBarSlot, className), style: style, "data-testid": testId, ...rest, children: children }));
 StatusBarSlot.displayName = 'AppShell.StatusBar';
-// --- Viewport Lock Styles ---
-const ViewportLockStyles = () => {
-    const theme = useTheme();
-    return (jsx(Global, { styles: css `
-        html,
-        body {
-          margin: 0;
-          padding: 0;
-          overflow: hidden;
-          width: 100vw;
-          height: 100vh;
-          background: ${theme.colors.background.primary};
-        }
-      ` }));
-};
 // --- Root Component ---
-const AppShellRoot = ({ viewportLock = false, topChromeSeparator = 'border', sideChromeSeparator = 'border', children, className, style, testId, css, ref, ...rest }) => {
+const AppShellRoot = ({ viewportLock = false, topChromeSeparator = 'border', sideChromeSeparator = 'border', children, className, style, testId, ref, ...rest }) => {
     const [toolbarVisibility, setToolbarVisibility] = useState({
         top: true,
         left: true,
@@ -142,7 +57,7 @@ const AppShellRoot = ({ viewportLock = false, topChromeSeparator = 'border', sid
         topChromeSeparator,
         sideChromeSeparator,
     ]);
-    return (jsxs(AppShellContext.Provider, { value: contextValue, children: [viewportLock && jsx(ViewportLockStyles, {}), jsx(StyledAppShell, { ref: ref, className: className, style: style, "data-testid": testId, "$css": css, role: "application", ...rest, children: children })] }));
+    return (jsx(AppShellContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, className: cx(shellRoot, viewportLock && viewportLockClass, className), style: style, "data-testid": testId, role: "application", ...rest, children: children }) }));
 };
 AppShellRoot.displayName = 'AppShell';
 // --- Compound Component ---

package/dist/esm/components/shell/AppShell/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sources":["../../../../../../src/components/shell/AppShell/AppShell.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"AppShell.js","sources":["../../../../../../src/components/shell/AppShell/AppShell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA2BA;AAEA;AACE;AACA;AACA;AACA;AACD;AAEM;AAEP;AAEA;AAkBA;AAEA;;AAYE;AAAiC;;AAG/B;AACA;;AAMU;AACA;AACD;AAUT;AACE;;AAeN;AACA;AAEA;AAmBA;AAEA;AAmBA;AAEA;AAEA;AAYE;AAGE;AACA;AACA;AACD;;;AASG;;AAKJ;;;;;AAMG;;;;;AAMA;;AAiBL;AAEA;AAEA;AAEO;AACL;AACA;AACA;AACA;AACD;;"}