fix copy button interaction

.changeset/modern-news-lick.md

@@ -0,0 +1,5 @@
+---
+"mdxts": patch
+---
+
+Fixes interaction when copy button covers code block text by hiding the copy button on the first pointer down until entering the code block area again.

packages/mdxts/src/components/CodeBlock/Pre.tsx

@@ -3,6 +3,25 @@ import React, { createContext, useState } from 'react'
 
 export const PreHoverContext = createContext<boolean | null>(null)
 
+function isTargetValid(event: React.PointerEvent<HTMLPreElement>) {
+  if (
+    event.target instanceof HTMLElement ||
+    event.target instanceof SVGElement
+  ) {
+    const hasButton = event.target.closest('button')
+    if (hasButton) {
+      return false
+    }
+
+    const hasAnchor = event.target.closest('a')
+    if (hasAnchor) {
+      return false
+    }
+  }
+
+  return true
+}
+
 export function Pre({
   children,
   className,
@@ -13,8 +32,9 @@ export function Pre({
 
   return (
     <pre
-      onMouseEnter={() => setHover(true)}
-      onMouseLeave={() => setHover(false)}
+      onPointerEnter={() => setHover(true)}
+      onPointerLeave={() => setHover(false)}
+      onPointerDown={(event) => isTargetValid(event) && setHover(false)}
       className={className}
       style={{
         whiteSpace: 'pre',