@takuhon/ui 0.5.0 → 0.6.0

package/dist/index.js

@@ -1,6 +1,121 @@
 // src/components/TakuhonProfile.tsx
 import "./tokens-TEMWJS5E.css";
 
+// src/lib/date-formatter.ts
+var YEAR_MONTH = /^(\d{4})-(0[1-9]|1[0-2])$/;
+function formatYearMonth(value, locale) {
+  const match = YEAR_MONTH.exec(value);
+  if (!match) return value;
+  const year = Number(match[1]);
+  const month = Number(match[2]);
+  const date = /* @__PURE__ */ new Date(0);
+  date.setUTCFullYear(year, month - 1, 1);
+  const options = {
+    year: "numeric",
+    month: "short",
+    timeZone: "UTC"
+  };
+  try {
+    return new Intl.DateTimeFormat(locale || "en", options).format(date);
+  } catch {
+    return new Intl.DateTimeFormat("en", options).format(date);
+  }
+}
+
+// src/lib/ui-labels.ts
+var EN = {
+  "timeline.present": "Present",
+  "certification.noExpiration": "No expiration",
+  "patent.filed": "Filed",
+  "patent.granted": "Granted",
+  "patent.coInventorsPrefix": "with ",
+  "publication.coAuthorsPrefix": "with ",
+  "proficiency.native": "Native",
+  "proficiency.fluent": "Fluent",
+  "proficiency.professional": "Professional working",
+  "proficiency.intermediate": "Intermediate",
+  "proficiency.basic": "Basic",
+  "patentStatus.pending": "Pending",
+  "patentStatus.issued": "Issued",
+  "patentStatus.expired": "Expired",
+  "patentStatus.abandoned": "Abandoned",
+  "section.career": "Career",
+  "section.education": "Education",
+  "section.certifications": "Certifications",
+  "section.patents": "Patents",
+  "section.projects": "Projects",
+  "section.publications": "Publications",
+  "section.honors": "Honors & Awards",
+  "section.recommendations": "Recommendations",
+  "section.volunteering": "Volunteering",
+  "section.memberships": "Memberships",
+  "section.courses": "Courses",
+  "section.languages": "Languages",
+  "section.testScores": "Test Scores",
+  "section.skills": "Skills",
+  "section.contact": "Contact",
+  // a11y / chrome affixes. Status/Cause prefixes carry their trailing
+  // separator (a space in English) so callers concatenate prefix + value.
+  "a11y.statusPrefix": "Status: ",
+  "a11y.causePrefix": "Cause: ",
+  "a11y.profileLinks": "Profile links",
+  "a11y.tags": "Tags",
+  "a11y.skillsSuffix": "skills",
+  "a11y.selectLanguage": "Select language",
+  "contact.formLink": "Contact form",
+  "skills.uncategorized": "Other"
+};
+var JA = {
+  "timeline.present": "\u73FE\u5728",
+  "certification.noExpiration": "\u7121\u671F\u9650",
+  "patent.filed": "\u51FA\u9858",
+  "patent.granted": "\u767B\u9332",
+  "patent.coInventorsPrefix": "\u5171\u540C\u767A\u660E\u8005\uFF1A",
+  "publication.coAuthorsPrefix": "\u5171\u8457\u8005\uFF1A",
+  "proficiency.native": "\u30CD\u30A4\u30C6\u30A3\u30D6",
+  "proficiency.fluent": "\u6D41\u66A2",
+  "proficiency.professional": "\u5B9F\u52D9\u30EC\u30D9\u30EB",
+  "proficiency.intermediate": "\u4E2D\u7D1A",
+  "proficiency.basic": "\u521D\u7D1A",
+  "patentStatus.pending": "\u51FA\u9858\u4E2D",
+  "patentStatus.issued": "\u767B\u9332\u6E08",
+  "patentStatus.expired": "\u5931\u52B9",
+  "patentStatus.abandoned": "\u653E\u68C4",
+  "section.career": "\u8077\u6B74",
+  "section.education": "\u5B66\u6B74",
+  "section.certifications": "\u8CC7\u683C\u30FB\u8A8D\u5B9A",
+  "section.patents": "\u7279\u8A31",
+  "section.projects": "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8",
+  "section.publications": "\u8AD6\u6587\u30FB\u51FA\u7248",
+  "section.honors": "\u53D7\u8CDE\u30FB\u6804\u8A89",
+  "section.recommendations": "\u63A8\u85A6",
+  "section.volunteering": "\u30DC\u30E9\u30F3\u30C6\u30A3\u30A2",
+  "section.memberships": "\u6240\u5C5E",
+  "section.courses": "\u8B1B\u5EA7",
+  "section.languages": "\u8A00\u8A9E",
+  "section.testScores": "\u30C6\u30B9\u30C8\u30B9\u30B3\u30A2",
+  "section.skills": "\u30B9\u30AD\u30EB",
+  "section.contact": "\u9023\u7D61\u5148",
+  // Status/Cause prefixes use a full-width colon (no trailing space), the
+  // conventional Japanese form, mirroring the co-author prefix convention.
+  "a11y.statusPrefix": "\u30B9\u30C6\u30FC\u30BF\u30B9\uFF1A",
+  "a11y.causePrefix": "\u5206\u91CE\uFF1A",
+  "a11y.profileLinks": "\u30D7\u30ED\u30D5\u30A3\u30FC\u30EB\u30EA\u30F3\u30AF",
+  "a11y.tags": "\u30BF\u30B0",
+  "a11y.skillsSuffix": "\u30B9\u30AD\u30EB",
+  "a11y.selectLanguage": "\u8A00\u8A9E\u3092\u9078\u629E",
+  "contact.formLink": "\u304A\u554F\u3044\u5408\u308F\u305B\u30D5\u30A9\u30FC\u30E0",
+  "skills.uncategorized": "\u305D\u306E\u4ED6"
+};
+var DICTIONARIES = {
+  en: EN,
+  ja: JA
+};
+function getUILabel(key, locale) {
+  const base = locale.split("-")[0] ?? locale;
+  return DICTIONARIES[locale]?.[key] ?? DICTIONARIES[base]?.[key] ?? EN[key];
+}
+
 // src/components/CareerTimeline.tsx
 import styles from "./CareerTimeline.module-BGFX3LGA.module.css";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -15,11 +130,14 @@ function sortCareers(careers) {
 function isOngoing(career) {
   return career.isCurrent === true || career.endDate === null || career.endDate === void 0;
 }
-function CareerTimeline({ careers }) {
+function CareerTimeline({
+  careers,
+  locale = "en"
+}) {
   if (careers.length === 0) return null;
   const ordered = sortCareers(careers);
   return /* @__PURE__ */ jsxs("section", { className: styles.section, "aria-labelledby": "takuhon-career-heading", children: [
-    /* @__PURE__ */ jsx("h2", { id: "takuhon-career-heading", className: styles.heading, children: "Career" }),
+    /* @__PURE__ */ jsx("h2", { id: "takuhon-career-heading", className: styles.heading, children: getUILabel("section.career", locale) }),
     /* @__PURE__ */ jsx("ol", { className: styles.list, children: ordered.map((career) => /* @__PURE__ */ jsxs("li", { className: styles.item, children: [
       /* @__PURE__ */ jsx("div", { className: styles.timelineMarker, "aria-hidden": "true" }),
       /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
@@ -42,12 +160,9 @@ function CareerTimeline({ careers }) {
           career.organization
         ] }) }),
         /* @__PURE__ */ jsxs("p", { className: styles.range, children: [
-          /* @__PURE__ */ jsx("time", { dateTime: career.startDate, children: career.startDate }),
+          /* @__PURE__ */ jsx("time", { dateTime: career.startDate, children: formatYearMonth(career.startDate, locale) }),
           " \u2013 ",
-          isOngoing(career) ? (
-            // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
-            "Present"
-          ) : /* @__PURE__ */ jsx("time", { dateTime: career.endDate, children: career.endDate })
+          isOngoing(career) ? getUILabel("timeline.present", locale) : /* @__PURE__ */ jsx("time", { dateTime: career.endDate, children: formatYearMonth(career.endDate, locale) })
         ] }),
         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
@@ -67,11 +182,14 @@ function sortCerts(certs) {
     return b.issueDate.localeCompare(a.issueDate);
   });
 }
-function Certifications({ certifications }) {
+function Certifications({
+  certifications,
+  locale = "en"
+}) {
   if (certifications.length === 0) return null;
   const ordered = sortCerts(certifications);
   return /* @__PURE__ */ jsxs2("section", { className: styles2.section, "aria-labelledby": "takuhon-certifications-heading", children: [
-    /* @__PURE__ */ jsx2("h2", { id: "takuhon-certifications-heading", className: styles2.heading, children: "Certifications" }),
+    /* @__PURE__ */ jsx2("h2", { id: "takuhon-certifications-heading", className: styles2.heading, children: getUILabel("section.certifications", locale) }),
     /* @__PURE__ */ jsx2("ul", { className: styles2.list, children: ordered.map((cert) => /* @__PURE__ */ jsxs2("li", { className: styles2.item, children: [
       /* @__PURE__ */ jsx2("p", { className: styles2.title, children: cert.url ? /* @__PURE__ */ jsx2(
         "a",
@@ -85,13 +203,14 @@ function Certifications({ certifications }) {
       ) : cert.title }),
       /* @__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 ? (
-          // 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: [
+        /* @__PURE__ */ jsx2("time", { dateTime: cert.issueDate, children: formatYearMonth(cert.issueDate, locale) }),
+        cert.expirationDate === null ? /* @__PURE__ */ jsxs2("span", { className: styles2.tag, children: [
+          " ",
+          "\xB7 ",
+          getUILabel("certification.noExpiration", locale)
+        ] }) : cert.expirationDate !== void 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
           " \u2013 ",
-          /* @__PURE__ */ jsx2("time", { dateTime: cert.expirationDate, children: cert.expirationDate })
+          /* @__PURE__ */ jsx2("time", { dateTime: cert.expirationDate, children: formatYearMonth(cert.expirationDate, locale) })
         ] }) : null
       ] })
     ] }, cert.id)) })
@@ -101,11 +220,14 @@ function Certifications({ certifications }) {
 // src/components/ContactInfo.tsx
 import styles3 from "./ContactInfo.module-7SO24KHC.module.css";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function ContactInfo({ contact }) {
+function ContactInfo({
+  contact,
+  locale = "en"
+}) {
   const showEmail = contact.showEmail === true && contact.email !== void 0;
   if (!showEmail && contact.formUrl === void 0) return null;
   return /* @__PURE__ */ jsxs3("section", { className: styles3.section, "aria-labelledby": "takuhon-contact-heading", children: [
-    /* @__PURE__ */ jsx3("h2", { id: "takuhon-contact-heading", className: styles3.heading, children: "Contact" }),
+    /* @__PURE__ */ jsx3("h2", { id: "takuhon-contact-heading", className: styles3.heading, children: getUILabel("section.contact", locale) }),
     /* @__PURE__ */ jsxs3("ul", { className: styles3.list, children: [
       showEmail && contact.email !== void 0 ? /* @__PURE__ */ jsx3("li", { className: styles3.item, children: /* @__PURE__ */ jsx3("a", { className: styles3.link, href: `mailto:${contact.email}`, children: contact.email }) }) : null,
       contact.formUrl !== void 0 ? /* @__PURE__ */ jsx3("li", { className: styles3.item, children: /* @__PURE__ */ jsx3(
@@ -115,7 +237,7 @@ function ContactInfo({ contact }) {
           href: contact.formUrl,
           target: "_blank",
           rel: "noopener noreferrer",
-          children: "Contact form"
+          children: getUILabel("contact.formLink", locale)
         }
       ) }) : null
     ] })
@@ -133,11 +255,11 @@ function sortCourses(entries) {
     return (b.completionDate ?? "").localeCompare(a.completionDate ?? "");
   });
 }
-function Courses({ courses }) {
+function Courses({ courses, locale = "en" }) {
   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("h2", { id: "takuhon-courses-heading", className: styles4.heading, children: getUILabel("section.courses", locale) }),
     /* @__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",
@@ -151,7 +273,7 @@ function Courses({ courses }) {
       ) : 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.completionDate ? /* @__PURE__ */ jsx4("p", { className: styles4.date, children: /* @__PURE__ */ jsx4("time", { dateTime: entry.completionDate, children: formatYearMonth(entry.completionDate, locale) }) }) : null,
       entry.description ? /* @__PURE__ */ jsx4("p", { className: styles4.description, children: entry.description }) : null
     ] }, entry.id)) })
   ] });
@@ -177,11 +299,14 @@ function composeStudyLine(entry) {
   }
   return entry.degree ?? entry.fieldOfStudy;
 }
-function EducationTimeline({ education }) {
+function EducationTimeline({
+  education,
+  locale = "en"
+}) {
   if (education.length === 0) return null;
   const ordered = sortEducation(education);
   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("h2", { id: "takuhon-education-heading", className: styles5.heading, children: getUILabel("section.education", locale) }),
     /* @__PURE__ */ jsx5("ol", { className: styles5.list, children: ordered.map((entry) => {
       const study = composeStudyLine(entry);
       return /* @__PURE__ */ jsxs5("li", { className: styles5.item, children: [
@@ -199,12 +324,9 @@ function EducationTimeline({ education }) {
           ) : entry.institution }),
           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 }),
+            /* @__PURE__ */ jsx5("time", { dateTime: entry.startDate, children: formatYearMonth(entry.startDate, locale) }),
             " \u2013 ",
-            isOngoing2(entry) ? (
-              // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
-              "Present"
-            ) : /* @__PURE__ */ jsx5("time", { dateTime: entry.endDate, children: entry.endDate })
+            isOngoing2(entry) ? getUILabel("timeline.present", locale) : /* @__PURE__ */ jsx5("time", { dateTime: entry.endDate, children: formatYearMonth(entry.endDate, locale) })
           ] }),
           entry.grade ? /* @__PURE__ */ jsx5("p", { className: styles5.grade, children: entry.grade }) : null,
           entry.description ? /* @__PURE__ */ jsx5("p", { className: styles5.description, children: entry.description }) : null
@@ -245,11 +367,11 @@ function sortHonors(honors) {
     return b.date.localeCompare(a.date);
   });
 }
-function HonorsList({ honors }) {
+function HonorsList({ honors, locale = "en" }) {
   if (honors.length === 0) return null;
   const ordered = sortHonors(honors);
   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("h2", { id: "takuhon-honors-heading", className: styles7.heading, children: getUILabel("section.honors", locale) }),
     /* @__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",
@@ -264,7 +386,7 @@ function HonorsList({ honors }) {
       /* @__PURE__ */ jsxs7("p", { className: styles7.meta, children: [
         honor.issuer,
         " \xB7 ",
-        /* @__PURE__ */ jsx7("time", { dateTime: honor.date, children: honor.date })
+        /* @__PURE__ */ jsx7("time", { dateTime: honor.date, children: formatYearMonth(honor.date, locale) })
       ] }),
       honor.description ? /* @__PURE__ */ jsx7("p", { className: styles7.description, children: honor.description }) : null
     ] }, honor.id)) })
@@ -274,13 +396,6 @@ function HonorsList({ honors }) {
 // src/components/Languages.tsx
 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",
-  professional: "Professional working",
-  intermediate: "Intermediate",
-  basic: "Basic"
-};
 function sortLanguages(languages) {
   return [...languages].sort((a, b) => {
     const aOrder = a.order ?? Number.POSITIVE_INFINITY;
@@ -288,14 +403,14 @@ function sortLanguages(languages) {
     return aOrder - bOrder;
   });
 }
-function Languages({ languages }) {
+function Languages({ languages, locale = "en" }) {
   if (languages.length === 0) return null;
   const ordered = sortLanguages(languages);
   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("h2", { id: "takuhon-languages-heading", className: styles8.heading, children: getUILabel("section.languages", locale) }),
     /* @__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] })
+      /* @__PURE__ */ jsx8("span", { className: styles8.proficiency, children: getUILabel(`proficiency.${entry.proficiency}`, locale) })
     ] }, entry.id)) })
   ] });
 }
@@ -318,10 +433,10 @@ function formatLinkLabel(link) {
   if (link.type === "custom") return link.id;
   return link.type;
 }
-function LinksList({ links }) {
+function LinksList({ links, locale = "en" }) {
   if (links.length === 0) return null;
   const ordered = sortLinks(links);
-  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(
+  return /* @__PURE__ */ jsx9("nav", { "aria-label": getUILabel("a11y.profileLinks", locale), 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: styles9.link,
@@ -351,11 +466,14 @@ function sortMemberships(entries) {
 function isOngoing3(entry) {
   return entry.isCurrent === true || entry.endDate === null || entry.endDate === void 0;
 }
-function Memberships({ memberships }) {
+function Memberships({
+  memberships,
+  locale = "en"
+}) {
   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("h2", { id: "takuhon-memberships-heading", className: styles10.heading, children: getUILabel("section.memberships", locale) }),
     /* @__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: [
@@ -371,12 +489,9 @@ function Memberships({ memberships }) {
         ) : 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 }),
+          /* @__PURE__ */ jsx10("time", { dateTime: entry.startDate, children: formatYearMonth(entry.startDate, locale) }),
           " \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 })
+          isOngoing3(entry) ? getUILabel("timeline.present", locale) : /* @__PURE__ */ jsx10("time", { dateTime: entry.endDate, children: formatYearMonth(entry.endDate, locale) })
         ] }),
         entry.description ? /* @__PURE__ */ jsx10("p", { className: styles10.description, children: entry.description }) : null
       ] })
@@ -387,12 +502,6 @@ function Memberships({ memberships }) {
 // 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;
@@ -403,11 +512,11 @@ function sortPatents(entries) {
     return bDate.localeCompare(aDate);
   });
 }
-function Patents({ patents }) {
+function Patents({ patents, locale = "en" }) {
   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("h2", { id: "takuhon-patents-heading", className: styles11.heading, children: getUILabel("section.patents", locale) }),
     /* @__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(
@@ -421,24 +530,24 @@ function Patents({ patents }) {
           }
         ) : 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("span", { className: styles11.srOnly, children: getUILabel("a11y.statusPrefix", locale) }),
+          getUILabel(`patentStatus.${entry.status}`, locale)
         ] })
       ] }),
       /* @__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 })
+          `${getUILabel("patent.filed", locale)} `,
+          /* @__PURE__ */ jsx11("time", { dateTime: entry.filingDate, children: formatYearMonth(entry.filingDate, locale) })
         ] }) : null,
         entry.filingDate && entry.grantDate ? " \xB7 " : null,
         entry.grantDate ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          "Granted ",
-          /* @__PURE__ */ jsx11("time", { dateTime: entry.grantDate, children: entry.grantDate })
+          `${getUILabel("patent.granted", locale)} `,
+          /* @__PURE__ */ jsx11("time", { dateTime: entry.grantDate, children: formatYearMonth(entry.grantDate, locale) })
         ] }) : 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.coInventors && entry.coInventors.length > 0 ? /* @__PURE__ */ jsx11("p", { className: styles11.coInventors, children: `${getUILabel("patent.coInventorsPrefix", locale)}${entry.coInventors.join(", ")}` }) : null,
       entry.description ? /* @__PURE__ */ jsx11("p", { className: styles11.description, children: entry.description }) : null
     ] }, entry.id)) })
   ] });
@@ -482,11 +591,14 @@ function sortProjects(projects) {
     return aOrder - bOrder;
   });
 }
-function ProjectsList({ projects }) {
+function ProjectsList({
+  projects,
+  locale = "en"
+}) {
   if (projects.length === 0) return null;
   const ordered = sortProjects(projects);
   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("h2", { id: "takuhon-projects-heading", className: styles13.heading, children: getUILabel("section.projects", locale) }),
     /* @__PURE__ */ jsx13("ul", { className: styles13.list, children: ordered.map((project) => /* @__PURE__ */ jsxs13(
       "li",
       {
@@ -504,15 +616,12 @@ function ProjectsList({ projects }) {
             }
           ) : project.title }),
           project.startDate !== void 0 ? /* @__PURE__ */ jsxs13("p", { className: styles13.range, children: [
-            /* @__PURE__ */ jsx13("time", { dateTime: project.startDate, children: project.startDate }),
+            /* @__PURE__ */ jsx13("time", { dateTime: project.startDate, children: formatYearMonth(project.startDate, locale) }),
             " \u2013 ",
-            project.endDate ? /* @__PURE__ */ jsx13("time", { dateTime: project.endDate, children: project.endDate }) : (
-              // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
-              "Present"
-            )
+            project.endDate ? /* @__PURE__ */ jsx13("time", { dateTime: project.endDate, children: formatYearMonth(project.endDate, locale) }) : getUILabel("timeline.present", locale)
           ] }) : 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.tags && project.tags.length > 0 ? /* @__PURE__ */ jsx13("ul", { className: styles13.tags, "aria-label": getUILabel("a11y.tags", locale), children: project.tags.map((tag) => /* @__PURE__ */ jsx13("li", { className: styles13.tag, children: tag }, tag)) }) : null
         ]
       },
       project.id
@@ -522,7 +631,7 @@ function ProjectsList({ projects }) {
 
 // src/components/Publications.tsx
 import styles14 from "./Publications.module-INRTHJMO.module.css";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+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;
@@ -534,11 +643,14 @@ function sortPublications(entries) {
 function normalizeDoi(doi) {
   return doi.replace(/^https?:\/\/(?:dx\.)?doi\.org\//i, "");
 }
-function Publications({ publications }) {
+function Publications({
+  publications,
+  locale = "en"
+}) {
   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("h2", { id: "takuhon-publications-heading", className: styles14.heading, children: getUILabel("section.publications", locale) }),
     /* @__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",
@@ -551,8 +663,8 @@ function Publications({ publications }) {
         }
       ) : 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(Fragment4, { children: /* @__PURE__ */ jsx14("p", { className: styles14.coAuthors, children: `with ${entry.coAuthors.join(", ")}` }) }) : null,
+      /* @__PURE__ */ jsx14("p", { className: styles14.date, children: /* @__PURE__ */ jsx14("time", { dateTime: entry.date, children: formatYearMonth(entry.date, locale) }) }),
+      entry.coAuthors && entry.coAuthors.length > 0 ? /* @__PURE__ */ jsx14("p", { className: styles14.coAuthors, children: `${getUILabel("publication.coAuthorsPrefix", locale)}${entry.coAuthors.join(", ")}` }) : null,
       entry.doi ? (() => {
         const bare = normalizeDoi(entry.doi);
         return /* @__PURE__ */ jsx14("p", { className: styles14.doi, children: /* @__PURE__ */ jsx14(
@@ -583,12 +695,13 @@ function sortRecommendations(entries) {
   });
 }
 function Recommendations({
-  recommendations
+  recommendations,
+  locale = "en"
 }) {
   if (recommendations.length === 0) return null;
   const ordered = sortRecommendations(recommendations);
   return /* @__PURE__ */ jsxs15("section", { className: styles15.section, "aria-labelledby": "takuhon-recommendations-heading", children: [
-    /* @__PURE__ */ jsx15("h2", { id: "takuhon-recommendations-heading", className: styles15.heading, children: "Recommendations" }),
+    /* @__PURE__ */ jsx15("h2", { id: "takuhon-recommendations-heading", className: styles15.heading, children: getUILabel("section.recommendations", locale) }),
     /* @__PURE__ */ jsx15("ul", { className: styles15.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs15("li", { className: styles15.item, children: [
       /* @__PURE__ */ jsx15("blockquote", { className: styles15.body, children: /* @__PURE__ */ jsx15("p", { className: styles15.quote, children: entry.body }) }),
       /* @__PURE__ */ jsxs15("p", { className: styles15.attribution, children: [
@@ -605,7 +718,7 @@ function Recommendations({
         entry.author.headline ? /* @__PURE__ */ jsx15("span", { className: styles15.headline, children: entry.author.headline }) : null
       ] }),
       entry.relationship ? /* @__PURE__ */ jsx15("p", { className: styles15.meta, children: entry.relationship }) : null,
-      entry.date ? /* @__PURE__ */ jsx15("p", { className: styles15.meta, children: /* @__PURE__ */ jsx15("time", { dateTime: entry.date, children: entry.date }) }) : null
+      entry.date ? /* @__PURE__ */ jsx15("p", { className: styles15.meta, children: /* @__PURE__ */ jsx15("time", { dateTime: entry.date, children: formatYearMonth(entry.date, locale) }) }) : null
     ] }, entry.id)) })
   ] });
 }
@@ -613,6 +726,7 @@ function Recommendations({
 // src/components/SkillsList.tsx
 import styles16 from "./SkillsList.module-XIAWE55H.module.css";
 import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var UNCATEGORIZED = "other";
 function groupSkills(skills) {
   const sorted = [...skills].sort((a, b) => {
     const aOrder = a.order ?? Number.POSITIVE_INFINITY;
@@ -621,7 +735,7 @@ function groupSkills(skills) {
   });
   const groups = /* @__PURE__ */ new Map();
   for (const skill of sorted) {
-    const key = skill.category ?? "other";
+    const key = skill.category ?? UNCATEGORIZED;
     const bucket = groups.get(key);
     if (bucket) {
       bucket.push(skill);
@@ -631,15 +745,25 @@ function groupSkills(skills) {
   }
   return [...groups.entries()].map(([category, items]) => ({ category, skills: items }));
 }
-function SkillsList({ skills }) {
+function SkillsList({ skills, locale = "en" }) {
   if (skills.length === 0) return null;
   const groups = groupSkills(skills);
   return /* @__PURE__ */ jsxs16("section", { className: styles16.section, "aria-labelledby": "takuhon-skills-heading", children: [
-    /* @__PURE__ */ jsx16("h2", { id: "takuhon-skills-heading", className: styles16.heading, children: "Skills" }),
-    /* @__PURE__ */ jsx16("div", { className: styles16.groups, children: groups.map((group) => /* @__PURE__ */ jsxs16("div", { className: styles16.group, children: [
-      /* @__PURE__ */ jsx16("h3", { className: styles16.category, children: group.category }),
-      /* @__PURE__ */ jsx16("ul", { className: styles16.list, "aria-label": `${group.category} skills`, children: group.skills.map((skill) => /* @__PURE__ */ jsx16("li", { className: styles16.item, children: skill.label }, skill.id)) })
-    ] }, group.category)) })
+    /* @__PURE__ */ jsx16("h2", { id: "takuhon-skills-heading", className: styles16.heading, children: getUILabel("section.skills", locale) }),
+    /* @__PURE__ */ jsx16("div", { className: styles16.groups, children: groups.map((group) => {
+      const categoryLabel = group.category === UNCATEGORIZED ? getUILabel("skills.uncategorized", locale) : group.category;
+      return /* @__PURE__ */ jsxs16("div", { className: styles16.group, children: [
+        /* @__PURE__ */ jsx16("h3", { className: styles16.category, children: categoryLabel }),
+        /* @__PURE__ */ jsx16(
+          "ul",
+          {
+            className: styles16.list,
+            "aria-label": `${categoryLabel} ${getUILabel("a11y.skillsSuffix", locale)}`,
+            children: group.skills.map((skill) => /* @__PURE__ */ jsx16("li", { className: styles16.item, children: skill.label }, skill.id))
+          }
+        )
+      ] }, group.category);
+    }) })
   ] });
 }
 
@@ -657,11 +781,14 @@ function sortTestScores(entries) {
     return b.date.localeCompare(a.date);
   });
 }
-function TestScores({ testScores }) {
+function TestScores({
+  testScores,
+  locale = "en"
+}) {
   if (testScores.length === 0) return null;
   const ordered = sortTestScores(testScores);
   return /* @__PURE__ */ jsxs17("section", { className: styles17.section, "aria-labelledby": "takuhon-test-scores-heading", children: [
-    /* @__PURE__ */ jsx17("h2", { id: "takuhon-test-scores-heading", className: styles17.heading, children: "Test Scores" }),
+    /* @__PURE__ */ jsx17("h2", { id: "takuhon-test-scores-heading", className: styles17.heading, children: getUILabel("section.testScores", locale) }),
     /* @__PURE__ */ jsx17("ul", { className: styles17.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs17("li", { className: styles17.item, children: [
       /* @__PURE__ */ jsx17("p", { className: styles17.title, children: entry.url ? /* @__PURE__ */ jsx17(
         "a",
@@ -676,7 +803,7 @@ function TestScores({ testScores }) {
       /* @__PURE__ */ jsxs17("p", { className: styles17.meta, children: [
         /* @__PURE__ */ jsx17("span", { className: styles17.score, children: entry.score }),
         " \xB7 ",
-        /* @__PURE__ */ jsx17("time", { dateTime: entry.date, children: entry.date })
+        /* @__PURE__ */ jsx17("time", { dateTime: entry.date, children: formatYearMonth(entry.date, locale) })
       ] }),
       entry.description ? /* @__PURE__ */ jsx17("p", { className: styles17.description, children: entry.description }) : null
     ] }, entry.id)) })
@@ -697,11 +824,14 @@ function sortVolunteering(entries) {
 function isOngoing4(entry) {
   return entry.isCurrent === true || entry.endDate === null || entry.endDate === void 0;
 }
-function Volunteering({ volunteering }) {
+function Volunteering({
+  volunteering,
+  locale = "en"
+}) {
   if (volunteering.length === 0) return null;
   const ordered = sortVolunteering(volunteering);
   return /* @__PURE__ */ jsxs18("section", { className: styles18.section, "aria-labelledby": "takuhon-volunteering-heading", children: [
-    /* @__PURE__ */ jsx18("h2", { id: "takuhon-volunteering-heading", className: styles18.heading, children: "Volunteering" }),
+    /* @__PURE__ */ jsx18("h2", { id: "takuhon-volunteering-heading", className: styles18.heading, children: getUILabel("section.volunteering", locale) }),
     /* @__PURE__ */ jsx18("ol", { className: styles18.list, children: ordered.map((entry) => /* @__PURE__ */ jsxs18("li", { className: styles18.item, children: [
       /* @__PURE__ */ jsx18("div", { className: styles18.timelineMarker, "aria-hidden": "true" }),
       /* @__PURE__ */ jsxs18("div", { className: styles18.content, children: [
@@ -718,17 +848,14 @@ function Volunteering({ volunteering }) {
         /* @__PURE__ */ jsxs18("p", { className: styles18.role, children: [
           entry.role,
           entry.cause ? /* @__PURE__ */ jsxs18("span", { className: styles18.cause, children: [
-            /* @__PURE__ */ jsx18("span", { className: styles18.srOnly, children: "Cause: " }),
+            /* @__PURE__ */ jsx18("span", { className: styles18.srOnly, children: getUILabel("a11y.causePrefix", locale) }),
             entry.cause
           ] }) : null
         ] }),
         /* @__PURE__ */ jsxs18("p", { className: styles18.range, children: [
-          /* @__PURE__ */ jsx18("time", { dateTime: entry.startDate, children: entry.startDate }),
+          /* @__PURE__ */ jsx18("time", { dateTime: entry.startDate, children: formatYearMonth(entry.startDate, locale) }),
           " \u2013 ",
-          isOngoing4(entry) ? (
-            // TODO(i18n-phase-2): Localize the 'Present' label via the locale resolver.
-            "Present"
-          ) : /* @__PURE__ */ jsx18("time", { dateTime: entry.endDate, children: entry.endDate })
+          isOngoing4(entry) ? getUILabel("timeline.present", locale) : /* @__PURE__ */ jsx18("time", { dateTime: entry.endDate, children: formatYearMonth(entry.endDate, locale) })
         ] }),
         entry.description ? /* @__PURE__ */ jsx18("p", { className: styles18.description, children: entry.description }) : null
       ] })
@@ -740,24 +867,25 @@ function Volunteering({ volunteering }) {
 import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function TakuhonProfile({ data }) {
   const showFooter = data.settings.showPoweredBy !== false;
+  const locale = data.resolvedLocale;
   return /* @__PURE__ */ jsxs19("article", { className: styles19.root, children: [
     /* @__PURE__ */ jsx19(ProfileHeader, { profile: data.profile }),
-    /* @__PURE__ */ jsx19(LinksList, { links: data.links }),
-    /* @__PURE__ */ jsx19(EducationTimeline, { education: data.education }),
-    /* @__PURE__ */ jsx19(Courses, { courses: data.courses }),
-    /* @__PURE__ */ jsx19(CareerTimeline, { careers: data.careers }),
-    /* @__PURE__ */ jsx19(Memberships, { memberships: data.memberships }),
-    /* @__PURE__ */ jsx19(Certifications, { certifications: data.certifications }),
-    /* @__PURE__ */ jsx19(Patents, { patents: data.patents }),
-    /* @__PURE__ */ jsx19(ProjectsList, { projects: data.projects }),
-    /* @__PURE__ */ jsx19(Publications, { publications: data.publications }),
-    /* @__PURE__ */ jsx19(HonorsList, { honors: data.honors }),
-    /* @__PURE__ */ jsx19(Recommendations, { recommendations: data.recommendations }),
-    /* @__PURE__ */ jsx19(Volunteering, { volunteering: data.volunteering }),
-    /* @__PURE__ */ jsx19(SkillsList, { skills: data.skills }),
-    /* @__PURE__ */ jsx19(Languages, { languages: data.languages }),
-    /* @__PURE__ */ jsx19(TestScores, { testScores: data.testScores }),
-    /* @__PURE__ */ jsx19(ContactInfo, { contact: data.contact }),
+    /* @__PURE__ */ jsx19(LinksList, { links: data.links, locale }),
+    /* @__PURE__ */ jsx19(EducationTimeline, { education: data.education, locale }),
+    /* @__PURE__ */ jsx19(Courses, { courses: data.courses, locale }),
+    /* @__PURE__ */ jsx19(CareerTimeline, { careers: data.careers, locale }),
+    /* @__PURE__ */ jsx19(Memberships, { memberships: data.memberships, locale }),
+    /* @__PURE__ */ jsx19(Certifications, { certifications: data.certifications, locale }),
+    /* @__PURE__ */ jsx19(Patents, { patents: data.patents, locale }),
+    /* @__PURE__ */ jsx19(ProjectsList, { projects: data.projects, locale }),
+    /* @__PURE__ */ jsx19(Publications, { publications: data.publications, locale }),
+    /* @__PURE__ */ jsx19(HonorsList, { honors: data.honors, locale }),
+    /* @__PURE__ */ jsx19(Recommendations, { recommendations: data.recommendations, locale }),
+    /* @__PURE__ */ jsx19(Volunteering, { volunteering: data.volunteering, locale }),
+    /* @__PURE__ */ jsx19(SkillsList, { skills: data.skills, locale }),
+    /* @__PURE__ */ jsx19(Languages, { languages: data.languages, locale }),
+    /* @__PURE__ */ jsx19(TestScores, { testScores: data.testScores, locale }),
+    /* @__PURE__ */ jsx19(ContactInfo, { contact: data.contact, locale }),
     showFooter ? /* @__PURE__ */ jsx19(Footer, {}) : null
   ] });
 }
@@ -765,7 +893,6 @@ function TakuhonProfile({ data }) {
 // src/components/LocaleSwitcher.tsx
 import styles20 from "./LocaleSwitcher.module-QVLPVGLG.module.css";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var DEFAULT_ARIA_LABEL = "Select language";
 function LocaleSwitcher({
   availableLocales,
   currentLocale,
@@ -773,7 +900,7 @@ function LocaleSwitcher({
   ariaLabel,
   formatLocale
 }) {
-  const label = ariaLabel ?? DEFAULT_ARIA_LABEL;
+  const label = ariaLabel ?? getUILabel("a11y.selectLanguage", currentLocale);
   const format = formatLocale ?? ((locale) => locale);
   return /* @__PURE__ */ jsx20("div", { className: styles20.wrapper, children: /* @__PURE__ */ jsx20(
     "select",
@@ -792,7 +919,7 @@ function LocaleSwitcher({
 // src/components/TakuhonHead.tsx
 import { generateJsonLd } from "@takuhon/core";
 import { useEffect } from "react";
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function primarySubtag(tag) {
   const dash = tag.indexOf("-");
   return (dash === -1 ? tag : tag.slice(0, dash)).toLowerCase();
@@ -877,7 +1004,7 @@ function TakuhonHead({ data, siteUrl, pageUrl }) {
       script.remove();
     };
   }, [jsonLdPayload]);
-  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment4, { children: [
     /* @__PURE__ */ jsx21("title", { children: profile.displayName }),
     description ? /* @__PURE__ */ jsx21("meta", { name: "description", content: description }) : null,
     canonical ? /* @__PURE__ */ jsx21("link", { rel: "canonical", href: canonical }) : null,