Tooltip experimental

<script lang="ts">
  import * as Tooltip from '@odbd/svelte/tooltip'
</script>

<div class="tooltip-demo">
  <Tooltip.Root openDelay={200} closeDelay={100}>
    <Tooltip.Trigger class="odbd-button" data-variant="outline" data-size="md">
      Hover me
    </Tooltip.Trigger>
    <Tooltip.Positioner>
      <Tooltip.Content>anatomy 클래스와 토큰이 적용된 tooltip content.</Tooltip.Content>
    </Tooltip.Positioner>
  </Tooltip.Root>
</div>

<style>
  .tooltip-demo {
    display: grid;
    justify-items: center;
  }

  .tooltip-demo :global([data-part='trigger']) {
    inline-size: fit-content;
  }
</style>