@takuhon/ui 0.2.0 → 0.4.0

package/dist/index.js

@@ -44,7 +44,10 @@ function CareerTimeline({ careers }) {
         /* @__PURE__ */ jsxs("p", { className: styles.range, children: [
           /* @__PURE__ */ jsx("time", { dateTime: career.startDate, children: career.startDate }),
           " \u2013 ",
-          isOngoing(career) ? "Present" : /* @__PURE__ */ jsx("time", { dateTime: career.endDate, children: career.endDate })
+          isOngoing(career) ? (
+            // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
+            "Present"
+          ) : /* @__PURE__ */ jsx("time", { dateTime: career.endDate, children: career.endDate })
         ] }),
         career.location?.display ? /* @__PURE__ */ jsx("p", { className: styles.location, children: career.location.display }) : null,
         career.description ? /* @__PURE__ */ jsx("p", { className: styles.description, children: career.description }) : null
@@ -83,7 +86,10 @@ function Certifications({ certifications }) {
       /* @__PURE__ */ jsx2("p", { className: styles2.issuer, children: cert.issuingOrganization }),
       /* @__PURE__ */ jsxs2("p", { className: styles2.range, children: [
         /* @__PURE__ */ jsx2("time", { dateTime: cert.issueDate, children: cert.issueDate }),
-        cert.expirationDate === null ? /* @__PURE__ */ jsx2("span", { className: styles2.tag, children: " \xB7 No expiration" }) : cert.expirationDate !== void 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        cert.expirationDate === null ? (
+          // TODO(i18n-phase-2): Localize the 'No expiration' label via the locale resolver.
+          /* @__PURE__ */ jsx2("span", { className: styles2.tag, children: " \xB7 No expiration" })
+        ) : cert.expirationDate !== void 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
           " \u2013 ",
           /* @__PURE__ */ jsx2("time", { dateTime: cert.expirationDate, children: cert.expirationDate })
         ] }) : null
@@ -116,9 +122,44 @@ function ContactInfo({ contact }) {
   ] });
 }
 
-// src/components/EducationTimeline.tsx
-import styles4 from "./EducationTimeline.module-7YQTH6QU.module.css";
+// src/components/Courses.tsx
+import styles4 from "./Courses.module-EVDSFNGW.module.css";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function sortCourses(entries) {
+  return [...entries].sort((a, b) => {
+    const aOrder = a.order ?? Number.POSITIVE_INFINITY;
+    const bOrder = b.order ?? Number.POSITIVE_INFINITY;
+    if (aOrder !== bOrder) return aOrder - bOrder;
+    return (b.completionDate ?? "").localeCompare(a.completionDate ?? "");
+  });
+}
+function Courses({ courses }) {
+  if (courses.length === 0) return null;
+  const ordered = sortCourses(courses);
+  return /* @__PURE__ */ jsxs4("section", { className: styles4.section, "aria-labelledby": "takuhon-courses-heading", children: [
+    /* @__PURE__ */ jsx4("h2", { id: "takuhon-courses-heading", className: styles4.heading, children: "Courses" }),
+    /* @__PURE__ */ jsx4("ul", { className: styles4.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs4("li", { className: styles4.item, children: [
+      /* @__PURE__ */ jsx4("p", { className: styles4.title, children: entry.certificateUrl ? /* @__PURE__ */ jsx4(
+        "a",
+        {
+          className: styles4.link,
+          href: entry.certificateUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: entry.title
+        }
+      ) : entry.title }),
+      entry.provider ? /* @__PURE__ */ jsx4("p", { className: styles4.provider, children: entry.provider }) : null,
+      entry.courseNumber ? /* @__PURE__ */ jsx4("p", { className: styles4.courseNumber, children: entry.courseNumber }) : null,
+      entry.completionDate ? /* @__PURE__ */ jsx4("p", { className: styles4.date, children: /* @__PURE__ */ jsx4("time", { dateTime: entry.completionDate, children: entry.completionDate }) }) : null,
+      entry.description ? /* @__PURE__ */ jsx4("p", { className: styles4.description, children: entry.description }) : null
+    ] }, entry.id)) })
+  ] });
+}
+
+// src/components/EducationTimeline.tsx
+import styles5 from "./EducationTimeline.module-7YQTH6QU.module.css";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function sortEducation(entries) {
   return [...entries].sort((a, b) => {
     const aOrder = a.order ?? Number.POSITIVE_INFINITY;
@@ -139,31 +180,34 @@ function composeStudyLine(entry) {
 function EducationTimeline({ education }) {
   if (education.length === 0) return null;
   const ordered = sortEducation(education);
-  return /* @__PURE__ */ jsxs4("section", { className: styles4.section, "aria-labelledby": "takuhon-education-heading", children: [
-    /* @__PURE__ */ jsx4("h2", { id: "takuhon-education-heading", className: styles4.heading, children: "Education" }),
-    /* @__PURE__ */ jsx4("ol", { className: styles4.list, children: ordered.map((entry) => {
+  return /* @__PURE__ */ jsxs5("section", { className: styles5.section, "aria-labelledby": "takuhon-education-heading", children: [
+    /* @__PURE__ */ jsx5("h2", { id: "takuhon-education-heading", className: styles5.heading, children: "Education" }),
+    /* @__PURE__ */ jsx5("ol", { className: styles5.list, children: ordered.map((entry) => {
       const study = composeStudyLine(entry);
-      return /* @__PURE__ */ jsxs4("li", { className: styles4.item, children: [
-        /* @__PURE__ */ jsx4("div", { className: styles4.timelineMarker, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs4("div", { className: styles4.content, children: [
-          /* @__PURE__ */ jsx4("p", { className: styles4.institution, children: entry.url ? /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsxs5("li", { className: styles5.item, children: [
+        /* @__PURE__ */ jsx5("div", { className: styles5.timelineMarker, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs5("div", { className: styles5.content, children: [
+          /* @__PURE__ */ jsx5("p", { className: styles5.institution, children: entry.url ? /* @__PURE__ */ jsx5(
             "a",
             {
-              className: styles4.link,
+              className: styles5.link,
               href: entry.url,
               target: "_blank",
               rel: "noopener noreferrer",
               children: entry.institution
             }
           ) : entry.institution }),
-          study ? /* @__PURE__ */ jsx4("p", { className: styles4.study, children: study }) : null,
-          /* @__PURE__ */ jsxs4("p", { className: styles4.range, children: [
-            /* @__PURE__ */ jsx4("time", { dateTime: entry.startDate, children: entry.startDate }),
+          study ? /* @__PURE__ */ jsx5("p", { className: styles5.study, children: study }) : null,
+          /* @__PURE__ */ jsxs5("p", { className: styles5.range, children: [
+            /* @__PURE__ */ jsx5("time", { dateTime: entry.startDate, children: entry.startDate }),
             " \u2013 ",
-            isOngoing2(entry) ? "Present" : /* @__PURE__ */ jsx4("time", { dateTime: entry.endDate, children: entry.endDate })
+            isOngoing2(entry) ? (
+              // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
+              "Present"
+            ) : /* @__PURE__ */ jsx5("time", { dateTime: entry.endDate, children: entry.endDate })
           ] }),
-          entry.grade ? /* @__PURE__ */ jsx4("p", { className: styles4.grade, children: entry.grade }) : null,
-          entry.description ? /* @__PURE__ */ jsx4("p", { className: styles4.description, children: entry.description }) : null
+          entry.grade ? /* @__PURE__ */ jsx5("p", { className: styles5.grade, children: entry.grade }) : null,
+          entry.description ? /* @__PURE__ */ jsx5("p", { className: styles5.description, children: entry.description }) : null
         ] })
       ] }, entry.id);
     }) })
@@ -171,16 +215,16 @@ function EducationTimeline({ education }) {
 }
 
 // src/components/Footer.tsx
-import styles5 from "./Footer.module-HLC5GXVI.module.css";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import styles6 from "./Footer.module-HLC5GXVI.module.css";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function Footer() {
-  return /* @__PURE__ */ jsx5("footer", { className: styles5.footer, children: /* @__PURE__ */ jsxs5("p", { className: styles5.line, children: [
+  return /* @__PURE__ */ jsx6("footer", { className: styles6.footer, children: /* @__PURE__ */ jsxs6("p", { className: styles6.line, children: [
     "Powered by",
     " ",
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       "a",
       {
-        className: styles5.link,
+        className: styles6.link,
         href: "https://github.com/takuhon-dev/takuhon",
         target: "_blank",
         rel: "noopener noreferrer",
@@ -191,8 +235,8 @@ function Footer() {
 }
 
 // src/components/HonorsList.tsx
-import styles6 from "./HonorsList.module-AQN3CT7O.module.css";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import styles7 from "./HonorsList.module-AQN3CT7O.module.css";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function sortHonors(honors) {
   return [...honors].sort((a, b) => {
     const aOrder = a.order ?? Number.POSITIVE_INFINITY;
@@ -204,32 +248,32 @@ function sortHonors(honors) {
 function HonorsList({ honors }) {
   if (honors.length === 0) return null;
   const ordered = sortHonors(honors);
-  return /* @__PURE__ */ jsxs6("section", { className: styles6.section, "aria-labelledby": "takuhon-honors-heading", children: [
-    /* @__PURE__ */ jsx6("h2", { id: "takuhon-honors-heading", className: styles6.heading, children: "Honors & Awards" }),
-    /* @__PURE__ */ jsx6("ul", { className: styles6.list, children: ordered.map((honor) => /* @__PURE__ */ jsxs6("li", { className: styles6.item, children: [
-      /* @__PURE__ */ jsx6("p", { className: styles6.title, children: honor.url ? /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7("section", { className: styles7.section, "aria-labelledby": "takuhon-honors-heading", children: [
+    /* @__PURE__ */ jsx7("h2", { id: "takuhon-honors-heading", className: styles7.heading, children: "Honors & Awards" }),
+    /* @__PURE__ */ jsx7("ul", { className: styles7.list, children: ordered.map((honor) => /* @__PURE__ */ jsxs7("li", { className: styles7.item, children: [
+      /* @__PURE__ */ jsx7("p", { className: styles7.title, children: honor.url ? /* @__PURE__ */ jsx7(
         "a",
         {
-          className: styles6.link,
+          className: styles7.link,
           href: honor.url,
           target: "_blank",
           rel: "noopener noreferrer",
           children: honor.title
         }
       ) : honor.title }),
-      /* @__PURE__ */ jsxs6("p", { className: styles6.meta, children: [
+      /* @__PURE__ */ jsxs7("p", { className: styles7.meta, children: [
         honor.issuer,
         " \xB7 ",
-        /* @__PURE__ */ jsx6("time", { dateTime: honor.date, children: honor.date })
+        /* @__PURE__ */ jsx7("time", { dateTime: honor.date, children: honor.date })
       ] }),
-      honor.description ? /* @__PURE__ */ jsx6("p", { className: styles6.description, children: honor.description }) : null
+      honor.description ? /* @__PURE__ */ jsx7("p", { className: styles7.description, children: honor.description }) : null
     ] }, honor.id)) })
   ] });
 }
 
 // src/components/Languages.tsx
-import styles7 from "./Languages.module-X6RQNFRY.module.css";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import styles8 from "./Languages.module-X6RQNFRY.module.css";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var PROFICIENCY_LABEL = {
   native: "Native",
   fluent: "Fluent",
@@ -247,18 +291,18 @@ function sortLanguages(languages) {
 function Languages({ languages }) {
   if (languages.length === 0) return null;
   const ordered = sortLanguages(languages);
-  return /* @__PURE__ */ jsxs7("section", { className: styles7.section, "aria-labelledby": "takuhon-languages-heading", children: [
-    /* @__PURE__ */ jsx7("h2", { id: "takuhon-languages-heading", className: styles7.heading, children: "Languages" }),
-    /* @__PURE__ */ jsx7("ul", { className: styles7.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs7("li", { className: styles7.item, children: [
-      /* @__PURE__ */ jsx7("span", { className: styles7.name, lang: entry.language, children: entry.displayName ?? entry.language }),
-      /* @__PURE__ */ jsx7("span", { className: styles7.proficiency, children: PROFICIENCY_LABEL[entry.proficiency] })
+  return /* @__PURE__ */ jsxs8("section", { className: styles8.section, "aria-labelledby": "takuhon-languages-heading", children: [
+    /* @__PURE__ */ jsx8("h2", { id: "takuhon-languages-heading", className: styles8.heading, children: "Languages" }),
+    /* @__PURE__ */ jsx8("ul", { className: styles8.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs8("li", { className: styles8.item, children: [
+      /* @__PURE__ */ jsx8("span", { className: styles8.name, lang: entry.language, children: entry.displayName ?? entry.language }),
+      /* @__PURE__ */ jsx8("span", { className: styles8.proficiency, children: PROFICIENCY_LABEL[entry.proficiency] })
     ] }, entry.id)) })
   ] });
 }
 
 // src/components/LinksList.tsx
-import styles8 from "./LinksList.module-QPSFPOF3.module.css";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import styles9 from "./LinksList.module-QPSFPOF3.module.css";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function sortLinks(links) {
   return [...links].sort((a, b) => {
     const aFeatured = a.featured ? 1 : 0;
@@ -277,32 +321,139 @@ function formatLinkLabel(link) {
 function LinksList({ links }) {
   if (links.length === 0) return null;
   const ordered = sortLinks(links);
-  return /* @__PURE__ */ jsx8("nav", { "aria-label": "Profile links", className: styles8.nav, children: /* @__PURE__ */ jsx8("ul", { className: styles8.list, children: ordered.map((link) => /* @__PURE__ */ jsx8("li", { className: styles8.item, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx9("nav", { "aria-label": "Profile links", className: styles9.nav, children: /* @__PURE__ */ jsx9("ul", { className: styles9.list, children: ordered.map((link) => /* @__PURE__ */ jsx9("li", { className: styles9.item, children: /* @__PURE__ */ jsxs9(
     "a",
     {
-      className: styles8.link,
+      className: styles9.link,
       href: link.url,
       target: "_blank",
       rel: "noopener noreferrer",
       "data-featured": link.featured ? "true" : void 0,
       children: [
-        link.iconUrl ? /* @__PURE__ */ jsx8("img", { className: styles8.icon, src: link.iconUrl, alt: "" }) : null,
-        /* @__PURE__ */ jsx8("span", { className: styles8.label, children: formatLinkLabel(link) })
+        link.iconUrl ? /* @__PURE__ */ jsx9("img", { className: styles9.icon, src: link.iconUrl, alt: "" }) : null,
+        /* @__PURE__ */ jsx9("span", { className: styles9.label, children: formatLinkLabel(link) })
       ]
     }
   ) }, link.id)) }) });
 }
 
+// src/components/Memberships.tsx
+import styles10 from "./Memberships.module-SMJBJFA2.module.css";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function sortMemberships(entries) {
+  return [...entries].sort((a, b) => {
+    const aOrder = a.order ?? Number.POSITIVE_INFINITY;
+    const bOrder = b.order ?? Number.POSITIVE_INFINITY;
+    if (aOrder !== bOrder) return aOrder - bOrder;
+    return b.startDate.localeCompare(a.startDate);
+  });
+}
+function isOngoing3(entry) {
+  return entry.isCurrent === true || entry.endDate === null || entry.endDate === void 0;
+}
+function Memberships({ memberships }) {
+  if (memberships.length === 0) return null;
+  const ordered = sortMemberships(memberships);
+  return /* @__PURE__ */ jsxs10("section", { className: styles10.section, "aria-labelledby": "takuhon-memberships-heading", children: [
+    /* @__PURE__ */ jsx10("h2", { id: "takuhon-memberships-heading", className: styles10.heading, children: "Memberships" }),
+    /* @__PURE__ */ jsx10("ol", { className: styles10.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs10("li", { className: styles10.item, children: [
+      /* @__PURE__ */ jsx10("div", { className: styles10.timelineMarker, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs10("div", { className: styles10.content, children: [
+        /* @__PURE__ */ jsx10("p", { className: styles10.organization, children: entry.url ? /* @__PURE__ */ jsx10(
+          "a",
+          {
+            className: styles10.link,
+            href: entry.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: entry.organization
+          }
+        ) : entry.organization }),
+        entry.role ? /* @__PURE__ */ jsx10("p", { className: styles10.role, children: entry.role }) : null,
+        /* @__PURE__ */ jsxs10("p", { className: styles10.range, children: [
+          /* @__PURE__ */ jsx10("time", { dateTime: entry.startDate, children: entry.startDate }),
+          " \u2013 ",
+          isOngoing3(entry) ? (
+            // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
+            "Present"
+          ) : /* @__PURE__ */ jsx10("time", { dateTime: entry.endDate, children: entry.endDate })
+        ] }),
+        entry.description ? /* @__PURE__ */ jsx10("p", { className: styles10.description, children: entry.description }) : null
+      ] })
+    ] }, entry.id)) })
+  ] });
+}
+
+// src/components/Patents.tsx
+import styles11 from "./Patents.module-L3GWPB3V.module.css";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var STATUS_LABEL = {
+  pending: "Pending",
+  issued: "Issued",
+  expired: "Expired",
+  abandoned: "Abandoned"
+};
+function sortPatents(entries) {
+  return [...entries].sort((a, b) => {
+    const aOrder = a.order ?? Number.POSITIVE_INFINITY;
+    const bOrder = b.order ?? Number.POSITIVE_INFINITY;
+    if (aOrder !== bOrder) return aOrder - bOrder;
+    const aDate = a.grantDate ?? a.filingDate ?? "";
+    const bDate = b.grantDate ?? b.filingDate ?? "";
+    return bDate.localeCompare(aDate);
+  });
+}
+function Patents({ patents }) {
+  if (patents.length === 0) return null;
+  const ordered = sortPatents(patents);
+  return /* @__PURE__ */ jsxs11("section", { className: styles11.section, "aria-labelledby": "takuhon-patents-heading", children: [
+    /* @__PURE__ */ jsx11("h2", { id: "takuhon-patents-heading", className: styles11.heading, children: "Patents" }),
+    /* @__PURE__ */ jsx11("ul", { className: styles11.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs11("li", { className: styles11.item, children: [
+      /* @__PURE__ */ jsxs11("p", { className: styles11.title, children: [
+        entry.url ? /* @__PURE__ */ jsx11(
+          "a",
+          {
+            className: styles11.link,
+            href: entry.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: entry.title
+          }
+        ) : entry.title,
+        /* @__PURE__ */ jsxs11("span", { className: styles11.statusBadge, "data-status": entry.status, children: [
+          /* @__PURE__ */ jsx11("span", { className: styles11.srOnly, children: "Status: " }),
+          STATUS_LABEL[entry.status]
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx11("p", { className: styles11.patentNumber, children: entry.patentNumber }),
+      entry.office ? /* @__PURE__ */ jsx11("p", { className: styles11.office, children: entry.office }) : null,
+      entry.filingDate !== void 0 || entry.grantDate !== void 0 ? /* @__PURE__ */ jsxs11("p", { className: styles11.dates, children: [
+        entry.filingDate ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          "Filed ",
+          /* @__PURE__ */ jsx11("time", { dateTime: entry.filingDate, children: entry.filingDate })
+        ] }) : null,
+        entry.filingDate && entry.grantDate ? " \xB7 " : null,
+        entry.grantDate ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          "Granted ",
+          /* @__PURE__ */ jsx11("time", { dateTime: entry.grantDate, children: entry.grantDate })
+        ] }) : null
+      ] }) : null,
+      entry.coInventors && entry.coInventors.length > 0 ? /* @__PURE__ */ jsx11(Fragment3, { children: /* @__PURE__ */ jsx11("p", { className: styles11.coInventors, children: `with ${entry.coInventors.join(", ")}` }) }) : null,
+      entry.description ? /* @__PURE__ */ jsx11("p", { className: styles11.description, children: entry.description }) : null
+    ] }, entry.id)) })
+  ] });
+}
+
 // src/components/ProfileHeader.tsx
-import styles9 from "./ProfileHeader.module-EK27UTZL.module.css";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import styles12 from "./ProfileHeader.module-EK27UTZL.module.css";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function ProfileHeader({ profile }) {
   const locationLabel = profile.location?.display ?? profile.location?.locality;
-  return /* @__PURE__ */ jsxs9("header", { className: styles9.header, children: [
-    profile.avatar ? /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs12("header", { className: styles12.header, children: [
+    profile.avatar ? /* @__PURE__ */ jsx12(
       "img",
       {
-        className: styles9.avatar,
+        className: styles12.avatar,
         src: profile.avatar.url,
         alt: profile.avatar.alt ?? "",
         width: 128,
@@ -311,16 +462,16 @@ function ProfileHeader({ profile }) {
         decoding: "async"
       }
     ) : null,
-    /* @__PURE__ */ jsx9("h1", { className: styles9.displayName, children: profile.displayName }),
-    profile.tagline ? /* @__PURE__ */ jsx9("p", { className: styles9.tagline, children: profile.tagline }) : null,
-    locationLabel ? /* @__PURE__ */ jsx9("p", { className: styles9.location, children: locationLabel }) : null,
-    profile.bio ? /* @__PURE__ */ jsx9("p", { className: styles9.bio, children: profile.bio }) : null
+    /* @__PURE__ */ jsx12("h1", { className: styles12.displayName, children: profile.displayName }),
+    profile.tagline ? /* @__PURE__ */ jsx12("p", { className: styles12.tagline, children: profile.tagline }) : null,
+    locationLabel ? /* @__PURE__ */ jsx12("p", { className: styles12.location, children: locationLabel }) : null,
+    profile.bio ? /* @__PURE__ */ jsx12("p", { className: styles12.bio, children: profile.bio }) : null
   ] });
 }
 
 // src/components/ProjectsList.tsx
-import styles10 from "./ProjectsList.module-JKGGZRKO.module.css";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import styles13 from "./ProjectsList.module-JKGGZRKO.module.css";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function sortProjects(projects) {
   return [...projects].sort((a, b) => {
     const aHighlighted = a.highlighted ? 1 : 0;
@@ -334,31 +485,34 @@ function sortProjects(projects) {
 function ProjectsList({ projects }) {
   if (projects.length === 0) return null;
   const ordered = sortProjects(projects);
-  return /* @__PURE__ */ jsxs10("section", { className: styles10.section, "aria-labelledby": "takuhon-projects-heading", children: [
-    /* @__PURE__ */ jsx10("h2", { id: "takuhon-projects-heading", className: styles10.heading, children: "Projects" }),
-    /* @__PURE__ */ jsx10("ul", { className: styles10.list, children: ordered.map((project) => /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs13("section", { className: styles13.section, "aria-labelledby": "takuhon-projects-heading", children: [
+    /* @__PURE__ */ jsx13("h2", { id: "takuhon-projects-heading", className: styles13.heading, children: "Projects" }),
+    /* @__PURE__ */ jsx13("ul", { className: styles13.list, children: ordered.map((project) => /* @__PURE__ */ jsxs13(
       "li",
       {
-        className: styles10.item,
+        className: styles13.item,
         "data-highlighted": project.highlighted ? "true" : void 0,
         children: [
-          /* @__PURE__ */ jsx10("p", { className: styles10.title, children: project.url ? /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx13("p", { className: styles13.title, children: project.url ? /* @__PURE__ */ jsx13(
             "a",
             {
-              className: styles10.titleLink,
+              className: styles13.titleLink,
               href: project.url,
               target: "_blank",
               rel: "noopener noreferrer",
               children: project.title
             }
           ) : project.title }),
-          project.startDate !== void 0 ? /* @__PURE__ */ jsxs10("p", { className: styles10.range, children: [
-            /* @__PURE__ */ jsx10("time", { dateTime: project.startDate, children: project.startDate }),
+          project.startDate !== void 0 ? /* @__PURE__ */ jsxs13("p", { className: styles13.range, children: [
+            /* @__PURE__ */ jsx13("time", { dateTime: project.startDate, children: project.startDate }),
             " \u2013 ",
-            project.endDate ? /* @__PURE__ */ jsx10("time", { dateTime: project.endDate, children: project.endDate }) : "Present"
+            project.endDate ? /* @__PURE__ */ jsx13("time", { dateTime: project.endDate, children: project.endDate }) : (
+              // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
+              "Present"
+            )
           ] }) : null,
-          project.description ? /* @__PURE__ */ jsx10("p", { className: styles10.description, children: project.description }) : null,
-          project.tags && project.tags.length > 0 ? /* @__PURE__ */ jsx10("ul", { className: styles10.tags, "aria-label": "Tags", children: project.tags.map((tag) => /* @__PURE__ */ jsx10("li", { className: styles10.tag, children: tag }, tag)) }) : null
+          project.description ? /* @__PURE__ */ jsx13("p", { className: styles13.description, children: project.description }) : null,
+          project.tags && project.tags.length > 0 ? /* @__PURE__ */ jsx13("ul", { className: styles13.tags, "aria-label": "Tags", children: project.tags.map((tag) => /* @__PURE__ */ jsx13("li", { className: styles13.tag, children: tag }, tag)) }) : null
         ]
       },
       project.id
@@ -366,9 +520,60 @@ function ProjectsList({ projects }) {
   ] });
 }
 
+// src/components/Publications.tsx
+import styles14 from "./Publications.module-INRTHJMO.module.css";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+function sortPublications(entries) {
+  return [...entries].sort((a, b) => {
+    const aOrder = a.order ?? Number.POSITIVE_INFINITY;
+    const bOrder = b.order ?? Number.POSITIVE_INFINITY;
+    if (aOrder !== bOrder) return aOrder - bOrder;
+    return b.date.localeCompare(a.date);
+  });
+}
+function normalizeDoi(doi) {
+  return doi.replace(/^https?:\/\/(?:dx\.)?doi\.org\//i, "");
+}
+function Publications({ publications }) {
+  if (publications.length === 0) return null;
+  const ordered = sortPublications(publications);
+  return /* @__PURE__ */ jsxs14("section", { className: styles14.section, "aria-labelledby": "takuhon-publications-heading", children: [
+    /* @__PURE__ */ jsx14("h2", { id: "takuhon-publications-heading", className: styles14.heading, children: "Publications" }),
+    /* @__PURE__ */ jsx14("ul", { className: styles14.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs14("li", { className: styles14.item, children: [
+      /* @__PURE__ */ jsx14("p", { className: styles14.title, children: entry.url ? /* @__PURE__ */ jsx14(
+        "a",
+        {
+          className: styles14.link,
+          href: entry.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: entry.title
+        }
+      ) : entry.title }),
+      entry.publisher ? /* @__PURE__ */ jsx14("p", { className: styles14.publisher, children: entry.publisher }) : null,
+      /* @__PURE__ */ jsx14("p", { className: styles14.date, children: /* @__PURE__ */ jsx14("time", { dateTime: entry.date, children: entry.date }) }),
+      entry.coAuthors && entry.coAuthors.length > 0 ? /* @__PURE__ */ jsx14("p", { className: styles14.coAuthors, children: `with ${entry.coAuthors.join(", ")}` }) : null,
+      entry.doi ? (() => {
+        const bare = normalizeDoi(entry.doi);
+        return /* @__PURE__ */ jsx14("p", { className: styles14.doi, children: /* @__PURE__ */ jsx14(
+          "a",
+          {
+            className: styles14.link,
+            href: `https://doi.org/${bare}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: `doi:${bare}`
+          }
+        ) });
+      })() : null,
+      entry.description ? /* @__PURE__ */ jsx14("p", { className: styles14.description, children: entry.description }) : null
+    ] }, entry.id)) })
+  ] });
+}
+
 // src/components/SkillsList.tsx
-import styles11 from "./SkillsList.module-XIAWE55H.module.css";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import styles15 from "./SkillsList.module-XIAWE55H.module.css";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function groupSkills(skills) {
   const sorted = [...skills].sort((a, b) => {
     const aOrder = a.order ?? Number.POSITIVE_INFINITY;
@@ -390,38 +595,98 @@ function groupSkills(skills) {
 function SkillsList({ skills }) {
   if (skills.length === 0) return null;
   const groups = groupSkills(skills);
-  return /* @__PURE__ */ jsxs11("section", { className: styles11.section, "aria-labelledby": "takuhon-skills-heading", children: [
-    /* @__PURE__ */ jsx11("h2", { id: "takuhon-skills-heading", className: styles11.heading, children: "Skills" }),
-    /* @__PURE__ */ jsx11("div", { className: styles11.groups, children: groups.map((group) => /* @__PURE__ */ jsxs11("div", { className: styles11.group, children: [
-      /* @__PURE__ */ jsx11("h3", { className: styles11.category, children: group.category }),
-      /* @__PURE__ */ jsx11("ul", { className: styles11.list, "aria-label": `${group.category} skills`, children: group.skills.map((skill) => /* @__PURE__ */ jsx11("li", { className: styles11.item, children: skill.label }, skill.id)) })
+  return /* @__PURE__ */ jsxs15("section", { className: styles15.section, "aria-labelledby": "takuhon-skills-heading", children: [
+    /* @__PURE__ */ jsx15("h2", { id: "takuhon-skills-heading", className: styles15.heading, children: "Skills" }),
+    /* @__PURE__ */ jsx15("div", { className: styles15.groups, children: groups.map((group) => /* @__PURE__ */ jsxs15("div", { className: styles15.group, children: [
+      /* @__PURE__ */ jsx15("h3", { className: styles15.category, children: group.category }),
+      /* @__PURE__ */ jsx15("ul", { className: styles15.list, "aria-label": `${group.category} skills`, children: group.skills.map((skill) => /* @__PURE__ */ jsx15("li", { className: styles15.item, children: skill.label }, skill.id)) })
     ] }, group.category)) })
   ] });
 }
 
 // src/components/TakuhonProfile.tsx
-import styles12 from "./TakuhonProfile.module-QUEORIHA.module.css";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import styles17 from "./TakuhonProfile.module-QUEORIHA.module.css";
+
+// src/components/Volunteering.tsx
+import styles16 from "./Volunteering.module-TDRC6QVK.module.css";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+function sortVolunteering(entries) {
+  return [...entries].sort((a, b) => {
+    const aOrder = a.order ?? Number.POSITIVE_INFINITY;
+    const bOrder = b.order ?? Number.POSITIVE_INFINITY;
+    if (aOrder !== bOrder) return aOrder - bOrder;
+    return b.startDate.localeCompare(a.startDate);
+  });
+}
+function isOngoing4(entry) {
+  return entry.isCurrent === true || entry.endDate === null || entry.endDate === void 0;
+}
+function Volunteering({ volunteering }) {
+  if (volunteering.length === 0) return null;
+  const ordered = sortVolunteering(volunteering);
+  return /* @__PURE__ */ jsxs16("section", { className: styles16.section, "aria-labelledby": "takuhon-volunteering-heading", children: [
+    /* @__PURE__ */ jsx16("h2", { id: "takuhon-volunteering-heading", className: styles16.heading, children: "Volunteering" }),
+    /* @__PURE__ */ jsx16("ol", { className: styles16.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs16("li", { className: styles16.item, children: [
+      /* @__PURE__ */ jsx16("div", { className: styles16.timelineMarker, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs16("div", { className: styles16.content, children: [
+        /* @__PURE__ */ jsx16("p", { className: styles16.organization, children: entry.url ? /* @__PURE__ */ jsx16(
+          "a",
+          {
+            className: styles16.link,
+            href: entry.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: entry.organization
+          }
+        ) : entry.organization }),
+        /* @__PURE__ */ jsxs16("p", { className: styles16.role, children: [
+          entry.role,
+          entry.cause ? /* @__PURE__ */ jsxs16("span", { className: styles16.cause, children: [
+            /* @__PURE__ */ jsx16("span", { className: styles16.srOnly, children: "Cause: " }),
+            entry.cause
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs16("p", { className: styles16.range, children: [
+          /* @__PURE__ */ jsx16("time", { dateTime: entry.startDate, children: entry.startDate }),
+          " \u2013 ",
+          isOngoing4(entry) ? (
+            // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
+            "Present"
+          ) : /* @__PURE__ */ jsx16("time", { dateTime: entry.endDate, children: entry.endDate })
+        ] }),
+        entry.description ? /* @__PURE__ */ jsx16("p", { className: styles16.description, children: entry.description }) : null
+      ] })
+    ] }, entry.id)) })
+  ] });
+}
+
+// src/components/TakuhonProfile.tsx
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function TakuhonProfile({ data }) {
   const showFooter = data.settings.showPoweredBy !== false;
-  return /* @__PURE__ */ jsxs12("article", { className: styles12.root, children: [
-    /* @__PURE__ */ jsx12(ProfileHeader, { profile: data.profile }),
-    /* @__PURE__ */ jsx12(LinksList, { links: data.links }),
-    /* @__PURE__ */ jsx12(EducationTimeline, { education: data.education }),
-    /* @__PURE__ */ jsx12(CareerTimeline, { careers: data.careers }),
-    /* @__PURE__ */ jsx12(Certifications, { certifications: data.certifications }),
-    /* @__PURE__ */ jsx12(ProjectsList, { projects: data.projects }),
-    /* @__PURE__ */ jsx12(HonorsList, { honors: data.honors }),
-    /* @__PURE__ */ jsx12(SkillsList, { skills: data.skills }),
-    /* @__PURE__ */ jsx12(Languages, { languages: data.languages }),
-    /* @__PURE__ */ jsx12(ContactInfo, { contact: data.contact }),
-    showFooter ? /* @__PURE__ */ jsx12(Footer, {}) : null
+  return /* @__PURE__ */ jsxs17("article", { className: styles17.root, children: [
+    /* @__PURE__ */ jsx17(ProfileHeader, { profile: data.profile }),
+    /* @__PURE__ */ jsx17(LinksList, { links: data.links }),
+    /* @__PURE__ */ jsx17(EducationTimeline, { education: data.education }),
+    /* @__PURE__ */ jsx17(Courses, { courses: data.courses }),
+    /* @__PURE__ */ jsx17(CareerTimeline, { careers: data.careers }),
+    /* @__PURE__ */ jsx17(Memberships, { memberships: data.memberships }),
+    /* @__PURE__ */ jsx17(Certifications, { certifications: data.certifications }),
+    /* @__PURE__ */ jsx17(Patents, { patents: data.patents }),
+    /* @__PURE__ */ jsx17(ProjectsList, { projects: data.projects }),
+    /* @__PURE__ */ jsx17(Publications, { publications: data.publications }),
+    /* @__PURE__ */ jsx17(HonorsList, { honors: data.honors }),
+    /* @__PURE__ */ jsx17(Volunteering, { volunteering: data.volunteering }),
+    /* @__PURE__ */ jsx17(SkillsList, { skills: data.skills }),
+    /* @__PURE__ */ jsx17(Languages, { languages: data.languages }),
+    /* @__PURE__ */ jsx17(ContactInfo, { contact: data.contact }),
+    showFooter ? /* @__PURE__ */ jsx17(Footer, {}) : null
   ] });
 }
 
 // src/components/LocaleSwitcher.tsx
-import styles13 from "./LocaleSwitcher.module-QVLPVGLG.module.css";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import styles18 from "./LocaleSwitcher.module-QVLPVGLG.module.css";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var DEFAULT_ARIA_LABEL = "Select language";
 function LocaleSwitcher({
   availableLocales,
@@ -432,16 +697,16 @@ function LocaleSwitcher({
 }) {
   const label = ariaLabel ?? DEFAULT_ARIA_LABEL;
   const format = formatLocale ?? ((locale) => locale);
-  return /* @__PURE__ */ jsx13("div", { className: styles13.wrapper, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx18("div", { className: styles18.wrapper, children: /* @__PURE__ */ jsx18(
     "select",
     {
-      className: styles13.select,
+      className: styles18.select,
       "aria-label": label,
       value: currentLocale,
       onChange: (event) => {
         onSelect(event.target.value);
       },
-      children: availableLocales.map((locale) => /* @__PURE__ */ jsx13("option", { value: locale, children: format(locale) }, locale))
+      children: availableLocales.map((locale) => /* @__PURE__ */ jsx18("option", { value: locale, children: format(locale) }, locale))
     }
   ) });
 }
@@ -449,23 +714,40 @@ function LocaleSwitcher({
 // src/components/TakuhonHead.tsx
 import { generateJsonLd } from "@takuhon/core";
 import { useEffect } from "react";
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-function buildLocaleUrl(pageUrl, locale) {
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function primarySubtag(tag) {
+  const dash = tag.indexOf("-");
+  return (dash === -1 ? tag : tag.slice(0, dash)).toLowerCase();
+}
+function isLocaleSegment(segment, availableLocales) {
+  const lower = segment.toLowerCase();
+  const primary = primarySubtag(segment);
+  return availableLocales.some(
+    (loc) => loc.toLowerCase() === lower || primarySubtag(loc) === primary
+  );
+}
+function localeNeutralUrl(pageUrl, availableLocales) {
   try {
     const url = new URL(pageUrl);
-    url.searchParams.set("lang", locale);
+    url.searchParams.delete("lang");
+    const segments = url.pathname.split("/");
+    const first = segments[1];
+    if (first !== void 0 && first !== "" && isLocaleSegment(first, availableLocales)) {
+      segments.splice(1, 1);
+      url.pathname = segments.join("/") || "/";
+    }
     return url.toString();
   } catch {
     return pageUrl;
   }
 }
-function stripLangParam(pageUrl) {
+function withLocalePrefix(neutralUrl, locale) {
   try {
-    const url = new URL(pageUrl);
-    url.searchParams.delete("lang");
+    const url = new URL(neutralUrl);
+    url.pathname = url.pathname === "/" ? `/${locale}/` : `/${locale}${url.pathname}`;
     return url.toString();
   } catch {
-    return pageUrl;
+    return neutralUrl;
   }
 }
 function absolutizeUrl(url, base) {
@@ -483,7 +765,7 @@ function detectSiteUrl(explicit) {
   return void 0;
 }
 function detectPageUrl(explicit, siteUrl) {
-  if (explicit) return stripLangParam(explicit);
+  if (explicit) return explicit;
   if (typeof window !== "undefined") {
     return window.location.origin + window.location.pathname;
   }
@@ -497,12 +779,13 @@ function TakuhonHead({ data, siteUrl, pageUrl }) {
   const ogDescription = profile.tagline ?? profile.bio;
   const ogImage = absolutizeUrl(profile.avatar?.url, resolvedSiteUrl);
   const twitterCard = profile.avatar ? "summary_large_image" : "summary";
-  const canonical = resolvedPageUrl ? buildLocaleUrl(resolvedPageUrl, resolvedLocale) : void 0;
-  const alternates = resolvedPageUrl ? settings.availableLocales.map((loc) => ({
+  const neutralPageUrl = resolvedPageUrl ? localeNeutralUrl(resolvedPageUrl, settings.availableLocales) : void 0;
+  const canonical = neutralPageUrl ? withLocalePrefix(neutralPageUrl, resolvedLocale) : void 0;
+  const alternates = neutralPageUrl ? settings.availableLocales.map((loc) => ({
     locale: loc,
-    href: buildLocaleUrl(resolvedPageUrl, loc)
+    href: withLocalePrefix(neutralPageUrl, loc)
   })) : [];
-  const xDefaultHref = resolvedPageUrl ? buildLocaleUrl(resolvedPageUrl, settings.defaultLocale) : void 0;
+  const xDefaultHref = neutralPageUrl ? withLocalePrefix(neutralPageUrl, settings.defaultLocale) : void 0;
   const ogAlternates = settings.availableLocales.filter((loc) => loc !== resolvedLocale);
   const emitJsonLd = settings.enableJsonLd !== false;
   const jsonLdPayload = emitJsonLd ? JSON.stringify(generateJsonLd(data)) : null;
@@ -516,36 +799,41 @@ function TakuhonHead({ data, siteUrl, pageUrl }) {
       script.remove();
     };
   }, [jsonLdPayload]);
-  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
-    /* @__PURE__ */ jsx14("title", { children: profile.displayName }),
-    description ? /* @__PURE__ */ jsx14("meta", { name: "description", content: description }) : null,
-    canonical ? /* @__PURE__ */ jsx14("link", { rel: "canonical", href: canonical }) : null,
-    /* @__PURE__ */ jsx14("meta", { property: "og:title", content: profile.displayName }),
-    ogDescription ? /* @__PURE__ */ jsx14("meta", { property: "og:description", content: ogDescription }) : null,
-    canonical ? /* @__PURE__ */ jsx14("meta", { property: "og:url", content: canonical }) : null,
-    ogImage ? /* @__PURE__ */ jsx14("meta", { property: "og:image", content: ogImage }) : null,
-    /* @__PURE__ */ jsx14("meta", { property: "og:type", content: "profile" }),
-    /* @__PURE__ */ jsx14("meta", { property: "og:locale", content: resolvedLocale }),
-    ogAlternates.map((loc) => /* @__PURE__ */ jsx14("meta", { property: "og:locale:alternate", content: loc }, loc)),
-    /* @__PURE__ */ jsx14("meta", { name: "twitter:card", content: twitterCard }),
-    alternates.map(({ locale, href }) => /* @__PURE__ */ jsx14("link", { rel: "alternate", hrefLang: locale, href }, locale)),
-    xDefaultHref ? /* @__PURE__ */ jsx14("link", { rel: "alternate", hrefLang: "x-default", href: xDefaultHref }) : null
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
+    /* @__PURE__ */ jsx19("title", { children: profile.displayName }),
+    description ? /* @__PURE__ */ jsx19("meta", { name: "description", content: description }) : null,
+    canonical ? /* @__PURE__ */ jsx19("link", { rel: "canonical", href: canonical }) : null,
+    /* @__PURE__ */ jsx19("meta", { property: "og:title", content: profile.displayName }),
+    ogDescription ? /* @__PURE__ */ jsx19("meta", { property: "og:description", content: ogDescription }) : null,
+    canonical ? /* @__PURE__ */ jsx19("meta", { property: "og:url", content: canonical }) : null,
+    ogImage ? /* @__PURE__ */ jsx19("meta", { property: "og:image", content: ogImage }) : null,
+    /* @__PURE__ */ jsx19("meta", { property: "og:type", content: "profile" }),
+    /* @__PURE__ */ jsx19("meta", { property: "og:locale", content: resolvedLocale }),
+    ogAlternates.map((loc) => /* @__PURE__ */ jsx19("meta", { property: "og:locale:alternate", content: loc }, loc)),
+    /* @__PURE__ */ jsx19("meta", { name: "twitter:card", content: twitterCard }),
+    alternates.map(({ locale, href }) => /* @__PURE__ */ jsx19("link", { rel: "alternate", hrefLang: locale, href }, locale)),
+    xDefaultHref ? /* @__PURE__ */ jsx19("link", { rel: "alternate", hrefLang: "x-default", href: xDefaultHref }) : null
   ] });
 }
 export {
   CareerTimeline,
   Certifications,
   ContactInfo,
+  Courses,
   EducationTimeline,
   Footer,
   HonorsList,
   Languages,
   LinksList,
   LocaleSwitcher,
+  Memberships,
+  Patents,
   ProfileHeader,
   ProjectsList,
+  Publications,
   SkillsList,
   TakuhonHead,
-  TakuhonProfile
+  TakuhonProfile,
+  Volunteering
 };
 //# sourceMappingURL=index.js.map