@noxion/renderer 0.0.2 → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Jiwon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+# @noxion/renderer
+
+React rendering components and theme system for [Noxion](https://github.com/jiwonme/noxion) — a Notion-powered blog builder.
+
+## Features
+
+- Notion page renderer (via `@noxion/notion-renderer`)
+- Pre-built blog components: `PostCard`, `PostList`, `Header`, `Footer`, `TOC`, `Search`, `TagFilter`
+- CSS variable-based theme system with dark/light/system mode support
+- Fully customizable via component overrides
+
+## Installation
+
+```bash
+npm install @noxion/renderer react react-dom
+```
+
+## Peer Dependencies
+
+- `react >= 18.0.0`
+- `react-dom >= 18.0.0`
+
+## Usage
+
+```tsx
+import { NoxionThemeProvider, PostList } from "@noxion/renderer";
+
+export default function BlogPage({ posts }) {
+  return (
+    <NoxionThemeProvider>
+      <PostList posts={posts} />
+    </NoxionThemeProvider>
+  );
+}
+```
+
+## Documentation
+
+See the [full documentation](https://github.com/jiwonme/noxion) for complete usage guides.
+
+## License
+
+MIT

package/dist/components/EmptyState.d.ts

@@ -1,6 +1,7 @@
 export interface EmptyStateProps {
     title?: string;
     message?: string;
+    className?: string;
 }
-export declare function EmptyState({ title, message, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ title, message, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAA0B,EAC1B,OAA6C,GAC9C,EAAE,eAAe,2CAiCjB"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAA0B,EAC1B,OAA6C,EAC7C,SAAS,GACV,EAAE,eAAe,2CAUjB"}

package/dist/components/EmptyState.js

@@ -1,20 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function EmptyState({ title = "Nothing here yet", message = "Check back later for new content.", }) {
-    return (_jsxs("div", { className: "noxion-empty-state", style: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "4rem 1rem",
-            textAlign: "center",
-        }, children: [_jsx("h2", { style: {
-                    fontSize: "1.5rem",
-                    fontWeight: 600,
-                    color: "var(--noxion-foreground, #000)",
-                    marginBottom: "0.5rem",
-                }, children: title }), _jsx("p", { style: {
-                    fontSize: "1rem",
-                    color: "var(--noxion-mutedForeground, #737373)",
-                }, children: message })] }));
+import { FileText } from "lucide-react";
+export function EmptyState({ title = "Nothing here yet", message = "Check back later for new content.", className, }) {
+    return (_jsxs("div", { className: className ? `noxion-empty-state ${className}` : "noxion-empty-state", children: [_jsx("span", { className: "noxion-empty-state__icon", children: _jsx(FileText, { size: 32, strokeWidth: 1.5 }) }), _jsx("h2", { className: "noxion-empty-state__title", children: title }), _jsx("p", { className: "noxion-empty-state__message", children: message })] }));
 }
 //# sourceMappingURL=EmptyState.js.map

package/dist/components/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,GAAG,kBAAkB,EAC1B,OAAO,GAAG,mCAAmC,GAC7B;IAChB,OAAO,CACL,eACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,QAAQ;SACpB,aAED,aACE,KAAK,EAAE;oBACL,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,gCAAgC;oBACvC,YAAY,EAAE,QAAQ;iBACvB,YAEA,KAAK,GACH,EACL,YACE,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,wCAAwC;iBAChD,YAEA,OAAO,GACN,IACA,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAQxC,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,GAAG,kBAAkB,EAC1B,OAAO,GAAG,mCAAmC,EAC7C,SAAS,GACO;IAChB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAsB,SAAS,EAAE,CAAC,CAAC,CAAC,oBAAoB,aAClF,eAAM,SAAS,EAAC,0BAA0B,YACxC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,GACnC,EACP,aAAI,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAM,EACtD,YAAG,SAAS,EAAC,6BAA6B,YAAE,OAAO,GAAK,IACpD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Footer.d.ts

@@ -1,3 +1,5 @@
 import type { FooterProps } from "../theme/types";
-export declare function Footer({ siteName, author }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ siteName, author, className }: FooterProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Footer.d.ts.map

package/dist/components/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,WAAW,2CA6BvD"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmB3F"}

package/dist/components/Footer.js

@@ -1,14 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export function Footer({ siteName, author }) {
+import { ArrowUpRight } from "lucide-react";
+export function Footer({ siteName, author, className }) {
     const year = new Date().getFullYear();
-    return (_jsxs("footer", { className: "noxion-footer", style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            padding: "1.5rem",
-            borderTop: "1px solid var(--noxion-border, #e5e5e5)",
-            fontSize: "0.875rem",
-            color: "var(--noxion-mutedForeground, #737373)",
-        }, children: [_jsxs("span", { children: ["\u00A9 ", year, " ", author ?? siteName] }), _jsx("a", { href: "https://github.com/jiwonme/noxion", target: "_blank", rel: "noopener noreferrer", style: { color: "var(--noxion-mutedForeground, #737373)", textDecoration: "none" }, children: "Powered by Noxion" })] }));
+    return (_jsxs("footer", { className: className ? `noxion-footer ${className}` : "noxion-footer", children: [_jsxs("span", { className: "noxion-footer__copyright", children: ["\u00A9 ", year, " ", author ?? siteName] }), _jsxs("a", { href: "https://github.com/jiwonme/noxion", target: "_blank", rel: "noopener noreferrer", className: "noxion-footer__powered-by", children: ["Powered by Noxion", _jsx(ArrowUpRight, { size: 12, strokeWidth: 2 })] })] }));
 }
 //# sourceMappingURL=Footer.js.map

package/dist/components/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IACtD,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAEtC,OAAO,CACL,kBACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,yCAAyC;YACpD,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,wCAAwC;SAChD,aAED,sCACU,IAAI,OAAG,MAAM,IAAI,QAAQ,IAC5B,EACP,YACE,IAAI,EAAC,mCAAmC,EACxC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,wCAAwC,EAAE,cAAc,EAAE,MAAM,EAAE,kCAGhF,IACG,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAwC;IAC1F,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAEtC,OAAO,CACL,kBAAQ,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,aAC3E,gBAAM,SAAS,EAAC,0BAA0B,wBAChC,IAAI,OAAG,MAAM,IAAI,QAAQ,IAC5B,EACP,aACE,IAAI,EAAC,mCAAmC,EACxC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,2BAA2B,kCAGrC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,IACxC,IACG,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Header.d.ts

@@ -1,3 +1,5 @@
 import type { HeaderProps } from "../theme/types";
-export declare function Header({ siteName, navigation }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ siteName, navigation, className }: HeaderProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAe,EAAE,EAAE,WAAW,2CA4ChE"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAe,EAAE,SAAS,EAAE,EAAE,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsBpG"}

package/dist/components/Header.js

@@ -1,21 +1,7 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Header({ siteName, navigation = [] }) {
-    return (_jsxs("header", { className: "noxion-header", style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            padding: "1rem 1.5rem",
-            borderBottom: "1px solid var(--noxion-border, #e5e5e5)",
-            backgroundColor: "var(--noxion-background, #fff)",
-        }, children: [_jsx("a", { href: "/", style: {
-                    fontSize: "1.25rem",
-                    fontWeight: 700,
-                    color: "var(--noxion-foreground, #000)",
-                    textDecoration: "none",
-                }, children: siteName }), navigation.length > 0 && (_jsx("nav", { style: { display: "flex", gap: "1.5rem" }, children: navigation.map((item) => (_jsx("a", { href: item.href, style: {
-                        fontSize: "0.875rem",
-                        color: "var(--noxion-mutedForeground, #737373)",
-                        textDecoration: "none",
-                    }, children: item.label }, item.href))) }))] }));
+import { ThemeToggle } from "./ThemeToggle";
+export function Header({ siteName, navigation = [], className }) {
+    return (_jsxs("header", { className: className ? `noxion-header ${className}` : "noxion-header", children: [_jsx("a", { href: "/", className: "noxion-header__logo", children: siteName }), navigation.length > 0 && (_jsx("nav", { className: "noxion-header__nav", children: navigation.map((item) => (_jsx("a", { href: item.href, className: "noxion-header__nav-link", children: item.label }, item.href))) })), _jsx("div", { className: "noxion-header__actions", children: _jsx(ThemeToggle, {}) })] }));
 }
 //# sourceMappingURL=Header.js.map

package/dist/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,EAAE,EAAe;IAC/D,OAAO,CACL,kBACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,OAAO,EAAE,aAAa;YACtB,YAAY,EAAE,yCAAyC;YACvD,eAAe,EAAE,gCAAgC;SAClD,aAED,YACE,IAAI,EAAC,GAAG,EACR,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,gCAAgC;oBACvC,cAAc,EAAE,MAAM;iBACvB,YAEA,QAAQ,GACP,EAEH,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,YAC3C,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,YAEE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,wCAAwC;wBAC/C,cAAc,EAAE,MAAM;qBACvB,YAEA,IAAI,CAAC,KAAK,IARN,IAAI,CAAC,IAAI,CASZ,CACL,CAAC,GACE,CACP,IACM,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,EAAwC;IACnG,OAAO,CACL,kBAAQ,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,aAC3E,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,qBAAqB,YACxC,QAAQ,GACP,EAEH,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,cAAK,SAAS,EAAC,oBAAoB,YAChC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,YAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,yBAAyB,YACpE,IAAI,CAAC,KAAK,IADL,IAAI,CAAC,IAAI,CAEb,CACL,CAAC,GACE,CACP,EAED,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,WAAW,KAAG,GACX,IACC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/NotionPage.d.ts

@@ -5,11 +5,8 @@ export interface NotionPageProps {
     fullPage?: boolean;
     darkMode?: boolean;
     previewImages?: boolean;
-    showTableOfContents?: boolean;
-    minTableOfContentsItems?: number;
     pageUrlPrefix?: string;
-    nextImage?: unknown;
     className?: string;
 }
-export declare function NotionPage({ recordMap, rootPageId, fullPage, darkMode, previewImages, showTableOfContents, minTableOfContentsItems, pageUrlPrefix, nextImage, className, }: NotionPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotionPage({ recordMap, rootPageId, fullPage, darkMode, previewImages, pageUrlPrefix, className, }: NotionPageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NotionPage.d.ts.map

package/dist/components/NotionPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotionPage.d.ts","sourceRoot":"","sources":["../../src/components/NotionPage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,EACV,QAAe,EACf,QAAQ,EACR,aAAqB,EACrB,mBAA2B,EAC3B,uBAA2B,EAC3B,aAAmB,EACnB,SAAS,EACT,SAAS,GACV,EAAE,eAAe,2CAgCjB"}
+{"version":3,"file":"NotionPage.d.ts","sourceRoot":"","sources":["../../src/components/NotionPage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAStD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,EACV,QAAe,EACf,QAAQ,EACR,aAAqB,EACrB,aAAmB,EACnB,SAAS,GACV,EAAE,eAAe,2CAwBjB"}

package/dist/components/NotionPage.js

@@ -1,20 +1,35 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { NotionRenderer } from "react-notion-x";
-import { useNoxionComponents, useNoxionTheme } from "../theme/ThemeProvider";
-export function NotionPage({ recordMap, rootPageId, fullPage = true, darkMode, previewImages = false, showTableOfContents = false, minTableOfContentsItems = 3, pageUrlPrefix = "/", nextImage, className, }) {
-    const theme = useNoxionTheme();
-    const overrides = useNoxionComponents();
-    const resolvedDarkMode = darkMode ?? theme.name === "dark";
-    const notionComponents = {};
-    if (nextImage) {
-        notionComponents.nextImage = nextImage;
-    }
-    if (overrides.NotionBlock) {
-        for (const [blockType, component] of Object.entries(overrides.NotionBlock)) {
-            notionComponents[blockType] = component;
-        }
-    }
-    return (_jsx("div", { className: className, children: _jsx(NotionRenderer, { recordMap: recordMap, rootPageId: rootPageId, fullPage: fullPage, darkMode: resolvedDarkMode, previewImages: previewImages, showTableOfContents: showTableOfContents, minTableOfContentsItems: minTableOfContentsItems, mapPageUrl: (pageId) => `${pageUrlPrefix}${pageId}`, components: notionComponents }) }));
+import { useState, useEffect } from "react";
+import { NotionRenderer, createShikiHighlighter } from "@noxion/notion-renderer";
+import { defaultMapImageUrl } from "notion-utils";
+const highlighterPromise = createShikiHighlighter({
+    theme: "github-light",
+    darkTheme: "github-dark",
+});
+function useDetectDarkMode() {
+    const [isDark, setIsDark] = useState(false);
+    useEffect(() => {
+        const check = () => {
+            setIsDark(document.documentElement.dataset.theme === "dark");
+        };
+        check();
+        const observer = new MutationObserver(check);
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["data-theme"],
+        });
+        return () => observer.disconnect();
+    }, []);
+    return isDark;
+}
+export function NotionPage({ recordMap, rootPageId, fullPage = true, darkMode, previewImages = false, pageUrlPrefix = "/", className, }) {
+    const detectedDark = useDetectDarkMode();
+    const resolvedDarkMode = darkMode ?? detectedDark;
+    const [highlightCode, setHighlightCode] = useState();
+    useEffect(() => {
+        highlighterPromise.then((fn) => setHighlightCode(() => fn));
+    }, []);
+    return (_jsx("div", { className: className, children: _jsx(NotionRenderer, { recordMap: recordMap, rootPageId: rootPageId, fullPage: fullPage, darkMode: resolvedDarkMode, previewImages: previewImages, highlightCode: highlightCode, mapPageUrl: (pageId) => `${pageUrlPrefix}${pageId}`, mapImageUrl: (url, block) => defaultMapImageUrl(url, block) ?? url }) }));
 }
 //# sourceMappingURL=NotionPage.js.map

package/dist/components/NotionPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotionPage.js","sourceRoot":"","sources":["../../src/components/NotionPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAe7E,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,mBAAmB,GAAG,KAAK,EAC3B,uBAAuB,GAAG,CAAC,EAC3B,aAAa,GAAG,GAAG,EACnB,SAAS,EACT,SAAS,GACO;IAChB,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IAExC,MAAM,gBAAgB,GAAG,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAE3D,MAAM,gBAAgB,GAA4B,EAAE,CAAC;IACrD,IAAI,SAAS,EAAE,CAAC;QACd,gBAAgB,CAAC,SAAS,GAAG,SAAS,CAAC;IACzC,CAAC;IACD,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;QAC1B,KAAK,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;YAC3E,gBAAgB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,uBAAuB,EAAE,uBAAuB,EAChD,UAAU,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,aAAa,GAAG,MAAM,EAAE,EAE3D,UAAU,EAAE,gBAAgB,GAC5B,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"NotionPage.js","sourceRoot":"","sources":["../../src/components/NotionPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAGjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;IAChD,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,aAAa;CACzB,CAAC,CAAC;AAYH,SAAS,iBAAiB;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;QAC/D,CAAC,CAAC;QACF,KAAK,EAAE,CAAC;QAER,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;YACzC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,CAAC;SAChC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,aAAa,GAAG,GAAG,EACnB,SAAS,GACO;IAChB,MAAM,YAAY,GAAG,iBAAiB,EAAE,CAAC;IACzC,MAAM,gBAAgB,GAAG,QAAQ,IAAI,YAAY,CAAC;IAElD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAA+B,CAAC;IAElF,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,aAAa,GAAG,MAAM,EAAE,EAC3D,WAAW,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,GAAG,GAClE,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/PostCard.d.ts

@@ -1,3 +1,5 @@
 import type { PostCardProps } from "../theme/types";
-export declare function PostCard({ title, slug, date, tags, coverImage, category, }: PostCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostCard({ title, slug, date, tags, coverImage, category, description, author, className, }: PostCardProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PostCard.d.ts.map

package/dist/components/PostCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../src/components/PostCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CAmGf"}
+{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../src/components/PostCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmDxC"}

package/dist/components/PostCard.js

@@ -1,44 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function PostCard({ title, slug, date, tags, coverImage, category, }) {
-    return (_jsxs("a", { href: `/${slug}`, className: "noxion-post-card", style: {
-            display: "block",
-            textDecoration: "none",
-            color: "inherit",
-            borderRadius: "var(--noxion-border-radius, 0.5rem)",
-            border: "1px solid var(--noxion-border, #e5e5e5)",
-            overflow: "hidden",
-            backgroundColor: "var(--noxion-card, #fff)",
-            transition: "box-shadow 0.2s ease",
-        }, children: [_jsx("div", { style: { position: "relative", width: "100%", height: "200px", overflow: "hidden" }, children: coverImage ? (_jsx("img", { src: coverImage, alt: title, loading: "lazy", decoding: "async", style: {
-                        width: "100%",
-                        height: "100%",
-                        objectFit: "cover",
-                        objectPosition: "center",
-                    } })) : (_jsx("div", { style: {
-                        width: "100%",
-                        height: "100%",
-                        background: "linear-gradient(135deg, var(--noxion-primary, #2563eb), var(--noxion-accent, #f5f5f5))",
-                    } })) }), _jsxs("div", { style: { padding: "1rem" }, children: [category && (_jsx("span", { style: {
-                            fontSize: "0.75rem",
-                            fontWeight: 500,
-                            color: "var(--noxion-primary, #2563eb)",
-                            textTransform: "uppercase",
-                            letterSpacing: "0.05em",
-                        }, children: category })), _jsx("h3", { style: {
-                            margin: "0.25rem 0",
-                            fontSize: "1.125rem",
-                            fontWeight: 600,
-                            color: "var(--noxion-cardForeground, #000)",
-                            lineHeight: 1.4,
-                        }, children: title }), _jsx("time", { dateTime: date, style: {
-                            fontSize: "0.875rem",
-                            color: "var(--noxion-mutedForeground, #737373)",
-                        }, children: date }), tags.length > 0 && (_jsx("div", { style: { marginTop: "0.5rem", display: "flex", flexWrap: "wrap", gap: "0.25rem" }, children: tags.map((tag) => (_jsx("span", { style: {
-                                fontSize: "0.75rem",
-                                padding: "0.125rem 0.5rem",
-                                borderRadius: "9999px",
-                                backgroundColor: "var(--noxion-muted, #f5f5f5)",
-                                color: "var(--noxion-mutedForeground, #737373)",
-                            }, children: tag }, tag))) }))] })] }));
+export function PostCard({ title, slug, date, tags, coverImage, category, description, author, className, }) {
+    const hasImage = Boolean(coverImage);
+    const baseClass = hasImage ? "noxion-post-card" : "noxion-post-card noxion-post-card--text-only";
+    const cardClass = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsxs("a", { href: `/${slug}`, className: cardClass, children: [hasImage && (_jsx("div", { className: "noxion-post-card__cover", children: _jsx("img", { src: coverImage, alt: title, loading: "lazy", decoding: "async", className: "noxion-post-card__cover-image" }) })), _jsxs("div", { className: "noxion-post-card__body", children: [category && (_jsx("span", { className: "noxion-post-card__category", children: category })), _jsx("h3", { className: "noxion-post-card__title", children: title }), description && (_jsx("p", { className: "noxion-post-card__description", children: description })), _jsxs("div", { className: "noxion-post-card__meta", children: [author && (_jsx("span", { className: "noxion-post-card__author", children: author })), _jsx("time", { dateTime: date, className: "noxion-post-card__date", children: date }), tags.length > 0 && (_jsx("div", { className: "noxion-post-card__tags", children: tags.map((tag) => (_jsx("span", { className: "noxion-post-card__tag", children: tag }, tag))) }))] })] })] }));
 }
 //# sourceMappingURL=PostCard.js.map

package/dist/components/PostCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostCard.js","sourceRoot":"","sources":["../../src/components/PostCard.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,GACM;IACd,OAAO,CACL,aACE,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,OAAO,EAAE,OAAO;YAChB,cAAc,EAAE,MAAM;YACtB,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,qCAAqC;YACnD,MAAM,EAAE,yCAAyC;YACjD,QAAQ,EAAE,QAAQ;YAClB,eAAe,EAAE,0BAA0B;YAC3C,UAAU,EAAE,sBAAsB;SACnC,aAED,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACrF,UAAU,CAAC,CAAC,CAAC,CACZ,cACE,GAAG,EAAE,UAAU,EACf,GAAG,EAAE,KAAK,EACV,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,OAAO;wBAClB,cAAc,EAAE,QAAQ;qBACzB,GACD,CACH,CAAC,CAAC,CAAC,CACF,cACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,wFAAwF;qBACrG,GACD,CACH,GACG,EAEN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC5B,QAAQ,IAAI,CACX,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,SAAS;4BACnB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,gCAAgC;4BACvC,aAAa,EAAE,WAAW;4BAC1B,aAAa,EAAE,QAAQ;yBACxB,YAEA,QAAQ,GACJ,CACR,EAED,aACE,KAAK,EAAE;4BACL,MAAM,EAAE,WAAW;4BACnB,QAAQ,EAAE,UAAU;4BACpB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,oCAAoC;4BAC3C,UAAU,EAAE,GAAG;yBAChB,YAEA,KAAK,GACH,EAEL,eACE,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,wCAAwC;yBAChD,YAEA,IAAI,GACA,EAEN,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,YACnF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,eAEE,KAAK,EAAE;gCACL,QAAQ,EAAE,SAAS;gCACnB,OAAO,EAAE,iBAAiB;gCAC1B,YAAY,EAAE,QAAQ;gCACtB,eAAe,EAAE,8BAA8B;gCAC/C,KAAK,EAAE,wCAAwC;6BAChD,YAEA,GAAG,IATC,GAAG,CAUH,CACR,CAAC,GACE,CACP,IACG,IACJ,CACL,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PostCard.js","sourceRoot":"","sources":["../../src/components/PostCard.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,GAC8B;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,8CAA8C,CAAC;IACjG,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtE,OAAO,CACL,aAAG,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,aACtC,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,yBAAyB,YACtC,cACE,GAAG,EAAE,UAAU,EACf,GAAG,EAAE,KAAK,EACV,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,+BAA+B,GACzC,GACE,CACP,EAED,eAAK,SAAS,EAAC,wBAAwB,aACpC,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAQ,CAC/D,EAED,aAAI,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAM,EAEnD,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,EAED,eAAK,SAAS,EAAC,wBAAwB,aACpC,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,0BAA0B,YAAE,MAAM,GAAQ,CAC3D,EACD,eAAM,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAC,wBAAwB,YACrD,IAAI,GACA,EAEN,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB,cAAK,SAAS,EAAC,wBAAwB,YACpC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,eAAgB,SAAS,EAAC,uBAAuB,YAC9C,GAAG,IADK,GAAG,CAEP,CACR,CAAC,GACE,CACP,IACG,IACF,IACJ,CACL,CAAC;AACJ,CAAC"}

package/dist/components/PostList.d.ts

@@ -1,3 +1,5 @@
 import type { PostListProps } from "../theme/types";
-export declare function PostList({ posts }: PostListProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostList({ posts, className }: PostListProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PostList.d.ts.map

package/dist/components/PostList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostList.d.ts","sourceRoot":"","sources":["../../src/components/PostList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,gBAAgB,CAAC;AAInE,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CAuBhD"}
+{"version":3,"file":"PostList.d.ts","sourceRoot":"","sources":["../../src/components/PostList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,gBAAgB,CAAC;AAInE,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmBpF"}

package/dist/components/PostList.js

@@ -2,24 +2,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useNoxionComponents } from "../theme/ThemeProvider";
 import { PostCard as DefaultPostCard } from "./PostCard";
-export function PostList({ posts }) {
+export function PostList({ posts, className }) {
     const overrides = useNoxionComponents();
     const Card = (overrides.PostCard ?? DefaultPostCard);
     if (posts.length === 0) {
-        return _jsx(EmptyState, { message: "No posts found." });
+        return (_jsx("div", { className: "noxion-empty-state", children: _jsx("p", { className: "noxion-empty-state__message", children: "No posts found." }) }));
     }
-    return (_jsx("div", { className: "noxion-post-list", style: {
-            display: "grid",
-            gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
-            gap: "1.5rem",
-            width: "100%",
-        }, children: posts.map((post) => (_jsx(Card, { ...post }, post.id))) }));
-}
-function EmptyState({ message }) {
-    return (_jsx("div", { style: {
-            textAlign: "center",
-            padding: "3rem 1rem",
-            color: "var(--noxion-mutedForeground, #737373)",
-        }, children: _jsx("p", { style: { fontSize: "1.125rem" }, children: message }) }));
+    return (_jsx("div", { className: className ? `noxion-post-list ${className}` : "noxion-post-list", children: posts.map((post) => (_jsx(Card, { ...post }, post.slug))) }));
 }
 //# sourceMappingURL=PostList.js.map

package/dist/components/PostList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostList.js","sourceRoot":"","sources":["../../src/components/PostList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAiB;IAC/C,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,IAAI,eAAe,CAAiC,CAAC;IAErF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,UAAU,IAAC,OAAO,EAAC,iBAAiB,GAAG,CAAC;IAClD,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,uCAAuC;YAC5D,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,MAAM;SACd,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,IAAI,OAAmB,IAAI,IAAjB,IAAI,CAAC,EAAE,CAAc,CACjC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,OAAO,EAAuB;IAClD,OAAO,CACL,cACE,KAAK,EAAE;YACL,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,wCAAwC;SAChD,YAED,YAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAG,OAAO,GAAK,GAC7C,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PostList.js","sourceRoot":"","sources":["../../src/components/PostList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAA0C;IACnF,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,IAAI,eAAe,CAAiC,CAAC;IAErF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,YAAG,SAAS,EAAC,6BAA6B,gCAAoB,GAC1D,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,EAAE,CAAC,CAAC,CAAC,kBAAkB,YAC7E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,IAAI,OAAqB,IAAI,IAAnB,IAAI,CAAC,IAAI,CAAc,CACnC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Search.d.ts

@@ -1,3 +1,5 @@
 import type { SearchProps } from "../theme/types";
-export declare function Search({ onSearch, placeholder, }: SearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function Search({ onSearch, placeholder, className, }: SearchProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Search.d.ts.map

package/dist/components/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/components/Search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,WAA+B,GAChC,EAAE,WAAW,2CA4Db"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/components/Search.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,WAA+B,EAC/B,SAAS,GACV,EAAE,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsCtC"}

package/dist/components/Search.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback } from "react";
-export function Search({ onSearch, placeholder = "Search posts...", }) {
+import { Search as SearchIcon } from "lucide-react";
+export function Search({ onSearch, placeholder = "Search posts...", className, }) {
     const inputRef = useRef(null);
     const debounceRef = useRef(null);
     const handleInput = useCallback((value) => {
@@ -19,27 +20,6 @@ export function Search({ onSearch, placeholder = "Search posts...", }) {
         document.addEventListener("keydown", handler);
         return () => document.removeEventListener("keydown", handler);
     }, []);
-    return (_jsxs("div", { className: "noxion-search", style: { position: "relative", width: "100%" }, children: [_jsx("input", { ref: inputRef, type: "text", placeholder: placeholder, onChange: (e) => handleInput(e.target.value), style: {
-                    width: "100%",
-                    padding: "0.5rem 0.75rem",
-                    paddingRight: "3rem",
-                    borderRadius: "var(--noxion-border-radius, 0.5rem)",
-                    border: "1px solid var(--noxion-border, #e5e5e5)",
-                    backgroundColor: "var(--noxion-background, #fff)",
-                    color: "var(--noxion-foreground, #000)",
-                    fontSize: "0.875rem",
-                    outline: "none",
-                } }), _jsx("kbd", { style: {
-                    position: "absolute",
-                    right: "0.5rem",
-                    top: "50%",
-                    transform: "translateY(-50%)",
-                    fontSize: "0.75rem",
-                    padding: "0.125rem 0.375rem",
-                    borderRadius: "0.25rem",
-                    border: "1px solid var(--noxion-border, #e5e5e5)",
-                    color: "var(--noxion-mutedForeground, #737373)",
-                    pointerEvents: "none",
-                }, children: "\u2318K" })] }));
+    return (_jsxs("div", { className: className ? `noxion-search ${className}` : "noxion-search", children: [_jsx("span", { className: "noxion-search__icon", children: _jsx(SearchIcon, { size: 14, strokeWidth: 2 }) }), _jsx("input", { ref: inputRef, type: "text", placeholder: placeholder, onChange: (e) => handleInput(e.target.value), className: "noxion-search__input" }), _jsx("kbd", { className: "noxion-search__kbd", children: "\u2318K" })] }));
 }
 //# sourceMappingURL=Search.js.map

package/dist/components/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../src/components/Search.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,WAAW,GAAG,iBAAiB,GACnB;IACZ,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEvE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAa,EAAE,EAAE;QAChB,IAAI,WAAW,CAAC,OAAO;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC3D,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,aAC3E,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,gBAAgB;oBACzB,YAAY,EAAE,MAAM;oBACpB,YAAY,EAAE,qCAAqC;oBACnD,MAAM,EAAE,yCAAyC;oBACjD,eAAe,EAAE,gCAAgC;oBACjD,KAAK,EAAE,gCAAgC;oBACvC,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,MAAM;iBAChB,GACD,EACF,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,QAAQ;oBACf,GAAG,EAAE,KAAK;oBACV,SAAS,EAAE,kBAAkB;oBAC7B,QAAQ,EAAE,SAAS;oBACnB,OAAO,EAAE,mBAAmB;oBAC5B,YAAY,EAAE,SAAS;oBACvB,MAAM,EAAE,yCAAyC;oBACjD,KAAK,EAAE,wCAAwC;oBAC/C,aAAa,EAAE,MAAM;iBACtB,wBAGG,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../src/components/Search.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,WAAW,GAAG,iBAAiB,EAC/B,SAAS,GAC4B;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEvE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAa,EAAE,EAAE;QAChB,IAAI,WAAW,CAAC,OAAO;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC3D,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,aACxE,eAAM,SAAS,EAAC,qBAAqB,YACnC,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,GACnC,EACP,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,SAAS,EAAC,sBAAsB,GAChC,EACF,cAAK,SAAS,EAAC,oBAAoB,wBAAS,IACxC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/TOC.d.ts

@@ -1,3 +1,5 @@
 import type { TOCProps } from "../theme/types";
-export declare function TOC({ headings }: TOCProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TOC({ headings, className }: TOCProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=TOC.d.ts.map

package/dist/components/TOC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TOC.d.ts","sourceRoot":"","sources":["../../src/components/TOC.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,kDAgDzC"}
+{"version":3,"file":"TOC.d.ts","sourceRoot":"","sources":["../../src/components/TOC.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,QAAQ,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDAwB7E"}

package/dist/components/TOC.js

@@ -1,24 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function TOC({ headings }) {
+export function TOC({ headings, className }) {
     if (headings.length === 0)
         return null;
-    return (_jsxs("nav", { className: "noxion-toc", "aria-label": "Table of Contents", style: {
-            padding: "1rem 0",
-            fontSize: "0.875rem",
-        }, children: [_jsx("h4", { style: {
-                    fontSize: "0.75rem",
-                    fontWeight: 600,
-                    textTransform: "uppercase",
-                    letterSpacing: "0.05em",
-                    color: "var(--noxion-mutedForeground, #737373)",
-                    marginBottom: "0.75rem",
-                }, children: "On this page" }), _jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: headings.map((heading) => (_jsx("li", { style: {
-                        paddingLeft: `${(heading.level - 1) * 0.75}rem`,
-                        marginBottom: "0.375rem",
-                    }, children: _jsx("a", { href: `#${heading.id}`, style: {
-                            color: "var(--noxion-mutedForeground, #737373)",
-                            textDecoration: "none",
-                            lineHeight: 1.5,
-                        }, children: heading.text }) }, heading.id))) })] }));
+    return (_jsxs("nav", { className: className ? `noxion-toc ${className}` : "noxion-toc", "aria-label": "Table of Contents", children: [_jsx("h4", { className: "noxion-toc__heading", children: "On this page" }), _jsx("ul", { className: "noxion-toc__list", children: headings.map((heading) => (_jsx("li", { className: "noxion-toc__item", style: { paddingLeft: `${(heading.level - 1) * 0.75}rem` }, children: _jsx("a", { href: `#${heading.id}`, className: "noxion-toc__link", children: heading.text }) }, heading.id))) })] }));
 }
 //# sourceMappingURL=TOC.js.map

package/dist/components/TOC.js.map

@@ -1 +1 @@
-{"version":3,"file":"TOC.js","sourceRoot":"","sources":["../../src/components/TOC.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAY;IACxC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,eACE,SAAS,EAAC,YAAY,gBACX,mBAAmB,EAC9B,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,QAAQ,EAAE,UAAU;SACrB,aAED,aACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,WAAW;oBAC1B,aAAa,EAAE,QAAQ;oBACvB,KAAK,EAAE,wCAAwC;oBAC/C,YAAY,EAAE,SAAS;iBACxB,6BAGE,EACL,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YACpD,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,aAEE,KAAK,EAAE;wBACL,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,KAAK;wBAC/C,YAAY,EAAE,UAAU;qBACzB,YAED,YACE,IAAI,EAAE,IAAI,OAAO,CAAC,EAAE,EAAE,EACtB,KAAK,EAAE;4BACL,KAAK,EAAE,wCAAwC;4BAC/C,cAAc,EAAE,MAAM;4BACtB,UAAU,EAAE,GAAG;yBAChB,YAEA,OAAO,CAAC,IAAI,GACX,IAfC,OAAO,CAAC,EAAE,CAgBZ,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TOC.js","sourceRoot":"","sources":["../../src/components/TOC.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqC;IAC5E,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,eACE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,YAAY,gBACpD,mBAAmB,aAE9B,aAAI,SAAS,EAAC,qBAAqB,6BAAkB,EACrD,aAAI,SAAS,EAAC,kBAAkB,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,aAEE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,KAAK,EAAE,YAE1D,YAAG,IAAI,EAAE,IAAI,OAAO,CAAC,EAAE,EAAE,EAAE,SAAS,EAAC,kBAAkB,YACpD,OAAO,CAAC,IAAI,GACX,IANC,OAAO,CAAC,EAAE,CAOZ,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/TagFilter.d.ts

@@ -1,3 +1,5 @@
 import type { TagFilterProps } from "../theme/types";
-export declare function TagFilter({ tags, selectedTags, onToggle }: TagFilterProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TagFilter({ tags, selectedTags, onToggle, maxVisible, className }: TagFilterProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=TagFilter.d.ts.map

package/dist/components/TagFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagFilter.d.ts","sourceRoot":"","sources":["../../src/components/TagFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,cAAc,kDAoCzE"}
+{"version":3,"file":"TagFilter.d.ts","sourceRoot":"","sources":["../../src/components/TagFilter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDA4CzH"}