@dxos/react-ui-canvas 0.8.4-main.ead640a → 0.8.4-main.f466a3d56e

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/Canvas/Canvas.tsx", "../../../src/hooks/projection.tsx", "../../../src/hooks/useCanvasContext.tsx", "../../../src/hooks/useWheel.tsx", "../../../src/util/svg.tsx", "../../../src/util/util.ts", "../../../src/components/FPS.tsx", "../../../src/components/Grid/Grid.tsx", "../../../src/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, {\n  type CSSProperties,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { CanvasContext, ProjectionMapper, type ProjectionState, defaultOrigin } from '../../hooks';\n\nexport interface CanvasController {\n  setProjection(projection: ProjectionState): Promise<void>;\n}\n\nexport type CanvasProps = ThemedClassName<PropsWithChildren<Partial<ProjectionState> & HTMLAttributes<HTMLDivElement>>>;\n\n/**\n * Root canvas component.\n * Manages CSS projection.\n */\nexport const Canvas = forwardRef<CanvasController, CanvasProps>(\n  ({ children, classNames, scale: _scale = 1, offset: _offset = defaultOrigin, ...props }, forwardedRef) => {\n    // Size.\n    const { ref, width = 0, height = 0 } = useResizeDetector();\n\n    // Ready when initially resized.\n    const [ready, setReady] = useState(false);\n\n    // Projection.\n    const [{ scale, offset }, setProjection] = useState<ProjectionState>({ scale: _scale, offset: _offset });\n    useEffect(() => {\n      if (width && height && offset === defaultOrigin) {\n        setProjection({ scale, offset: { x: width / 2, y: height / 2 } });\n      }\n    }, [width, height, scale, offset]);\n\n    // Projection mapper.\n    const projection = useMemo(() => new ProjectionMapper(), []);\n    useEffect(() => {\n      projection.update({ width, height }, scale, offset);\n      if (offset !== defaultOrigin) {\n        setReady(true);\n      }\n    }, [projection, scale, offset, width, height]);\n\n    // CSS transforms.\n    const styles = useMemo<CSSProperties>(() => {\n      return {\n        // NOTE: Order is important.\n        transform: `translate(${offset.x}px, ${offset.y}px) scale(${scale})`,\n        visibility: width && height ? 'visible' : 'hidden',\n      };\n    }, [scale, offset]);\n\n    // Controller.\n    useImperativeHandle(forwardedRef, () => {\n      return {\n        setProjection: async (projection: ProjectionState) => {\n          setProjection(projection);\n        },\n      };\n    }, [ref]);\n\n    return (\n      <CanvasContext.Provider\n        value={{ root: ref.current, ready, width, height, scale, offset, styles, projection, setProjection }}\n      >\n        <div role='none' {...props} className={mx('absolute inset-0 overflow-hidden', classNames)} ref={ref}>\n          {ready ? children : null}\n        </div>\n      </CanvasContext.Provider>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { easeSinOut, interpolate, interpolateObject, transition } from 'd3';\nimport {\n  type Matrix,\n  applyToPoints,\n  compose,\n  identity,\n  inverse,\n  scale as scaleMatrix,\n  translate as translateMatrix,\n} from 'transformation-matrix';\n\nimport { type Dimension, type Point } from '../types';\n\nexport const defaultOrigin: Point = { x: 0, y: 0 };\n\n// TODO(burdon): Rotation also?\nexport type ProjectionState = {\n  scale: number;\n  offset: Point;\n};\n\n/**\n * Maps between screen and model coordinates.\n */\nexport interface Projection {\n  get bounds(): Dimension;\n  get scale(): number;\n  get offset(): Point;\n\n  /**\n   * Maps the model space to the screen offset (from the top-left of the element).\n   */\n  toScreen(points: Point[]): Point[];\n\n  /**\n   * Maps the pointer coordinate (from the top-left of the element) to the model space.\n   */\n  toModel(points: Point[]): Point[];\n}\n\nexport class ProjectionMapper implements Projection {\n  private _bounds: Dimension = { width: 0, height: 0 };\n  private _scale: number = 1;\n  private _offset: Point = defaultOrigin;\n  private _toScreen: Matrix = identity();\n  private _toModel: Matrix = identity();\n\n  constructor(bounds?: Dimension, scale?: number, offset?: Point) {\n    if (bounds && scale && offset) {\n      this.update(bounds, scale, offset);\n    }\n  }\n\n  update(bounds: Dimension, scale: number, offset: Point): this {\n    this._bounds = bounds;\n    this._scale = scale;\n    this._offset = offset;\n    this._toScreen = compose(\n      // NOTE: Order is important.\n      translateMatrix(this._offset.x, this._offset.y),\n      scaleMatrix(this._scale),\n      // TODO(burdon): Flip.\n      // flipX(),\n    );\n    this._toModel = inverse(this._toScreen);\n    return this;\n  }\n\n  get bounds() {\n    return this._bounds;\n  }\n\n  get scale() {\n    return this._scale;\n  }\n\n  get offset() {\n    return this._offset;\n  }\n\n  toScreen(points: Point[]): Point[] {\n    return applyToPoints(this._toScreen, points);\n  }\n\n  toModel(points: Point[]): Point[] {\n    return applyToPoints(this._toModel, points);\n  }\n}\n\n/**\n * Maintain position while zooming.\n */\nexport const getZoomTransform = ({\n  scale,\n  offset,\n  pos,\n  newScale,\n}: ProjectionState & { pos: Point; newScale: number }): ProjectionState => {\n  return {\n    scale: newScale,\n    offset: {\n      x: pos.x - (pos.x - offset.x) * (newScale / scale),\n      y: pos.y - (pos.y - offset.y) * (newScale / scale),\n    },\n  };\n};\n\n/**\n * Zoom while keeping the specified position in place.\n */\n// TODO(burdon): Convert to object.\nexport const zoomInPlace = (\n  setTransform: (state: ProjectionState) => void,\n  pos: Point,\n  offset: Point,\n  current: number,\n  next: number,\n  delay = 200,\n) => {\n  const is = interpolate(current, next);\n  transition()\n    .ease(easeSinOut)\n    .duration(delay)\n    .tween('zoom', () => (t) => {\n      const newScale = is(t);\n      setTransform(getZoomTransform({ scale: current, newScale, offset, pos }));\n    });\n};\n\nconst noop = () => {};\n\n/**\n * Zoom to new scale and position.\n */\n// TODO(burdon): Convert to object.\nexport const zoomTo = (\n  setTransform: (state: ProjectionState) => void,\n  current: ProjectionState,\n  next: ProjectionState,\n  delay = 200,\n  cb = noop,\n) => {\n  const is = interpolateObject({ scale: current.scale, ...current.offset }, { scale: next.scale, ...next.offset });\n  transition()\n    .ease(easeSinOut)\n    .duration(delay)\n    .tween('zoom', () => (t) => {\n      const { scale, x, y } = is(t);\n      setTransform({ scale, offset: { x, y } });\n    })\n    .on('end', cb);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type CSSProperties, type Dispatch, type SetStateAction, createContext, useContext } from 'react';\n\nimport { raise } from '@dxos/debug';\n\nimport { type Projection, type ProjectionState } from './projection';\n\nexport type CanvasContext = ProjectionState & {\n  root: HTMLDivElement;\n  ready: boolean;\n  width: number;\n  height: number;\n  styles: CSSProperties;\n  projection: Projection;\n  setProjection: Dispatch<SetStateAction<ProjectionState>>;\n};\n\n/**\n * @internal\n */\n// TODO(burdon): Use radix?\nexport const CanvasContext = createContext<CanvasContext | null>(null);\n\nexport const useCanvasContext = (): CanvasContext => {\n  return useContext(CanvasContext) ?? raise(new Error('Missing CanvasContext'));\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { bindAll } from 'bind-event-listener';\nimport { useEffect } from 'react';\n\nimport { getRelativePoint } from '../util';\n\nimport { getZoomTransform } from './projection';\nimport { useCanvasContext } from './useCanvasContext';\n\nexport type WheelOptions = {\n  zoom?: boolean;\n};\n\nconst defaultOptions: WheelOptions = {\n  zoom: true,\n};\n\n/**\n * Handle wheel events to update the transform state (zoom and offset).\n */\nexport const useWheel = (options: WheelOptions = defaultOptions) => {\n  const { root, setProjection } = useCanvasContext();\n  useEffect(() => {\n    if (!root) {\n      return;\n    }\n\n    return bindAll(root, [\n      {\n        type: 'wheel',\n        options: { capture: true, passive: false },\n        listener: (ev: WheelEvent) => {\n          const zooming = isWheelZooming(ev);\n          if (!hasFocus(root) && !zooming) {\n            return;\n          }\n\n          ev.preventDefault();\n          if (zooming && !options.zoom) {\n            return;\n          }\n\n          // Zoom or pan.\n          if (ev.ctrlKey) {\n            if (!root) {\n              return;\n            }\n\n            // Keep centered while zooming.\n            setProjection(({ scale, offset }) => {\n              const pos = getRelativePoint(root, ev);\n              const scaleSensitivity = 0.01;\n              const newScale = scale * Math.exp(-ev.deltaY * scaleSensitivity);\n              return getZoomTransform({ scale, offset, newScale, pos });\n            });\n          } else {\n            setProjection(({ scale, offset: { x, y } }) => {\n              return {\n                scale,\n                offset: {\n                  x: x - ev.deltaX,\n                  y: y - ev.deltaY,\n                },\n              };\n            });\n          }\n        },\n      },\n    ]);\n  }, [root]);\n};\n\nconst isWheelZooming = (ev: WheelEvent): boolean => {\n  // Check for ctrl/cmd key + wheel action.\n  if (ev.ctrlKey || ev.metaKey) {\n    // Some browsers use deltaY, others deltaZ for zoom.\n    return Math.abs(ev.deltaY) > 0 || Math.abs(ev.deltaZ) > 0;\n  }\n\n  return false;\n};\n\nconst hasFocus = (element: HTMLElement): boolean => {\n  const activeElement = document.activeElement;\n  if (!activeElement) {\n    return false;\n  }\n\n  // Handle shadow DOM.\n  let shadowActive = activeElement;\n  while (shadowActive?.shadowRoot?.activeElement) {\n    shadowActive = shadowActive.shadowRoot.activeElement;\n  }\n\n  // Check if element or any parent has focus.\n  let current: HTMLElement | null = element;\n  while (current) {\n    if (current === activeElement || current === shadowActive) {\n      return true;\n    }\n    current = current.parentElement;\n  }\n\n  return false;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type SVGProps } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type Dimension, type Point } from '../types';\n\n// Refs\n//  - https://airbnb.io/visx/gallery\n//  - https://github.com/tldraw/tldraw/blob/main/packages/editor/src/lib/primitives/Vec.ts\n\nexport const createPath = (points: Point[], join = false) => {\n  return ['M', points.map(({ x, y }) => `${x},${y}`).join(' L '), join ? 'Z' : ''].join(' ');\n};\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\n * NOTE: Leave space around shape for line width.\n */\nexport const Markers = ({ id = 'dx-marker', classNames }: ThemedClassName<{ id?: string }>) => {\n  return (\n    <>\n      <Arrow id={`${id}-arrow-start`} dir='start' classNames={classNames} />\n      <Arrow id={`${id}-arrow-end`} dir='end' classNames={classNames} />\n      <Arrow id={`${id}-triangle-start`} dir='start' closed classNames={classNames} />\n      <Arrow id={`${id}-triangle-end`} dir='end' closed classNames={classNames} />\n      <Marker id={`${id}-circle`} pos={{ x: 8, y: 8 }} size={{ width: 16, height: 16 }}>\n        <circle cx={8} cy={8} r={5} stroke={'context-stroke'} className={mx(classNames)} />\n      </Marker>\n    </>\n  );\n};\n\nexport type MarkerProps = SVGProps<SVGMarkerElement> &\n  PropsWithChildren<\n    ThemedClassName<{\n      id: string;\n      pos: Point;\n      size: Dimension;\n      fill?: boolean;\n    }>\n  >;\n\n/**\n * https://www.w3.org/TR/SVG2/painting.html#Markers\n */\nexport const Marker = ({\n  id,\n  className,\n  children,\n  pos: { x: refX, y: refY },\n  size: { width: markerWidth, height: markerHeight },\n  fill,\n  ...rest\n}: MarkerProps) => (\n  <marker\n    id={id}\n    className={className}\n    {...{\n      refX,\n      refY,\n      markerWidth,\n      markerHeight,\n      markerUnits: 'strokeWidth',\n      orient: 'auto',\n      ...rest,\n    }}\n  >\n    {children}\n  </marker>\n);\n\nexport const Arrow = ({\n  classNames,\n  id,\n  size = 16,\n  dir = 'end',\n  closed = false,\n}: ThemedClassName<{ id: string; size?: number; dir?: 'start' | 'end'; closed?: boolean }>) => (\n  <Marker\n    id={id}\n    size={{ width: size, height: size }}\n    pos={dir === 'end' ? { x: size, y: size / 2 } : { x: 0, y: size / 2 }}\n  >\n    <path\n      fill={closed ? undefined : 'none'}\n      stroke={'context-stroke'}\n      className={mx(classNames)}\n      d={createPath(\n        dir === 'end'\n          ? [\n              { x: 1, y: 1 },\n              { x: size, y: size / 2 },\n              { x: 1, y: size - 1 },\n            ]\n          : [\n              { x: size - 1, y: 1 },\n              { x: 0, y: size / 2 },\n              { x: size - 1, y: size - 1 },\n            ],\n        closed,\n      )}\n    />\n  </Marker>\n);\n\nexport const GridPattern = ({\n  classNames,\n  id,\n  size,\n  offset,\n}: ThemedClassName<{ id: string; size: number; offset: Point }>) => (\n  <pattern\n    id={id}\n    x={(size / 2 + offset.x) % size}\n    y={(size / 2 + offset.y) % size}\n    width={size}\n    height={size}\n    patternUnits='userSpaceOnUse'\n  >\n    {/* TODO(burdon): vars. */}\n    <g className={mx(classNames)}>\n      <line x1={0} y1={size / 2} x2={size} y2={size / 2} />\n      <line x1={size / 2} y1={0} x2={size / 2} y2={size} />\n    </g>\n  </pattern>\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nlet logged = false;\n\n/**\n * Get the relative point of the cursor.\n * NOTE: ev.offset returns the position relative to the target.\n */\nexport const getRelativePoint = (el: HTMLElement, ev: MouseEvent) => {\n  const rect = el.getBoundingClientRect();\n  return { x: ev.clientX - rect.x, y: ev.clientY - rect.top };\n};\n\n/**\n *\n */\n// TODO(burdon): Factor out.\nexport const testId = <ID = string>(id: ID, inspect = false) => {\n  if (inspect) {\n    if (!logged) {\n      // eslint-disable-next-line no-console\n      console.log('Open storybook in expanded window;\\nthen run INSPECT()');\n      logged = true;\n    }\n\n    (window as any).INSPECT = () => {\n      const el = document.querySelector(`[data-test-id=\"${id}\"]`);\n      (window as any).inspect(el);\n      // eslint-disable-next-line no-console\n      console.log(el);\n    };\n  }\n\n  return { [DATA_TEST_ID]: id };\n};\n\nexport const inspectElement = (el: Element) => {\n  (window as any).INSPECT = () => {\n    (window as any).inspect(el);\n    (window as any).element = el;\n    // eslint-disable-next-line no-console\n    console.log('Open storybook in expanded window;\\nthen run INSPECT()');\n    // eslint-disable-next-line no-console\n    console.log(el);\n  };\n};\n\nexport const DATA_TEST_ID = 'data-test-id';\n", "//\n// Copyright 2024 DXOS.org\n// Adapted from: https://github.com/smplrspace/react-fps-stats\n//\n\nimport React, { useEffect, useReducer, useRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type FPSProps = ThemedClassName<{\n  width?: number;\n  height?: number;\n  bar?: string;\n}>;\n\ntype State = {\n  max: number;\n  len: number;\n  fps: number[];\n  frames: number;\n  prevTime: number;\n};\n\nconst SEC = 1_000;\n\nexport const FPS = ({ classNames, width = 60, height = 30, bar = 'bg-cyan-500' }: FPSProps) => {\n  const [{ fps, max, len }, dispatch] = useReducer(\n    (state: State) => {\n      const currentTime = Date.now();\n      if (currentTime > state.prevTime + SEC) {\n        const nextFPS = [\n          ...new Array(Math.floor((currentTime - state.prevTime - SEC) / SEC)).fill(0),\n          Math.max(1, Math.round((state.frames * SEC) / (currentTime - state.prevTime))),\n        ];\n        return {\n          max: Math.max(state.max, ...nextFPS),\n          len: Math.min(state.len + nextFPS.length, width),\n          fps: [...state.fps, ...nextFPS].slice(-width),\n          frames: 1,\n          prevTime: currentTime,\n        };\n      } else {\n        return { ...state, frames: state.frames + 1 };\n      }\n    },\n    {\n      max: 0,\n      len: 0,\n      fps: [],\n      frames: 0,\n      prevTime: Date.now(),\n    },\n  );\n\n  const requestRef = useRef<number | null>(null);\n  const tick = () => {\n    dispatch();\n    requestRef.current = requestAnimationFrame(tick);\n  };\n\n  useEffect(() => {\n    requestRef.current = requestAnimationFrame(tick);\n    return () => {\n      if (requestRef.current) {\n        cancelAnimationFrame(requestRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <div\n      style={{ width: width + 6 }}\n      className={mx(\n        'relative flex flex-col p-0.5',\n        'bg-baseSurface text-xs text-subdued font-thin pointer-events-none border border-separator',\n        classNames,\n      )}\n    >\n      <div>{fps[len - 1]} FPS</div>\n      <div className='w-full relative' style={{ height }}>\n        {fps.map((frame, i) => (\n          <div\n            key={`fps-${i}`}\n            className={bar}\n            style={{\n              position: 'absolute',\n              bottom: 0,\n              right: `${len - 1 - i}px`,\n              height: `${(height * frame) / max}px`,\n              width: 1,\n            }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef, useId, useMemo } from 'react';\n\nimport { type ThemedClassName, useForwardedRef } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useCanvasContext } from '../../hooks';\nimport { type Point } from '../../types';\nimport { GridPattern, testId } from '../../util';\n\nconst gridRatios = [1 / 4, 1, 4, 16];\n\nconst defaultGridSize = 16;\nconst defaultOffset: Point = { x: 0, y: 0 };\n\nconst createId = (parent: string, grid: number) => `dx-canvas-grid-${parent}-${grid}`;\n\nexport type GridProps = ThemedClassName<{\n  size?: number;\n  scale?: number;\n  offset?: Point;\n  showAxes?: boolean;\n}>;\n\nexport const GridComponent = forwardRef<SVGSVGElement, GridProps>(\n  (\n    { size: gridSize = defaultGridSize, scale = 1, offset = defaultOffset, showAxes = true, classNames },\n    forwardedRef,\n  ) => {\n    const svgRef = useForwardedRef(forwardedRef);\n    const instanceId = useId();\n    const grids = useMemo(\n      () =>\n        gridRatios\n          .map((ratio) => ({ id: ratio, size: ratio * gridSize * scale }))\n          .filter(({ size }) => size >= gridSize && size <= 256),\n      [gridSize, scale],\n    );\n\n    const { width = 0, height = 0 } = svgRef.current?.getBoundingClientRect() ?? {};\n\n    return (\n      <svg\n        {...testId('dx-canvas-grid')}\n        ref={svgRef}\n        className={mx(\n          'absolute inset-0 w-full h-full pointer-events-none touch-none select-none',\n          'stroke-neutral-500',\n          classNames,\n        )}\n      >\n        {/* NOTE: The pattern is offset so that the middle of the pattern aligns with the grid. */}\n        <defs>\n          {grids.map(({ id, size }) => (\n            <GridPattern key={id} id={createId(instanceId, id)} offset={offset} size={size} />\n          ))}\n        </defs>\n        {showAxes && (\n          <>\n            <line x1={0} y1={offset.y} x2={width} y2={offset.y} className='stroke-neutral-500 opacity-40' />\n            <line x1={offset.x} y1={0} x2={offset.x} y2={height} className='stroke-neutral-500 opacity-40' />\n          </>\n        )}\n        <g>\n          {grids.map(({ id }, i) => (\n            <rect\n              key={id}\n              opacity={0.1 + i * 0.05}\n              fill={`url(#${createId(instanceId, id)})`}\n              width='100%'\n              height='100%'\n            />\n          ))}\n        </g>\n      </svg>\n    );\n  },\n);\n\n// TODO(burdon): Use id of parent canvas.\nexport const Grid = (props: GridProps) => {\n  const { scale, offset } = useCanvasContext();\n  return <GridComponent {...props} scale={scale} offset={offset} />;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nexport const Point = Schema.Struct({ x: Schema.Number, y: Schema.Number });\nexport const Dimension = Schema.Struct({ width: Schema.Number, height: Schema.Number });\nexport const Rect = Schema.extend(Point, Dimension);\n\nexport type Point = Schema.Schema.Type<typeof Point>;\nexport type Dimension = Schema.Schema.Type<typeof Dimension>;\nexport type Rect = Schema.Schema.Type<typeof Rect>;\n"],
-  "mappings": "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",
-  "names": ["React", "forwardRef", "useEffect", "useImperativeHandle", "useMemo", "useState", "useResizeDetector", "mx", "easeSinOut", "interpolate", "interpolateObject", "transition", "applyToPoints", "compose", "identity", "inverse", "scale", "scaleMatrix", "translate", "translateMatrix", "defaultOrigin", "x", "y", "ProjectionMapper", "update", "bounds", "scale", "offset", "_bounds", "_scale", "_offset", "_toScreen", "compose", "translateMatrix", "scaleMatrix", "_toModel", "inverse", "toScreen", "points", "applyToPoints", "toModel", "width", "height", "identity", "getZoomTransform", "pos", "newScale", "zoomInPlace", "setTransform", "current", "next", "delay", "is", "interpolate", "transition", "ease", "easeSinOut", "duration", "tween", "t", "noop", "zoomTo", "cb", "interpolateObject", "on", "createContext", "useContext", "raise", "CanvasContext", "createContext", "useCanvasContext", "useContext", "raise", "Error", "bindAll", "useEffect", "React", "mx", "createPath", "points", "join", "map", "x", "y", "Markers", "id", "classNames", "Arrow", "dir", "closed", "Marker", "pos", "size", "width", "height", "circle", "cx", "cy", "r", "stroke", "className", "mx", "children", "refX", "refY", "markerWidth", "markerHeight", "fill", "rest", "marker", "markerUnits", "orient", "path", "undefined", "d", "GridPattern", "offset", "pattern", "patternUnits", "g", "line", "x1", "y1", "x2", "y2", "logged", "getRelativePoint", "el", "ev", "rect", "getBoundingClientRect", "x", "clientX", "y", "clientY", "top", "testId", "id", "inspect", "console", "log", "window", "INSPECT", "document", "querySelector", "DATA_TEST_ID", "inspectElement", "element", "defaultOptions", "zoom", "useWheel", "options", "root", "setProjection", "useCanvasContext", "useEffect", "bindAll", "type", "capture", "passive", "listener", "ev", "zooming", "isWheelZooming", "hasFocus", "preventDefault", "ctrlKey", "scale", "offset", "pos", "getRelativePoint", "scaleSensitivity", "newScale", "Math", "exp", "deltaY", "getZoomTransform", "x", "y", "deltaX", "metaKey", "abs", "deltaZ", "element", "activeElement", "document", "shadowActive", "shadowRoot", "current", "parentElement", "Canvas", "forwardRef", "children", "classNames", "scale", "_scale", "offset", "_offset", "defaultOrigin", "props", "forwardedRef", "ref", "width", "height", "useResizeDetector", "ready", "setReady", "useState", "setProjection", "useEffect", "x", "y", "projection", "useMemo", "ProjectionMapper", "update", "styles", "transform", "visibility", "useImperativeHandle", "React", "CanvasContext", "Provider", "value", "root", "current", "div", "role", "className", "mx", "React", "useEffect", "useReducer", "useRef", "mx", "SEC", "FPS", "classNames", "width", "height", "bar", "fps", "max", "len", "dispatch", "useReducer", "state", "currentTime", "Date", "now", "prevTime", "nextFPS", "Array", "Math", "floor", "fill", "round", "frames", "min", "length", "slice", "requestRef", "useRef", "tick", "current", "requestAnimationFrame", "useEffect", "cancelAnimationFrame", "React", "div", "style", "className", "mx", "map", "frame", "i", "key", "position", "bottom", "right", "React", "forwardRef", "useId", "useMemo", "useForwardedRef", "mx", "gridRatios", "defaultGridSize", "defaultOffset", "x", "y", "createId", "parent", "grid", "GridComponent", "forwardRef", "size", "gridSize", "scale", "offset", "showAxes", "classNames", "forwardedRef", "svgRef", "useForwardedRef", "instanceId", "useId", "grids", "useMemo", "map", "ratio", "id", "filter", "width", "height", "current", "getBoundingClientRect", "React", "svg", "testId", "ref", "className", "mx", "defs", "GridPattern", "key", "line", "x1", "y1", "x2", "y2", "g", "i", "rect", "opacity", "fill", "Grid", "props", "useCanvasContext", "Schema", "Point", "Struct", "x", "Number", "y", "Dimension", "width", "height", "Rect", "extend"]
+  "sources": ["../../../src/components/Canvas/Canvas.tsx", "../../../src/hooks/projection.tsx", "../../../src/hooks/useCanvasContext.tsx", "../../../src/hooks/useDrag.tsx", "../../../src/hooks/useWheel.tsx", "../../../src/util/svg.tsx", "../../../src/util/util.ts", "../../../src/components/CellGrid/CellGrid.tsx", "../../../src/components/CellGrid/headers/Ruler.tsx", "../../../src/components/CellGrid/state/viewport.ts", "../../../src/components/CellGrid/headers/TrackHeader.tsx", "../../../src/components/CellGrid/input/pointer.ts", "../../../src/components/CellGrid/input/wheel.ts", "../../../src/components/CellGrid/render/overlay-layer.ts", "../../../src/components/CellGrid/render/static-layer.ts", "../../../src/components/CellGrid/state/atoms.ts", "../../../src/components/FPS.tsx", "../../../src/components/Grid/Grid.tsx", "../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, {\n  type CSSProperties,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { CanvasContext, ProjectionMapper, type ProjectionState, defaultOrigin } from '../../hooks';\n\nexport interface CanvasController {\n  setProjection(projection: ProjectionState): Promise<void>;\n}\n\nexport type CanvasProps = ThemedClassName<PropsWithChildren<Partial<ProjectionState> & HTMLAttributes<HTMLDivElement>>>;\n\n/**\n * Root canvas component.\n * Manages CSS projection.\n */\nexport const Canvas = forwardRef<CanvasController, CanvasProps>(\n  ({ children, classNames, scale: scaleProp = 1, offset: offsetProp = defaultOrigin, ...props }, forwardedRef) => {\n    // Size.\n    const { ref, width = 0, height = 0 } = useResizeDetector();\n\n    // Ready when initially resized.\n    const [ready, setReady] = useState(false);\n\n    // Projection.\n    const [{ scale, offset }, setProjection] = useState<ProjectionState>({ scale: scaleProp, offset: offsetProp });\n    useEffect(() => {\n      if (width && height && offset === defaultOrigin) {\n        setProjection({ scale, offset: { x: width / 2, y: height / 2 } });\n      }\n    }, [width, height, scale, offset]);\n\n    // Projection mapper.\n    const projection = useMemo(() => new ProjectionMapper(), []);\n    useEffect(() => {\n      projection.update({ width, height }, scale, offset);\n      if (offset !== defaultOrigin) {\n        setReady(true);\n      }\n    }, [projection, scale, offset, width, height]);\n\n    // CSS transforms.\n    const styles = useMemo<CSSProperties>(() => {\n      return {\n        // NOTE: Order is important.\n        transform: `translate(${offset.x}px, ${offset.y}px) scale(${scale})`,\n        visibility: width && height ? 'visible' : 'hidden',\n      };\n    }, [scale, offset]);\n\n    // Controller.\n    useImperativeHandle(forwardedRef, () => {\n      return {\n        setProjection: async (projection: ProjectionState) => {\n          setProjection(projection);\n        },\n      };\n    }, [ref]);\n\n    return (\n      <CanvasContext.Provider\n        value={{ root: ref.current, ready, width, height, scale, offset, styles, projection, setProjection }}\n      >\n        <div {...props} className={mx('absolute inset-0 overflow-hidden', classNames)} ref={ref}>\n          {ready ? children : null}\n        </div>\n      </CanvasContext.Provider>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { easeSinOut, interpolate, interpolateObject, transition } from 'd3';\nimport {\n  type Matrix,\n  applyToPoints,\n  compose,\n  identity,\n  inverse,\n  scale as scaleMatrix,\n  translate as translateMatrix,\n} from 'transformation-matrix';\n\nimport { type Dimension, type Point } from '../types';\n\nexport const defaultOrigin: Point = { x: 0, y: 0 };\n\n// TODO(burdon): Rotation also?\nexport type ProjectionState = {\n  scale: number;\n  offset: Point;\n};\n\n/**\n * Maps between screen and model coordinates.\n */\nexport interface Projection {\n  get bounds(): Dimension;\n  get scale(): number;\n  get offset(): Point;\n\n  /**\n   * Maps the model space to the screen offset (from the top-left of the element).\n   */\n  toScreen(points: Point[]): Point[];\n\n  /**\n   * Maps the pointer coordinate (from the top-left of the element) to the model space.\n   */\n  toModel(points: Point[]): Point[];\n}\n\nexport class ProjectionMapper implements Projection {\n  private _bounds: Dimension = { width: 0, height: 0 };\n  private _scale: number = 1;\n  private _offset: Point = defaultOrigin;\n  private _toScreen: Matrix = identity();\n  private _toModel: Matrix = identity();\n\n  constructor(bounds?: Dimension, scale?: number, offset?: Point) {\n    if (bounds && scale && offset) {\n      this.update(bounds, scale, offset);\n    }\n  }\n\n  update(bounds: Dimension, scale: number, offset: Point): this {\n    this._bounds = bounds;\n    this._scale = scale;\n    this._offset = offset;\n    this._toScreen = compose(\n      // NOTE: Order is important.\n      translateMatrix(this._offset.x, this._offset.y),\n      scaleMatrix(this._scale),\n      // TODO(burdon): Flip.\n      // flipX(),\n    );\n    this._toModel = inverse(this._toScreen);\n    return this;\n  }\n\n  get bounds() {\n    return this._bounds;\n  }\n\n  get scale() {\n    return this._scale;\n  }\n\n  get offset() {\n    return this._offset;\n  }\n\n  toScreen(points: Point[]): Point[] {\n    return applyToPoints(this._toScreen, points);\n  }\n\n  toModel(points: Point[]): Point[] {\n    return applyToPoints(this._toModel, points);\n  }\n}\n\n/**\n * Maintain position while zooming.\n */\nexport const getZoomTransform = ({\n  scale,\n  offset,\n  pos,\n  newScale,\n}: ProjectionState & { pos: Point; newScale: number }): ProjectionState => {\n  return {\n    scale: newScale,\n    offset: {\n      x: pos.x - (pos.x - offset.x) * (newScale / scale),\n      y: pos.y - (pos.y - offset.y) * (newScale / scale),\n    },\n  };\n};\n\n/**\n * Zoom while keeping the specified position in place.\n */\n// TODO(burdon): Convert to object.\nexport const zoomInPlace = (\n  setTransform: (state: ProjectionState) => void,\n  pos: Point,\n  offset: Point,\n  current: number,\n  next: number,\n  delay = 200,\n) => {\n  const is = interpolate(current, next);\n  transition()\n    .ease(easeSinOut)\n    .duration(delay)\n    .tween('zoom', () => (t) => {\n      const newScale = is(t);\n      setTransform(getZoomTransform({ scale: current, newScale, offset, pos }));\n    });\n};\n\nconst noop = () => {};\n\n/**\n * Zoom to new scale and position.\n */\n// TODO(burdon): Convert to object.\nexport const zoomTo = (\n  setTransform: (state: ProjectionState) => void,\n  current: ProjectionState,\n  next: ProjectionState,\n  delay = 200,\n  cb = noop,\n) => {\n  const is = interpolateObject({ scale: current.scale, ...current.offset }, { scale: next.scale, ...next.offset });\n  transition()\n    .ease(easeSinOut)\n    .duration(delay)\n    .tween('zoom', () => (t) => {\n      const { scale, x, y } = is(t);\n      setTransform({ scale, offset: { x, y } });\n    })\n    .on('end', cb);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type CSSProperties, type Dispatch, type SetStateAction, createContext, useContext } from 'react';\n\nimport { raise } from '@dxos/debug';\n\nimport { type Projection, type ProjectionState } from './projection';\n\nexport type CanvasContext = ProjectionState & {\n  root: HTMLDivElement;\n  ready: boolean;\n  width: number;\n  height: number;\n  styles: CSSProperties;\n  projection: Projection;\n  setProjection: Dispatch<SetStateAction<ProjectionState>>;\n};\n\n/**\n * @internal\n */\n// TODO(burdon): Use radix?\nexport const CanvasContext = createContext<CanvasContext | null>(null);\n\nexport const useCanvasContext = (): CanvasContext => {\n  return useContext(CanvasContext) ?? raise(new Error('Missing CanvasContext'));\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { bind } from 'bind-event-listener';\nimport { useEffect, useRef } from 'react';\n\nimport { useCanvasContext } from './useCanvasContext';\n\nexport type DragOptions = {\n  // TODO(burdon): Add constraints?\n};\n\n/**\n * Handle drag events to update the transform state (offset).\n */\nexport const useDrag = (_options: DragOptions = {}) => {\n  const { root, setProjection } = useCanvasContext();\n\n  // Track drag state.\n  const state = useRef<{\n    panning: boolean;\n    x: number;\n    y: number;\n  }>({ panning: false, x: 0, y: 0 });\n\n  useEffect(() => {\n    if (!root) {\n      return;\n    }\n\n    // TODO(burdon): Use d3-drag?\n    return bind(root, {\n      type: 'pointerdown',\n      listener: (ev: PointerEvent) => {\n        // Only left click.\n        if (ev.button !== 0) {\n          return;\n        }\n\n        if (ev.defaultPrevented) {\n          return;\n        }\n\n        if (ev.target !== root || ev.shiftKey) {\n          return;\n        }\n\n        // Check if clicking on an interactive element?\n        // For now, assume if it bubbled to root, it's fair game unless prevented.\n\n        ev.preventDefault(); // Prevent text selection.\n        root.setPointerCapture(ev.pointerId);\n        state.current = { panning: true, x: ev.clientX, y: ev.clientY };\n\n        const moveUnbind = bind(root, {\n          type: 'pointermove',\n          listener: (ev: PointerEvent) => {\n            if (!state.current.panning) {\n              return;\n            }\n\n            // Calculate delta.\n            const dx = ev.clientX - state.current.x;\n            const dy = ev.clientY - state.current.y;\n\n            state.current.x = ev.clientX;\n            state.current.y = ev.clientY;\n\n            setProjection((prev) => ({\n              ...prev,\n              offset: {\n                x: prev.offset.x + dx,\n                y: prev.offset.y + dy,\n              },\n            }));\n          },\n        });\n\n        const upUnbind = bind(root, {\n          type: 'pointerup',\n          listener: (ev: PointerEvent) => {\n            state.current.panning = false;\n            root.releasePointerCapture(ev.pointerId);\n            moveUnbind();\n            upUnbind();\n            // Clean up lostpointercapture as well?\n          },\n        });\n\n        // Handle cancellation/lost capture just in case?\n        // Using setPointerCapture usually handles this well on the element.\n      },\n    });\n  }, [root]);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { bindAll } from 'bind-event-listener';\nimport { useEffect } from 'react';\n\nimport { getRelativePoint } from '../util';\nimport { getZoomTransform } from './projection';\nimport { useCanvasContext } from './useCanvasContext';\n\nexport type WheelOptions = {\n  zoom?: boolean;\n};\n\nconst defaultOptions: WheelOptions = {\n  zoom: true,\n};\n\n/**\n * Handle wheel events to update the transform state (zoom and offset).\n */\nexport const useWheel = (options: WheelOptions = defaultOptions) => {\n  const { root, setProjection } = useCanvasContext();\n  useEffect(() => {\n    if (!root) {\n      return;\n    }\n\n    return bindAll(root, [\n      {\n        type: 'wheel',\n        options: { capture: true, passive: false },\n        listener: (ev: WheelEvent) => {\n          const zooming = isWheelZooming(ev);\n\n          ev.preventDefault();\n          if (zooming && !options.zoom) {\n            return;\n          }\n\n          // Zoom or pan.\n          if (ev.ctrlKey) {\n            if (!root) {\n              return;\n            }\n\n            // Keep centered while zooming.\n            setProjection(({ scale, offset }) => {\n              const pos = getRelativePoint(root, ev);\n              const scaleSensitivity = 0.01;\n              const newScale = scale * Math.exp(-ev.deltaY * scaleSensitivity);\n              return getZoomTransform({ scale, offset, newScale, pos });\n            });\n          } else {\n            setProjection(({ scale, offset: { x, y } }) => {\n              return {\n                scale,\n                offset: {\n                  x: x - ev.deltaX,\n                  y: y - ev.deltaY,\n                },\n              };\n            });\n          }\n        },\n      },\n    ]);\n  }, [root]);\n};\n\nconst isWheelZooming = (ev: WheelEvent): boolean => {\n  // Check for ctrl/cmd key + wheel action.\n  if (ev.ctrlKey || ev.metaKey) {\n    // Some browsers use deltaY, others deltaZ for zoom.\n    return Math.abs(ev.deltaY) > 0 || Math.abs(ev.deltaZ) > 0;\n  }\n\n  return false;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type SVGProps } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { type Dimension, type Point } from '../types';\n\n// Refs\n//  - https://airbnb.io/visx/gallery\n//  - https://github.com/tldraw/tldraw/blob/main/packages/editor/src/lib/primitives/Vec.ts\n\nexport const createPath = (points: Point[], join = false) => {\n  return ['M', points.map(({ x, y }) => `${x},${y}`).join(' L '), join ? 'Z' : ''].join(' ');\n};\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\n * NOTE: Leave space around shape for line width.\n */\nexport const Markers = ({ id = 'dx-marker', classNames }: ThemedClassName<{ id?: string }>) => {\n  return (\n    <>\n      <Arrow id={`${id}-arrow-start`} dir='start' classNames={classNames} />\n      <Arrow id={`${id}-arrow-end`} dir='end' classNames={classNames} />\n      <Arrow id={`${id}-triangle-start`} dir='start' closed classNames={classNames} />\n      <Arrow id={`${id}-triangle-end`} dir='end' closed classNames={classNames} />\n      <Marker id={`${id}-circle`} pos={{ x: 8, y: 8 }} size={{ width: 16, height: 16 }}>\n        <circle cx={8} cy={8} r={5} stroke={'context-stroke'} className={mx(classNames)} />\n      </Marker>\n    </>\n  );\n};\n\nexport type MarkerProps = SVGProps<SVGMarkerElement> &\n  PropsWithChildren<\n    ThemedClassName<{\n      id: string;\n      pos: Point;\n      size: Dimension;\n      fill?: boolean;\n    }>\n  >;\n\n/**\n * https://www.w3.org/TR/SVG2/painting.html#Markers\n */\nexport const Marker = ({\n  id,\n  className,\n  children,\n  pos: { x: refX, y: refY },\n  size: { width: markerWidth, height: markerHeight },\n  fill,\n  ...rest\n}: MarkerProps) => (\n  <marker\n    id={id}\n    className={className}\n    {...{\n      refX,\n      refY,\n      markerWidth,\n      markerHeight,\n      markerUnits: 'strokeWidth',\n      orient: 'auto',\n      ...rest,\n    }}\n  >\n    {children}\n  </marker>\n);\n\nexport const Arrow = ({\n  classNames,\n  id,\n  size = 16,\n  dir = 'end',\n  closed = false,\n}: ThemedClassName<{ id: string; size?: number; dir?: 'start' | 'end'; closed?: boolean }>) => (\n  <Marker\n    id={id}\n    size={{ width: size, height: size }}\n    pos={dir === 'end' ? { x: size, y: size / 2 } : { x: 0, y: size / 2 }}\n  >\n    <path\n      fill={closed ? undefined : 'none'}\n      stroke={'context-stroke'}\n      className={mx(classNames)}\n      d={createPath(\n        dir === 'end'\n          ? [\n              { x: 1, y: 1 },\n              { x: size, y: size / 2 },\n              { x: 1, y: size - 1 },\n            ]\n          : [\n              { x: size - 1, y: 1 },\n              { x: 0, y: size / 2 },\n              { x: size - 1, y: size - 1 },\n            ],\n        closed,\n      )}\n    />\n  </Marker>\n);\n\nexport const GridPattern = ({\n  classNames,\n  id,\n  size,\n  offset,\n}: ThemedClassName<{ id: string; size: number; offset: Point }>) => (\n  <pattern\n    id={id}\n    x={(size / 2 + offset.x) % size}\n    y={(size / 2 + offset.y) % size}\n    width={size}\n    height={size}\n    patternUnits='userSpaceOnUse'\n  >\n    {/* TODO(burdon): vars. */}\n    <g className={mx(classNames)}>\n      <line x1={0} y1={size / 2} x2={size} y2={size / 2} />\n      <line x1={size / 2} y1={0} x2={size / 2} y2={size} />\n    </g>\n  </pattern>\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nlet logged = false;\n\n/**\n * Get the relative point of the cursor.\n * NOTE: ev.offset returns the position relative to the target.\n */\nexport const getRelativePoint = (el: HTMLElement, ev: MouseEvent) => {\n  const rect = el.getBoundingClientRect();\n  return { x: ev.clientX - rect.x, y: ev.clientY - rect.top };\n};\n\n/**\n *\n */\n// TODO(burdon): Factor out.\nexport const testId = <ID = string>(id: ID, inspect = false) => {\n  if (inspect) {\n    if (!logged) {\n      // eslint-disable-next-line no-console\n      console.log('Open storybook in expanded window;\\nthen run INSPECT()');\n      logged = true;\n    }\n\n    (window as any).INSPECT = () => {\n      const el = document.querySelector(`[data-test-id=\"${id}\"]`);\n      (window as any).inspect(el);\n      // eslint-disable-next-line no-console\n      console.log(el);\n    };\n  }\n\n  return { [DATA_TEST_ID]: id };\n};\n\nexport const inspectElement = (el: Element) => {\n  (window as any).INSPECT = () => {\n    (window as any).inspect(el);\n    (window as any).element = el;\n    // eslint-disable-next-line no-console\n    console.log('Open storybook in expanded window;\\nthen run INSPECT()');\n    // eslint-disable-next-line no-console\n    console.log(el);\n  };\n};\n\nexport const DATA_TEST_ID = 'data-test-id';\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport type { ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { Ruler, TrackHeader } from './headers';\nimport { attachPointerHandlers, attachWheelHandlers, type PointerHandlers } from './input';\nimport { drawCells, drawOverlay, type OverlayStyle, type RenderCell, type StaticLayerStyle } from './render';\nimport type { CellGridAtoms } from './state/atoms';\nimport type { Cell, Headers, Row } from './state/types';\n\nexport type CellGridProps<T = unknown> = ThemedClassName<\n  PointerHandlers & {\n    atoms: CellGridAtoms<T>;\n    rows: ReadonlyArray<Row>;\n    renderCell: RenderCell<T>;\n    headers?: Partial<Headers> | false;\n    staticStyle?: Partial<StaticLayerStyle>;\n    overlayStyle?: Partial<OverlayStyle>;\n  }\n>;\n\nconst defaultHeaders: Headers = { left: 80, top: 24 };\n\nconst defaultStaticStyle: StaticLayerStyle = {\n  gridLine: 'rgba(128,128,128,0.25)',\n  rowBand: 'rgba(128,128,128,0.06)',\n};\n\nconst defaultOverlayStyle: OverlayStyle = {\n  playhead: 'rgb(220, 38, 38)',\n  selectionFill: 'rgba(59, 130, 246, 0.15)',\n  selectionStroke: 'rgb(59, 130, 246)',\n};\n\nconst setupCanvas = (canvas: HTMLCanvasElement, width: number, height: number): CanvasRenderingContext2D | null => {\n  const dpr = window.devicePixelRatio || 1;\n  canvas.width = Math.max(1, Math.floor(width * dpr));\n  canvas.height = Math.max(1, Math.floor(height * dpr));\n  canvas.style.width = `${width}px`;\n  canvas.style.height = `${height}px`;\n  const ctx = canvas.getContext('2d');\n  if (!ctx) {\n    return null;\n  }\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  return ctx;\n};\n\n/**\n * Canvas-based 2D grid where cells contain pluggable shapes. Suitable for music sequencers,\n * time-series data viz, and similar workloads at ~1k visible cells per viewport.\n */\nexport const CellGrid = <T,>({\n  atoms,\n  rows,\n  renderCell,\n  headers: headersProp,\n  staticStyle: staticStyleProp,\n  overlayStyle: overlayStyleProp,\n  classNames,\n  onCellToggle,\n  onSelectionCommit,\n}: CellGridProps<T>) => {\n  const registry = useContext(RegistryContext);\n\n  const headers = useMemo<Headers>(() => {\n    if (headersProp === false) {\n      return { left: 0, top: 0 };\n    }\n    return { ...defaultHeaders, ...(headersProp ?? {}) };\n  }, [headersProp]);\n\n  const staticStyle = useMemo<StaticLayerStyle>(\n    () => ({ ...defaultStaticStyle, ...(staticStyleProp ?? {}) }),\n    [staticStyleProp],\n  );\n  const overlayStyle = useMemo<OverlayStyle>(\n    () => ({ ...defaultOverlayStyle, ...(overlayStyleProp ?? {}) }),\n    [overlayStyleProp],\n  );\n\n  const { ref: containerRef, width = 0, height = 0 } = useResizeDetector<HTMLDivElement>();\n  const staticCanvasRef = useRef<HTMLCanvasElement>(null);\n  const overlayCanvasRef = useRef<HTMLCanvasElement>(null);\n  const overlayInputRef = useRef<HTMLDivElement>(null);\n\n  const [staticCtx, setStaticCtx] = useState<CanvasRenderingContext2D | null>(null);\n  const [overlayCtx, setOverlayCtx] = useState<CanvasRenderingContext2D | null>(null);\n\n  // Track header rerenders for the React-side ruler/track-header.\n  const [viewportState, setViewportState] = useState(() => registry.get(atoms.viewport));\n\n  // Resize canvases on container resize.\n  useEffect(() => {\n    if (!width || !height) {\n      return;\n    }\n    if (staticCanvasRef.current) {\n      const ctx = setupCanvas(staticCanvasRef.current, width, height);\n      setStaticCtx(ctx);\n    }\n    if (overlayCanvasRef.current) {\n      const ctx = setupCanvas(overlayCanvasRef.current, width, height);\n      setOverlayCtx(ctx);\n    }\n  }, [width, height]);\n\n  // Mirror viewport into React state so headers re-render on scroll/zoom.\n  useEffect(() => registry.subscribe(atoms.viewport, (next) => setViewportState(next)), [registry, atoms.viewport]);\n\n  // Static-layer redraw on (cells, viewport, rows, headers, style, size) change.\n  useEffect(() => {\n    if (!staticCtx || !width || !height) {\n      return;\n    }\n    let raf: number | null = null;\n    const schedule = () => {\n      if (raf !== null) {\n        return;\n      }\n      raf = requestAnimationFrame(() => {\n        raf = null;\n        drawCells({\n          ctx: staticCtx,\n          size: { width, height },\n          viewport: registry.get(atoms.viewport),\n          headers,\n          rows,\n          cells: registry.get(atoms.cells),\n          renderCell,\n          style: staticStyle,\n        });\n      });\n    };\n    schedule();\n    const unsubCells = registry.subscribe(atoms.cells, schedule);\n    const unsubViewport = registry.subscribe(atoms.viewport, schedule);\n    return () => {\n      if (raf !== null) {\n        cancelAnimationFrame(raf);\n      }\n      unsubCells();\n      unsubViewport();\n    };\n  }, [staticCtx, width, height, registry, atoms.cells, atoms.viewport, headers, rows, renderCell, staticStyle]);\n\n  // Overlay rAF loop while playhead or active selection drag.\n  useEffect(() => {\n    if (!overlayCtx || !width || !height) {\n      return;\n    }\n    let raf: number | null = null;\n    let stopped = false;\n\n    const paint = () => {\n      drawOverlay({\n        ctx: overlayCtx,\n        size: { width, height },\n        viewport: registry.get(atoms.viewport),\n        headers,\n        selection: registry.get(atoms.selection),\n        playhead: registry.get(atoms.playhead),\n        style: overlayStyle,\n      });\n    };\n\n    const isAnimating = () => registry.get(atoms.playhead) !== null;\n\n    const loop = () => {\n      if (stopped) {\n        return;\n      }\n      paint();\n      if (isAnimating()) {\n        raf = requestAnimationFrame(loop);\n      } else {\n        raf = null;\n      }\n    };\n\n    const kick = () => {\n      paint();\n      if (raf === null && isAnimating()) {\n        raf = requestAnimationFrame(loop);\n      }\n    };\n\n    kick();\n    const unsubSelection = registry.subscribe(atoms.selection, () => paint());\n    const unsubPlayhead = registry.subscribe(atoms.playhead, kick);\n    const unsubViewport = registry.subscribe(atoms.viewport, () => paint());\n\n    return () => {\n      stopped = true;\n      if (raf !== null) {\n        cancelAnimationFrame(raf);\n      }\n      unsubSelection();\n      unsubPlayhead();\n      unsubViewport();\n    };\n  }, [overlayCtx, width, height, registry, atoms.selection, atoms.playhead, atoms.viewport, headers, overlayStyle]);\n\n  // Input wiring. Keep the callbacks in a ref so the listener attachment is stable\n  // across consumer re-renders — otherwise an in-progress drag is torn down when\n  // the parent's onCellToggle identity changes (e.g. after the very mutation we\n  // just triggered), and subsequent pointermove events see drag === null.\n  const callbacksRef = useRef<PointerHandlers>({ onCellToggle, onSelectionCommit });\n  callbacksRef.current = { onCellToggle, onSelectionCommit };\n  useEffect(() => {\n    const element = overlayInputRef.current;\n    if (!element) {\n      return;\n    }\n    const detachPointer = attachPointerHandlers(element, {\n      registry,\n      atoms,\n      headers,\n      handlers: {\n        onCellToggle: (coord, mode) => callbacksRef.current.onCellToggle?.(coord, mode),\n        onSelectionCommit: (range) => callbacksRef.current.onSelectionCommit?.(range),\n      },\n    });\n    const detachWheel = attachWheelHandlers(element, { registry, atoms, headers });\n    return () => {\n      detachPointer();\n      detachWheel();\n    };\n  }, [registry, atoms, headers]);\n\n  return (\n    <div ref={containerRef} className={mx('relative w-full h-full overflow-hidden bg-baseSurface', classNames)}>\n      {/*\n        Canvases are nudged up + left 1 CSS pixel so the gridlines (drawn at the TOP\n        and LEFT edges of each cell) sit on top of the frozen header dividers — the\n        TrackHeader's right border and bottom-row box-shadow, which both render 1px\n        inside the box. Without this offset the canvas gridlines land 1px down/right\n        of the header dividers and the columns read as misaligned.\n      */}\n      <canvas ref={staticCanvasRef} className='absolute inset-0 pointer-events-none' style={{ top: -1, left: -1 }} />\n      <canvas ref={overlayCanvasRef} className='absolute inset-0 pointer-events-none' style={{ top: -1, left: -1 }} />\n      <div\n        ref={overlayInputRef}\n        className='absolute inset-0 touch-none'\n        style={{ paddingLeft: headers.left, paddingTop: headers.top }}\n      />\n      {headers.top > 0 && <Ruler viewport={viewportState} headers={headers} width={width} />}\n      {headers.left > 0 && <TrackHeader viewport={viewportState} headers={headers} rows={rows} height={height} />}\n      {headers.top > 0 && headers.left > 0 && (\n        <div\n          className='absolute top-0 left-0 border-b border-r border-neutral-200 dark:border-neutral-700 bg-baseSurface'\n          style={{ width: headers.left, height: headers.top }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport type { Cell };\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { mx } from '@dxos/ui-theme';\n\nimport type { Headers, Viewport } from '../state/types';\nimport { cellWidth } from '../state/viewport';\n\nexport type RulerProps = {\n  viewport: Viewport;\n  headers: Headers;\n  width: number;\n  /** Number of columns to label between major ticks. */\n  majorEvery?: number;\n  classNames?: string;\n};\n\n/**\n * Frozen top ruler. Ticks reflect the current viewport scroll and zoom.\n */\nexport const Ruler = ({ viewport, headers, width, majorEvery = 4, classNames }: RulerProps) => {\n  // Clamp to >= 1 — a zero or negative `majorEvery` makes `col % majorEvery`\n  // NaN / always-zero and breaks major-tick detection.\n  const safeMajorEvery = Math.max(1, Math.floor(majorEvery));\n  const ticks = useMemo(() => {\n    const w = cellWidth(viewport);\n    if (w < 1 || width <= headers.left) {\n      return [];\n    }\n    const innerWidth = width - headers.left;\n    const startCol = Math.floor(viewport.scrollX / w);\n    const endCol = Math.ceil((viewport.scrollX + innerWidth) / w);\n    const result: Array<{ col: number; x: number; major: boolean }> = [];\n    for (let col = startCol; col <= endCol; col++) {\n      result.push({\n        col,\n        x: headers.left + col * w - viewport.scrollX,\n        major: col % safeMajorEvery === 0,\n      });\n    }\n    return result;\n  }, [viewport, headers.left, width, safeMajorEvery]);\n\n  return (\n    <div\n      className={mx(\n        'absolute top-0 left-0 right-0 border-b border-neutral-200 dark:border-neutral-700 bg-baseSurface select-none overflow-hidden',\n        classNames,\n      )}\n      style={{ height: headers.top }}\n    >\n      {ticks.map(({ col, x, major }) => (\n        <div\n          key={col}\n          className={mx(\n            'absolute top-0 bottom-0 text-[10px] text-neutral-500 dark:text-neutral-400',\n            major\n              ? 'border-l border-neutral-400 dark:border-neutral-500'\n              : 'border-l border-neutral-200 dark:border-neutral-700',\n          )}\n          style={{ transform: `translateX(${x}px)` }}\n        >\n          {major ? <span className='absolute left-1 top-0'>{col}</span> : null}\n        </div>\n      ))}\n    </div>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport type { Cell, CellCoord, Headers, Viewport } from './types';\n\nexport const cellKey = (col: number, row: number): string => `${col},${row}`;\n\nexport const cellWidth = (viewport: Viewport): number => viewport.baseCellWidth * viewport.zoomX;\n\n/**\n * Convert a cell's world coordinates to screen-space pixel rectangle (relative to canvas origin).\n */\nexport const worldToScreen = (\n  viewport: Viewport,\n  headers: Headers,\n  coord: { col: number; row: number; length?: number },\n): { x: number; y: number; w: number; h: number } => {\n  const w = cellWidth(viewport);\n  return {\n    x: headers.left + coord.col * w - viewport.scrollX,\n    y: headers.top + coord.row * viewport.cellHeight - viewport.scrollY,\n    w: (coord.length ?? 1) * w,\n    h: viewport.cellHeight,\n  };\n};\n\n/**\n * Convert screen-space pixels (relative to canvas origin) to fractional cell coordinates.\n */\nexport const screenToWorld = (\n  viewport: Viewport,\n  headers: Headers,\n  point: { x: number; y: number },\n): { col: number; row: number } => {\n  const w = cellWidth(viewport);\n  return {\n    col: (point.x - headers.left + viewport.scrollX) / w,\n    row: (point.y - headers.top + viewport.scrollY) / viewport.cellHeight,\n  };\n};\n\nexport const hitTestCell = (\n  viewport: Viewport,\n  headers: Headers,\n  point: { x: number; y: number },\n): CellCoord | null => {\n  if (point.x < headers.left || point.y < headers.top) {\n    return null;\n  }\n  const { col, row } = screenToWorld(viewport, headers, point);\n  if (col < 0 || row < 0) {\n    return null;\n  }\n  return { col: Math.floor(col), row: Math.floor(row) };\n};\n\n/**\n * Compute the inclusive range of cell coordinates intersecting the visible content rect.\n */\nexport const visibleCellRange = (\n  viewport: Viewport,\n  headers: Headers,\n  size: { width: number; height: number },\n): { minCol: number; maxCol: number; minRow: number; maxRow: number } => {\n  const w = cellWidth(viewport);\n  const innerW = Math.max(0, size.width - headers.left);\n  const innerH = Math.max(0, size.height - headers.top);\n  const minCol = Math.max(0, Math.floor(viewport.scrollX / w));\n  const maxCol = Math.floor((viewport.scrollX + innerW) / w);\n  const minRow = Math.max(0, Math.floor(viewport.scrollY / viewport.cellHeight));\n  const maxRow = Math.floor((viewport.scrollY + innerH) / viewport.cellHeight);\n  return { minCol, maxCol, minRow, maxRow };\n};\n\n/**\n * Iterate sparse cell map, yielding only cells whose horizontal extent intersects visible cols and whose row is visible.\n */\nexport const visibleCells = function* <T>(\n  cells: ReadonlyMap<string, Cell<T>>,\n  range: { minCol: number; maxCol: number; minRow: number; maxRow: number },\n): Generator<Cell<T>> {\n  for (const cell of cells.values()) {\n    if (cell.row < range.minRow || cell.row > range.maxRow) {\n      continue;\n    }\n    const start = cell.col;\n    const end = cell.col + cell.length - 1;\n    if (end < range.minCol || start > range.maxCol) {\n      continue;\n    }\n    yield cell;\n  }\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport React from 'react';\n\nimport { mx } from '@dxos/ui-theme';\n\nimport type { Headers, Row, Viewport } from '../state/types';\n\nexport type TrackHeaderProps = {\n  viewport: Viewport;\n  headers: Headers;\n  rows: ReadonlyArray<Row>;\n  height: number;\n  classNames?: string;\n};\n\n/**\n * Frozen left column listing row labels. Translates vertically in sync with viewport scroll.\n *\n * Row dividers and alternating shading intentionally MATCH the canvas — opaque borders\n * and opaque alternating fills make the labels look out of phase with the cell area\n * even when the y-positions align. We mirror the canvas's transparent-overlay model\n * here so the frozen column reads as a direct continuation of the grid.\n */\nexport const TrackHeader = ({ viewport, headers, rows, height, classNames }: TrackHeaderProps) => {\n  return (\n    <div\n      className={mx(\n        'absolute left-0 border-r border-neutral-200 dark:border-neutral-700 select-none overflow-hidden',\n        classNames,\n      )}\n      style={{ top: headers.top, width: headers.left, height: Math.max(0, height - headers.top) }}\n    >\n      <div style={{ transform: `translateY(${-viewport.scrollY}px)` }}>\n        {rows.map((row, index) => (\n          <div\n            key={row.id}\n            className='flex items-center px-2 text-xs text-neutral-700 dark:text-neutral-300'\n            style={{\n              height: viewport.cellHeight,\n              // Match the canvas's row-band: a translucent gray overlay on odd rows,\n              // transparent on even rows. The container's overall background bleeds\n              // through, so the labels stay legible in both themes.\n              backgroundColor: index % 2 === 0 ? 'transparent' : 'rgba(128, 128, 128, 0.08)',\n              // Match the canvas gridline color (rgba(128, 128, 128, 0.25)). Use a\n              // half-pixel inset to keep crisp single-pixel rendering on retina.\n              boxShadow: 'inset 0 -1px 0 rgba(128, 128, 128, 0.25)',\n            }}\n          >\n            {row.label ?? row.id}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport type { Registry } from '@effect-atom/atom-react';\n\nimport type { CellGridAtoms } from '../state/atoms';\nimport type { Cell, CellCoord, Headers, SelectionRange, Tool } from '../state/types';\nimport { cellKey, hitTestCell } from '../state/viewport';\n\n/**\n * 'set' / 'unset' are idempotent — the receiver must add or remove the cell\n * regardless of current state. 'toggle' flips it. Drag operations always pick\n * a fixed mode (set or unset) based on the cell under the initial pointerdown\n * so the user paints a uniform stroke instead of flipping each cell.\n */\nexport type ToggleMode = 'set' | 'unset' | 'toggle';\n\nexport type PointerHandlers = {\n  onCellToggle?: (coord: CellCoord, mode: ToggleMode) => void;\n  onSelectionCommit?: (range: SelectionRange) => void;\n};\n\ntype DragState =\n  | { kind: 'toggle'; mode: 'set' | 'unset'; touched: Set<string> }\n  | { kind: 'select'; origin: CellCoord }\n  | { kind: 'pan'; lastX: number; lastY: number };\n\nexport type PointerControllerOptions<T> = {\n  registry: Registry.Registry;\n  atoms: CellGridAtoms<T>;\n  headers: Headers;\n  handlers: PointerHandlers;\n};\n\n/**\n * Attach pointer handlers to an element. Returns an unsubscribe.\n */\nexport const attachPointerHandlers = <T>(\n  element: HTMLElement,\n  { registry, atoms, headers, handlers }: PointerControllerOptions<T>,\n): (() => void) => {\n  let drag: DragState | null = null;\n\n  const local = (event: PointerEvent) => {\n    const rect = element.getBoundingClientRect();\n    return { x: event.clientX - rect.left, y: event.clientY - rect.top };\n  };\n\n  // setPointerCapture throws for synthetic / untrusted PointerEvents (e.g. those\n  // dispatched by tests). Capture is a best-effort UX nicety — never let it abort\n  // the click path.\n  const tryCapture = (pointerId: number) => {\n    try {\n      element.setPointerCapture(pointerId);\n    } catch {\n      // Ignore — drag tracking still works without capture.\n    }\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    // Middle-mouse or space-held pan: pan tool regardless of `tool` atom.\n    if (event.button === 1 || (event.button === 0 && event.altKey)) {\n      drag = { kind: 'pan', lastX: event.clientX, lastY: event.clientY };\n      tryCapture(event.pointerId);\n      event.preventDefault();\n      return;\n    }\n\n    if (event.button !== 0) {\n      return;\n    }\n\n    const viewport = registry.get(atoms.viewport);\n    const point = local(event);\n    const coord = hitTestCell(viewport, headers, point);\n    if (!coord) {\n      return;\n    }\n\n    const tool = registry.get(atoms.tool) as Tool;\n    tryCapture(event.pointerId);\n\n    switch (tool) {\n      case 'toggle':\n      case 'resize': {\n        // Inspect the cells atom under the pointer to decide whether the gesture\n        // is a paint (set) or an erase (unset). Subsequent drag movements apply the\n        // same operation idempotently to every cell the cursor crosses.\n        const cells = registry.get(atoms.cells) as ReadonlyMap<string, unknown>;\n        const key = cellKey(coord.col, coord.row);\n        const mode: 'set' | 'unset' = cells.has(key) ? 'unset' : 'set';\n        handlers.onCellToggle?.(coord, mode);\n        drag = { kind: 'toggle', mode, touched: new Set([key]) };\n        break;\n      }\n      case 'select': {\n        drag = { kind: 'select', origin: coord };\n        registry.set(atoms.selection, {\n          range: { col0: coord.col, row0: coord.row, col1: coord.col, row1: coord.row },\n        });\n        break;\n      }\n    }\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (!drag) {\n      return;\n    }\n    if (drag.kind === 'pan') {\n      const dx = event.clientX - drag.lastX;\n      const dy = event.clientY - drag.lastY;\n      drag.lastX = event.clientX;\n      drag.lastY = event.clientY;\n      registry.update(atoms.viewport, (current) => ({\n        ...current,\n        scrollX: Math.max(0, current.scrollX - dx),\n        scrollY: Math.max(0, current.scrollY - dy),\n      }));\n      return;\n    }\n\n    const viewport = registry.get(atoms.viewport);\n    const coord = hitTestCell(viewport, headers, local(event));\n    if (!coord) {\n      return;\n    }\n\n    if (drag.kind === 'toggle') {\n      // Apply the drag's chosen mode to every cell the cursor enters, across rows,\n      // de-duplicating per cell so we don't fire the same coord twice.\n      const key = cellKey(coord.col, coord.row);\n      if (!drag.touched.has(key)) {\n        drag.touched.add(key);\n        handlers.onCellToggle?.(coord, drag.mode);\n      }\n    } else if (drag.kind === 'select') {\n      registry.set(atoms.selection, {\n        range: { col0: drag.origin.col, row0: drag.origin.row, col1: coord.col, row1: coord.row },\n      });\n    }\n  };\n\n  const releaseCapture = (event: PointerEvent) => {\n    if (element.hasPointerCapture(event.pointerId)) {\n      element.releasePointerCapture(event.pointerId);\n    }\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    if (!drag) {\n      return;\n    }\n    if (drag.kind === 'select') {\n      const range = registry.get(atoms.selection).range;\n      if (range) {\n        handlers.onSelectionCommit?.(range);\n      }\n    }\n    drag = null;\n    releaseCapture(event);\n  };\n\n  // pointercancel signals an interrupted gesture (system gesture, palm rejection,\n  // capture lost). Per the Pointer Events spec this should clean up local state\n  // ONLY and not be treated as a successful completion — so we never commit a\n  // selection from cancel.\n  const onPointerCancel = (event: PointerEvent) => {\n    drag = null;\n    releaseCapture(event);\n  };\n\n  element.addEventListener('pointerdown', onPointerDown);\n  element.addEventListener('pointermove', onPointerMove);\n  element.addEventListener('pointerup', onPointerUp);\n  element.addEventListener('pointercancel', onPointerCancel);\n\n  return () => {\n    element.removeEventListener('pointerdown', onPointerDown);\n    element.removeEventListener('pointermove', onPointerMove);\n    element.removeEventListener('pointerup', onPointerUp);\n    element.removeEventListener('pointercancel', onPointerCancel);\n  };\n};\n\n/**\n * Utility for consumers: toggle, set, or unset membership of a cell in the cells atom.\n */\nexport const toggleCell = <T>(\n  registry: Registry.Registry,\n  atoms: CellGridAtoms<T>,\n  coord: CellCoord,\n  factory: (coord: CellCoord) => Cell<T>,\n  mode: ToggleMode = 'toggle',\n): void => {\n  registry.update(atoms.cells, (current) => {\n    const next = new Map(current);\n    const key = cellKey(coord.col, coord.row);\n    const exists = next.has(key);\n    if (mode === 'set' || (mode === 'toggle' && !exists)) {\n      next.set(key, factory(coord));\n    } else if (mode === 'unset' || (mode === 'toggle' && exists)) {\n      next.delete(key);\n    }\n    return next;\n  });\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport type { Registry } from '@effect-atom/atom-react';\n\nimport type { CellGridAtoms } from '../state/atoms';\nimport type { Headers } from '../state/types';\nimport { cellWidth } from '../state/viewport';\n\nconst MIN_ZOOM = 0.25;\nconst MAX_ZOOM = 8;\n\nexport type WheelControllerOptions<T> = {\n  registry: Registry.Registry;\n  atoms: CellGridAtoms<T>;\n  headers: Headers;\n};\n\n/**\n * Attach wheel handlers. Vertical wheel scrolls y; shift+wheel scrolls x;\n * cmd/ctrl+wheel zooms x around the cursor.\n */\nexport const attachWheelHandlers = <T>(\n  element: HTMLElement,\n  { registry, atoms, headers }: WheelControllerOptions<T>,\n): (() => void) => {\n  const onWheel = (event: WheelEvent) => {\n    if (event.ctrlKey || event.metaKey) {\n      event.preventDefault();\n      // Zoom around cursor x.\n      const rect = element.getBoundingClientRect();\n      const x = event.clientX - rect.left;\n      const factor = Math.exp(-event.deltaY / 200);\n      registry.update(atoms.viewport, (current) => {\n        const nextZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, current.zoomX * factor));\n        if (nextZoom === current.zoomX) {\n          return current;\n        }\n        const w = cellWidth(current);\n        const worldX = (x - headers.left + current.scrollX) / w;\n        const nextW = current.baseCellWidth * nextZoom;\n        const nextScrollX = Math.max(0, worldX * nextW - (x - headers.left));\n        return { ...current, zoomX: nextZoom, scrollX: nextScrollX };\n      });\n      return;\n    }\n\n    const dx = event.shiftKey ? event.deltaY : event.deltaX;\n    const dy = event.shiftKey ? 0 : event.deltaY;\n    const current = registry.get(atoms.viewport);\n    const nextScrollX = Math.max(0, current.scrollX + dx);\n    const nextScrollY = Math.max(0, current.scrollY + dy);\n\n    // Only consume the wheel event if we're actually scrolling within the grid.\n    // When the user wheels up at the top (scrollY === 0 && dy < 0) or wheels left\n    // at the left edge, let the event bubble to the parent so the page or\n    // enclosing container can scroll instead of swallowing the gesture.\n    if (nextScrollX === current.scrollX && nextScrollY === current.scrollY) {\n      return;\n    }\n    event.preventDefault();\n    registry.set(atoms.viewport, { ...current, scrollX: nextScrollX, scrollY: nextScrollY });\n  };\n\n  element.addEventListener('wheel', onWheel, { passive: false });\n  return () => element.removeEventListener('wheel', onWheel);\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport type { Headers, Selection, Viewport } from '../state/types';\nimport { cellWidth, worldToScreen } from '../state/viewport';\n\nexport type OverlayStyle = {\n  playhead: string;\n  selectionFill: string;\n  selectionStroke: string;\n};\n\nexport type DrawOverlayOptions = {\n  ctx: CanvasRenderingContext2D;\n  size: { width: number; height: number };\n  viewport: Viewport;\n  headers: Headers;\n  selection: Selection;\n  /** Playhead position in world units (col + fraction), or null when not playing. */\n  playhead: number | null;\n  style: OverlayStyle;\n};\n\nexport const drawOverlay = ({ ctx, size, viewport, headers, selection, playhead, style }: DrawOverlayOptions): void => {\n  ctx.clearRect(0, 0, size.width, size.height);\n\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(headers.left, headers.top, size.width - headers.left, size.height - headers.top);\n  ctx.clip();\n\n  // Selection rectangle.\n  if (selection.range) {\n    const { col0, row0, col1, row1 } = selection.range;\n    const minCol = Math.min(col0, col1);\n    const maxCol = Math.max(col0, col1);\n    const minRow = Math.min(row0, row1);\n    const maxRow = Math.max(row0, row1);\n    const tl = worldToScreen(viewport, headers, { col: minCol, row: minRow });\n    const br = worldToScreen(viewport, headers, { col: maxCol + 1, row: maxRow + 1 });\n    ctx.fillStyle = style.selectionFill;\n    ctx.fillRect(tl.x, tl.y, br.x - tl.x, br.y - tl.y);\n    ctx.strokeStyle = style.selectionStroke;\n    ctx.setLineDash([4, 3]);\n    ctx.lineWidth = 1;\n    ctx.strokeRect(tl.x + 0.5, tl.y + 0.5, br.x - tl.x - 1, br.y - tl.y - 1);\n    ctx.setLineDash([]);\n  }\n\n  // Playhead.\n  if (playhead !== null) {\n    const w = cellWidth(viewport);\n    const x = headers.left + playhead * w - viewport.scrollX;\n    if (x >= headers.left && x <= size.width) {\n      ctx.strokeStyle = style.playhead;\n      ctx.lineWidth = 2;\n      ctx.beginPath();\n      ctx.moveTo(x, headers.top);\n      ctx.lineTo(x, size.height);\n      ctx.stroke();\n    }\n  }\n\n  ctx.restore();\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport type { Cell, Headers, Row, Viewport } from '../state/types';\nimport { cellWidth, visibleCellRange, visibleCells, worldToScreen } from '../state/viewport';\n\nexport type RenderCellArgs<T> = {\n  ctx: CanvasRenderingContext2D;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n  cell: Cell<T>;\n};\n\nexport type RenderCell<T = unknown> = (args: RenderCellArgs<T>) => void;\n\nexport type StaticLayerStyle = {\n  /** Grid line color, e.g. 'rgba(0,0,0,0.08)'. */\n  gridLine: string;\n  /** Row band fill (alternating), e.g. 'rgba(0,0,0,0.02)'. */\n  rowBand?: string;\n  background?: string;\n};\n\nexport type DrawCellsOptions<T> = {\n  ctx: CanvasRenderingContext2D;\n  size: { width: number; height: number };\n  viewport: Viewport;\n  headers: Headers;\n  rows: ReadonlyArray<Row>;\n  cells: ReadonlyMap<string, Cell<T>>;\n  renderCell: RenderCell<T>;\n  style: StaticLayerStyle;\n};\n\n/**\n * Paint the static layer: background, gridlines, alternating row bands, and cells.\n * Pure with respect to its inputs (writes only to the supplied ctx).\n */\nexport const drawCells = <T>({\n  ctx,\n  size,\n  viewport,\n  headers,\n  rows,\n  cells,\n  renderCell,\n  style,\n}: DrawCellsOptions<T>): void => {\n  ctx.clearRect(0, 0, size.width, size.height);\n\n  if (style.background) {\n    ctx.fillStyle = style.background;\n    ctx.fillRect(0, 0, size.width, size.height);\n  }\n\n  const range = visibleCellRange(viewport, headers, size);\n  const w = cellWidth(viewport);\n  const h = viewport.cellHeight;\n\n  // Row bands. Paint odd rows so the stripe pattern matches the TrackHeader's\n  // label backgrounds (which darken odd row indices) — keeps the frozen left\n  // column and the cell area visually in lockstep.\n  if (style.rowBand) {\n    ctx.fillStyle = style.rowBand;\n    for (let row = range.minRow; row <= Math.min(range.maxRow, rows.length - 1); row++) {\n      if (row % 2 === 0) {\n        continue;\n      }\n      const y = headers.top + row * h - viewport.scrollY;\n      ctx.fillRect(headers.left, y, size.width - headers.left, h);\n    }\n  }\n\n  // Gridlines.\n  ctx.strokeStyle = style.gridLine;\n  ctx.lineWidth = 1;\n  ctx.beginPath();\n  for (let col = range.minCol; col <= range.maxCol + 1; col++) {\n    const x = Math.floor(headers.left + col * w - viewport.scrollX) + 0.5;\n    if (x < headers.left) {\n      continue;\n    }\n    ctx.moveTo(x, headers.top);\n    ctx.lineTo(x, size.height);\n  }\n  for (let row = range.minRow; row <= Math.min(range.maxRow + 1, rows.length); row++) {\n    const y = Math.floor(headers.top + row * h - viewport.scrollY) + 0.5;\n    if (y < headers.top) {\n      continue;\n    }\n    ctx.moveTo(headers.left, y);\n    ctx.lineTo(size.width, y);\n  }\n  ctx.stroke();\n\n  // Cells.\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(headers.left, headers.top, size.width - headers.left, size.height - headers.top);\n  ctx.clip();\n  for (const cell of visibleCells(cells, range)) {\n    if (cell.row >= rows.length) {\n      continue;\n    }\n    const rect = worldToScreen(viewport, headers, cell);\n    renderCell({ ctx, ...rect, cell });\n  }\n  ctx.restore();\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\n\nimport type { Cell, Selection, Tool, Viewport } from './types';\n\nexport type CellGridAtoms<T = unknown> = {\n  cells: Atom.Writable<ReadonlyMap<string, Cell<T>>>;\n  viewport: Atom.Writable<Viewport>;\n  selection: Atom.Writable<Selection>;\n  playhead: Atom.Writable<number | null>;\n  tool: Atom.Writable<Tool>;\n};\n\nexport type CellGridAtomsOptions = {\n  cellWidth?: number;\n  cellHeight?: number;\n};\n\nexport const defaultViewport = (options: CellGridAtomsOptions = {}): Viewport => ({\n  scrollX: 0,\n  scrollY: 0,\n  baseCellWidth: options.cellWidth ?? 24,\n  cellHeight: options.cellHeight ?? 24,\n  zoomX: 1,\n});\n\n/**\n * Create a fresh set of atoms backing a CellGrid instance. Consumers may pass any of these as props\n * or substitute their own (e.g., a cells atom backed by ECHO).\n *\n * Atoms are marked keepAlive so they preserve state across transient unsubscribe windows (e.g. React\n * Strict Mode mount-unmount-remount). Consumers are responsible for the atoms' lifetime.\n */\nexport const createCellGridAtoms = <T = unknown>(options: CellGridAtomsOptions = {}): CellGridAtoms<T> => ({\n  cells: Atom.keepAlive(Atom.make<ReadonlyMap<string, Cell<T>>>(new Map())),\n  viewport: Atom.keepAlive(Atom.make<Viewport>(defaultViewport(options))),\n  selection: Atom.keepAlive(Atom.make<Selection>({ range: null })),\n  playhead: Atom.keepAlive(Atom.make<number | null>(null)),\n  tool: Atom.keepAlive(Atom.make<Tool>('toggle')),\n});\n", "//\n// Copyright 2024 DXOS.org\n// Adapted from: https://github.com/smplrspace/react-fps-stats\n//\n\nimport React, { useEffect, useReducer, useRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nexport type FPSProps = ThemedClassName<{\n  width?: number;\n  height?: number;\n  bar?: string;\n}>;\n\ntype State = {\n  max: number;\n  len: number;\n  fps: number[];\n  frames: number;\n  prevTime: number;\n};\n\nconst SEC = 1_000;\n\nexport const FPS = ({ classNames, width = 60, height = 30, bar = 'bg-cyan-500' }: FPSProps) => {\n  const [{ fps, max, len }, dispatch] = useReducer(\n    (state: State) => {\n      const currentTime = Date.now();\n      if (currentTime > state.prevTime + SEC) {\n        const nextFPS = [\n          ...new Array(Math.floor((currentTime - state.prevTime - SEC) / SEC)).fill(0),\n          Math.max(1, Math.round((state.frames * SEC) / (currentTime - state.prevTime))),\n        ];\n        return {\n          max: Math.max(state.max, ...nextFPS),\n          len: Math.min(state.len + nextFPS.length, width),\n          fps: [...state.fps, ...nextFPS].slice(-width),\n          frames: 1,\n          prevTime: currentTime,\n        };\n      } else {\n        return { ...state, frames: state.frames + 1 };\n      }\n    },\n    {\n      max: 0,\n      len: 0,\n      fps: [],\n      frames: 0,\n      prevTime: Date.now(),\n    },\n  );\n\n  const requestRef = useRef<number | null>(null);\n  const tick = () => {\n    dispatch();\n    requestRef.current = requestAnimationFrame(tick);\n  };\n\n  useEffect(() => {\n    requestRef.current = requestAnimationFrame(tick);\n    return () => {\n      if (requestRef.current) {\n        cancelAnimationFrame(requestRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <div\n      style={{ width: width + 6 }}\n      className={mx(\n        'relative flex flex-col p-0.5',\n        'bg-base-surface text-xs text-subdued font-thin pointer-events-none border border-separator',\n        classNames,\n      )}\n    >\n      <div>{fps[len - 1]} FPS</div>\n      <div className='w-full relative' style={{ height }}>\n        {fps.map((frame, i) => (\n          <div\n            key={`fps-${i}`}\n            className={bar}\n            style={{\n              position: 'absolute',\n              bottom: 0,\n              right: `${len - 1 - i}px`,\n              height: `${(height * frame) / max}px`,\n              width: 1,\n            }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef, useId, useMemo } from 'react';\n\nimport { type ThemedClassName, useForwardedRef } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useCanvasContext } from '../../hooks';\nimport { type Point } from '../../types';\nimport { GridPattern, testId } from '../../util';\n\nconst gridRatios = [1 / 4, 1, 4, 16];\n\nconst defaultGridSize = 16;\nconst defaultOffset: Point = { x: 0, y: 0 };\n\nconst createId = (parent: string, grid: number) => `dx-canvas-grid-${parent}-${grid}`;\n\n// TODO(burdon): Click to drag.\n\nexport type GridProps = ThemedClassName<{\n  size?: number;\n  scale?: number;\n  offset?: Point;\n  showAxes?: boolean;\n}>;\n\n// TODO(burdon): Use id of parent canvas.\nexport const Grid = (props: GridProps) => {\n  const { scale, offset } = useCanvasContext();\n  return <GridComponent {...props} scale={scale} offset={offset} />;\n};\n\nexport const GridComponent = forwardRef<SVGSVGElement, GridProps>(\n  (\n    { size: gridSize = defaultGridSize, scale = 1, offset = defaultOffset, showAxes = true, classNames },\n    forwardedRef,\n  ) => {\n    const svgRef = useForwardedRef(forwardedRef);\n    const { width = 0, height = 0 } = svgRef.current?.getBoundingClientRect() ?? {};\n\n    const instanceId = useId();\n    const grids = useMemo(\n      () =>\n        gridRatios\n          .map((ratio) => ({ id: ratio, size: ratio * gridSize * scale }))\n          .filter(({ size }) => size >= gridSize && size <= 128),\n      [gridSize, scale],\n    );\n\n    return (\n      <svg\n        {...testId('dx-canvas-grid')}\n        ref={svgRef}\n        className={mx('dx-fullscreen pointer-events-none touch-none select-none', 'stroke-neutral-500', classNames)}\n      >\n        {/* NOTE: The pattern is offset so that the middle of the pattern aligns with the grid. */}\n        <defs>\n          {grids.map(({ id, size }) => (\n            <GridPattern key={id} id={createId(instanceId, id)} offset={offset} size={size} />\n          ))}\n        </defs>\n        {showAxes && (\n          <>\n            <line x1={0} y1={offset.y} x2={width} y2={offset.y} className='stroke-neutral-500 opacity-40' />\n            <line x1={offset.x} y1={0} x2={offset.x} y2={height} className='stroke-neutral-500 opacity-40' />\n          </>\n        )}\n        <g>\n          {grids.map(({ id }, i) => (\n            <rect\n              key={id}\n              opacity={0.1 + i * 0.05}\n              fill={`url(#${createId(instanceId, id)})`}\n              width='100%'\n              height='100%'\n            />\n          ))}\n        </g>\n      </svg>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nexport const Point = Schema.Struct({ x: Schema.Number, y: Schema.Number });\nexport const Dimension = Schema.Struct({ width: Schema.Number, height: Schema.Number });\nexport const Rect = Schema.extend(Point, Dimension);\n\nexport type Point = Schema.Schema.Type<typeof Point>;\nexport type Dimension = Schema.Schema.Type<typeof Dimension>;\nexport type Rect = Schema.Schema.Type<typeof Rect>;\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useEffect", "useImperativeHandle", "useMemo", "useState", "useResizeDetector", "mx", "easeSinOut", "interpolate", "interpolateObject", "transition", "applyToPoints", "compose", "identity", "inverse", "scale", "scaleMatrix", "translate", "translateMatrix", "defaultOrigin", "x", "y", "ProjectionMapper", "_bounds", "width", "height", "_scale", "_offset", "_toScreen", "_toModel", "bounds", "offset", "update", "toScreen", "points", "toModel", "getZoomTransform", "pos", "newScale", "zoomInPlace", "setTransform", "current", "next", "delay", "is", "ease", "duration", "tween", "t", "noop", "zoomTo", "cb", "on", "createContext", "useContext", "raise", "CanvasContext", "useCanvasContext", "Error", "bind", "useEffect", "useRef", "useDrag", "_options", "root", "setProjection", "useCanvasContext", "state", "useRef", "panning", "x", "y", "useEffect", "bind", "type", "listener", "ev", "button", "defaultPrevented", "target", "shiftKey", "preventDefault", "setPointerCapture", "pointerId", "current", "clientX", "clientY", "moveUnbind", "dx", "dy", "prev", "offset", "upUnbind", "releasePointerCapture", "bindAll", "useEffect", "React", "mx", "createPath", "points", "join", "map", "x", "y", "Markers", "id", "classNames", "Arrow", "dir", "closed", "Marker", "pos", "size", "width", "height", "circle", "cx", "cy", "r", "stroke", "className", "children", "refX", "refY", "markerWidth", "markerHeight", "fill", "rest", "marker", "markerUnits", "orient", "path", "undefined", "d", "GridPattern", "offset", "pattern", "patternUnits", "g", "line", "x1", "y1", "x2", "y2", "logged", "getRelativePoint", "el", "ev", "rect", "getBoundingClientRect", "x", "clientX", "y", "clientY", "top", "testId", "id", "inspect", "console", "log", "window", "INSPECT", "document", "querySelector", "DATA_TEST_ID", "inspectElement", "element", "defaultOptions", "zoom", "useWheel", "options", "root", "setProjection", "useCanvasContext", "useEffect", "bindAll", "type", "capture", "passive", "listener", "ev", "zooming", "isWheelZooming", "preventDefault", "ctrlKey", "scale", "offset", "pos", "getRelativePoint", "scaleSensitivity", "newScale", "Math", "exp", "deltaY", "getZoomTransform", "x", "y", "deltaX", "metaKey", "abs", "deltaZ", "Canvas", "forwardRef", "children", "classNames", "scale", "scaleProp", "offset", "offsetProp", "defaultOrigin", "props", "forwardedRef", "ref", "width", "height", "useResizeDetector", "ready", "setReady", "useState", "setProjection", "useEffect", "x", "y", "projection", "useMemo", "ProjectionMapper", "update", "styles", "transform", "visibility", "useImperativeHandle", "React", "CanvasContext", "Provider", "value", "root", "current", "div", "className", "mx", "RegistryContext", "React", "useContext", "useEffect", "useMemo", "useRef", "useState", "useResizeDetector", "mx", "React", "useMemo", "mx", "cellKey", "col", "row", "cellWidth", "viewport", "baseCellWidth", "zoomX", "worldToScreen", "headers", "coord", "w", "x", "left", "scrollX", "y", "top", "cellHeight", "scrollY", "length", "h", "screenToWorld", "point", "hitTestCell", "Math", "floor", "visibleCellRange", "size", "innerW", "max", "width", "innerH", "height", "minCol", "maxCol", "minRow", "maxRow", "visibleCells", "cells", "range", "cell", "values", "start", "end", "Ruler", "viewport", "headers", "width", "majorEvery", "classNames", "safeMajorEvery", "Math", "max", "floor", "ticks", "useMemo", "w", "cellWidth", "left", "innerWidth", "startCol", "scrollX", "endCol", "ceil", "result", "col", "push", "x", "major", "React", "div", "className", "mx", "style", "height", "top", "map", "key", "transform", "span", "React", "mx", "TrackHeader", "viewport", "headers", "rows", "height", "classNames", "div", "className", "style", "top", "width", "left", "Math", "max", "transform", "scrollY", "map", "row", "index", "key", "id", "cellHeight", "backgroundColor", "boxShadow", "label", "attachPointerHandlers", "element", "registry", "atoms", "headers", "handlers", "drag", "local", "event", "rect", "getBoundingClientRect", "x", "clientX", "left", "y", "clientY", "top", "tryCapture", "pointerId", "setPointerCapture", "onPointerDown", "button", "altKey", "kind", "lastX", "lastY", "preventDefault", "viewport", "get", "point", "coord", "hitTestCell", "tool", "cells", "key", "cellKey", "col", "row", "mode", "has", "onCellToggle", "touched", "Set", "origin", "set", "selection", "range", "col0", "row0", "col1", "row1", "onPointerMove", "dx", "dy", "update", "current", "scrollX", "Math", "max", "scrollY", "add", "releaseCapture", "hasPointerCapture", "releasePointerCapture", "onPointerUp", "onSelectionCommit", "onPointerCancel", "addEventListener", "removeEventListener", "toggleCell", "factory", "next", "Map", "exists", "delete", "MIN_ZOOM", "MAX_ZOOM", "attachWheelHandlers", "element", "registry", "atoms", "headers", "onWheel", "event", "ctrlKey", "metaKey", "preventDefault", "rect", "getBoundingClientRect", "x", "clientX", "left", "factor", "Math", "exp", "deltaY", "update", "viewport", "current", "nextZoom", "max", "min", "zoomX", "w", "cellWidth", "worldX", "scrollX", "nextW", "baseCellWidth", "nextScrollX", "dx", "shiftKey", "deltaX", "dy", "get", "nextScrollY", "scrollY", "set", "addEventListener", "passive", "removeEventListener", "drawOverlay", "ctx", "size", "viewport", "headers", "selection", "playhead", "style", "clearRect", "width", "height", "save", "beginPath", "rect", "left", "top", "clip", "range", "col0", "row0", "col1", "row1", "minCol", "Math", "min", "maxCol", "max", "minRow", "maxRow", "tl", "worldToScreen", "col", "row", "br", "fillStyle", "selectionFill", "fillRect", "x", "y", "strokeStyle", "selectionStroke", "setLineDash", "lineWidth", "strokeRect", "w", "cellWidth", "scrollX", "moveTo", "lineTo", "stroke", "restore", "drawCells", "ctx", "size", "viewport", "headers", "rows", "cells", "renderCell", "style", "clearRect", "width", "height", "background", "fillStyle", "fillRect", "range", "visibleCellRange", "w", "cellWidth", "h", "cellHeight", "rowBand", "row", "minRow", "Math", "min", "maxRow", "length", "y", "top", "scrollY", "left", "strokeStyle", "gridLine", "lineWidth", "beginPath", "col", "minCol", "maxCol", "x", "floor", "scrollX", "moveTo", "lineTo", "stroke", "save", "rect", "clip", "cell", "visibleCells", "worldToScreen", "restore", "defaultHeaders", "left", "top", "defaultStaticStyle", "gridLine", "rowBand", "defaultOverlayStyle", "playhead", "selectionFill", "selectionStroke", "setupCanvas", "canvas", "width", "height", "dpr", "window", "devicePixelRatio", "Math", "max", "floor", "style", "ctx", "getContext", "setTransform", "CellGrid", "atoms", "rows", "renderCell", "headers", "headersProp", "staticStyle", "staticStyleProp", "overlayStyle", "overlayStyleProp", "classNames", "onCellToggle", "onSelectionCommit", "registry", "useContext", "RegistryContext", "useMemo", "ref", "containerRef", "useResizeDetector", "staticCanvasRef", "useRef", "overlayCanvasRef", "overlayInputRef", "staticCtx", "setStaticCtx", "useState", "overlayCtx", "setOverlayCtx", "viewportState", "setViewportState", "get", "viewport", "useEffect", "current", "subscribe", "next", "raf", "schedule", "requestAnimationFrame", "drawCells", "size", "cells", "unsubCells", "unsubViewport", "cancelAnimationFrame", "stopped", "paint", "drawOverlay", "selection", "isAnimating", "loop", "kick", "unsubSelection", "unsubPlayhead", "callbacksRef", "element", "detachPointer", "attachPointerHandlers", "handlers", "coord", "mode", "range", "detachWheel", "attachWheelHandlers", "React", "div", "className", "mx", "paddingLeft", "paddingTop", "Ruler", "TrackHeader", "Atom", "defaultViewport", "options", "scrollX", "scrollY", "baseCellWidth", "cellWidth", "cellHeight", "zoomX", "createCellGridAtoms", "cells", "keepAlive", "make", "Map", "viewport", "selection", "range", "playhead", "tool", "React", "useEffect", "useReducer", "useRef", "mx", "SEC", "FPS", "classNames", "width", "height", "bar", "fps", "max", "len", "dispatch", "state", "currentTime", "Date", "now", "prevTime", "nextFPS", "Array", "Math", "floor", "fill", "round", "frames", "min", "length", "slice", "requestRef", "tick", "current", "requestAnimationFrame", "cancelAnimationFrame", "div", "style", "className", "map", "frame", "i", "key", "position", "bottom", "right", "React", "forwardRef", "useId", "useMemo", "useForwardedRef", "mx", "gridRatios", "defaultGridSize", "defaultOffset", "x", "y", "createId", "parent", "grid", "Grid", "props", "scale", "offset", "useCanvasContext", "React", "GridComponent", "forwardRef", "size", "gridSize", "showAxes", "classNames", "forwardedRef", "svgRef", "useForwardedRef", "width", "height", "current", "getBoundingClientRect", "instanceId", "useId", "grids", "useMemo", "map", "ratio", "id", "filter", "svg", "testId", "ref", "className", "mx", "defs", "GridPattern", "key", "line", "x1", "y1", "x2", "y2", "g", "i", "rect", "opacity", "fill", "Schema", "Point", "Struct", "x", "Number", "y", "Dimension", "width", "height", "Rect", "extend"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/hooks/projection.tsx":{"bytes":12183,"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useCanvasContext.tsx":{"bytes":2093,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"src/util/svg.tsx":{"bytes":13293,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/util/util.ts":{"bytes":4725,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":526,"imports":[{"path":"src/util/svg.tsx","kind":"import-statement","original":"./svg"},{"path":"src/util/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/hooks/useWheel.tsx":{"bytes":10133,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/util/index.ts","kind":"import-statement","original":"../util"},{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"}],"format":"esm"},"src/hooks/index.ts":{"bytes":662,"imports":[{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/hooks/useWheel.tsx","kind":"import-statement","original":"./useWheel"}],"format":"esm"},"src/components/Canvas/Canvas.tsx":{"bytes":9573,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"src/components/Canvas/index.ts":{"bytes":470,"imports":[{"path":"src/components/Canvas/Canvas.tsx","kind":"import-statement","original":"./Canvas"}],"format":"esm"},"src/components/FPS.tsx":{"bytes":9370,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Grid/Grid.tsx":{"bytes":9761,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/components/Grid/index.ts":{"bytes":462,"imports":[{"path":"src/components/Grid/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/components/index.ts":{"bytes":618,"imports":[{"path":"src/components/Canvas/index.ts","kind":"import-statement","original":"./Canvas"},{"path":"src/components/FPS.tsx","kind":"import-statement","original":"./FPS"},{"path":"src/components/Grid/index.ts","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/types.ts":{"bytes":1697,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":702,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":35742},"dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"effect/Schema","kind":"import-statement","external":true}],"exports":["Arrow","Canvas","CanvasContext","DATA_TEST_ID","Dimension","FPS","Grid","GridComponent","GridPattern","Marker","Markers","Point","ProjectionMapper","Rect","createPath","defaultOrigin","getRelativePoint","getZoomTransform","inspectElement","testId","useCanvasContext","useWheel","zoomInPlace","zoomTo"],"entryPoint":"src/index.ts","inputs":{"src/components/Canvas/Canvas.tsx":{"bytesInOutput":2301},"src/hooks/projection.tsx":{"bytesInOutput":2592},"src/hooks/index.ts":{"bytesInOutput":0},"src/hooks/useCanvasContext.tsx":{"bytesInOutput":260},"src/hooks/useWheel.tsx":{"bytesInOutput":2116},"src/util/svg.tsx":{"bytesInOutput":3523},"src/util/index.ts":{"bytesInOutput":0},"src/util/util.ts":{"bytesInOutput":800},"src/components/Canvas/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/FPS.tsx":{"bytesInOutput":2360},"src/components/Grid/Grid.tsx":{"bytesInOutput":2507},"src/components/Grid/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/types.ts":{"bytesInOutput":240}},"bytes":17381}}}
+{"inputs":{"src/hooks/projection.tsx":{"bytes":11613,"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useCanvasContext.tsx":{"bytes":1997,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useDrag.tsx":{"bytes":8949,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"}],"format":"esm"},"src/util/svg.tsx":{"bytes":12224,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/util/util.ts":{"bytes":4639,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":443,"imports":[{"path":"src/util/svg.tsx","kind":"import-statement","original":"./svg"},{"path":"src/util/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/hooks/useWheel.tsx":{"bytes":7766,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/util/index.ts","kind":"import-statement","original":"../util"},{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"}],"format":"esm"},"src/hooks/index.ts":{"bytes":665,"imports":[{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/hooks/useDrag.tsx","kind":"import-statement","original":"./useDrag"},{"path":"src/hooks/useWheel.tsx","kind":"import-statement","original":"./useWheel"}],"format":"esm"},"src/components/Canvas/Canvas.tsx":{"bytes":8909,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"src/components/Canvas/index.ts":{"bytes":370,"imports":[{"path":"src/components/Canvas/Canvas.tsx","kind":"import-statement","original":"./Canvas"}],"format":"esm"},"src/components/CellGrid/state/viewport.ts":{"bytes":10093,"imports":[],"format":"esm"},"src/components/CellGrid/headers/Ruler.tsx":{"bytes":7272,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/headers/TrackHeader.tsx":{"bytes":6346,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/CellGrid/headers/index.ts":{"bytes":468,"imports":[{"path":"src/components/CellGrid/headers/Ruler.tsx","kind":"import-statement","original":"./Ruler"},{"path":"src/components/CellGrid/headers/TrackHeader.tsx","kind":"import-statement","original":"./TrackHeader"}],"format":"esm"},"src/components/CellGrid/input/pointer.ts":{"bytes":22329,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/input/wheel.ts":{"bytes":8667,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/input/index.ts":{"bytes":456,"imports":[{"path":"src/components/CellGrid/input/pointer.ts","kind":"import-statement","original":"./pointer"},{"path":"src/components/CellGrid/input/wheel.ts","kind":"import-statement","original":"./wheel"}],"format":"esm"},"src/components/CellGrid/render/overlay-layer.ts":{"bytes":7572,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/render/static-layer.ts":{"bytes":10313,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/render/index.ts":{"bytes":489,"imports":[{"path":"src/components/CellGrid/render/overlay-layer.ts","kind":"import-statement","original":"./overlay-layer"},{"path":"src/components/CellGrid/render/static-layer.ts","kind":"import-statement","original":"./static-layer"}],"format":"esm"},"src/components/CellGrid/CellGrid.tsx":{"bytes":30497,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/CellGrid/headers/index.ts","kind":"import-statement","original":"./headers"},{"path":"src/components/CellGrid/input/index.ts","kind":"import-statement","original":"./input"},{"path":"src/components/CellGrid/render/index.ts","kind":"import-statement","original":"./render"}],"format":"esm"},"src/components/CellGrid/state/atoms.ts":{"bytes":4299,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true}],"format":"esm"},"src/components/CellGrid/state/types.ts":{"bytes":1336,"imports":[],"format":"esm"},"src/components/CellGrid/state/index.ts":{"bytes":538,"imports":[{"path":"src/components/CellGrid/state/atoms.ts","kind":"import-statement","original":"./atoms"},{"path":"src/components/CellGrid/state/types.ts","kind":"import-statement","original":"./types"},{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"./viewport"}],"format":"esm"},"src/components/CellGrid/index.ts":{"bytes":707,"imports":[{"path":"src/components/CellGrid/CellGrid.tsx","kind":"import-statement","original":"./CellGrid"},{"path":"src/components/CellGrid/headers/index.ts","kind":"import-statement","original":"./headers"},{"path":"src/components/CellGrid/input/index.ts","kind":"import-statement","original":"./input"},{"path":"src/components/CellGrid/render/index.ts","kind":"import-statement","original":"./render"},{"path":"src/components/CellGrid/state/index.ts","kind":"import-statement","original":"./state"}],"format":"esm"},"src/components/FPS.tsx":{"bytes":8820,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Grid/Grid.tsx":{"bytes":9149,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/components/Grid/index.ts":{"bytes":368,"imports":[{"path":"src/components/Grid/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/components/index.ts":{"bytes":613,"imports":[{"path":"src/components/Canvas/index.ts","kind":"import-statement","original":"./Canvas"},{"path":"src/components/CellGrid/index.ts","kind":"import-statement","original":"./CellGrid"},{"path":"src/components/FPS.tsx","kind":"import-statement","original":"./FPS"},{"path":"src/components/Grid/index.ts","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/types.ts":{"bytes":1615,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":620,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93552},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"effect/Schema","kind":"import-statement","external":true}],"exports":["Arrow","Canvas","CanvasContext","CellGrid","DATA_TEST_ID","Dimension","FPS","Grid","GridComponent","GridPattern","Marker","Markers","Point","ProjectionMapper","Rect","Ruler","TrackHeader","attachPointerHandlers","attachWheelHandlers","cellKey","cellWidth","createCellGridAtoms","createPath","defaultOrigin","defaultViewport","drawCells","drawOverlay","getRelativePoint","getZoomTransform","hitTestCell","inspectElement","screenToWorld","testId","toggleCell","useCanvasContext","useDrag","useWheel","visibleCellRange","visibleCells","worldToScreen","zoomInPlace","zoomTo"],"entryPoint":"src/index.ts","inputs":{"src/components/Canvas/Canvas.tsx":{"bytesInOutput":1982},"src/hooks/projection.tsx":{"bytesInOutput":2203},"src/hooks/index.ts":{"bytesInOutput":0},"src/hooks/useCanvasContext.tsx":{"bytesInOutput":260},"src/hooks/useDrag.tsx":{"bytesInOutput":1670},"src/hooks/useWheel.tsx":{"bytesInOutput":1585},"src/util/svg.tsx":{"bytesInOutput":2730},"src/util/index.ts":{"bytesInOutput":0},"src/util/util.ts":{"bytesInOutput":800},"src/components/Canvas/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/CellGrid/CellGrid.tsx":{"bytesInOutput":7250},"src/components/CellGrid/headers/Ruler.tsx":{"bytesInOutput":1605},"src/components/CellGrid/state/viewport.ts":{"bytesInOutput":1850},"src/components/CellGrid/headers/index.ts":{"bytesInOutput":0},"src/components/CellGrid/headers/TrackHeader.tsx":{"bytesInOutput":1353},"src/components/CellGrid/input/pointer.ts":{"bytesInOutput":4331},"src/components/CellGrid/input/index.ts":{"bytesInOutput":0},"src/components/CellGrid/input/wheel.ts":{"bytesInOutput":1628},"src/components/CellGrid/render/overlay-layer.ts":{"bytesInOutput":1414},"src/components/CellGrid/render/index.ts":{"bytesInOutput":0},"src/components/CellGrid/render/static-layer.ts":{"bytesInOutput":1734},"src/components/CellGrid/index.ts":{"bytesInOutput":0},"src/components/CellGrid/state/atoms.ts":{"bytesInOutput":547},"src/components/CellGrid/state/index.ts":{"bytesInOutput":0},"src/components/FPS.tsx":{"bytesInOutput":2082},"src/components/Grid/Grid.tsx":{"bytesInOutput":2164},"src/components/Grid/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/types.ts":{"bytesInOutput":240}},"bytes":38930}}}