livemark 0.24.0 → 0.25.0

package/package.json

@@ -1,17 +1,20 @@
 {
   "name": "livemark",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "Livemark description",
   "license": "MIT",
   "author": "Evgeny Karev",
-  "repository": "https://github.com/datisthq/livemark",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/datisthq/livemark"
+  },
   "bin": {
     "livemark": "./build/entrypoints/main.js"
   },
   "files": [
     "build",
     "source",
-    "skills"
+    ".agents/skills"
   ],
   "type": "module",
   "sideEffects": false,
@@ -20,8 +23,7 @@
     "./components/*": "./source/components/*.tsx",
     "./elements/*": "./source/elements/*.tsx",
     "./hooks/*": "./source/hooks/*.ts",
-    "./styles/*": "./source/styles/*.css",
-    "./utils/*": "./source/utils/*.ts"
+    "./styles/*": "./source/styles/*.css"
   },
   "dependencies": {
     "@base-ui/react": "1.3.0",
@@ -50,14 +52,14 @@
     "@vitejs/plugin-react": "6.0.1",
     "chokidar": "^5.0.0",
     "class-variance-authority": "0.7.1",
-    "clsx": "2.1.1",
     "cmdk": "1.1.1",
+    "cn": "0.2.4",
     "commander": "14.0.3",
     "embla-carousel-react": "8.6.0",
     "es-toolkit": "1.44.0",
     "github-slugger": "^2.0.0",
     "input-otp": "1.4.2",
-    "katex": "^0.16.44",
+    "katex": "0.18.9",
     "lucide-react": "0.577.0",
     "mdast-util-directive": "^3.1.0",
     "mdast-util-to-string": "^4.0.0",
@@ -81,31 +83,28 @@
     "shadcn": "3.7.0",
     "shiki": "4.0.2",
     "sonner": "2.0.7",
-    "tailwind-merge": "3.5.0",
     "tailwindcss": "4.2.2",
     "tw-animate-css": "1.4.0",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.1.0",
     "vaul": "1.1.2",
-    "vite": "8.0.13",
+    "vite": "8.3.1",
     "vite-plugin-svgr": "5.2.0",
     "zod": "4.3.6"
   },
   "devDependencies": {
     "@plausible-analytics/tracker": "^0.4.4",
-    "@semantic-release/exec": "7.1.0",
     "@types/node": "24.2.0",
     "@typescript/native-preview": "7.0.0-dev.20260316.1",
-    "@vitest/coverage-v8": "4.1.6",
-    "conventional-changelog-conventionalcommits": "9.1.0",
+    "@vitest/coverage-v8": "5.0.1",
     "lefthook": "2.1.1",
     "livemark": "link:.",
-    "npm-check-updates": "18.0.1",
+    "npm-check-updates": "23.1.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "semantic-release": "24.2.9",
     "tempy": "3.2.0",
-    "vite-plus": "0.1.24",
+    "vite-plus": "1.0.0",
+    "vitest": "5.0.1",
     "wrangler": "4.85.0"
   },
   "peerDependencies": {
@@ -113,15 +112,15 @@
     "react-dom": "^19.0.0"
   },
   "engines": {
-    "node": "^24.0.0",
+    "node": "^24.11.0",
     "pnpm": "^11.0.0"
   },
   "scripts": {
     "build": "tsgo --project tsconfig.build.json",
-    "deps": "ncu -u",
+    "deps": "ncu -u --cooldown 7d",
     "docs:build": "node source/entrypoints/main.ts build",
     "docs:start": "node source/entrypoints/main.ts start",
-    "format": "vp fmt",
+    "format": "vp fmt --no-error-on-unmatched-pattern",
     "leaks": "gitleaks git --config=.gitleaks.toml --verbose --redact",
     "lint": "vp fmt --check && vp lint",
     "release": "pnpm publish --access public --ignore-scripts --no-git-checks",
@@ -130,7 +129,6 @@
     "test": "pnpm lint && pnpm type && pnpm unit",
     "type": "tsgo --noEmit",
     "unit": "vp test",
-    "vers": "pnpm version --no-git-tag-version",
     "vulns": "semgrep --config=p/typescript --config=p/nodejs --config=p/owasp-top-ten --config=p/secrets --exclude=\"**/fixtures/**\" --metrics=off"
   }
 }

package/source/actions/changelog/build.ts

@@ -1,3 +1,4 @@
+import { createHash } from "node:crypto"
 import { access, mkdir, readFile, readdir, rm, writeFile } from "node:fs/promises"
 import { dirname, join, resolve } from "node:path"
 import slugify from "@sindresorhus/slugify"
@@ -42,21 +43,31 @@ const stringifier = unified().use(remarkStringify, {
   emphasis: "_",
 })
 
-/** Glob (absolute path) covering all cached changelog markdown files for
- *  a given consumer. Used by content-collections to include them in the
- *  article scan. */
-export function cacheIncludeGlob(config: Config) {
-  return join(targetDirFor(config.configPath), CACHE_SUBDIR, "**", "*.md")
+/** Glob (absolute path) covering the cached changelog markdown files of
+ *  one changelog section. Used by content-collections to include them in
+ *  the article scan. */
+export function cacheIncludeGlob(section: ChangelogSection, config: Config) {
+  return join(changelogCacheDir(section, config), "*.md")
 }
 
-/** Build the per-version changelog cache files. Livemark allows one
- *  changelog per project, so all cache state lives in a single
- *  `cache/changelog/`: the rendered `.md` entries plus a `meta.json`
- *  holding the etag for conditional GETs. On refresh we wipe only the
- *  `.md` files, leaving meta intact. */
+/** Directory holding one changelog section's cache state: the rendered
+ *  `.md` entries plus a `meta.json` holding the etag for conditional
+ *  GETs. Each section gets its own subdirectory of `cache/changelog/`,
+ *  keyed by its prefix's slug plus a hash of the raw prefix
+ *  (`/python/changelog/` → `python-changelog-<hash>`), so several
+ *  changelogs never overwrite each other's entries even when their
+ *  prefixes slugify alike. */
+export function changelogCacheDir(section: ChangelogSection, config: Config) {
+  const slug = slugify(section.prefix) || "index"
+  const hash = createHash("sha256").update(section.prefix).digest("hex").slice(0, 8)
+  return join(targetDirFor(config.configPath), CACHE_SUBDIR, `${slug}-${hash}`)
+}
+
+/** Build the per-version changelog cache files of one changelog section
+ *  into its own cache directory. On refresh we wipe only that
+ *  directory's `.md` files, leaving meta intact. */
 export async function buildChangelog(section: ChangelogSection, config: Config) {
-  const targetDir = targetDirFor(config.configPath)
-  const cacheDir = join(targetDir, CACHE_SUBDIR)
+  const cacheDir = changelogCacheDir(section, config)
   const metaPath = join(cacheDir, "meta.json")
 
   const entries = isGitHubUrl(section.source)
@@ -137,10 +148,12 @@ function processBody(body: string) {
   return escapeMdxAngles(stringifier.stringify(tree).trimEnd())
 }
 
-/** Escape `<` to `\<` outside fenced code blocks and inline backtick spans
+/** Escape `<` to `&lt;` outside fenced code blocks and inline backtick spans
  * so commit messages with placeholders like `<subdir>` don't get parsed as
- * JSX by MDX. */
-function escapeMdxAngles(markdown: string) {
+ * JSX by MDX. The entity is used rather than a `\<` backslash escape because
+ * MDX's JSX-aware parser does not honour the backslash and still reads
+ * `\<name>` as an unclosed tag. */
+export function escapeMdxAngles(markdown: string) {
   let inFence = false
   return markdown
     .split("\n")
@@ -150,7 +163,7 @@ function escapeMdxAngles(markdown: string) {
         return line
       }
       if (inFence) return line
-      return line.replace(/`[^`]*`|</g, match => (match === "<" ? "\\<" : match))
+      return line.replace(/`[^`]*`|</g, match => (match === "<" ? "&lt;" : match))
     })
     .join("\n")
 }

package/source/actions/changelog/build.unit.ts

@@ -1,5 +1,159 @@
+import { mkdir, readFile, readdir, rm, writeFile } from "node:fs/promises"
+import { basename, dirname, join } from "node:path"
+import { temporaryDirectoryTask } from "tempy"
 import { describe, expect, it } from "vite-plus/test"
-import { splitLocalChangelog } from "./build.ts"
+import { partitionBySection } from "../../helpers/section.ts"
+import { Config } from "../../models/config.ts"
+import type { ChangelogSection } from "../../models/section.ts"
+import { targetDirFor } from "../target/build.ts"
+import {
+  buildChangelog,
+  cacheIncludeGlob,
+  changelogCacheDir,
+  escapeMdxAngles,
+  splitLocalChangelog,
+} from "./build.ts"
+
+describe("buildChangelog", () => {
+  it("keeps several changelog sections apart when they share a version", () =>
+    temporaryDirectoryTask(async root => {
+      const configPath = join(root, "livemark.config.ts")
+      const standard: ChangelogSection = {
+        type: "changelog",
+        title: "Changelog",
+        prefix: "/changelog/",
+        source: "standard/CHANGELOG.md",
+        version: true,
+        position: "sidebar",
+      }
+      const python: ChangelogSection = {
+        type: "changelog",
+        title: "Changelog",
+        prefix: "/python/changelog/",
+        source: "python/CHANGELOG.md",
+        version: true,
+        position: "sidebar",
+      }
+      const config = makeConfig(root, [standard, python])
+
+      await writeChangelog(
+        root,
+        "standard",
+        "## 0.2.0\n\nStandard two.\n\n## 0.1.0\n\nStandard one.\n",
+      )
+      await writeChangelog(root, "python", "## 0.2.0\n\nPython two.\n")
+
+      try {
+        await buildChangelog(standard, config)
+        await buildChangelog(python, config)
+
+        const standardDir = changelogCacheDir(standard, config)
+        const pythonDir = changelogCacheDir(python, config)
+        const cacheRoot = join(targetDirFor(configPath), "cache/changelog")
+        expect(dirname(standardDir)).toBe(cacheRoot)
+        expect(dirname(pythonDir)).toBe(cacheRoot)
+        expect(basename(standardDir)).toMatch(/^changelog-[0-9a-f]{8}$/)
+        expect(basename(pythonDir)).toMatch(/^python-changelog-[0-9a-f]{8}$/)
+        expect(cacheIncludeGlob(python, config)).toBe(join(pythonDir, "*.md"))
+
+        expect((await readdir(standardDir)).sort()).toEqual(["0-1-0.md", "0-2-0.md"])
+        expect(await readdir(pythonDir)).toEqual(["0-2-0.md"])
+
+        const standardEntry = await readFile(join(standardDir, "0-2-0.md"), "utf-8")
+        const pythonEntry = await readFile(join(pythonDir, "0-2-0.md"), "utf-8")
+        expect(standardEntry).toContain("path: /changelog/0-2-0/")
+        expect(standardEntry).toContain("Standard two.")
+        expect(pythonEntry).toContain("path: /python/changelog/0-2-0/")
+        expect(pythonEntry).toContain("Python two.")
+
+        const olderEntry = await readFile(join(standardDir, "0-1-0.md"), "utf-8")
+        const articles = [standardEntry, olderEntry, pythonEntry].map(markdown => ({
+          path: markdown.match(/^path: (.+)$/m)?.[1] ?? "",
+        }))
+        const buckets = partitionBySection(articles, [standard, python])
+        expect(buckets.get("/changelog/")?.map(a => a.path)).toEqual([
+          "/changelog/0-2-0/",
+          "/changelog/0-1-0/",
+        ])
+        expect(buckets.get("/python/changelog/")?.map(a => a.path)).toEqual([
+          "/python/changelog/0-2-0/",
+        ])
+      } finally {
+        await rm(targetDirFor(configPath), { recursive: true, force: true })
+      }
+    }))
+
+  it("cleans only its own cache directory on rebuild", () =>
+    temporaryDirectoryTask(async root => {
+      const configPath = join(root, "livemark.config.ts")
+      const standard: ChangelogSection = {
+        type: "changelog",
+        title: "Changelog",
+        prefix: "/changelog/",
+        source: "standard/CHANGELOG.md",
+        position: "sidebar",
+      }
+      const python: ChangelogSection = {
+        type: "changelog",
+        title: "Changelog",
+        prefix: "/python/changelog/",
+        source: "python/CHANGELOG.md",
+        position: "sidebar",
+      }
+      const config = makeConfig(root, [standard, python])
+
+      await writeChangelog(root, "standard", "## 0.2.0\n\nStandard two.\n")
+      await writeChangelog(root, "python", "## 0.3.0\n\nPython three.\n")
+
+      try {
+        await buildChangelog(standard, config)
+        await buildChangelog(python, config)
+        await writeChangelog(root, "standard", "## 0.4.0\n\nStandard four.\n")
+        await buildChangelog(standard, config)
+
+        expect(await readdir(changelogCacheDir(standard, config))).toEqual(["0-4-0.md"])
+        expect(await readdir(changelogCacheDir(python, config))).toEqual(["0-3-0.md"])
+      } finally {
+        await rm(targetDirFor(configPath), { recursive: true, force: true })
+      }
+    }))
+
+  it("keeps sections apart when their prefixes slugify to the same key", () =>
+    temporaryDirectoryTask(async root => {
+      const configPath = join(root, "livemark.config.ts")
+      const nested: ChangelogSection = {
+        type: "changelog",
+        title: "Changelog",
+        prefix: "/python/changelog/",
+        source: "nested/CHANGELOG.md",
+        position: "sidebar",
+      }
+      const flat: ChangelogSection = {
+        type: "changelog",
+        title: "Changelog",
+        prefix: "/python-changelog/",
+        source: "flat/CHANGELOG.md",
+        position: "sidebar",
+      }
+      const config = makeConfig(root, [nested, flat])
+
+      await writeChangelog(root, "nested", "## 0.1.0\n\nNested one.\n")
+      await writeChangelog(root, "flat", "## 0.2.0\n\nFlat two.\n")
+
+      try {
+        await buildChangelog(nested, config)
+        await buildChangelog(flat, config)
+
+        const nestedDir = changelogCacheDir(nested, config)
+        const flatDir = changelogCacheDir(flat, config)
+        expect(nestedDir).not.toBe(flatDir)
+        expect(await readdir(nestedDir)).toEqual(["0-1-0.md"])
+        expect(await readdir(flatDir)).toEqual(["0-2-0.md"])
+      } finally {
+        await rm(targetDirFor(configPath), { recursive: true, force: true })
+      }
+    }))
+})
 
 describe("splitLocalChangelog", () => {
   it("splits by h2 headings", () => {
@@ -67,3 +221,39 @@ Release notes.
     expect(entries[0]?.date).toBeUndefined()
   })
 })
+
+describe("escapeMdxAngles", () => {
+  it("escapes a bare angle placeholder as an HTML entity", () => {
+    // `\<` is honoured by remark but NOT by MDX's JSX-aware parser, which still
+    // reads `\<name>` as an unclosed tag. Only the entity survives both.
+    expect(escapeMdxAngles("a <name> b")).toBe("a &lt;name> b")
+  })
+
+  it("escapes a placeholder that follows a bare URL", () => {
+    const input = "See https://fairspec.org/profiles/latest/<name>.json, ok."
+    expect(escapeMdxAngles(input)).toBe(
+      "See https://fairspec.org/profiles/latest/&lt;name>.json, ok.",
+    )
+  })
+
+  it("leaves inline code spans alone", () => {
+    expect(escapeMdxAngles("use `--resource <name>` here")).toBe(
+      "use `--resource <name>` here",
+    )
+  })
+
+  it("leaves fenced code blocks alone", () => {
+    const input = "```sh\nfoo <bar>\n```"
+    expect(escapeMdxAngles(input)).toBe(input)
+  })
+})
+
+function makeConfig(root: string, sections: ChangelogSection[]) {
+  const configPath = join(root, "livemark.config.ts")
+  return { ...Config.parse({ root, configPath, sections }), base: undefined }
+}
+
+async function writeChangelog(root: string, dir: string, body: string) {
+  await mkdir(join(root, dir), { recursive: true })
+  await writeFile(join(root, dir, "CHANGELOG.md"), body, "utf-8")
+}

package/source/components/Callout.tsx

@@ -1,5 +1,5 @@
 import { AlertTriangle, Flame, Info, Lightbulb } from "lucide-react"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 type CalloutType = "note" | "tip" | "info" | "warning" | "danger"
 

package/source/components/LinkButton.tsx

@@ -1,5 +1,5 @@
 import { buttonVariants } from "../elements/button.tsx"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 /** Styled link button rendered from ::button leaf directives */
 export function LinkButton(props: {

package/source/components/Section.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import { useInView } from "../hooks/in-view.ts"
 
 export function Section(props: {

package/source/components/SectionHeader.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 export function SectionHeader(props: {
   label?: string

package/source/content-collections.ts

@@ -59,9 +59,10 @@ for (const section of changelogSections) {
 }
 
 const configInclude = Array.isArray(config.include) ? config.include : [config.include]
-const include = changelogSections.length
-  ? [...configInclude, cacheIncludeGlob(config)]
-  : configInclude
+const include = [
+  ...configInclude,
+  ...changelogSections.map(section => cacheIncludeGlob(section, config)),
+]
 
 const userExclude = config.exclude
   ? Array.isArray(config.exclude)

package/source/elements/accordion.tsx

@@ -1,7 +1,7 @@
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion"
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
   return (

package/source/elements/alert-dialog.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import { Button } from "./button.tsx"
 
 function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {

package/source/elements/alert.tsx

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 const alertVariants = cva(
   "grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert",

package/source/elements/aspect-ratio.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function AspectRatio({
   ratio,

package/source/elements/avatar.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function Avatar({
   className,

package/source/elements/badge.tsx

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 const badgeVariants = cva(
   "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge",

package/source/elements/breadcrumb.tsx

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
   return (

package/source/elements/button-group.tsx

@@ -2,7 +2,7 @@ import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import { Separator } from "./separator.tsx"
 
 const buttonGroupVariants = cva(

package/source/elements/button.tsx

@@ -1,6 +1,6 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button"
 import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 const buttonVariants = cva(
   "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",

package/source/elements/calendar.tsx

@@ -7,7 +7,7 @@ import {
 } from "react-day-picker"
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import { Button, buttonVariants } from "./button.tsx"
 
 function Calendar({

package/source/elements/card.tsx

@@ -1,5 +1,5 @@
 import type * as React from "react"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function Card({
   className,

package/source/elements/carousel.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react"
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import { Button } from "./button.tsx"
 
 type CarouselApi = UseEmblaCarouselType[1]

package/source/elements/chart.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as RechartsPrimitive from "recharts"
 import type { TooltipValueType } from "recharts"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" } as const

package/source/elements/checkbox.tsx

@@ -1,7 +1,7 @@
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"
 import { CheckIcon } from "lucide-react"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
   return (

package/source/elements/command.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Command as CommandPrimitive } from "cmdk"
 import { CheckIcon, SearchIcon, XIcon } from "lucide-react"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import {
   Dialog,
   DialogContent,

package/source/elements/context-menu.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {
   return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />

package/source/elements/dialog.tsx

@@ -1,6 +1,6 @@
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
 import { XIcon } from "lucide-react"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import { Button } from "./button.tsx"
 
 function Dialog({ ...props }: DialogPrimitive.Root.Props) {

package/source/elements/drawer.tsx

@@ -1,5 +1,5 @@
 import { Drawer as DrawerPrimitive } from "vaul"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {
   return <DrawerPrimitive.Root data-slot="drawer" {...props} />

package/source/elements/dropdown-menu.tsx

@@ -1,6 +1,6 @@
 import { Menu as MenuPrimitive } from "@base-ui/react/menu"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {
   return <MenuPrimitive.Root data-slot="dropdown-menu" {...props} />

package/source/elements/empty.tsx

@@ -1,6 +1,6 @@
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function Empty({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/source/elements/field.tsx

@@ -1,6 +1,6 @@
 import { cva, type VariantProps } from "class-variance-authority"
 import { useMemo } from "react"
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 import { Label } from "./label.tsx"
 import { Separator } from "./separator.tsx"
 

package/source/elements/hover-card.tsx

@@ -1,6 +1,6 @@
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card"
 
-import { cn } from "../utils/style.ts"
+import { cn } from "cn"
 
 function HoverCard({ ...props }: PreviewCardPrimitive.Root.Props) {
   return <PreviewCardPrimitive.Root data-slot="hover-card" {...props} />