wip: desktop work

2 files changed, 4 insertions, 2 deletions

diff --git a/packages/ui/src/components/list.tsx b/packages/ui/src/components/list.tsx
index 9704e4554..8bfbbdc98 100644
--- a/packages/ui/src/components/list.tsx
+++ b/packages/ui/src/components/list.tsx
@@ -9,6 +9,7 @@ export interface ListProps<T> {
   key: (x: T) => string
   current?: T
   onSelect?: (value: T | undefined) => void
+  onHover?: (value: T | undefined) => void
   class?: ComponentProps<"div">["class"]
 }
 
@@ -45,6 +46,7 @@ export function List<T>(props: ListProps<T>) {
   createEffect(() => {
     if (store.mouseActive || props.data.length === 0) return
     const index = props.data.findIndex((x) => props.key(x) === list.active())
+    props.onHover?.(props.data[index])
     if (index === 0) {
       virtualizer()?.scrollTo(0)
       return
diff --git a/packages/ui/src/components/tooltip.tsx b/packages/ui/src/components/tooltip.tsx
index b975099fb..14e433e21 100644
--- a/packages/ui/src/components/tooltip.tsx
+++ b/packages/ui/src/components/tooltip.tsx
@@ -30,11 +30,11 @@ export function Tooltip(props: TooltipProps) {
 
   return (
     <KobalteTooltip forceMount {...others} open={open()} onOpenChange={setOpen}>
-      <KobalteTooltip.Trigger as={"div"} data-component="tooltip-trigger">
+      <KobalteTooltip.Trigger as={"div"} data-component="tooltip-trigger" class={local.class}>
         {c()}
       </KobalteTooltip.Trigger>
       <KobalteTooltip.Portal>
-        <KobalteTooltip.Content data-component="tooltip" data-placement={props.placement} class={local.class}>
+        <KobalteTooltip.Content data-component="tooltip" data-placement={props.placement}>
           {typeof others.value === "function" ? others.value() : others.value}
           {/* <KobalteTooltip.Arrow data-slot="arrow" size={18} /> */}
         </KobalteTooltip.Content>