fix(Tooltip): Use standard CSS classes (non-tailwind) for root element to simplify some usage (including shadcn-svelte) (#511)

Author: techniq

.changeset/lucky-pianos-count.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Tooltip): Use standard CSS classes (non-tailwind) for root element to simplify some usage (including shadcn-svelte)

packages/layerchart/src/lib/components/tooltip/Tooltip.svelte

@@ -359,13 +359,8 @@
 {#if tooltipCtx.data}
   <div
     {...props.root}
-    class={cls(
-      layerClass('tooltip-root'),
-      'absolute z-50 select-none',
-      !pointerEvents && 'pointer-events-none',
-      classes.root,
-      props.root?.class
-    )}
+    class={cls('root', layerClass('tooltip-root'), classes.root, props.root?.class)}
+    class:pointer-events-none={!pointerEvents}
     style:top="{motionY.current}px"
     style:left="{motionX.current}px"
     transition:fade={{ duration: 100 }}
@@ -408,3 +403,15 @@
     </div>
   </div>
 {/if}
+
+<style>
+  .root {
+    position: absolute;
+    z-index: 50;
+    user-select: none;
+  }
+
+  .pointer-events-none {
+    pointer-events: none;
+  }
+</style>