fix: anchor name in popover and tooltip (#194)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

packages/react/src/components/Popover.tsx

@@ -268,7 +268,7 @@ function PopoverPopup({ id, className, children }: PopoverPopupProps): JSX.Eleme
   const triggerElement = triggerRef.current;
 
   const uniqueId = useId();
-  const popupId = id ?? uniqueId;
+  const popupId = id ?? uniqueId.replace(/^:([^:]+):$/, '«$1»');
 
   useEffect(() => {
     if (!popupRef.current || !triggerRef.current) return;

packages/react/src/components/Tooltip.tsx

@@ -309,7 +309,7 @@ function TooltipPopup({ id, className = '', children }: TooltipPopupProps): JSX.
   const triggerElement = triggerRef.current;
 
   const uniqueId = useId();
-  const popupId = id ?? uniqueId;
+  const popupId = id ?? uniqueId.replace(/^:([^:]+):$/, '«$1»');
 
   useEffect(() => {
     if (!popupRef.current || !triggerRef.current) return;

packages/react/src/types.d.ts

@@ -2,3 +2,12 @@ declare module '*.module.css' {
   const classes: { [key: string]: string };
   export default classes;
 }
+
+declare global {
+  declare module 'react' {
+    interface Attributes {
+      popover?: 'auto' | 'manual' | string;
+      commandfor?: string;
+    }
+  }
+}