@prosophia/personal-cv 0.0.3 → 0.0.5

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/components/About.tsx
-import styles from "@/styles/About.module.css";
+import styles from "./About.module.css";
 import { jsx, jsxs } from "react/jsx-runtime";
 var socialIcons = {
   scholar: "school",
@@ -60,7 +60,7 @@ function About({
 }
 
 // src/components/CVSection.tsx
-import styles2 from "@/styles/CVSection.module.css";
+import styles2 from "./CVSection.module.css";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function CVSection({
   heading,
@@ -97,7 +97,7 @@ function CVSection({
 }
 
 // src/components/Footer.tsx
-import styles3 from "@/styles/Footer.module.css";
+import styles3 from "./Footer.module.css";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Footer({ footerText, email }) {
   return /* @__PURE__ */ jsx3("footer", { className: styles3.footer, children: /* @__PURE__ */ jsxs3("div", { className: styles3.content, children: [
@@ -110,11 +110,49 @@ function Footer({ footerText, email }) {
 }
 
 // src/components/Header.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 import Link from "next/link";
-import styles4 from "@/styles/Header.module.css";
-import { useTheme } from "@/context/ThemeContext";
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import styles4 from "./Header.module.css";
+
+// src/context/ThemeContext.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ThemeContext = createContext({
+  theme: "light",
+  toggleTheme: () => {
+  },
+  mounted: false
+});
+function ThemeProvider({ children }) {
+  const [theme, setTheme] = useState("light");
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    const savedTheme = localStorage.getItem("theme");
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    if (savedTheme) {
+      setTheme(savedTheme);
+    } else if (prefersDark) {
+      setTheme("dark");
+    }
+  }, []);
+  useEffect(() => {
+    if (mounted) {
+      document.documentElement.setAttribute("data-theme", theme);
+      localStorage.setItem("theme", theme);
+    }
+  }, [theme, mounted]);
+  const toggleTheme = () => {
+    setTheme((prev) => prev === "light" ? "dark" : "light");
+  };
+  return /* @__PURE__ */ jsx4(ThemeContext.Provider, { value: { theme, toggleTheme, mounted }, children });
+}
+function useTheme() {
+  return useContext(ThemeContext);
+}
+
+// src/components/Header.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function Header({
   siteName,
   navLinks,
@@ -122,7 +160,7 @@ function Header({
   contactButtonText = "Contact",
   contactEmail = ""
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
   const { theme, toggleTheme, mounted } = useTheme();
   const toggleMobileMenu = () => {
     setMobileMenuOpen(!mobileMenuOpen);
@@ -131,13 +169,13 @@ function Header({
     setMobileMenuOpen(false);
   };
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsx4("header", { className: styles4.header, children: /* @__PURE__ */ jsxs4("div", { className: styles4.headerInner, children: [
+    /* @__PURE__ */ jsx5("header", { className: styles4.header, children: /* @__PURE__ */ jsxs4("div", { className: styles4.headerInner, children: [
       /* @__PURE__ */ jsxs4(Link, { href: "/", className: styles4.logo, children: [
-        /* @__PURE__ */ jsx4("div", { className: styles4.logoIcon, children: /* @__PURE__ */ jsx4("span", { className: "material-symbols-outlined", children: "hexagon" }) }),
-        /* @__PURE__ */ jsx4("h2", { className: styles4.siteName, children: siteName })
+        /* @__PURE__ */ jsx5("div", { className: styles4.logoIcon, children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: "hexagon" }) }),
+        /* @__PURE__ */ jsx5("h2", { className: styles4.siteName, children: siteName })
       ] }),
       /* @__PURE__ */ jsxs4("div", { className: styles4.desktopNav, children: [
-        /* @__PURE__ */ jsx4("nav", { className: styles4.navLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5("nav", { className: styles4.navLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx5(
           Link,
           {
             href: link.href,
@@ -146,47 +184,47 @@ function Header({
           },
           link.href
         )) }),
-        mounted && /* @__PURE__ */ jsx4(
+        mounted && /* @__PURE__ */ jsx5(
           "button",
           {
             className: styles4.themeToggle,
             onClick: toggleTheme,
             "aria-label": `Switch to ${theme === "light" ? "dark" : "light"} mode`,
-            children: /* @__PURE__ */ jsx4("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
+            children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
           }
         ),
-        showContactButton && contactEmail && /* @__PURE__ */ jsx4(
+        showContactButton && contactEmail && /* @__PURE__ */ jsx5(
           "a",
           {
             href: `mailto:${contactEmail}`,
             className: styles4.contactBtn,
-            children: /* @__PURE__ */ jsx4("span", { children: contactButtonText })
+            children: /* @__PURE__ */ jsx5("span", { children: contactButtonText })
           }
         )
       ] }),
       /* @__PURE__ */ jsxs4("div", { className: styles4.mobileActions, children: [
-        mounted && /* @__PURE__ */ jsx4(
+        mounted && /* @__PURE__ */ jsx5(
           "button",
           {
             className: styles4.mobileThemeToggle,
             onClick: toggleTheme,
             "aria-label": `Switch to ${theme === "light" ? "dark" : "light"} mode`,
-            children: /* @__PURE__ */ jsx4("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
+            children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "button",
           {
             className: styles4.mobileMenuBtn,
             onClick: toggleMobileMenu,
             "aria-label": "Toggle menu",
-            children: /* @__PURE__ */ jsx4("span", { className: "material-symbols-outlined", children: mobileMenuOpen ? "close" : "menu" })
+            children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: mobileMenuOpen ? "close" : "menu" })
           }
         )
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs4("div", { className: `${styles4.mobileMenu} ${mobileMenuOpen ? styles4.open : ""}`, children: [
-      /* @__PURE__ */ jsx4("nav", { className: styles4.mobileNavLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5("nav", { className: styles4.mobileNavLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx5(
         Link,
         {
           href: link.href,
@@ -196,7 +234,7 @@ function Header({
         },
         link.href
       )) }),
-      showContactButton && contactEmail && /* @__PURE__ */ jsx4(
+      showContactButton && contactEmail && /* @__PURE__ */ jsx5(
         "a",
         {
           href: `mailto:${contactEmail}`,
@@ -208,24 +246,63 @@ function Header({
   ] });
 }
 
+// src/components/HomePage.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var defaultNavLinks = [
+  { label: "About", href: "#about" },
+  { label: "Experience", href: "#experience" },
+  { label: "Projects", href: "#projects" },
+  { label: "Publications", href: "#publications" }
+];
+function HomePage({
+  children,
+  settings = null,
+  header,
+  footer
+}) {
+  const siteName = settings?.siteName || "My CV";
+  const navLinks = settings?.navLinks?.length ? settings.navLinks : defaultNavLinks;
+  const footerText = settings?.footerText || `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`;
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    header ?? /* @__PURE__ */ jsx6(
+      Header,
+      {
+        siteName,
+        navLinks,
+        showContactButton: settings?.showContactButton,
+        contactButtonText: settings?.contactButtonText,
+        contactEmail: settings?.contactEmail
+      }
+    ),
+    /* @__PURE__ */ jsx6("main", { children }),
+    footer ?? /* @__PURE__ */ jsx6(
+      Footer,
+      {
+        footerText,
+        email: settings?.contactEmail
+      }
+    )
+  ] });
+}
+
 // src/components/Projects.tsx
 import Link2 from "next/link";
-import styles5 from "@/styles/Projects.module.css";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import styles5 from "./Projects.module.css";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function Projects({
   projects,
   showViewAll = true,
   viewAllUrl = "#"
 }) {
-  return /* @__PURE__ */ jsxs5("section", { className: styles5.projects, id: "projects", children: [
-    /* @__PURE__ */ jsxs5("div", { className: styles5.header, children: [
-      /* @__PURE__ */ jsx5("h2", { className: styles5.title, children: "Selected Projects" }),
-      showViewAll && /* @__PURE__ */ jsx5(Link2, { href: viewAllUrl, className: styles5.viewAllLink, children: "View all projects" })
+  return /* @__PURE__ */ jsxs6("section", { className: styles5.projects, id: "projects", children: [
+    /* @__PURE__ */ jsxs6("div", { className: styles5.header, children: [
+      /* @__PURE__ */ jsx7("h2", { className: styles5.title, children: "Selected Projects" }),
+      showViewAll && /* @__PURE__ */ jsx7(Link2, { href: viewAllUrl, className: styles5.viewAllLink, children: "View all projects" })
     ] }),
-    /* @__PURE__ */ jsx5("div", { className: styles5.grid, children: projects.map((project) => {
+    /* @__PURE__ */ jsx7("div", { className: styles5.grid, children: projects.map((project) => {
       const projectUrl = project.slug?.current ? `/projects/${project.slug.current}` : project.caseStudyUrl;
-      const CardContent = /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx5("div", { className: styles5.imageWrapper, children: /* @__PURE__ */ jsx5(
+      const CardContent = /* @__PURE__ */ jsxs6(Fragment3, { children: [
+        /* @__PURE__ */ jsx7("div", { className: styles5.imageWrapper, children: /* @__PURE__ */ jsx7(
           "div",
           {
             className: styles5.image,
@@ -237,17 +314,17 @@ function Projects({
             "aria-label": project.imageAlt || project.title
           }
         ) }),
-        /* @__PURE__ */ jsxs5("div", { className: styles5.content, children: [
-          /* @__PURE__ */ jsx5("h3", { className: styles5.projectTitle, children: project.title }),
-          /* @__PURE__ */ jsx5("p", { className: styles5.description, children: project.description }),
-          /* @__PURE__ */ jsxs5("span", { className: styles5.caseStudyLink, children: [
+        /* @__PURE__ */ jsxs6("div", { className: styles5.content, children: [
+          /* @__PURE__ */ jsx7("h3", { className: styles5.projectTitle, children: project.title }),
+          /* @__PURE__ */ jsx7("p", { className: styles5.description, children: project.description }),
+          /* @__PURE__ */ jsxs6("span", { className: styles5.caseStudyLink, children: [
             "View Project",
             " ",
-            /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: "arrow_forward" })
+            /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "arrow_forward" })
           ] })
         ] })
       ] });
-      return project.slug?.current ? /* @__PURE__ */ jsx5(
+      return project.slug?.current ? /* @__PURE__ */ jsx7(
         Link2,
         {
           href: projectUrl,
@@ -255,26 +332,26 @@ function Projects({
           children: CardContent
         },
         project._id
-      ) : /* @__PURE__ */ jsx5("div", { className: styles5.card, children: CardContent }, project._id);
+      ) : /* @__PURE__ */ jsx7("div", { className: styles5.card, children: CardContent }, project._id);
     }) })
   ] });
 }
 
 // src/components/Publications.tsx
-import styles6 from "@/styles/Publications.module.css";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import styles6 from "./Publications.module.css";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Publications({ publications }) {
-  return /* @__PURE__ */ jsxs6("section", { className: styles6.publications, id: "publications", children: [
-    /* @__PURE__ */ jsx6("div", { className: styles6.header, children: /* @__PURE__ */ jsx6("h2", { className: styles6.title, children: "Recent Publications" }) }),
-    /* @__PURE__ */ jsx6("div", { className: styles6.list, children: publications.map((pub) => /* @__PURE__ */ jsxs6("div", { className: styles6.item, children: [
-      /* @__PURE__ */ jsxs6("div", { className: styles6.itemHeader, children: [
-        /* @__PURE__ */ jsx6("h3", { className: styles6.pubTitle, children: pub.title }),
-        /* @__PURE__ */ jsx6("span", { className: styles6.year, children: pub.year })
+  return /* @__PURE__ */ jsxs7("section", { className: styles6.publications, id: "publications", children: [
+    /* @__PURE__ */ jsx8("div", { className: styles6.header, children: /* @__PURE__ */ jsx8("h2", { className: styles6.title, children: "Recent Publications" }) }),
+    /* @__PURE__ */ jsx8("div", { className: styles6.list, children: publications.map((pub) => /* @__PURE__ */ jsxs7("div", { className: styles6.item, children: [
+      /* @__PURE__ */ jsxs7("div", { className: styles6.itemHeader, children: [
+        /* @__PURE__ */ jsx8("h3", { className: styles6.pubTitle, children: pub.title }),
+        /* @__PURE__ */ jsx8("span", { className: styles6.year, children: pub.year })
       ] }),
-      /* @__PURE__ */ jsx6("p", { className: styles6.authors, children: pub.authors }),
-      /* @__PURE__ */ jsx6("p", { className: styles6.venue, children: pub.venue }),
-      /* @__PURE__ */ jsxs6("div", { className: styles6.links, children: [
-        pub.pdfUrl && /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsx8("p", { className: styles6.authors, children: pub.authors }),
+      /* @__PURE__ */ jsx8("p", { className: styles6.venue, children: pub.venue }),
+      /* @__PURE__ */ jsxs7("div", { className: styles6.links, children: [
+        pub.pdfUrl && /* @__PURE__ */ jsxs7(
           "a",
           {
             href: pub.pdfUrl,
@@ -282,12 +359,12 @@ function Publications({ publications }) {
             rel: "noopener noreferrer",
             className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "description" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "description" }),
               "PDF"
             ]
           }
         ),
-        pub.codeUrl && /* @__PURE__ */ jsxs6(
+        pub.codeUrl && /* @__PURE__ */ jsxs7(
           "a",
           {
             href: pub.codeUrl,
@@ -295,12 +372,12 @@ function Publications({ publications }) {
             rel: "noopener noreferrer",
             className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "code" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "code" }),
               "Code"
             ]
           }
         ),
-        pub.videoUrl && /* @__PURE__ */ jsxs6(
+        pub.videoUrl && /* @__PURE__ */ jsxs7(
           "a",
           {
             href: pub.videoUrl,
@@ -308,12 +385,12 @@ function Publications({ publications }) {
             rel: "noopener noreferrer",
             className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "videocam" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "videocam" }),
               "Video"
             ]
           }
         ),
-        pub.bibtex && /* @__PURE__ */ jsxs6(
+        pub.bibtex && /* @__PURE__ */ jsxs7(
           "button",
           {
             onClick: () => {
@@ -322,7 +399,7 @@ function Publications({ publications }) {
             },
             className: styles6.linkBtn,
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "format_quote" }),
+              /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined", children: "format_quote" }),
               "BibTeX"
             ]
           }
@@ -331,11 +408,182 @@ function Publications({ publications }) {
     ] }, pub._id)) })
   ] });
 }
+
+// src/config.ts
+function defineConfig(config) {
+  return config;
+}
+
+// src/schemas/client.ts
+import { createClient } from "next-sanity";
+
+// src/schemas/env.ts
+var apiVersion = process.env.NEXT_PUBLIC_SANITY_API_VERSION || "2024-01-01";
+var dataset = process.env.NEXT_PUBLIC_SANITY_DATASET || "production";
+var projectId = process.env.NEXT_PUBLIC_SANITY_PROJECT_ID || "";
+var useCdn = false;
+
+// src/schemas/client.ts
+var client = projectId ? createClient({
+  projectId,
+  dataset,
+  apiVersion,
+  useCdn
+}) : null;
+
+// src/schemas/queries.ts
+import { groq } from "next-sanity";
+var siteSettingsQuery = groq`
+  *[_type == "siteSettings"][0] {
+    siteName,
+    siteTitle,
+    primaryColor,
+    backgroundColor,
+    textColor,
+    secondaryTextColor,
+    contactEmail,
+    footerText
+  }
+`;
+var navigationQuery = groq`
+  *[_type == "navigation"][0] {
+    links[] {
+      label,
+      href
+    },
+    showContactButton,
+    contactButtonText
+  }
+`;
+var aboutQuery = groq`
+  *[_type == "about"][0] {
+    name,
+    greeting,
+    title,
+    bio,
+    "profileImageUrl": profileImage.asset->url,
+    socialLinks[] {
+      platform,
+      url
+    }
+  }
+`;
+var projectsQuery = groq`
+  *[_type == "project" && featured == true] | order(order asc) {
+    _id,
+    title,
+    description,
+    "imageUrl": image.asset->url,
+    imageAlt,
+    caseStudyUrl,
+    slug
+  }
+`;
+var publicationsQuery = groq`
+  *[_type == "publication"] | order(year desc, order asc) {
+    _id,
+    title,
+    authors,
+    venue,
+    year,
+    pdfUrl,
+    codeUrl,
+    videoUrl,
+    bibtex
+  }
+`;
+var cvSectionQuery = groq`
+  *[_type == "cvSection"][0] {
+    heading,
+    description,
+    buttonText,
+    "cvFileUrl": cvFile.asset->url
+  }
+`;
+var projectBySlugQuery = groq`
+  *[_type == "project" && slug.current == $slug][0] {
+    _id,
+    title,
+    description,
+    "imageUrl": image.asset->url,
+    imageAlt,
+    caseStudyUrl,
+    slug
+  }
+`;
+var allProjectSlugsQuery = groq`
+  *[_type == "project" && defined(slug.current)][].slug.current
+`;
+
+// src/lib/sanity.ts
+async function getSiteSettings() {
+  if (!client) return null;
+  return client.fetch(siteSettingsQuery);
+}
+async function getNavigation() {
+  if (!client) return null;
+  return client.fetch(navigationQuery);
+}
+async function getAbout() {
+  if (!client) return null;
+  return client.fetch(aboutQuery);
+}
+async function getProjects() {
+  if (!client) return [];
+  return client.fetch(projectsQuery);
+}
+async function getPublications() {
+  if (!client) return [];
+  return client.fetch(publicationsQuery);
+}
+async function getCVSection() {
+  if (!client) return null;
+  return client.fetch(cvSectionQuery);
+}
+async function getAllPageData() {
+  const [siteSettings, navigation, about, projects, publications, cvSection] = await Promise.all([
+    getSiteSettings(),
+    getNavigation(),
+    getAbout(),
+    getProjects(),
+    getPublications(),
+    getCVSection()
+  ]);
+  return {
+    siteSettings,
+    navigation,
+    about,
+    projects,
+    publications,
+    cvSection
+  };
+}
+async function getProjectBySlug(slug) {
+  if (!client) return null;
+  return client.fetch(projectBySlugQuery, { slug });
+}
+async function getAllProjectSlugs() {
+  if (!client) return [];
+  return client.fetch(allProjectSlugsQuery);
+}
 export {
   About,
   CVSection,
   Footer,
   Header,
+  HomePage,
   Projects,
-  Publications
+  Publications,
+  ThemeProvider,
+  defineConfig,
+  getAbout,
+  getAllPageData,
+  getAllProjectSlugs,
+  getCVSection,
+  getNavigation,
+  getProjectBySlug,
+  getProjects,
+  getPublications,
+  getSiteSettings,
+  useTheme
 };

package/dist/layouts/index.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SiteSettings, A as About } from '../index-CZBtPfWB.mjs';
+
+interface RootLayoutProps {
+    children: React.ReactNode;
+    settings?: SiteSettings | null;
+    about?: About | null;
+}
+/**
+ * Root layout component that provides theme context
+ */
+declare function RootLayout({ children, settings, about, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { RootLayout, type RootLayoutProps };

package/dist/layouts/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SiteSettings, A as About } from '../index-CZBtPfWB.js';
+
+interface RootLayoutProps {
+    children: React.ReactNode;
+    settings?: SiteSettings | null;
+    about?: About | null;
+}
+/**
+ * Root layout component that provides theme context
+ */
+declare function RootLayout({ children, settings, about, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { RootLayout, type RootLayoutProps };

package/dist/layouts/index.js

@@ -1 +1,73 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/layouts/index.ts
+var layouts_exports = {};
+__export(layouts_exports, {
+  RootLayout: () => RootLayout
+});
+module.exports = __toCommonJS(layouts_exports);
+
+// src/context/ThemeContext.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeContext = (0, import_react.createContext)({
+  theme: "light",
+  toggleTheme: () => {
+  },
+  mounted: false
+});
+function ThemeProvider({ children }) {
+  const [theme, setTheme] = (0, import_react.useState)("light");
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+    const savedTheme = localStorage.getItem("theme");
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    if (savedTheme) {
+      setTheme(savedTheme);
+    } else if (prefersDark) {
+      setTheme("dark");
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (mounted) {
+      document.documentElement.setAttribute("data-theme", theme);
+      localStorage.setItem("theme", theme);
+    }
+  }, [theme, mounted]);
+  const toggleTheme = () => {
+    setTheme((prev) => prev === "light" ? "dark" : "light");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: { theme, toggleTheme, mounted }, children });
+}
+
+// src/layouts/RootLayout.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function RootLayout({
+  children,
+  settings = null,
+  about = null
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeProvider, { children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RootLayout
+});