entangle-ui 0.3.0 → 0.5.0

package/dist/esm/components/primitives/Tooltip/Tooltip.css.js

@@ -0,0 +1,9 @@
+import './../../../assets/src/components/primitives/Tooltip/Tooltip.css.ts.vanilla-CrEFoLBX.css';
+
+var arrowFillStyle = 'Tooltip_arrowFillStyle__u81kis2';
+var tooltipArrowStyle = 'Tooltip_tooltipArrowStyle__u81kis3';
+var tooltipContentStyle = 'Tooltip_tooltipContentStyle__u81kis0';
+var tooltipTriggerStyle = 'Tooltip_tooltipTriggerStyle__u81kis1';
+
+export { arrowFillStyle, tooltipArrowStyle, tooltipContentStyle, tooltipTriggerStyle };
+//# sourceMappingURL=Tooltip.css.js.map

package/dist/esm/components/primitives/Tooltip/Tooltip.css.js.map

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

package/dist/esm/components/primitives/Tooltip/Tooltip.js

@@ -1,87 +1,15 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Tooltip as Tooltip$1 } from '@base-ui-components/react/tooltip';
-import styled from '@emotion/styled';
-import { processCss } from '../../../utils/styledUtils.js';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import { cx } from '../../../utils/cx.js';
 import { StyledTooltipArrow, ArrowSvg } from './Arrow.js';
 import { parsePlacement, parseCollisionStrategy } from './utils.js';
+import { tooltipTriggerStyle, tooltipContentStyle } from './Tooltip.css.js';
 
-const StyledTooltipPositioner = styled(Tooltip$1.Positioner) `
-  /* Positioner handles positioning, no visual styles needed here */
-`;
-const StyledTooltipContent = styled.div `
-  /* Base styles */
-  background: ${props => props.theme.colors.background.elevated};
-  color: ${props => props.theme.colors.text.primary};
-  border-radius: ${props => props.theme.borderRadius.md}px;
-  padding: ${props => props.theme.spacing.sm}px
-    ${props => props.theme.spacing.md}px;
-  font-size: ${props => props.theme.typography.fontSize.xs}px;
-  line-height: ${props => props.theme.typography.lineHeight.tight};
-  font-family: ${props => props.theme.typography.fontFamily.sans};
-  box-shadow: ${props => props.theme.shadows.lg};
-  max-width: 320px;
-  word-wrap: break-word;
-  z-index: ${props => props.theme.zIndex.tooltip};
-  min-height: 25px; // Ensure minimum height for better UX
-  display: flex;
-  align-items: center; // Center content vertically
-  justify-content: center; // Center content horizontally
-
-  /* Animation */
-  ${props => {
-    const { $animation } = props;
-    const duration = $animation?.duration ?? 200;
-    const easing = $animation?.easing ?? 'ease-out';
-    const animated = $animation?.animated !== false;
-    if (!animated) {
-        return 'transition: none;';
-    }
-    return `
-      transition: opacity ${duration}ms ${easing}, transform ${duration}ms ${easing};
-      transform-origin: var(--transform-origin);
-    `;
-}}
-
-  /* Entry/exit animations */
-  &[data-open] {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  &[data-closed] {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-
-  /* Custom CSS */
-  ${props => processCss(props.$css, props.theme)}
-`;
-const StyledTooltipTrigger = styled.div `
-  /* Trigger styles */
-  display: inline-block;
-  cursor: pointer;
-  width: fit-content; // Allow trigger to size to content
-  height: fit-content; // Allow trigger to size to content
-  position: relative; // Required for tooltip positioning
-  z-index: 1; // Ensure trigger is above tooltip
-  /* Prevents pointer events on the tooltip trigger */
-  pointer-events: none;
-  /* Allows pointer events on the children */
-  & > * {
-    pointer-events: auto;
-  }
-  /* Ensures the trigger is focusable */
-  &:focus {
-    outline: none; // Remove default focus outline
-    box-shadow: ${props => props.theme.shadows.focus}; // Custom focus style
-  }
-  /* Custom CSS */
-  ${props => processCss(props.$css, props.theme)}
-`;
 /**
  * A tooltip component that displays contextual information on hover.
  *
- * Built on @base-ui-components/react for robust accessibility and positioning.
+ * Built on @base-ui/react for robust accessibility and positioning.
  * Provides an intuitive API similar to MUI with advanced positioning and collision handling.
  * Supports both simple text and complex React nodes for advanced tooltip content.
  *
@@ -166,7 +94,7 @@ const StyledTooltipTrigger = styled.div `
  * </Tooltip>
  * ```
  */
-const Tooltip = ({ children, title, placement = 'top', collision = 'smart', collisionConfig, positioner = {}, animation = {}, delay = 600, closeDelay = 0, arrow = true, disabled = false, rootProps = {}, positionerProps = {}, className, testId, id, style, css, ref, ...htmlProps }) => {
+const Tooltip = ({ children, title, placement = 'top', collision = 'smart', collisionConfig, positioner = {}, animation = {}, delay = 600, closeDelay = 0, arrow = true, disabled = false, rootProps = {}, positionerProps = {}, className, testId, id, style, ref, ...htmlProps }) => {
     // If disabled, return just the children without tooltip
     if (disabled) {
         return children;
@@ -211,7 +139,20 @@ const Tooltip = ({ children, title, placement = 'top', collision = 'smart', coll
     if (trackCursor) {
         rootProps.trackCursorAxis = trackCursor;
     }
-    return (jsx(Tooltip$1.Provider, { delay: delay, closeDelay: closeDelay, ...rootProps, children: jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { render: props => jsx(StyledTooltipTrigger, { ...props }), children: children }), jsx(Tooltip$1.Portal, { children: jsx(StyledTooltipPositioner, { ...finalPositionerProps, children: jsx(Tooltip$1.Popup, { render: props => (jsxs(StyledTooltipContent, { ...props, className: className, "data-testid": testId, id: id, style: style, "$css": css, "$animation": animation, ref: ref, ...htmlProps, children: [title, arrow && (jsx(StyledTooltipArrow, { children: jsx(ArrowSvg, {}) }))] })) }) }) })] }) }));
+    // Build animation transition style
+    const animated = animation?.animated !== false;
+    const duration = animation?.duration ?? 200;
+    const easing = animation?.easing ?? 'ease-out';
+    const animationStyle = animated
+        ? {
+            transition: `opacity ${duration}ms ${easing}, transform ${duration}ms ${easing}`,
+        }
+        : { transition: 'none' };
+    return (jsx(Tooltip$1.Provider, { delay: delay, closeDelay: closeDelay, ...rootProps, children: jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { render: props => (jsx("div", { ...props, className: cx(tooltipTriggerStyle, props.className) })), children: children }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Positioner, { ...finalPositionerProps, children: jsx(Tooltip$1.Popup, { render: props => (jsxs("div", { ...props, className: cx(tooltipContentStyle, className, props.className), "data-testid": testId, id: id, style: {
+                                    ...animationStyle,
+                                    ...style,
+                                    ...props.style,
+                                }, ref: ref, ...htmlProps, children: [title, arrow && (jsx(StyledTooltipArrow, { children: jsx(ArrowSvg, {}) }))] })) }) }) })] }) }));
 };
 Tooltip.displayName = 'Tooltip';
 

package/dist/esm/components/primitives/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["BaseTooltip","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA8HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFG;AACI;;;AAuBH;;;;;;AAQA;AACI;AACE;AACA;AACA;AACqB;AACxB;AACH;;AAGF;;AASA;;;AAGE;AACA;;;AAGA;;;;AAKA;;;AAGI;;;;AAGF;;;;;AAMF;;;AAIF;AACA;AACA;;AAGE;;AAEG;AACH;;AA8BgB;AACA;;;AAoBpB;AAEA;;"}

package/dist/esm/components/primitives/Tooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/components/primitives/Tooltip/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAOA;;AAEG;AACU,MAAA,cAAc,GAAG,CAAC,SAA2B,KAAI;AAC5D,IAAA,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAGnD;IACD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE;AAC3C;AAEA;;AAEG;AACU,MAAA,sBAAsB,GAAG,CACpC,QAAkC,KAIhC;IACF,QAAQ,QAAQ;AACd,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,OAAO;AACb,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;AAC7B,gBAAA,gBAAgB,EAAE,IAAI;aACvB;AAEH,QAAA,KAAK,YAAY;YACf,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;aAC9B;AAEH,QAAA;YACE,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;;AAEP;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/primitives/Tooltip/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAOA;;AAEG;AACI,MAAM,cAAc,GAAG,CAAC,SAA2B,KAAI;AAC5D,IAAA,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAGnD;IACD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE;AAC3C;AAEA;;AAEG;AACI,MAAM,sBAAsB,GAAG,CACpC,QAAkC,KAIhC;IACF,QAAQ,QAAQ;AACd,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,OAAO;AACb,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;AAC7B,gBAAA,gBAAgB,EAAE,IAAI;aACvB;AAEH,QAAA,KAAK,YAAY;YACf,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;aAC9B;AAEH,QAAA;YACE,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;;AAEP;;;;"}

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

@@ -0,0 +1,10 @@
+import './../../../assets/src/components/primitives/canvas/CanvasContainer.css.ts.vanilla-DR3zkEYQ.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var ariaLiveRegionStyle = 'CanvasContainer_ariaLiveRegionStyle__ktqdsj7';
+var canvasContainerHeightVar = 'var(--canvasContainerHeightVar__ktqdsj0)';
+var canvasContainerRecipe = createRuntimeFn({defaultClassName:'CanvasContainer_canvasContainerRecipe__ktqdsj1',variantClassNames:{responsive:{true:'CanvasContainer_canvasContainerRecipe_responsive_true__ktqdsj2',false:'CanvasContainer_canvasContainerRecipe_responsive_false__ktqdsj3'}},defaultVariants:{responsive:false},compoundVariants:[]});
+var canvasRecipe = createRuntimeFn({defaultClassName:'CanvasContainer_canvasRecipe__ktqdsj4',variantClassNames:{disabled:{true:'CanvasContainer_canvasRecipe_disabled_true__ktqdsj5',false:'CanvasContainer_canvasRecipe_disabled_false__ktqdsj6'}},defaultVariants:{disabled:false},compoundVariants:[]});
+
+export { ariaLiveRegionStyle, canvasContainerHeightVar, canvasContainerRecipe, canvasRecipe };
+//# sourceMappingURL=CanvasContainer.css.js.map

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

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

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":";;;;;;;;;;;;;"}