@prosophia/personal-portfolio 0.0.4 → 0.1.0

package/dist/index.mjs

@@ -1,17 +1,13 @@
-// src/components/Divider.module.css
-var Divider_default = {};
-
 // src/components/Divider.tsx
+import styles from "./Divider.module.css";
 import { jsx } from "react/jsx-runtime";
 function Divider() {
-  return /* @__PURE__ */ jsx("hr", { className: Divider_default.divider });
+  return /* @__PURE__ */ jsx("hr", { className: styles.divider });
 }
 
 // src/components/Experience.tsx
 import { motion } from "framer-motion";
-
-// src/components/Experience.module.css
-var Experience_default = {};
+import styles2 from "./Experience.module.css";
 
 // src/styles/motion.ts
 var easeOutExpo = [0.16, 1, 0.3, 1];
@@ -486,19 +482,19 @@ function ExperienceSection({ experiences }) {
     motion.section,
     {
       id: "cv",
-      className: Experience_default.section,
+      className: styles2.section,
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true, amount: 0.1 },
       variants: staggerContainer,
       children: [
-        /* @__PURE__ */ jsxs(motion.div, { className: Experience_default.header, variants: fadeInUp, children: [
-          /* @__PURE__ */ jsx4("h2", { className: Experience_default.title, children: "Experience & Education" }),
+        /* @__PURE__ */ jsxs(motion.div, { className: styles2.header, variants: fadeInUp, children: [
+          /* @__PURE__ */ jsx4("h2", { className: styles2.title, children: "Experience & Education" }),
           /* @__PURE__ */ jsxs(
             motion.a,
             {
               href: settings?.resumeUrl || "#",
-              className: Experience_default.downloadButton,
+              className: styles2.downloadButton,
               whileHover: hoverLift,
               whileTap: tapScale,
               children: [
@@ -508,24 +504,24 @@ function ExperienceSection({ experiences }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx4("div", { className: Experience_default.timeline, children: displayExperiences.map((exp) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx4("div", { className: styles2.timeline, children: displayExperiences.map((exp) => /* @__PURE__ */ jsxs(
           motion.div,
           {
-            className: Experience_default.timelineItem,
+            className: styles2.timelineItem,
             variants: fadeInUp,
             children: [
               /* @__PURE__ */ jsx4(
                 "div",
                 {
-                  className: `${Experience_default.timelineDot} ${exp.isCurrent ? Experience_default.timelineDotCurrent : ""}`
+                  className: `${styles2.timelineDot} ${exp.isCurrent ? styles2.timelineDotCurrent : ""}`
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { className: Experience_default.timelineHeader, children: [
-                /* @__PURE__ */ jsx4("h3", { className: Experience_default.timelineTitle, children: exp.title }),
-                /* @__PURE__ */ jsx4("span", { className: Experience_default.timelinePeriod, children: exp.period })
+              /* @__PURE__ */ jsxs("div", { className: styles2.timelineHeader, children: [
+                /* @__PURE__ */ jsx4("h3", { className: styles2.timelineTitle, children: exp.title }),
+                /* @__PURE__ */ jsx4("span", { className: styles2.timelinePeriod, children: exp.period })
               ] }),
-              /* @__PURE__ */ jsx4("p", { className: Experience_default.timelineOrg, children: exp.organization }),
-              exp.description && /* @__PURE__ */ jsx4("p", { className: Experience_default.timelineDescription, children: exp.description })
+              /* @__PURE__ */ jsx4("p", { className: styles2.timelineOrg, children: exp.organization }),
+              exp.description && /* @__PURE__ */ jsx4("p", { className: styles2.timelineDescription, children: exp.description })
             ]
           },
           exp._id
@@ -537,24 +533,20 @@ function ExperienceSection({ experiences }) {
 
 // src/components/Footer.tsx
 import { motion as motion2 } from "framer-motion";
-
-// src/components/Footer.module.css
-var Footer_default = {};
-
-// src/components/Footer.tsx
+import styles3 from "./Footer.module.css";
 import { jsxs as jsxs2 } from "react/jsx-runtime";
 function Footer() {
   const { settings, profile } = useSiteSettings();
   return /* @__PURE__ */ jsxs2(
     motion2.footer,
     {
-      className: Footer_default.footer,
+      className: styles3.footer,
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true },
       variants: fadeInUp,
       children: [
-        /* @__PURE__ */ jsxs2("p", { className: Footer_default.copyright, children: [
+        /* @__PURE__ */ jsxs2("p", { className: styles3.copyright, children: [
           "\xA9 ",
           (/* @__PURE__ */ new Date()).getFullYear(),
           " ",
@@ -563,7 +555,7 @@ function Footer() {
           " ",
           settings?.footerText || "Built with Passion."
         ] }),
-        /* @__PURE__ */ jsxs2("p", { className: Footer_default.updated, children: [
+        /* @__PURE__ */ jsxs2("p", { className: styles3.updated, children: [
           "Last updated: ",
           (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" })
         ] })
@@ -576,11 +568,7 @@ function Footer() {
 import { useState as useState2 } from "react";
 import Link from "next/link";
 import { motion as motion3, AnimatePresence } from "framer-motion";
-
-// src/components/Header.module.css
-var Header_default = {};
-
-// src/components/Header.tsx
+import styles4 from "./Header.module.css";
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var navLinks = [
   { href: "#about", label: "About" },
@@ -594,25 +582,25 @@ function Header() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
   const socialLinks = settings?.socialLinks;
   const contactEmail = settings?.contactEmail;
-  return /* @__PURE__ */ jsxs3("header", { className: Header_default.header, children: [
-    /* @__PURE__ */ jsxs3("div", { className: Header_default.container, children: [
-      /* @__PURE__ */ jsxs3(Link, { href: "/", className: Header_default.logo, children: [
-        /* @__PURE__ */ jsx5("span", { className: Header_default.logoName, children: profile?.name || "David" }),
-        /* @__PURE__ */ jsx5("span", { className: Header_default.logoTitle, children: profile?.title || "PhD Candidate" })
+  return /* @__PURE__ */ jsxs3("header", { className: styles4.header, children: [
+    /* @__PURE__ */ jsxs3("div", { className: styles4.container, children: [
+      /* @__PURE__ */ jsxs3(Link, { href: "/", className: styles4.logo, children: [
+        /* @__PURE__ */ jsx5("span", { className: styles4.logoName, children: profile?.name || "David" }),
+        /* @__PURE__ */ jsx5("span", { className: styles4.logoTitle, children: profile?.title || "PhD Candidate" })
       ] }),
-      /* @__PURE__ */ jsx5("nav", { className: Header_default.nav, children: navLinks.map((link) => /* @__PURE__ */ jsxs3(Link, { href: link.href, className: Header_default.navLink, children: [
+      /* @__PURE__ */ jsx5("nav", { className: styles4.nav, children: navLinks.map((link) => /* @__PURE__ */ jsxs3(Link, { href: link.href, className: styles4.navLink, children: [
         link.label,
-        /* @__PURE__ */ jsx5("span", { className: Header_default.navLinkUnderline })
+        /* @__PURE__ */ jsx5("span", { className: styles4.navLinkUnderline })
       ] }, link.href)) }),
-      /* @__PURE__ */ jsxs3("div", { className: Header_default.actions, children: [
-        /* @__PURE__ */ jsxs3("div", { className: Header_default.socialLinks, children: [
+      /* @__PURE__ */ jsxs3("div", { className: styles4.actions, children: [
+        /* @__PURE__ */ jsxs3("div", { className: styles4.socialLinks, children: [
           (socialLinks?.twitter || !settings) && /* @__PURE__ */ jsx5(
             "a",
             {
               href: socialLinks?.twitter || "https://twitter.com",
               target: "_blank",
               rel: "noopener noreferrer",
-              className: Header_default.socialLink,
+              className: styles4.socialLink,
               "aria-label": "Twitter",
               children: /* @__PURE__ */ jsx5("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" }) })
             }
@@ -623,7 +611,7 @@ function Header() {
               href: socialLinks?.github || "https://github.com",
               target: "_blank",
               rel: "noopener noreferrer",
-              className: Header_default.socialLink,
+              className: styles4.socialLink,
               "aria-label": "GitHub",
               children: /* @__PURE__ */ jsx5("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5(
                 "path",
@@ -641,7 +629,7 @@ function Header() {
               href: socialLinks?.linkedin || "https://linkedin.com",
               target: "_blank",
               rel: "noopener noreferrer",
-              className: Header_default.socialLink,
+              className: styles4.socialLink,
               "aria-label": "LinkedIn",
               children: /* @__PURE__ */ jsx5("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5(
                 "path",
@@ -657,7 +645,7 @@ function Header() {
         /* @__PURE__ */ jsx5(
           motion3.button,
           {
-            className: Header_default.themeToggle,
+            className: styles4.themeToggle,
             onClick: toggleTheme,
             whileHover: hoverLift,
             whileTap: tapScale,
@@ -707,19 +695,19 @@ function Header() {
           motion3.a,
           {
             href: contactEmail ? `mailto:${contactEmail}` : "mailto:contact@example.com",
-            className: Header_default.contactButton,
+            className: styles4.contactButton,
             whileHover: hoverLift,
             whileTap: tapScale,
             children: [
-              /* @__PURE__ */ jsx5("span", { className: `material-symbols-outlined ${Header_default.contactButtonIcon}`, children: "mail" }),
-              /* @__PURE__ */ jsx5("span", { className: Header_default.contactButtonText, children: "Contact" })
+              /* @__PURE__ */ jsx5("span", { className: `material-symbols-outlined ${styles4.contactButtonIcon}`, children: "mail" }),
+              /* @__PURE__ */ jsx5("span", { className: styles4.contactButtonText, children: "Contact" })
             ]
           }
         ),
         /* @__PURE__ */ jsx5(
           "button",
           {
-            className: Header_default.mobileMenuButton,
+            className: styles4.mobileMenuButton,
             onClick: () => setMobileMenuOpen(!mobileMenuOpen),
             "aria-label": "Toggle menu",
             children: /* @__PURE__ */ jsx5(
@@ -751,7 +739,7 @@ function Header() {
     /* @__PURE__ */ jsx5(AnimatePresence, { children: mobileMenuOpen && /* @__PURE__ */ jsx5(
       motion3.nav,
       {
-        className: Header_default.mobileNav,
+        className: styles4.mobileNav,
         initial: { opacity: 0, y: -10 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
@@ -760,7 +748,7 @@ function Header() {
           Link,
           {
             href: link.href,
-            className: Header_default.mobileNavLink,
+            className: styles4.mobileNavLink,
             onClick: () => setMobileMenuOpen(false),
             children: link.label
           },
@@ -774,9 +762,7 @@ function Header() {
 // src/components/Hero.tsx
 import { motion as motion4 } from "framer-motion";
 import { PortableText } from "@portabletext/react";
-
-// src/components/Hero.module.css
-var Hero_default = {};
+import styles5 from "./Hero.module.css";
 
 // src/lib/sanity.ts
 import imageUrlBuilder from "@sanity/image-url";
@@ -833,7 +819,7 @@ var portableTextComponents = {
     strong: ({ children }) => /* @__PURE__ */ jsx6("strong", { children }),
     highlight: ({ children, value }) => {
       if (value?.style === "underline") {
-        return /* @__PURE__ */ jsx6("span", { className: Hero_default.underline, children });
+        return /* @__PURE__ */ jsx6("span", { className: styles5.underline, children });
       }
       return /* @__PURE__ */ jsx6("strong", { children });
     }
@@ -851,51 +837,51 @@ function Hero({ updates }) {
     motion4.section,
     {
       id: "about",
-      className: Hero_default.hero,
+      className: styles5.hero,
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true, amount: 0.1 },
       variants: staggerContainer,
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: Hero_default.content, children: [
-          /* @__PURE__ */ jsxs4("div", { className: Hero_default.imageWrapper, children: [
+        /* @__PURE__ */ jsxs4("div", { className: styles5.content, children: [
+          /* @__PURE__ */ jsxs4("div", { className: styles5.imageWrapper, children: [
             /* @__PURE__ */ jsx6(
               motion4.div,
               {
-                className: Hero_default.profileImage,
+                className: styles5.profileImage,
                 style: {
                   backgroundImage: `url("${profileImageUrl}")`
                 },
                 variants: blurFade
               }
             ),
-            /* @__PURE__ */ jsxs4("div", { className: Hero_default.mobileInfo, children: [
-              /* @__PURE__ */ jsx6("h1", { className: Hero_default.mobileInfoName, children: profile?.name || "David" }),
-              /* @__PURE__ */ jsxs4("p", { className: Hero_default.mobileInfoTitle, children: [
+            /* @__PURE__ */ jsxs4("div", { className: styles5.mobileInfo, children: [
+              /* @__PURE__ */ jsx6("h1", { className: styles5.mobileInfoName, children: profile?.name || "David" }),
+              /* @__PURE__ */ jsxs4("p", { className: styles5.mobileInfoTitle, children: [
                 profile?.title || "PhD Candidate",
                 " ",
                 profile?.institution && `at ${profile.institution}`
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs4(motion4.div, { className: Hero_default.textContent, variants: staggerContainer, children: [
+          /* @__PURE__ */ jsxs4(motion4.div, { className: styles5.textContent, variants: staggerContainer, children: [
             /* @__PURE__ */ jsxs4("div", { children: [
-              profile?.availabilityBadge && /* @__PURE__ */ jsx6(motion4.span, { className: Hero_default.badge, variants: fadeInUp, children: profile.availabilityBadge }),
-              !profile?.availabilityBadge && /* @__PURE__ */ jsx6(motion4.span, { className: Hero_default.badge, variants: fadeInUp, children: "Available for 2024 Roles" }),
-              /* @__PURE__ */ jsx6(motion4.h2, { className: Hero_default.headline, variants: fadeInUp, children: profile?.headline ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+              profile?.availabilityBadge && /* @__PURE__ */ jsx6(motion4.span, { className: styles5.badge, variants: fadeInUp, children: profile.availabilityBadge }),
+              !profile?.availabilityBadge && /* @__PURE__ */ jsx6(motion4.span, { className: styles5.badge, variants: fadeInUp, children: "Available for 2024 Roles" }),
+              /* @__PURE__ */ jsx6(motion4.h2, { className: styles5.headline, variants: fadeInUp, children: profile?.headline ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
                 profile.headline.beforeHighlight,
                 " ",
-                /* @__PURE__ */ jsx6("span", { className: Hero_default.highlight, children: profile.headline.highlight }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.highlight, children: profile.headline.highlight }),
                 " ",
                 profile.headline.afterHighlight
               ] }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
                 "Building the ",
-                /* @__PURE__ */ jsx6("span", { className: Hero_default.highlight, children: "future of AI" }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.highlight, children: "future of AI" }),
                 " ",
                 "with robust & scalable vision systems."
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx6(motion4.div, { className: Hero_default.description, variants: fadeInUp, children: profile?.bio ? /* @__PURE__ */ jsx6(PortableText, { value: profile.bio, components: portableTextComponents }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+            /* @__PURE__ */ jsx6(motion4.div, { className: styles5.description, variants: fadeInUp, children: profile?.bio ? /* @__PURE__ */ jsx6(PortableText, { value: profile.bio, components: portableTextComponents }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
               /* @__PURE__ */ jsxs4("p", { children: [
                 "I am a PhD candidate specializing in",
                 " ",
@@ -908,20 +894,20 @@ function Hero({ updates }) {
               /* @__PURE__ */ jsxs4("p", { children: [
                 "Previously, I interned at",
                 " ",
-                /* @__PURE__ */ jsx6("span", { className: Hero_default.underline, children: "Google DeepMind" }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.underline, children: "Google DeepMind" }),
                 " and",
                 " ",
-                /* @__PURE__ */ jsx6("span", { className: Hero_default.underline, children: "Meta AI" }),
+                /* @__PURE__ */ jsx6("span", { className: styles5.underline, children: "Meta AI" }),
                 ". I am passionate about open-source and making AI accessible to everyone."
               ] })
             ] }) }),
-            /* @__PURE__ */ jsxs4(motion4.div, { className: Hero_default.links, variants: fadeInUp, children: [
-              /* @__PURE__ */ jsxs4("a", { href: settings?.resumeUrl || "#", className: Hero_default.link, children: [
-                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${Hero_default.linkIcon}`, children: "download" }),
+            /* @__PURE__ */ jsxs4(motion4.div, { className: styles5.links, variants: fadeInUp, children: [
+              /* @__PURE__ */ jsxs4("a", { href: settings?.resumeUrl || "#", className: styles5.link, children: [
+                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${styles5.linkIcon}`, children: "download" }),
                 "Download CV"
               ] }),
-              /* @__PURE__ */ jsxs4("a", { href: settings?.socialLinks?.googleScholar || "#", className: Hero_default.link, children: [
-                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${Hero_default.linkIcon}`, children: "school" }),
+              /* @__PURE__ */ jsxs4("a", { href: settings?.socialLinks?.googleScholar || "#", className: styles5.link, children: [
+                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${styles5.linkIcon}`, children: "school" }),
                 "Google Scholar"
               ] })
             ] })
@@ -930,21 +916,21 @@ function Hero({ updates }) {
         /* @__PURE__ */ jsxs4(
           motion4.div,
           {
-            className: `glass-panel ${Hero_default.updates}`,
+            className: `glass-panel ${styles5.updates}`,
             variants: fadeInUp,
             children: [
-              /* @__PURE__ */ jsxs4("h3", { className: Hero_default.updatesHeader, children: [
-                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${Hero_default.updatesIcon}`, children: "campaign" }),
+              /* @__PURE__ */ jsxs4("h3", { className: styles5.updatesHeader, children: [
+                /* @__PURE__ */ jsx6("span", { className: `material-symbols-outlined ${styles5.updatesIcon}`, children: "campaign" }),
                 "Latest Updates"
               ] }),
-              /* @__PURE__ */ jsx6("div", { className: Hero_default.updatesList, children: displayUpdates.map((update) => /* @__PURE__ */ jsxs4(
+              /* @__PURE__ */ jsx6("div", { className: styles5.updatesList, children: displayUpdates.map((update) => /* @__PURE__ */ jsxs4(
                 motion4.div,
                 {
-                  className: Hero_default.updateItem,
+                  className: styles5.updateItem,
                   variants: fadeInUp,
                   children: [
-                    /* @__PURE__ */ jsx6("div", { className: Hero_default.updateDate, children: formatDate(update.date) }),
-                    /* @__PURE__ */ jsxs4("div", { className: Hero_default.updateContent, children: [
+                    /* @__PURE__ */ jsx6("div", { className: styles5.updateDate, children: formatDate(update.date) }),
+                    /* @__PURE__ */ jsxs4("div", { className: styles5.updateContent, children: [
                       /* @__PURE__ */ jsx6("h4", { children: update.title }),
                       /* @__PURE__ */ jsx6("p", { children: update.description })
                     ] })
@@ -963,11 +949,7 @@ function Hero({ updates }) {
 // src/components/Projects.tsx
 import Link2 from "next/link";
 import { motion as motion5 } from "framer-motion";
-
-// src/components/Projects.module.css
-var Projects_default = {};
-
-// src/components/Projects.tsx
+import styles6 from "./Projects.module.css";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var defaultProjects = [
   {
@@ -1001,29 +983,29 @@ function Projects({ projects }) {
     motion5.section,
     {
       id: "projects",
-      className: Projects_default.section,
+      className: styles6.section,
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true, amount: 0.1 },
       variants: staggerContainer,
       children: [
-        /* @__PURE__ */ jsx7(motion5.h2, { className: Projects_default.title, variants: fadeInUp, children: "Selected Projects" }),
-        /* @__PURE__ */ jsx7("div", { className: Projects_default.grid, children: displayProjects.map((project, index) => /* @__PURE__ */ jsx7(motion5.div, { variants: fadeInUp, children: /* @__PURE__ */ jsxs5(Link2, { href: `/projects/${project.slug}`, className: Projects_default.card, children: [
+        /* @__PURE__ */ jsx7(motion5.h2, { className: styles6.title, variants: fadeInUp, children: "Selected Projects" }),
+        /* @__PURE__ */ jsx7("div", { className: styles6.grid, children: displayProjects.map((project, index) => /* @__PURE__ */ jsx7(motion5.div, { variants: fadeInUp, children: /* @__PURE__ */ jsxs5(Link2, { href: `/projects/${project.slug}`, className: styles6.card, children: [
           /* @__PURE__ */ jsx7(
             "div",
             {
-              className: Projects_default.cardImage,
+              className: styles6.cardImage,
               style: { backgroundImage: `url('${getProjectImage(project, index)}')` },
-              children: /* @__PURE__ */ jsx7("div", { className: Projects_default.cardImageOverlay })
+              children: /* @__PURE__ */ jsx7("div", { className: styles6.cardImageOverlay })
             }
           ),
-          /* @__PURE__ */ jsxs5("div", { className: Projects_default.cardContent, children: [
-            /* @__PURE__ */ jsxs5("div", { className: Projects_default.cardHeader, children: [
-              /* @__PURE__ */ jsx7("h3", { className: Projects_default.cardTitle, children: project.title }),
-              /* @__PURE__ */ jsx7("span", { className: Projects_default.cardLink, children: /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "open_in_new" }) })
+          /* @__PURE__ */ jsxs5("div", { className: styles6.cardContent, children: [
+            /* @__PURE__ */ jsxs5("div", { className: styles6.cardHeader, children: [
+              /* @__PURE__ */ jsx7("h3", { className: styles6.cardTitle, children: project.title }),
+              /* @__PURE__ */ jsx7("span", { className: styles6.cardLink, children: /* @__PURE__ */ jsx7("span", { className: "material-symbols-outlined", children: "open_in_new" }) })
             ] }),
-            /* @__PURE__ */ jsx7("p", { className: Projects_default.cardDescription, children: project.shortDescription }),
-            /* @__PURE__ */ jsx7("div", { className: Projects_default.cardTags, children: project.tags?.map((tag) => /* @__PURE__ */ jsx7("span", { className: Projects_default.tag, children: tag }, tag)) })
+            /* @__PURE__ */ jsx7("p", { className: styles6.cardDescription, children: project.shortDescription }),
+            /* @__PURE__ */ jsx7("div", { className: styles6.cardTags, children: project.tags?.map((tag) => /* @__PURE__ */ jsx7("span", { className: styles6.tag, children: tag }, tag)) })
           ] })
         ] }) }, project._id)) })
       ]
@@ -1033,11 +1015,7 @@ function Projects({ projects }) {
 
 // src/components/Publications.tsx
 import { motion as motion6 } from "framer-motion";
-
-// src/components/Publications.module.css
-var Publications_default = {};
-
-// src/components/Publications.tsx
+import styles7 from "./Publications.module.css";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var defaultPublications = [
   {
@@ -1083,7 +1061,7 @@ function Publications({ publications }) {
   const displayPublications = publications.length > 0 ? publications : defaultPublications;
   const renderAuthors = (authors) => {
     return authors.map((author, index) => /* @__PURE__ */ jsxs6("span", { children: [
-      author.isMe ? /* @__PURE__ */ jsx8("span", { className: Publications_default.cardAuthorHighlight, children: author.name }) : author.name,
+      author.isMe ? /* @__PURE__ */ jsx8("span", { className: styles7.cardAuthorHighlight, children: author.name }) : author.name,
       index < authors.length - 1 && ", "
     ] }, index));
   };
@@ -1091,34 +1069,34 @@ function Publications({ publications }) {
     motion6.section,
     {
       id: "publications",
-      className: Publications_default.section,
+      className: styles7.section,
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true, amount: 0.1 },
       variants: staggerContainer,
       children: [
-        /* @__PURE__ */ jsxs6(motion6.div, { className: Publications_default.header, variants: fadeInUp, children: [
-          /* @__PURE__ */ jsx8("h2", { className: Publications_default.title, children: "Publications" }),
-          /* @__PURE__ */ jsx8("a", { href: settings?.socialLinks?.googleScholar || "#", className: Publications_default.scholarLink, children: "View Google Scholar ->" })
+        /* @__PURE__ */ jsxs6(motion6.div, { className: styles7.header, variants: fadeInUp, children: [
+          /* @__PURE__ */ jsx8("h2", { className: styles7.title, children: "Publications" }),
+          /* @__PURE__ */ jsx8("a", { href: settings?.socialLinks?.googleScholar || "#", className: styles7.scholarLink, children: "View Google Scholar ->" })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: Publications_default.list, children: displayPublications.map((pub) => /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx8("div", { className: styles7.list, children: displayPublications.map((pub) => /* @__PURE__ */ jsx8(
           motion6.div,
           {
-            className: Publications_default.card,
+            className: styles7.card,
             variants: fadeInUp,
             whileHover: { y: -2 },
             transition: { duration: 0.2 },
-            children: /* @__PURE__ */ jsxs6("div", { className: Publications_default.cardContent, children: [
-              /* @__PURE__ */ jsxs6("div", { className: Publications_default.cardInfo, children: [
-                /* @__PURE__ */ jsx8("h3", { className: Publications_default.cardTitle, children: pub.title }),
-                /* @__PURE__ */ jsx8("p", { className: Publications_default.cardAuthors, children: renderAuthors(pub.authors) }),
-                /* @__PURE__ */ jsxs6("div", { className: Publications_default.cardMeta, children: [
-                  /* @__PURE__ */ jsx8("span", { className: Publications_default.cardVenue, children: pub.venue }),
-                  pub.highlight && /* @__PURE__ */ jsxs6("span", { className: Publications_default.cardHighlight, children: [
+            children: /* @__PURE__ */ jsxs6("div", { className: styles7.cardContent, children: [
+              /* @__PURE__ */ jsxs6("div", { className: styles7.cardInfo, children: [
+                /* @__PURE__ */ jsx8("h3", { className: styles7.cardTitle, children: pub.title }),
+                /* @__PURE__ */ jsx8("p", { className: styles7.cardAuthors, children: renderAuthors(pub.authors) }),
+                /* @__PURE__ */ jsxs6("div", { className: styles7.cardMeta, children: [
+                  /* @__PURE__ */ jsx8("span", { className: styles7.cardVenue, children: pub.venue }),
+                  pub.highlight && /* @__PURE__ */ jsxs6("span", { className: styles7.cardHighlight, children: [
                     /* @__PURE__ */ jsx8(
                       "span",
                       {
-                        className: `material-symbols-outlined ${Publications_default.cardHighlightIcon}`,
+                        className: `material-symbols-outlined ${styles7.cardHighlightIcon}`,
                         children: "star"
                       }
                     ),
@@ -1126,22 +1104,22 @@ function Publications({ publications }) {
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs6("div", { className: Publications_default.cardActions, children: [
-                (pub.pdfUrl || pub.pdfFileUrl) && /* @__PURE__ */ jsxs6("a", { href: pub.pdfUrl || pub.pdfFileUrl, className: Publications_default.actionButton, children: [
+              /* @__PURE__ */ jsxs6("div", { className: styles7.cardActions, children: [
+                (pub.pdfUrl || pub.pdfFileUrl) && /* @__PURE__ */ jsxs6("a", { href: pub.pdfUrl || pub.pdfFileUrl, className: styles7.actionButton, children: [
                   /* @__PURE__ */ jsx8(
                     "span",
                     {
-                      className: `material-symbols-outlined ${Publications_default.actionIcon}`,
+                      className: `material-symbols-outlined ${styles7.actionIcon}`,
                       children: "picture_as_pdf"
                     }
                   ),
                   "PDF"
                 ] }),
-                pub.codeUrl && /* @__PURE__ */ jsxs6("a", { href: pub.codeUrl, className: Publications_default.actionButton, children: [
+                pub.codeUrl && /* @__PURE__ */ jsxs6("a", { href: pub.codeUrl, className: styles7.actionButton, children: [
                   /* @__PURE__ */ jsx8(
                     "span",
                     {
-                      className: `material-symbols-outlined ${Publications_default.actionIcon}`,
+                      className: `material-symbols-outlined ${styles7.actionIcon}`,
                       children: "code"
                     }
                   ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosophia/personal-portfolio",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "Personal portfolio template for Prosophia",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",