@noxion/renderer 0.0.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 `react-notion-x`)
+- 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

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

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

@@ -0,0 +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"}

package/dist/components/EmptyState.js

@@ -0,0 +1,20 @@
+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 })] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/EmptyState.js.map

@@ -0,0 +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"}

package/dist/components/Footer.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/Footer.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function Footer({ siteName, author }) {
+    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" })] }));
+}
+//# sourceMappingURL=Footer.js.map

package/dist/components/Footer.js.map

@@ -0,0 +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"}

package/dist/components/Header.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/Header.js

@@ -0,0 +1,21 @@
+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))) }))] }));
+}
+//# sourceMappingURL=Header.js.map

package/dist/components/Header.js.map

@@ -0,0 +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"}

package/dist/components/NotionPage.d.ts

@@ -0,0 +1,15 @@
+import type { ExtendedRecordMap } from "notion-types";
+export interface NotionPageProps {
+    recordMap: ExtendedRecordMap;
+    rootPageId?: string;
+    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;
+//# sourceMappingURL=NotionPage.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/NotionPage.js

@@ -0,0 +1,20 @@
+"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 }) }));
+}
+//# sourceMappingURL=NotionPage.js.map

package/dist/components/NotionPage.js.map

@@ -0,0 +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"}

package/dist/components/PostCard.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/PostCard.js

@@ -0,0 +1,44 @@
+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))) }))] })] }));
+}
+//# sourceMappingURL=PostCard.js.map

package/dist/components/PostCard.js.map

@@ -0,0 +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"}

package/dist/components/PostList.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/PostList.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNoxionComponents } from "../theme/ThemeProvider";
+import { PostCard as DefaultPostCard } from "./PostCard";
+export function PostList({ posts }) {
+    const overrides = useNoxionComponents();
+    const Card = (overrides.PostCard ?? DefaultPostCard);
+    if (posts.length === 0) {
+        return _jsx(EmptyState, { message: "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 }) }));
+}
+//# sourceMappingURL=PostList.js.map

package/dist/components/PostList.js.map

@@ -0,0 +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"}

package/dist/components/Search.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/Search.js

@@ -0,0 +1,45 @@
+"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...", }) {
+    const inputRef = useRef(null);
+    const debounceRef = useRef(null);
+    const handleInput = useCallback((value) => {
+        if (debounceRef.current)
+            clearTimeout(debounceRef.current);
+        debounceRef.current = setTimeout(() => onSearch(value), 200);
+    }, [onSearch]);
+    useEffect(() => {
+        const handler = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+                e.preventDefault();
+                inputRef.current?.focus();
+            }
+        };
+        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" })] }));
+}
+//# sourceMappingURL=Search.js.map

package/dist/components/Search.js.map

@@ -0,0 +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"}

package/dist/components/TOC.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/TOC.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TOC({ headings }) {
+    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))) })] }));
+}
+//# sourceMappingURL=TOC.js.map

package/dist/components/TOC.js.map

@@ -0,0 +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"}

package/dist/components/TagFilter.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/TagFilter.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TagFilter({ tags, selectedTags, onToggle }) {
+    if (tags.length === 0)
+        return null;
+    return (_jsx("div", { className: "noxion-tag-filter", style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: tags.map((tag) => {
+            const isSelected = selectedTags.includes(tag);
+            return (_jsx("button", { onClick: () => onToggle(tag), type: "button", style: {
+                    padding: "0.25rem 0.75rem",
+                    borderRadius: "9999px",
+                    border: "1px solid var(--noxion-border, #e5e5e5)",
+                    backgroundColor: isSelected
+                        ? "var(--noxion-primary, #2563eb)"
+                        : "transparent",
+                    color: isSelected
+                        ? "var(--noxion-primaryForeground, #fff)"
+                        : "var(--noxion-foreground, #000)",
+                    fontSize: "0.875rem",
+                    cursor: "pointer",
+                    transition: "all 0.15s ease",
+                }, children: tag }, tag));
+        }) }));
+}
+//# sourceMappingURL=TagFilter.js.map

package/dist/components/TagFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagFilter.js","sourceRoot":"","sources":["../../src/components/TagFilter.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAkB;IACxE,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,cACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,YAE1D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChB,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO,CACL,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC5B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;oBACL,OAAO,EAAE,iBAAiB;oBAC1B,YAAY,EAAE,QAAQ;oBACtB,MAAM,EAAE,yCAAyC;oBACjD,eAAe,EAAE,UAAU;wBACzB,CAAC,CAAC,gCAAgC;wBAClC,CAAC,CAAC,aAAa;oBACjB,KAAK,EAAE,UAAU;wBACf,CAAC,CAAC,uCAAuC;wBACzC,CAAC,CAAC,gCAAgC;oBACpC,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,SAAS;oBACjB,UAAU,EAAE,gBAAgB;iBAC7B,YAEA,GAAG,IAlBC,GAAG,CAmBD,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ThemeToggle.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,WAAW,4CAgC1B"}

package/dist/components/ThemeToggle.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useThemePreference } from "../hooks/useTheme";
+const ICONS = {
+    light: "\u2600\uFE0F",
+    dark: "\uD83C\uDF19",
+    system: "\uD83D\uDCBB",
+};
+const LABELS = {
+    light: "Light",
+    dark: "Dark",
+    system: "System",
+};
+const CYCLE = ["system", "light", "dark"];
+export function ThemeToggle() {
+    const { preference, setPreference } = useThemePreference();
+    const nextPreference = () => {
+        const currentIndex = CYCLE.indexOf(preference);
+        const next = CYCLE[(currentIndex + 1) % CYCLE.length];
+        setPreference(next);
+    };
+    return (_jsx("button", { onClick: nextPreference, type: "button", "aria-label": `Theme: ${LABELS[preference]}. Click to change.`, title: LABELS[preference], className: "noxion-theme-toggle", style: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "2rem",
+            height: "2rem",
+            borderRadius: "var(--noxion-border-radius, 0.5rem)",
+            border: "1px solid var(--noxion-border, #e5e5e5)",
+            backgroundColor: "transparent",
+            cursor: "pointer",
+            fontSize: "1rem",
+        }, children: ICONS[preference] }));
+}
+//# sourceMappingURL=ThemeToggle.js.map

package/dist/components/ThemeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.js","sourceRoot":"","sources":["../../src/components/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,kBAAkB,EAAwB,MAAM,mBAAmB,CAAC;AAE7E,MAAM,KAAK,GAAoC;IAC7C,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,MAAM,GAAoC;IAC9C,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,KAAK,GAAsB,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAE7D,MAAM,UAAU,WAAW;IACzB,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE3D,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACtD,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,QAAQ,gBACD,UAAU,MAAM,CAAC,UAAU,CAAC,oBAAoB,EAC5D,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,EACzB,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,qCAAqC;YACnD,MAAM,EAAE,yCAAyC;YACjD,eAAe,EAAE,aAAa;YAC9B,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,MAAM;SACjB,YAEA,KAAK,CAAC,UAAU,CAAC,GACX,CACV,CAAC;AACJ,CAAC"}

package/dist/hooks/useSearch.d.ts

@@ -0,0 +1,7 @@
+import type { PostCardProps } from "../theme/types";
+export declare function useSearch(posts: PostCardProps[]): {
+    readonly query: string;
+    readonly setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    readonly filtered: PostCardProps[];
+};
+//# sourceMappingURL=useSearch.d.ts.map

package/dist/hooks/useSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../src/hooks/useSearch.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE;;;;EAgB/C"}

package/dist/hooks/useSearch.js

@@ -0,0 +1,21 @@
+"use client";
+import { useState, useMemo } from "react";
+export function useSearch(posts) {
+    const [query, setQuery] = useState("");
+    const filtered = useMemo(() => {
+        if (!query.trim())
+            return posts;
+        const lower = query.toLowerCase();
+        return posts.filter((post) => {
+            if (post.title.toLowerCase().includes(lower))
+                return true;
+            if (post.tags.some((tag) => tag.toLowerCase().includes(lower)))
+                return true;
+            if (post.category?.toLowerCase().includes(lower))
+                return true;
+            return false;
+        });
+    }, [posts, query]);
+    return { query, setQuery, filtered };
+}
+//# sourceMappingURL=useSearch.js.map

package/dist/hooks/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../src/hooks/useSearch.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAAE,OAAO,KAAK,CAAC;QAEhC,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAClC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC1D,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC5E,IAAI,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC9D,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAW,CAAC;AAChD,CAAC"}

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,7 @@
+export type ThemePreference = "system" | "light" | "dark";
+export declare function useThemePreference(): {
+    readonly preference: ThemePreference;
+    readonly resolved: "dark" | "light";
+    readonly setPreference: (next: ThemePreference) => void;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAc1D,wBAAgB,kBAAkB;;;mCAQS,eAAe;EAqBzD"}

package/dist/hooks/useTheme.js

@@ -0,0 +1,40 @@
+"use client";
+import { useState, useEffect, useCallback } from "react";
+const STORAGE_KEY = "noxion-theme";
+function getSystemTheme() {
+    if (typeof window === "undefined")
+        return "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyTheme(resolved) {
+    if (typeof document === "undefined")
+        return;
+    document.documentElement.dataset.theme = resolved;
+}
+export function useThemePreference() {
+    const [preference, setPreferenceState] = useState(() => {
+        if (typeof window === "undefined")
+            return "system";
+        return localStorage.getItem(STORAGE_KEY) ?? "system";
+    });
+    const resolved = preference === "system" ? getSystemTheme() : preference;
+    const setPreference = useCallback((next) => {
+        setPreferenceState(next);
+        if (typeof window !== "undefined") {
+            localStorage.setItem(STORAGE_KEY, next);
+        }
+    }, []);
+    useEffect(() => {
+        applyTheme(resolved);
+    }, [resolved]);
+    useEffect(() => {
+        if (preference !== "system")
+            return;
+        const mq = window.matchMedia("(prefers-color-scheme: dark)");
+        const handler = () => applyTheme(getSystemTheme());
+        mq.addEventListener("change", handler);
+        return () => mq.removeEventListener("change", handler);
+    }, [preference]);
+    return { preference, resolved, setPreference };
+}
+//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,WAAW,GAAG,cAAc,CAAC;AAEnC,SAAS,cAAc;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IAClD,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACtF,CAAC;AAED,SAAS,UAAU,CAAC,QAA0B;IAC5C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,UAAU,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE;QACtE,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,QAAQ,CAAC;QACnD,OAAQ,YAAY,CAAC,OAAO,CAAC,WAAW,CAAqB,IAAI,QAAQ,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;IAEzE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,IAAqB,EAAE,EAAE;QAC1D,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,QAAQ;YAAE,OAAO;QAEpC,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAC7D,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;QACnD,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACvC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAW,CAAC;AAC1D,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export { defineTheme, defaultTheme } from "./theme/define-theme";
+export { generateCSSVariables } from "./theme/css-generator";
+export { resolveComponents } from "./theme/component-resolver";
+export { NoxionThemeProvider, useNoxionTheme, useNoxionComponents, useNoxionLayout, } from "./theme/ThemeProvider";
+export type { NoxionThemeProviderProps } from "./theme/ThemeProvider";
+export type { NoxionTheme, NoxionThemeColors, NoxionThemeFonts, NoxionThemeSpacing, NoxionLayout, ComponentOverrides, HeaderProps, FooterProps, PostCardProps, PostListProps, TOCProps, SearchProps, TagFilterProps, } from "./theme/types";
+export { NotionPage } from "./components/NotionPage";
+export type { NotionPageProps } from "./components/NotionPage";
+export { PostCard } from "./components/PostCard";
+export { PostList } from "./components/PostList";
+export { Header } from "./components/Header";
+export { Footer } from "./components/Footer";
+export { TagFilter } from "./components/TagFilter";
+export { EmptyState } from "./components/EmptyState";
+export type { EmptyStateProps } from "./components/EmptyState";
+export { ThemeToggle } from "./components/ThemeToggle";
+export { TOC } from "./components/TOC";
+export { Search } from "./components/Search";
+export { useThemePreference } from "./hooks/useTheme";
+export type { ThemePreference } from "./hooks/useTheme";
+export { useSearch } from "./hooks/useSearch";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,QAAQ,EACR,WAAW,EACX,cAAc,GACf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,17 @@
+export { defineTheme, defaultTheme } from "./theme/define-theme";
+export { generateCSSVariables } from "./theme/css-generator";
+export { resolveComponents } from "./theme/component-resolver";
+export { NoxionThemeProvider, useNoxionTheme, useNoxionComponents, useNoxionLayout, } from "./theme/ThemeProvider";
+export { NotionPage } from "./components/NotionPage";
+export { PostCard } from "./components/PostCard";
+export { PostList } from "./components/PostList";
+export { Header } from "./components/Header";
+export { Footer } from "./components/Footer";
+export { TagFilter } from "./components/TagFilter";
+export { EmptyState } from "./components/EmptyState";
+export { ThemeToggle } from "./components/ThemeToggle";
+export { TOC } from "./components/TOC";
+export { Search } from "./components/Search";
+export { useThemePreference } from "./hooks/useTheme";
+export { useSearch } from "./hooks/useSearch";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAkB/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { NoxionTheme, ComponentOverrides, NoxionLayout } from "./types";
+export interface NoxionThemeProviderProps {
+    theme?: NoxionTheme;
+    components?: ComponentOverrides;
+    defaultComponents?: ComponentOverrides;
+    layout?: NoxionLayout;
+    children: React.ReactNode;
+}
+export declare function NoxionThemeProvider({ theme, components: overrides, defaultComponents, layout, children, }: NoxionThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useNoxionTheme(): NoxionTheme;
+export declare function useNoxionComponents(): ComponentOverrides;
+export declare function useNoxionLayout(): NoxionLayout;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiB7E,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAoB,EACpB,UAAU,EAAE,SAAc,EAC1B,iBAAsB,EACtB,MAAwB,EACxB,QAAQ,GACT,EAAE,wBAAwB,2CAsB1B;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAED,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C"}

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { defaultTheme } from "./define-theme";
+import { generateCSSVariables } from "./css-generator";
+import { resolveComponents } from "./component-resolver";
+const ThemeContext = createContext({
+    theme: defaultTheme,
+    components: {},
+    layout: "single-column",
+});
+export function NoxionThemeProvider({ theme = defaultTheme, components: overrides = {}, defaultComponents = {}, layout = "single-column", children, }) {
+    const cssVariables = useMemo(() => generateCSSVariables(theme), [theme]);
+    const resolvedComponents = useMemo(() => resolveComponents(defaultComponents, overrides), [defaultComponents, overrides]);
+    const contextValue = useMemo(() => ({
+        theme,
+        components: resolvedComponents,
+        layout,
+    }), [theme, resolvedComponents, layout]);
+    return (_jsxs(ThemeContext.Provider, { value: contextValue, children: [_jsx("style", { dangerouslySetInnerHTML: { __html: cssVariables } }), children] }));
+}
+export function useNoxionTheme() {
+    return useContext(ThemeContext).theme;
+}
+export function useNoxionComponents() {
+    return useContext(ThemeContext).components;
+}
+export function useNoxionLayout() {
+    return useContext(ThemeContext).layout;
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAQzD,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,KAAK,EAAE,YAAY;IACnB,UAAU,EAAE,EAAE;IACd,MAAM,EAAE,eAAe;CACxB,CAAC,CAAC;AAUH,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,GAAG,YAAY,EACpB,UAAU,EAAE,SAAS,GAAG,EAAE,EAC1B,iBAAiB,GAAG,EAAE,EACtB,MAAM,GAAG,eAAe,EACxB,QAAQ,GACiB;IACzB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACrD,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAC/B,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,UAAU,EAAE,kBAAkB;QAC9B,MAAM;KACP,CAAC,EACF,CAAC,KAAK,EAAE,kBAAkB,EAAE,MAAM,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,aACxC,gBAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI,EAC3D,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC;AACzC,CAAC"}

package/dist/theme/component-resolver.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentOverrides } from "./types";
+export declare function resolveComponents(defaults: ComponentOverrides, overrides: ComponentOverrides): ComponentOverrides;
+//# sourceMappingURL=component-resolver.d.ts.map

package/dist/theme/component-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-resolver.d.ts","sourceRoot":"","sources":["../../src/theme/component-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,kBAAkB,GAC5B,kBAAkB,CAepB"}

package/dist/theme/component-resolver.js

@@ -0,0 +1,16 @@
+export function resolveComponents(defaults, overrides) {
+    const resolved = { ...defaults };
+    for (const key of Object.keys(overrides)) {
+        if (key === "NotionBlock") {
+            resolved.NotionBlock = {
+                ...defaults.NotionBlock,
+                ...overrides.NotionBlock,
+            };
+        }
+        else {
+            resolved[key] = overrides[key];
+        }
+    }
+    return resolved;
+}
+//# sourceMappingURL=component-resolver.js.map

package/dist/theme/component-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-resolver.js","sourceRoot":"","sources":["../../src/theme/component-resolver.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,iBAAiB,CAC/B,QAA4B,EAC5B,SAA6B;IAE7B,MAAM,QAAQ,GAAuB,EAAE,GAAG,QAAQ,EAAE,CAAC;IAErD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAiC,EAAE,CAAC;QACzE,IAAI,GAAG,KAAK,aAAa,EAAE,CAAC;YAC1B,QAAQ,CAAC,WAAW,GAAG;gBACrB,GAAG,QAAQ,CAAC,WAAW;gBACvB,GAAG,SAAS,CAAC,WAAW;aACzB,CAAC;QACJ,CAAC;aAAM,CAAC;YACL,QAAoC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/theme/css-generator.d.ts

@@ -0,0 +1,3 @@
+import type { NoxionTheme } from "./types";
+export declare function generateCSSVariables(theme: NoxionTheme): string;
+//# sourceMappingURL=css-generator.d.ts.map

package/dist/theme/css-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../src/theme/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAc/D"}

package/dist/theme/css-generator.js

@@ -0,0 +1,36 @@
+export function generateCSSVariables(theme) {
+    const lightVars = buildVariables(theme);
+    let css = `:root {\n${lightVars}}\n`;
+    if (theme.dark) {
+        const darkVars = buildVariables({
+            ...theme,
+            ...theme.dark,
+            name: theme.name,
+        });
+        css += `\n[data-theme="dark"] {\n${darkVars}}\n`;
+    }
+    return css;
+}
+function buildVariables(theme) {
+    const lines = [];
+    for (const [key, value] of Object.entries(theme.colors)) {
+        lines.push(`  --noxion-${key}: ${value};`);
+    }
+    if (theme.fonts) {
+        for (const [key, value] of Object.entries(theme.fonts)) {
+            if (value) {
+                lines.push(`  --noxion-font-${key}: ${value};`);
+            }
+        }
+    }
+    if (theme.spacing) {
+        for (const [key, value] of Object.entries(theme.spacing)) {
+            lines.push(`  --noxion-spacing-${key}: ${value};`);
+        }
+    }
+    if (theme.borderRadius) {
+        lines.push(`  --noxion-border-radius: ${theme.borderRadius};`);
+    }
+    return lines.join("\n") + "\n";
+}
+//# sourceMappingURL=css-generator.js.map

package/dist/theme/css-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.js","sourceRoot":"","sources":["../../src/theme/css-generator.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,IAAI,GAAG,GAAG,YAAY,SAAS,KAAK,CAAC;IAErC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,MAAM,QAAQ,GAAG,cAAc,CAAC;YAC9B,GAAG,KAAK;YACR,GAAG,KAAK,CAAC,IAAI;YACb,IAAI,EAAE,KAAK,CAAC,IAAI;SACF,CAAC,CAAC;QAClB,GAAG,IAAI,4BAA4B,QAAQ,KAAK,CAAC;IACnD,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,cAAc,CAAC,KAAkB;IACxC,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACxD,KAAK,CAAC,IAAI,CAAC,cAAc,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACvD,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,IAAI,CAAC,mBAAmB,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC;YAClD,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACzD,KAAK,CAAC,IAAI,CAAC,sBAAsB,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;QACvB,KAAK,CAAC,IAAI,CAAC,6BAA6B,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AACjC,CAAC"}

package/dist/theme/define-theme.d.ts

@@ -0,0 +1,4 @@
+import type { NoxionTheme } from "./types";
+export declare function defineTheme<T extends NoxionTheme>(theme: T): T;
+export declare const defaultTheme: NoxionTheme;
+//# sourceMappingURL=define-theme.d.ts.map

package/dist/theme/define-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-theme.d.ts","sourceRoot":"","sources":["../../src/theme/define-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAE9D;AAED,eAAO,MAAM,YAAY,EAAE,WAwCzB,CAAC"}

package/dist/theme/define-theme.js

@@ -0,0 +1,45 @@
+export function defineTheme(theme) {
+    return theme;
+}
+export const defaultTheme = defineTheme({
+    name: "default",
+    colors: {
+        primary: "#2563eb",
+        primaryForeground: "#ffffff",
+        background: "#ffffff",
+        foreground: "#0a0a0a",
+        muted: "#f5f5f5",
+        mutedForeground: "#737373",
+        border: "#e5e5e5",
+        accent: "#f5f5f5",
+        accentForeground: "#171717",
+        card: "#ffffff",
+        cardForeground: "#0a0a0a",
+    },
+    fonts: {
+        sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+        serif: "Georgia, 'Times New Roman', serif",
+        mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",
+    },
+    spacing: {
+        content: "720px",
+        sidebar: "280px",
+    },
+    borderRadius: "0.5rem",
+    dark: {
+        colors: {
+            primary: "#3b82f6",
+            primaryForeground: "#ffffff",
+            background: "#0a0a0a",
+            foreground: "#fafafa",
+            muted: "#262626",
+            mutedForeground: "#a3a3a3",
+            border: "#262626",
+            accent: "#262626",
+            accentForeground: "#fafafa",
+            card: "#0a0a0a",
+            cardForeground: "#fafafa",
+        },
+    },
+});
+//# sourceMappingURL=define-theme.js.map

package/dist/theme/define-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-theme.js","sourceRoot":"","sources":["../../src/theme/define-theme.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAwB,KAAQ;IACzD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAgB,WAAW,CAAC;IACnD,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,iBAAiB,EAAE,SAAS;QAC5B,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,SAAS;QAC1B,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,gBAAgB,EAAE,SAAS;QAC3B,IAAI,EAAE,SAAS;QACf,cAAc,EAAE,SAAS;KAC1B;IACD,KAAK,EAAE;QACL,IAAI,EAAE,8EAA8E;QACpF,KAAK,EAAE,mCAAmC;QAC1C,IAAI,EAAE,wDAAwD;KAC/D;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;KACjB;IACD,YAAY,EAAE,QAAQ;IACtB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,iBAAiB,EAAE,SAAS;YAC5B,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,SAAS;YAC1B,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;YACjB,gBAAgB,EAAE,SAAS;YAC3B,IAAI,EAAE,SAAS;YACf,cAAc,EAAE,SAAS;SAC1B;KACF;CACF,CAAC,CAAC"}

package/dist/theme/types.d.ts

@@ -0,0 +1,91 @@
+import type { ComponentType } from "react";
+export interface NoxionThemeColors {
+    primary: string;
+    primaryForeground: string;
+    background: string;
+    foreground: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    accent: string;
+    accentForeground: string;
+    card: string;
+    cardForeground: string;
+    [key: string]: string;
+}
+export interface NoxionThemeFonts {
+    sans?: string;
+    serif?: string;
+    mono?: string;
+    display?: string;
+}
+export interface NoxionThemeSpacing {
+    content: string;
+    sidebar: string;
+}
+export interface NoxionTheme {
+    name: string;
+    colors: NoxionThemeColors;
+    fonts?: NoxionThemeFonts;
+    spacing?: NoxionThemeSpacing;
+    borderRadius?: string;
+    dark?: Partial<Omit<NoxionTheme, "name" | "dark">>;
+}
+export interface HeaderProps {
+    siteName: string;
+    navigation?: {
+        label: string;
+        href: string;
+    }[];
+}
+export interface FooterProps {
+    siteName: string;
+    author?: string;
+}
+export interface PostCardProps {
+    id: string;
+    title: string;
+    slug: string;
+    date: string;
+    tags: string[];
+    coverImage?: string;
+    category?: string;
+    description?: string;
+    author?: string;
+}
+export interface PostListProps {
+    posts: PostCardProps[];
+}
+export interface NotionPageProps {
+    recordMap: unknown;
+    rootPageId?: string;
+}
+export interface TOCProps {
+    headings: {
+        id: string;
+        text: string;
+        level: number;
+    }[];
+}
+export interface SearchProps {
+    onSearch: (query: string) => void;
+    placeholder?: string;
+}
+export interface TagFilterProps {
+    tags: string[];
+    selectedTags: string[];
+    onToggle: (tag: string) => void;
+}
+export interface ComponentOverrides {
+    Header?: ComponentType<HeaderProps>;
+    Footer?: ComponentType<FooterProps>;
+    PostCard?: ComponentType<PostCardProps>;
+    PostList?: ComponentType<PostListProps>;
+    NotionPage?: ComponentType<NotionPageProps>;
+    TOC?: ComponentType<TOCProps>;
+    Search?: ComponentType<SearchProps>;
+    TagFilter?: ComponentType<TagFilterProps>;
+    NotionBlock?: Record<string, ComponentType<unknown>>;
+}
+export type NoxionLayout = "single-column" | "sidebar-left" | "sidebar-right";
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAChD;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACzD;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;CACtD;AAED,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe,CAAC"}

package/dist/theme/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@noxion/renderer",
+  "version": "0.0.1",
+  "description": "React rendering components and theme system for Noxion",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc",
+    "release": "npm publish",
+    "test": "bun test",
+    "lint": "echo 'lint ok'",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "notion",
+    "blog",
+    "react",
+    "components",
+    "noxion"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jiwonme/noxion.git",
+    "directory": "packages/renderer"
+  },
+  "homepage": "https://github.com/jiwonme/noxion#readme",
+  "bugs": {
+    "url": "https://github.com/jiwonme/noxion/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "katex": "^0.16.28",
+    "notion-types": "^7.8.2",
+    "prismjs": "^1.30.0",
+    "react-notion-x": "^7.8.2"
+  },
+  "devDependencies": {
+    "@types/bun": "^1.2.0",
+    "@types/katex": "^0.16.8",
+    "@types/prismjs": "^1.26.6",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.7.0"
+  }
+}