{
  "version": 3,
  "sources": ["../../../../src/lib/ui/hooks/useHighDpiCanvas.ts"],
  "sourcesContent": ["import { useLayoutEffect } from 'react'\n\n/** @internal */\nexport function useHighDpiCanvas(ref: React.RefObject<HTMLCanvasElement>, dpr: number) {\n\t// Match the resolution of the client\n\tuseLayoutEffect(() => {\n\t\tconst canvas = ref.current\n\t\tif (!canvas) return\n\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tcanvas.width = rect.width * dpr\n\t\tcanvas.height = rect.height * dpr\n\t}, [ref, dpr])\n}\n"],
  "mappings": "AAAA,SAAS,uBAAuB;AAGzB,SAAS,iBAAiB,KAAyC,KAAa;AAEtF,kBAAgB,MAAM;AACrB,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC;AAAQ;AAEb,UAAM,OAAO,OAAO,sBAAsB;AAC1C,WAAO,QAAQ,KAAK,QAAQ;AAC5B,WAAO,SAAS,KAAK,SAAS;AAAA,EAC/B,GAAG,CAAC,KAAK,GAAG,CAAC;AACd;",
  "names": []
}