Document or get rid of import { cn } from "$lib/utils/styles.js";

[multivac61]

Hey Hunter! Great library.

Getting started it is very disorienting reading the examples and not being able to copy/paste them verbatim into a fresh project, e.g,. NavigationMenu

<script lang="ts">
  import { NavigationMenu } from "bits-ui";
  import CaretDown from "phosphor-svelte/lib/CaretDown";
  import { cn } from "$lib/utils/styles.js";
 
  const components: { title: string; href: string; description: string }[] = [
   ....

Has two external dependencies that are not mentioned on the page, e.g., phosphor-svelte and "$lib/utils/styles.js" which looks like it is coming from the docs source code and not the library itself. Please consider putting the cn function inside the library, or document how a noob like myself can get hold of the file and use it in my project.

[huntabyte]

Hey @multivac61, we've added an "Open in StackBlitz" link to all of the components which includes any files that are used. You could basically replace that cn with:

import cn from 'clsx'

I'm not going to add it to the library as it would introduce an additional dependency that may not be needed if you aren't using tailwind, but the StackBlitz should help peeps moving forward 😁