npm - @prosophia/personal-cv - Versions diffs - 0.0.1 - Mend

@prosophia/personal-cv 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js ADDED Viewed

@@ -0,0 +1,383 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  About: () => About,
+  CVSection: () => CVSection,
+  Footer: () => Footer,
+  Header: () => Header,
+  Projects: () => Projects,
+  Publications: () => Publications
+});
+module.exports = __toCommonJS(index_exports);
+// src/components/About.tsx
+var import_About = __toESM(require("@/styles/About.module.css"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var socialIcons = {
+  scholar: "school",
+  linkedin: "group",
+  twitter: "chat",
+  github: "code",
+  orcid: "fingerprint",
+  researchgate: "science"
+};
+var socialLabels = {
+  scholar: "Google Scholar",
+  linkedin: "LinkedIn",
+  twitter: "Twitter",
+  github: "GitHub",
+  orcid: "ORCID",
+  researchgate: "ResearchGate"
+};
+function About({
+  greeting,
+  title,
+  bio,
+  profileImageUrl,
+  socialLinks = []
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: import_About.default.about, id: "about", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_About.default.card, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_About.default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: import_About.default.profileImage,
+        style: {
+          backgroundImage: profileImageUrl ? `url("${profileImageUrl}")` : void 0,
+          backgroundColor: profileImageUrl ? void 0 : "#e5e7eb"
+        },
+        role: "img",
+        "aria-label": "Profile photo"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_About.default.content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: import_About.default.greeting, children: greeting }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: import_About.default.title, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: import_About.default.bio, children: bio })
+      ] }),
+      socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_About.default.socialLinks, children: socialLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          href: link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: import_About.default.socialLink,
+          "aria-label": socialLabels[link.platform] || link.platform,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "material-symbols-outlined", children: socialIcons[link.platform] || "link" })
+        },
+        link.platform
+      )) })
+    ] })
+  ] }) });
+}
+// src/components/CVSection.tsx
+var import_CVSection = __toESM(require("@/styles/CVSection.module.css"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CVSection({
+  heading,
+  description,
+  buttonText,
+  cvFileUrl
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("section", { className: import_CVSection.default.cv, id: "cv", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: import_CVSection.default.card, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: import_CVSection.default.content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: import_CVSection.default.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "material-symbols-outlined", children: "history_edu" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: import_CVSection.default.textContent, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: import_CVSection.default.title, children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: import_CVSection.default.description, children: description })
+      ] }),
+      cvFileUrl ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "a",
+        {
+          href: cvFileUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: import_CVSection.default.downloadBtn,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "material-symbols-outlined", children: "download" }),
+            buttonText
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: import_CVSection.default.downloadBtn, disabled: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "material-symbols-outlined", children: "download" }),
+        buttonText
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: import_CVSection.default.background })
+  ] }) });
+}
+// src/components/Footer.tsx
+var import_Footer = __toESM(require("@/styles/Footer.module.css"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Footer({ footerText, email }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: import_Footer.default.footer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.content, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: import_Footer.default.copyright, children: footerText }),
+    email && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: import_Footer.default.emailWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "material-symbols-outlined", children: "mail" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: `mailto:${email}`, className: import_Footer.default.email, children: email })
+    ] })
+  ] }) });
+}
+// src/components/Header.tsx
+var import_react = require("react");
+var import_link = __toESM(require("next/link"));
+var import_Header = __toESM(require("@/styles/Header.module.css"));
+var import_ThemeContext = require("@/context/ThemeContext");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Header({
+  siteName,
+  navLinks,
+  showContactButton = true,
+  contactButtonText = "Contact",
+  contactEmail = ""
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react.useState)(false);
+  const { theme, toggleTheme, mounted } = (0, import_ThemeContext.useTheme)();
+  const toggleMobileMenu = () => {
+    setMobileMenuOpen(!mobileMenuOpen);
+  };
+  const closeMobileMenu = () => {
+    setMobileMenuOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("header", { className: import_Header.default.header, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: import_Header.default.headerInner, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link.default, { href: "/", className: import_Header.default.logo, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: import_Header.default.logoIcon, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "material-symbols-outlined", children: "hexagon" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: import_Header.default.siteName, children: siteName })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: import_Header.default.desktopNav, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: import_Header.default.navLinks, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_link.default,
+          {
+            href: link.href,
+            className: import_Header.default.navLink,
+            children: link.label
+          },
+          link.href
+        )) }),
+        mounted && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            className: import_Header.default.themeToggle,
+            onClick: toggleTheme,
+            "aria-label": `Switch to ${theme === "light" ? "dark" : "light"} mode`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
+          }
+        ),
+        showContactButton && contactEmail && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "a",
+          {
+            href: `mailto:${contactEmail}`,
+            className: import_Header.default.contactBtn,
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: contactButtonText })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: import_Header.default.mobileActions, children: [
+        mounted && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            className: import_Header.default.mobileThemeToggle,
+            onClick: toggleTheme,
+            "aria-label": `Switch to ${theme === "light" ? "dark" : "light"} mode`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            className: import_Header.default.mobileMenuBtn,
+            onClick: toggleMobileMenu,
+            "aria-label": "Toggle menu",
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "material-symbols-outlined", children: mobileMenuOpen ? "close" : "menu" })
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `${import_Header.default.mobileMenu} ${mobileMenuOpen ? import_Header.default.open : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: import_Header.default.mobileNavLinks, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_link.default,
+        {
+          href: link.href,
+          className: import_Header.default.mobileNavLink,
+          onClick: closeMobileMenu,
+          children: link.label
+        },
+        link.href
+      )) }),
+      showContactButton && contactEmail && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "a",
+        {
+          href: `mailto:${contactEmail}`,
+          className: import_Header.default.mobileContactBtn,
+          children: contactButtonText
+        }
+      )
+    ] })
+  ] });
+}
+// src/components/Projects.tsx
+var import_link2 = __toESM(require("next/link"));
+var import_Projects = __toESM(require("@/styles/Projects.module.css"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Projects({
+  projects,
+  showViewAll = true,
+  viewAllUrl = "#"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: import_Projects.default.projects, id: "projects", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: import_Projects.default.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: import_Projects.default.title, children: "Selected Projects" }),
+      showViewAll && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_link2.default, { href: viewAllUrl, className: import_Projects.default.viewAllLink, children: "View all projects" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: import_Projects.default.grid, children: projects.map((project) => {
+      const projectUrl = project.slug?.current ? `/projects/${project.slug.current}` : project.caseStudyUrl;
+      const CardContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: import_Projects.default.imageWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "div",
+          {
+            className: import_Projects.default.image,
+            style: {
+              backgroundImage: project.imageUrl ? `url("${project.imageUrl}")` : void 0,
+              backgroundColor: project.imageUrl ? void 0 : "#e5e7eb"
+            },
+            role: "img",
+            "aria-label": project.imageAlt || project.title
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: import_Projects.default.content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: import_Projects.default.projectTitle, children: project.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: import_Projects.default.description, children: project.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: import_Projects.default.caseStudyLink, children: [
+            "View Project",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "material-symbols-outlined", children: "arrow_forward" })
+          ] })
+        ] })
+      ] });
+      return project.slug?.current ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_link2.default,
+        {
+          href: projectUrl,
+          className: import_Projects.default.card,
+          children: CardContent
+        },
+        project._id
+      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: import_Projects.default.card, children: CardContent }, project._id);
+    }) })
+  ] });
+}
+// src/components/Publications.tsx
+var import_Publications = __toESM(require("@/styles/Publications.module.css"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Publications({ publications }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: import_Publications.default.publications, id: "publications", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: import_Publications.default.header, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: import_Publications.default.title, children: "Recent Publications" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: import_Publications.default.list, children: publications.map((pub) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: import_Publications.default.item, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: import_Publications.default.itemHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: import_Publications.default.pubTitle, children: pub.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: import_Publications.default.year, children: pub.year })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: import_Publications.default.authors, children: pub.authors }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: import_Publications.default.venue, children: pub.venue }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: import_Publications.default.links, children: [
+        pub.pdfUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "a",
+          {
+            href: pub.pdfUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: import_Publications.default.linkBtn,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "material-symbols-outlined", children: "description" }),
+              "PDF"
+            ]
+          }
+        ),
+        pub.codeUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "a",
+          {
+            href: pub.codeUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: import_Publications.default.linkBtn,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "material-symbols-outlined", children: "code" }),
+              "Code"
+            ]
+          }
+        ),
+        pub.videoUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "a",
+          {
+            href: pub.videoUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: import_Publications.default.linkBtn,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "material-symbols-outlined", children: "videocam" }),
+              "Video"
+            ]
+          }
+        ),
+        pub.bibtex && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "button",
+          {
+            onClick: () => {
+              navigator.clipboard.writeText(pub.bibtex || "");
+              alert("BibTeX copied to clipboard!");
+            },
+            className: import_Publications.default.linkBtn,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "material-symbols-outlined", children: "format_quote" }),
+              "BibTeX"
+            ]
+          }
+        )
+      ] })
+    ] }, pub._id)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  About,
+  CVSection,
+  Footer,
+  Header,
+  Projects,
+  Publications
+});

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1,341 @@
+// src/components/About.tsx
+import styles from "@/styles/About.module.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+var socialIcons = {
+  scholar: "school",
+  linkedin: "group",
+  twitter: "chat",
+  github: "code",
+  orcid: "fingerprint",
+  researchgate: "science"
+};
+var socialLabels = {
+  scholar: "Google Scholar",
+  linkedin: "LinkedIn",
+  twitter: "Twitter",
+  github: "GitHub",
+  orcid: "ORCID",
+  researchgate: "ResearchGate"
+};
+function About({
+  greeting,
+  title,
+  bio,
+  profileImageUrl,
+  socialLinks = []
+}) {
+  return /* @__PURE__ */ jsx("section", { className: styles.about, id: "about", children: /* @__PURE__ */ jsxs("div", { className: styles.card, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.imageWrapper, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.profileImage,
+        style: {
+          backgroundImage: profileImageUrl ? `url("${profileImageUrl}")` : void 0,
+          backgroundColor: profileImageUrl ? void 0 : "#e5e7eb"
+        },
+        role: "img",
+        "aria-label": "Profile photo"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: styles.greeting, children: greeting }),
+        /* @__PURE__ */ jsx("p", { className: styles.title, children: title }),
+        /* @__PURE__ */ jsx("p", { className: styles.bio, children: bio })
+      ] }),
+      socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: styles.socialLinks, children: socialLinks.map((link) => /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: styles.socialLink,
+          "aria-label": socialLabels[link.platform] || link.platform,
+          children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", children: socialIcons[link.platform] || "link" })
+        },
+        link.platform
+      )) })
+    ] })
+  ] }) });
+}
+// src/components/CVSection.tsx
+import styles2 from "@/styles/CVSection.module.css";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function CVSection({
+  heading,
+  description,
+  buttonText,
+  cvFileUrl
+}) {
+  return /* @__PURE__ */ jsx2("section", { className: styles2.cv, id: "cv", children: /* @__PURE__ */ jsxs2("div", { className: styles2.card, children: [
+    /* @__PURE__ */ jsxs2("div", { className: styles2.content, children: [
+      /* @__PURE__ */ jsx2("span", { className: styles2.iconWrapper, children: /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "history_edu" }) }),
+      /* @__PURE__ */ jsxs2("div", { className: styles2.textContent, children: [
+        /* @__PURE__ */ jsx2("h2", { className: styles2.title, children: heading }),
+        /* @__PURE__ */ jsx2("p", { className: styles2.description, children: description })
+      ] }),
+      cvFileUrl ? /* @__PURE__ */ jsxs2(
+        "a",
+        {
+          href: cvFileUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: styles2.downloadBtn,
+          children: [
+            /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "download" }),
+            buttonText
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs2("button", { className: styles2.downloadBtn, disabled: true, children: [
+        /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: "download" }),
+        buttonText
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: styles2.background })
+  ] }) });
+}
+// src/components/Footer.tsx
+import styles3 from "@/styles/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: [
+    /* @__PURE__ */ jsx3("p", { className: styles3.copyright, children: footerText }),
+    email && /* @__PURE__ */ jsxs3("div", { className: styles3.emailWrapper, children: [
+      /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "mail" }),
+      /* @__PURE__ */ jsx3("a", { href: `mailto:${email}`, className: styles3.email, children: email })
+    ] })
+  ] }) });
+}
+// src/components/Header.tsx
+import { useState } 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";
+function Header({
+  siteName,
+  navLinks,
+  showContactButton = true,
+  contactButtonText = "Contact",
+  contactEmail = ""
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const { theme, toggleTheme, mounted } = useTheme();
+  const toggleMobileMenu = () => {
+    setMobileMenuOpen(!mobileMenuOpen);
+  };
+  const closeMobileMenu = () => {
+    setMobileMenuOpen(false);
+  };
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4("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__ */ jsxs4("div", { className: styles4.desktopNav, children: [
+        /* @__PURE__ */ jsx4("nav", { className: styles4.navLinks, children: navLinks.map((link) => /* @__PURE__ */ jsx4(
+          Link,
+          {
+            href: link.href,
+            className: styles4.navLink,
+            children: link.label
+          },
+          link.href
+        )) }),
+        mounted && /* @__PURE__ */ jsx4(
+          "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" })
+          }
+        ),
+        showContactButton && contactEmail && /* @__PURE__ */ jsx4(
+          "a",
+          {
+            href: `mailto:${contactEmail}`,
+            className: styles4.contactBtn,
+            children: /* @__PURE__ */ jsx4("span", { children: contactButtonText })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: styles4.mobileActions, children: [
+        mounted && /* @__PURE__ */ jsx4(
+          "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" })
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            className: styles4.mobileMenuBtn,
+            onClick: toggleMobileMenu,
+            "aria-label": "Toggle menu",
+            children: /* @__PURE__ */ jsx4("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(
+        Link,
+        {
+          href: link.href,
+          className: styles4.mobileNavLink,
+          onClick: closeMobileMenu,
+          children: link.label
+        },
+        link.href
+      )) }),
+      showContactButton && contactEmail && /* @__PURE__ */ jsx4(
+        "a",
+        {
+          href: `mailto:${contactEmail}`,
+          className: styles4.mobileContactBtn,
+          children: contactButtonText
+        }
+      )
+    ] })
+  ] });
+}
+// 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";
+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" })
+    ] }),
+    /* @__PURE__ */ jsx5("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(
+          "div",
+          {
+            className: styles5.image,
+            style: {
+              backgroundImage: project.imageUrl ? `url("${project.imageUrl}")` : void 0,
+              backgroundColor: project.imageUrl ? void 0 : "#e5e7eb"
+            },
+            role: "img",
+            "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: [
+            "View Project",
+            " ",
+            /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined", children: "arrow_forward" })
+          ] })
+        ] })
+      ] });
+      return project.slug?.current ? /* @__PURE__ */ jsx5(
+        Link2,
+        {
+          href: projectUrl,
+          className: styles5.card,
+          children: CardContent
+        },
+        project._id
+      ) : /* @__PURE__ */ jsx5("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";
+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 })
+      ] }),
+      /* @__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(
+          "a",
+          {
+            href: pub.pdfUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: styles6.linkBtn,
+            children: [
+              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "description" }),
+              "PDF"
+            ]
+          }
+        ),
+        pub.codeUrl && /* @__PURE__ */ jsxs6(
+          "a",
+          {
+            href: pub.codeUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: styles6.linkBtn,
+            children: [
+              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "code" }),
+              "Code"
+            ]
+          }
+        ),
+        pub.videoUrl && /* @__PURE__ */ jsxs6(
+          "a",
+          {
+            href: pub.videoUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: styles6.linkBtn,
+            children: [
+              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "videocam" }),
+              "Video"
+            ]
+          }
+        ),
+        pub.bibtex && /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            onClick: () => {
+              navigator.clipboard.writeText(pub.bibtex || "");
+              alert("BibTeX copied to clipboard!");
+            },
+            className: styles6.linkBtn,
+            children: [
+              /* @__PURE__ */ jsx6("span", { className: "material-symbols-outlined", children: "format_quote" }),
+              "BibTeX"
+            ]
+          }
+        )
+      ] })
+    ] }, pub._id)) })
+  ] });
+}
+export {
+  About,
+  CVSection,
+  Footer,
+  Header,
+  Projects,
+  Publications
+};

package/package.json ADDED Viewed

@@ -0,0 +1,44 @@
+{
+  "name": "@prosophia/personal-cv",
+  "version": "0.0.1",
+  "description": "Personal academic CV template for Prosophia",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/styles/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/"
+  },
+  "peerDependencies": {
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/prosophia/prosophia-templates.git",
+    "directory": "packages/personal-cv"
+  },
+  "license": "MIT"
+}