fix: tooltip works only the first time (#269)

* fix: changed tooltip behaviour

updated the stateSignal value inside showTooltip function

* fix(tooltip.tsx): fixed first time tooltip position

while hovering for the first time, the tooltip position was wrong.

* fix: changed default state for stateSignal to closing

Author: pranit-yawalkar

packages/headless/src/components/tooltip/tooltip.tsx

@@ -27,7 +27,7 @@ export const Tooltip = component$(
     const id = useId();
     const triggerAnchor = useSignal<HTMLElement>();
     const tooltipAnchor = useSignal<HTMLElement>();
-    const stateSignal = useSignal<State>('hidden');
+    const stateSignal = useSignal<State>('closing');
     const positionSignal = useSignal<{ x: number; y: number }>({ x: 0, y: 0 });
     const Wrapper: keyof HTMLElementTagNameMap = props.inline ? 'span' : 'div';
     const lastActivatedTimestamp = useSignal<number>(Date.now());
@@ -54,7 +54,8 @@ export const Tooltip = component$(
     });
 
     const showTooltip = $(() => {
-      stateSignal.value = 'unpositioned';
+      update();
+      setTimeout(() => (stateSignal.value = 'positioned'), durationMs);
     });
 
     const hideTooltip = $(() => {