@m13v/seo-components 0.8.3 → 0.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m13v/seo-components",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "scripts": {
     "build:css": "tailwindcss -i src/_build.css -o dist/styles.css --minify",
     "prepublishOnly": "npm run build:css"

package/src/components/SeoComponentsStyles.tsx

@@ -0,0 +1,18 @@
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const here = path.dirname(fileURLToPath(import.meta.url));
+const cssPath = path.join(here, "..", "..", "dist", "styles.css");
+
+let cachedCss: string | null = null;
+function loadCss(): string {
+  if (cachedCss !== null) return cachedCss;
+  cachedCss = fs.readFileSync(cssPath, "utf8");
+  return cachedCss;
+}
+
+export function SeoComponentsStyles() {
+  const css = loadCss();
+  return <style dangerouslySetInnerHTML={{ __html: css }} />;
+}

package/src/index.ts

@@ -54,6 +54,11 @@ export { MotionSequence } from "./components/MotionSequence";
 export { RemotionClip, ConceptReveal } from "./components/RemotionClip";
 export { LottiePlayer } from "./components/LottiePlayer";
 
+// Style injector — renders prebuilt Tailwind CSS as a <style> tag.
+// Use this in your root layout instead of importing the .css file directly,
+// to avoid PostCSS/Tailwind version conflicts on the consumer side.
+export { SeoComponentsStyles } from "./components/SeoComponentsStyles";
+
 // Sitemap sidebar + heading anchors
 export { SitemapSidebar } from "./components/SitemapSidebar";
 export type { SitemapSidebarProps } from "./components/SitemapSidebar";