snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/app/(view)/preview/font-variables.tsx

@@ -0,0 +1,21 @@
+"use client"
+
+import * as React from "react"
+
+export function PreviewFontVariables({ className }: { className: string }) {
+  React.useLayoutEffect(() => {
+    const classNames = className.split(/\s+/).filter(Boolean)
+
+    if (!classNames.length) {
+      return
+    }
+
+    document.documentElement.classList.add(...classNames)
+
+    return () => {
+      document.documentElement.classList.remove(...classNames)
+    }
+  }, [className])
+
+  return null
+}