@takuhon/ui 0.15.1 → 0.16.0

package/dist/admin/index.js

@@ -220,6 +220,8 @@ var EN = {
   "field.avatarUrl": "Avatar URL",
   "field.avatarUpload": "Upload image",
   "field.avatarAlt": "Avatar alternative text",
+  "field.gravatarEmail": "Gravatar email",
+  "field.gravatarApply": "Use Gravatar",
   "field.location.country": "Country",
   "field.location.region": "Region",
   "field.location.locality": "Locality",
@@ -263,6 +265,7 @@ var EN = {
   "empty.skills": "No skills yet.",
   "hint.avatarNoUpload": "Paste an image URL. Uploading image files is not available yet.",
   "hint.avatarUpload": "Paste an image URL, or upload a JPEG, PNG, WebP, or GIF.",
+  "hint.gravatar": "Enter an email to generate a Gravatar avatar URL. The email is not saved \u2014 only the resulting URL is stored.",
   "hint.month": "Format: YYYY-MM (e.g. 2024-03).",
   "hint.country": "ISO 3166-1 alpha-2 code, e.g. US.",
   "hint.tags": "Comma-separated.",
@@ -353,10 +356,58 @@ function ImageField({
   ] }) });
 }
 
-// src/admin/primitives/LocaleTabs.tsx
-import { useId as useId4, useRef as useRef2, useState as useState2 } from "react";
-import styles7 from "../LocaleTabs.module-IEEC6Q27.module.css";
+// src/admin/primitives/GravatarField.tsx
+import { gravatarUrl } from "@takuhon/core";
+import { useState as useState2 } from "react";
+import styles7 from "../GravatarField.module-2DD457OD.module.css";
+import controls2 from "../controls.module-CMB7V22N.module.css";
 import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function GravatarField({ onApply }) {
+  const [email, setEmail] = useState2("");
+  const trimmed = email.trim();
+  const apply = () => {
+    if (trimmed === "") return;
+    onApply(gravatarUrl(trimmed));
+    setEmail("");
+  };
+  return /* @__PURE__ */ jsx7(Field, { label: getAdminLabel("field.gravatarEmail"), hint: getAdminLabel("hint.gravatar"), children: ({ controlId, describedBy }) => /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx7(
+      "input",
+      {
+        id: controlId,
+        className: controls2.control,
+        type: "email",
+        value: email,
+        autoComplete: "off",
+        "aria-describedby": describedBy,
+        onChange: (event) => {
+          setEmail(event.target.value);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            event.preventDefault();
+            apply();
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx7("div", { className: styles7.actionRow, children: /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        className: styles7.applyButton,
+        disabled: trimmed === "",
+        onClick: apply,
+        children: getAdminLabel("field.gravatarApply")
+      }
+    ) })
+  ] }) });
+}
+
+// src/admin/primitives/LocaleTabs.tsx
+import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
+import styles8 from "../LocaleTabs.module-IEEC6Q27.module.css";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function LocaleTabs({
   label,
   value,
@@ -372,14 +423,14 @@ function LocaleTabs({
   const baseId = useId4();
   const hintId = useId4();
   const errorId = useId4();
-  const [active, setActive] = useState2(() => locales[0] ?? "");
+  const [active, setActive] = useState3(() => locales[0] ?? "");
   const tabRefs = useRef2({});
   const format = formatLocale ?? ((locale) => locale);
   const labelId = `${baseId}-label`;
   if (locales.length === 0) {
-    return /* @__PURE__ */ jsxs4("div", { className: styles7.group, role: "group", "aria-labelledby": labelId, children: [
-      /* @__PURE__ */ jsx7("span", { className: styles7.groupLabel, id: labelId, children: label }),
-      /* @__PURE__ */ jsx7("p", { className: styles7.hint, children: "No locales are configured yet; add one under Settings." })
+    return /* @__PURE__ */ jsxs5("div", { className: styles8.group, role: "group", "aria-labelledby": labelId, children: [
+      /* @__PURE__ */ jsx8("span", { className: styles8.groupLabel, id: labelId, children: label }),
+      /* @__PURE__ */ jsx8("p", { className: styles8.hint, children: "No locales are configured yet; add one under Settings." })
     ] });
   }
   const activeLocale = locales.includes(active) ? active : locales[0];
@@ -424,16 +475,16 @@ function LocaleTabs({
     }
   };
   const controlName = `${label} (${format(activeLocale)})`;
-  return /* @__PURE__ */ jsxs4("div", { className: styles7.group, role: "group", "aria-labelledby": labelId, children: [
-    /* @__PURE__ */ jsxs4("span", { className: styles7.groupLabel, id: labelId, children: [
+  return /* @__PURE__ */ jsxs5("div", { className: styles8.group, role: "group", "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsxs5("span", { className: styles8.groupLabel, id: labelId, children: [
       label,
-      required ? /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: " *" }) : null
+      required ? /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: " *" }) : null
     ] }),
-    hint ? /* @__PURE__ */ jsx7("p", { className: styles7.hint, id: hintId, children: hint }) : null,
-    /* @__PURE__ */ jsx7("div", { className: styles7.tablist, role: "tablist", "aria-label": label, children: locales.map((locale) => {
+    hint ? /* @__PURE__ */ jsx8("p", { className: styles8.hint, id: hintId, children: hint }) : null,
+    /* @__PURE__ */ jsx8("div", { className: styles8.tablist, role: "tablist", "aria-label": label, children: locales.map((locale) => {
       const selected = locale === activeLocale;
       const tabHasErrors = pointer ? hasErrorsUnder(errors, `${pointer}/${locale}`) : false;
-      return /* @__PURE__ */ jsxs4(
+      return /* @__PURE__ */ jsxs5(
         "button",
         {
           ref: (element) => {
@@ -445,37 +496,37 @@ function LocaleTabs({
           "aria-selected": selected,
           "aria-controls": `${baseId}-panel`,
           tabIndex: selected ? 0 : -1,
-          className: `${styles7.tab} ${selected ? styles7.tabActive : ""}`,
+          className: `${styles8.tab} ${selected ? styles8.tabActive : ""}`,
           onClick: () => {
             setActive(locale);
           },
           onKeyDown: onTabKeyDown,
           children: [
             format(locale),
-            tabHasErrors ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-              /* @__PURE__ */ jsxs4("span", { className: styles7.tabError, "aria-hidden": "true", children: [
+            tabHasErrors ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              /* @__PURE__ */ jsxs5("span", { className: styles8.tabError, "aria-hidden": "true", children: [
                 " ",
                 "\u25CF"
               ] }),
-              /* @__PURE__ */ jsx7("span", { className: styles7.srOnly, children: " (has errors)" })
+              /* @__PURE__ */ jsx8("span", { className: styles8.srOnly, children: " (has errors)" })
             ] }) : null
           ]
         },
         locale
       );
     }) }),
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs5(
       "div",
       {
         role: "tabpanel",
         id: `${baseId}-panel`,
         "aria-labelledby": `${baseId}-tab-${activeLocale}`,
-        className: styles7.panel,
+        className: styles8.panel,
         children: [
-          multiline ? /* @__PURE__ */ jsx7(
+          multiline ? /* @__PURE__ */ jsx8(
             "textarea",
             {
-              className: `${styles7.control} ${styles7.textarea}`,
+              className: `${styles8.control} ${styles8.textarea}`,
               value: text,
               rows: 4,
               "aria-label": controlName,
@@ -486,10 +537,10 @@ function LocaleTabs({
                 setText(event.target.value);
               }
             }
-          ) : /* @__PURE__ */ jsx7(
+          ) : /* @__PURE__ */ jsx8(
             "input",
             {
-              className: styles7.control,
+              className: styles8.control,
               type: "text",
               value: text,
               "aria-label": controlName,
@@ -501,7 +552,7 @@ function LocaleTabs({
               }
             }
           ),
-          hasErrors ? /* @__PURE__ */ jsx7("ul", { className: styles7.errors, id: errorId, children: shownErrors.map((message, i) => /* @__PURE__ */ jsx7("li", { children: message }, i)) }) : null
+          hasErrors ? /* @__PURE__ */ jsx8("ul", { className: styles8.errors, id: errorId, children: shownErrors.map((message, i) => /* @__PURE__ */ jsx8("li", { children: message }, i)) }) : null
         ]
       }
     )
@@ -509,8 +560,8 @@ function LocaleTabs({
 }
 
 // src/admin/primitives/Repeater.tsx
-import styles8 from "../Repeater.module-MWSEKS4G.module.css";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import styles9 from "../Repeater.module-MWSEKS4G.module.css";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function Repeater({
   legend,
   items,
@@ -542,20 +593,20 @@ function Repeater({
     copy.splice(to, 0, moved);
     onChange(copy);
   };
-  return /* @__PURE__ */ jsxs5("fieldset", { className: styles8.fieldset, children: [
-    /* @__PURE__ */ jsx8("legend", { className: styles8.legend, children: legend }),
-    items.length === 0 && emptyHint ? /* @__PURE__ */ jsx8("p", { className: styles8.empty, children: emptyHint }) : null,
-    /* @__PURE__ */ jsx8("ol", { className: styles8.list, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsxs6("fieldset", { className: styles9.fieldset, children: [
+    /* @__PURE__ */ jsx9("legend", { className: styles9.legend, children: legend }),
+    items.length === 0 && emptyHint ? /* @__PURE__ */ jsx9("p", { className: styles9.empty, children: emptyHint }) : null,
+    /* @__PURE__ */ jsx9("ol", { className: styles9.list, children: items.map((item, index) => {
       const caption = itemLabel(item, index);
-      return /* @__PURE__ */ jsx8("li", { className: styles8.item, children: /* @__PURE__ */ jsxs5("div", { role: "group", "aria-label": caption, children: [
-        /* @__PURE__ */ jsxs5("div", { className: styles8.itemHeader, children: [
-          /* @__PURE__ */ jsx8("span", { className: styles8.itemCaption, children: caption }),
-          /* @__PURE__ */ jsxs5("div", { className: styles8.itemActions, children: [
-            /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx9("li", { className: styles9.item, children: /* @__PURE__ */ jsxs6("div", { role: "group", "aria-label": caption, children: [
+        /* @__PURE__ */ jsxs6("div", { className: styles9.itemHeader, children: [
+          /* @__PURE__ */ jsx9("span", { className: styles9.itemCaption, children: caption }),
+          /* @__PURE__ */ jsxs6("div", { className: styles9.itemActions, children: [
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
-                className: styles8.iconButton,
+                className: styles9.iconButton,
                 "aria-label": `${moveUpLabel}: ${caption}`,
                 disabled: index === 0,
                 onClick: () => {
@@ -564,11 +615,11 @@ function Repeater({
                 children: "\u2191"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
-                className: styles8.iconButton,
+                className: styles9.iconButton,
                 "aria-label": `${moveDownLabel}: ${caption}`,
                 disabled: index === items.length - 1,
                 onClick: () => {
@@ -577,11 +628,11 @@ function Repeater({
                 children: "\u2193"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
-                className: styles8.removeButton,
+                className: styles9.removeButton,
                 "aria-label": `${removeLabel}: ${caption}`,
                 onClick: () => {
                   remove(index);
@@ -591,7 +642,7 @@ function Repeater({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: styles8.itemBody, children: renderItem(
+        /* @__PURE__ */ jsx9("div", { className: styles9.itemBody, children: renderItem(
           item,
           (next) => {
             update(index, next);
@@ -600,11 +651,11 @@ function Repeater({
         ) })
       ] }) }, key(item, index));
     }) }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
-        className: styles8.addButton,
+        className: styles9.addButton,
         onClick: () => {
           onChange([...items, createItem()]);
         },
@@ -615,8 +666,8 @@ function Repeater({
 }
 
 // src/admin/sections/ProfileForm.tsx
-import styles9 from "../sections.module-ZVBKZHDE.module.css";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import styles10 from "../sections.module-ZVBKZHDE.module.css";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var POINTER = "/profile";
 function isEmptyRecord(record) {
   return !record || Object.keys(record).length === 0;
@@ -640,9 +691,9 @@ function ProfileForm({
     onChange({ ...value, location: empty ? void 0 : merged });
   };
   const headingId = "admin-section-profile";
-  return /* @__PURE__ */ jsxs6("section", { className: styles9.section, "aria-labelledby": headingId, children: [
-    /* @__PURE__ */ jsx9("h2", { className: styles9.heading, id: headingId, children: getAdminLabel("section.profile") }),
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs7("section", { className: styles10.section, "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx10("h2", { className: styles10.heading, id: headingId, children: getAdminLabel("section.profile") }),
+    /* @__PURE__ */ jsx10(
       LocaleTabs,
       {
         label: getAdminLabel("field.displayName"),
@@ -657,7 +708,7 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       LocaleTabs,
       {
         label: getAdminLabel("field.tagline"),
@@ -671,8 +722,8 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx9("h3", { className: styles9.subheading, children: getAdminLabel("section.about") }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10("h3", { className: styles10.subheading, children: getAdminLabel("section.about") }),
+    /* @__PURE__ */ jsx10(
       LocaleTabs,
       {
         label: getAdminLabel("field.bio"),
@@ -687,7 +738,7 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       ImageField,
       {
         label: getAdminLabel("field.avatarUrl"),
@@ -700,7 +751,15 @@ function ProfileForm({
         uploadAsset
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
+      GravatarField,
+      {
+        onApply: (url) => {
+          updateAvatar({ url });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx10(
       LocaleTabs,
       {
         label: getAdminLabel("field.avatarAlt"),
@@ -714,7 +773,7 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       TextField,
       {
         label: getAdminLabel("field.location.country"),
@@ -726,7 +785,7 @@ function ProfileForm({
         errors: errorsAt(errors, `${POINTER}/location/country`)
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       TextField,
       {
         label: getAdminLabel("field.location.region"),
@@ -737,7 +796,7 @@ function ProfileForm({
         errors: errorsAt(errors, `${POINTER}/location/region`)
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       LocaleTabs,
       {
         label: getAdminLabel("field.location.locality"),
@@ -764,7 +823,7 @@ function makeId(prefix, taken) {
 }
 
 // src/admin/sections/LinksForm.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var LINK_TYPES = [
   "website",
   "blog",
@@ -816,7 +875,7 @@ function LinksForm({
   errors = NO_FIELD_ERRORS,
   formatLocale
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Repeater,
     {
       legend: getAdminLabel("section.links"),
@@ -839,8 +898,8 @@ function LinksForm({
       emptyHint: getAdminLabel("empty.links"),
       renderItem: (link, update, index) => {
         const at = `/links/${String(index)}`;
-        return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-          /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+          /* @__PURE__ */ jsx11(
             SelectField,
             {
               label: getAdminLabel("field.link.type"),
@@ -852,7 +911,7 @@ function LinksForm({
               errors: errorsAt(errors, `${at}/type`)
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             TextField,
             {
               label: getAdminLabel("field.link.url"),
@@ -865,7 +924,7 @@ function LinksForm({
               errors: errorsAt(errors, `${at}/url`)
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             LocaleTabs,
             {
               label: getAdminLabel("field.link.label"),
@@ -879,7 +938,7 @@ function LinksForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             TextField,
             {
               label: getAdminLabel("field.link.iconUrl"),
@@ -892,7 +951,7 @@ function LinksForm({
               errors: errorsAt(errors, `${at}/iconUrl`)
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             CheckboxField,
             {
               label: getAdminLabel("field.link.featured"),
@@ -919,7 +978,7 @@ function firstLocalized(record, locales) {
 }
 
 // src/admin/sections/CareersForm.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function CareersForm({
   value,
   onChange,
@@ -927,7 +986,7 @@ function CareersForm({
   errors = NO_FIELD_ERRORS,
   formatLocale
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Repeater,
     {
       legend: getAdminLabel("section.careers"),
@@ -951,8 +1010,8 @@ function CareersForm({
       emptyHint: getAdminLabel("empty.careers"),
       renderItem: (career, update, index) => {
         const at = `/careers/${String(index)}`;
-        return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-          /* @__PURE__ */ jsx11(
+        return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx12(
             LocaleTabs,
             {
               label: getAdminLabel("field.career.organization"),
@@ -967,7 +1026,7 @@ function CareersForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             LocaleTabs,
             {
               label: getAdminLabel("field.career.role"),
@@ -982,7 +1041,7 @@ function CareersForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextField,
             {
               label: getAdminLabel("field.career.startDate"),
@@ -996,7 +1055,7 @@ function CareersForm({
               errors: errorsAt(errors, `${at}/startDate`)
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextField,
             {
               label: getAdminLabel("field.career.endDate"),
@@ -1009,7 +1068,7 @@ function CareersForm({
               errors: errorsAt(errors, `${at}/endDate`)
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             CheckboxField,
             {
               label: getAdminLabel("field.career.isCurrent"),
@@ -1019,7 +1078,7 @@ function CareersForm({
               }
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             LocaleTabs,
             {
               label: getAdminLabel("field.career.description"),
@@ -1034,7 +1093,7 @@ function CareersForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextField,
             {
               label: getAdminLabel("field.career.url"),
@@ -1053,7 +1112,7 @@ function CareersForm({
 }
 
 // src/admin/sections/ProjectsForm.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function parseTags(input) {
   const tags = input.split(",").map((tag) => tag.trim()).filter((tag) => tag !== "");
   return tags.length > 0 ? tags : void 0;
@@ -1065,7 +1124,7 @@ function ProjectsForm({
   errors = NO_FIELD_ERRORS,
   formatLocale
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Repeater,
     {
       legend: getAdminLabel("section.projects"),
@@ -1087,8 +1146,8 @@ function ProjectsForm({
       emptyHint: getAdminLabel("empty.projects"),
       renderItem: (project, update, index) => {
         const at = `/projects/${String(index)}`;
-        return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+          /* @__PURE__ */ jsx13(
             LocaleTabs,
             {
               label: getAdminLabel("field.project.title"),
@@ -1103,7 +1162,7 @@ function ProjectsForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             LocaleTabs,
             {
               label: getAdminLabel("field.project.description"),
@@ -1118,7 +1177,7 @@ function ProjectsForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             TextField,
             {
               label: getAdminLabel("field.project.url"),
@@ -1130,7 +1189,7 @@ function ProjectsForm({
               errors: errorsAt(errors, `${at}/url`)
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             TextField,
             {
               label: getAdminLabel("field.project.tags"),
@@ -1142,7 +1201,7 @@ function ProjectsForm({
               errors: collectErrorsUnder(errors, `${at}/tags`)
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             TextField,
             {
               label: getAdminLabel("field.project.startDate"),
@@ -1155,7 +1214,7 @@ function ProjectsForm({
               errors: errorsAt(errors, `${at}/startDate`)
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             TextField,
             {
               label: getAdminLabel("field.project.endDate"),
@@ -1168,7 +1227,7 @@ function ProjectsForm({
               errors: errorsAt(errors, `${at}/endDate`)
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             CheckboxField,
             {
               label: getAdminLabel("field.project.highlighted"),
@@ -1185,13 +1244,13 @@ function ProjectsForm({
 }
 
 // src/admin/sections/SkillsForm.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function SkillsForm({
   value,
   onChange,
   errors = NO_FIELD_ERRORS
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Repeater,
     {
       legend: getAdminLabel("section.skills"),
@@ -1213,8 +1272,8 @@ function SkillsForm({
       emptyHint: getAdminLabel("empty.skills"),
       renderItem: (skill, update, index) => {
         const at = `/skills/${String(index)}`;
-        return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-          /* @__PURE__ */ jsx13(
+        return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+          /* @__PURE__ */ jsx14(
             TextField,
             {
               label: getAdminLabel("field.skill.label"),
@@ -1226,7 +1285,7 @@ function SkillsForm({
               errors: errorsAt(errors, `${at}/label`)
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             TextField,
             {
               label: getAdminLabel("field.skill.category"),
@@ -1244,8 +1303,8 @@ function SkillsForm({
 }
 
 // src/admin/sections/SettingsForm.tsx
-import styles10 from "../sections.module-ZVBKZHDE.module.css";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import styles11 from "../sections.module-ZVBKZHDE.module.css";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function parseLocales(input) {
   return input.split(",").map((tag) => tag.trim()).filter((tag) => tag !== "");
 }
@@ -1261,9 +1320,9 @@ function SettingsForm({
     label: format(locale)
   }));
   const headingId = "admin-section-settings";
-  return /* @__PURE__ */ jsxs11("section", { className: styles10.section, "aria-labelledby": headingId, children: [
-    /* @__PURE__ */ jsx14("h2", { className: styles10.heading, id: headingId, children: getAdminLabel("section.settings") }),
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs12("section", { className: styles11.section, "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx15("h2", { className: styles11.heading, id: headingId, children: getAdminLabel("section.settings") }),
+    /* @__PURE__ */ jsx15(
       TextField,
       {
         label: getAdminLabel("field.settings.availableLocales"),
@@ -1276,7 +1335,7 @@ function SettingsForm({
         errors: collectErrorsUnder(errors, "/settings/availableLocales")
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       SelectField,
       {
         label: getAdminLabel("field.settings.defaultLocale"),
@@ -1289,7 +1348,7 @@ function SettingsForm({
         errors: errorsAt(errors, "/settings/defaultLocale")
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       SelectField,
       {
         label: getAdminLabel("field.settings.fallbackLocale"),
@@ -1301,7 +1360,7 @@ function SettingsForm({
         errors: errorsAt(errors, "/settings/fallbackLocale")
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       TextField,
       {
         label: getAdminLabel("field.settings.theme"),
@@ -1312,7 +1371,7 @@ function SettingsForm({
         errors: errorsAt(errors, "/settings/theme")
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.showPoweredBy"),
@@ -1322,7 +1381,7 @@ function SettingsForm({
         }
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.enableJsonLd"),
@@ -1332,7 +1391,7 @@ function SettingsForm({
         }
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.enableApi"),
@@ -1342,7 +1401,7 @@ function SettingsForm({
         }
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.enableAnalytics"),
@@ -1357,13 +1416,13 @@ function SettingsForm({
 
 // src/admin/RawJsonEditor.tsx
 import { validate } from "@takuhon/core";
-import { useId as useId5, useState as useState3 } from "react";
-import styles11 from "../RawJsonEditor.module-NGGM3IBY.module.css";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useId as useId5, useState as useState4 } from "react";
+import styles12 from "../RawJsonEditor.module-NGGM3IBY.module.css";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var MAX_SHOWN_PROBLEMS = 50;
 function RawJsonEditor({ value, onChange }) {
-  const [text, setText] = useState3(() => JSON.stringify(value, null, 2));
-  const [problems, setProblems] = useState3([]);
+  const [text, setText] = useState4(() => JSON.stringify(value, null, 2));
+  const [problems, setProblems] = useState4([]);
   const labelId = useId5();
   const errorId = useId5();
   const apply = (next) => {
@@ -1386,13 +1445,13 @@ function RawJsonEditor({ value, onChange }) {
     onChange(result.data);
   };
   const hasProblems = problems.length > 0;
-  return /* @__PURE__ */ jsxs12("section", { className: styles11.wrapper, "aria-labelledby": labelId, children: [
-    /* @__PURE__ */ jsx15("h2", { className: styles11.heading, id: labelId, children: getAdminLabel("mode.advanced") }),
-    /* @__PURE__ */ jsx15("p", { className: styles11.hint, children: getAdminLabel("advanced.hint") }),
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs13("section", { className: styles12.wrapper, "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsx16("h2", { className: styles12.heading, id: labelId, children: getAdminLabel("mode.advanced") }),
+    /* @__PURE__ */ jsx16("p", { className: styles12.hint, children: getAdminLabel("advanced.hint") }),
+    /* @__PURE__ */ jsx16(
       "textarea",
       {
-        className: styles11.textarea,
+        className: styles12.textarea,
         value: text,
         spellCheck: false,
         "aria-label": getAdminLabel("mode.advanced"),
@@ -1403,18 +1462,18 @@ function RawJsonEditor({ value, onChange }) {
         }
       }
     ),
-    hasProblems ? /* @__PURE__ */ jsxs12("div", { className: styles11.problems, id: errorId, role: "alert", children: [
-      /* @__PURE__ */ jsx15("p", { className: styles11.problemsTitle, children: getAdminLabel("advanced.invalid") }),
-      /* @__PURE__ */ jsx15("ul", { children: problems.map((problem, i) => /* @__PURE__ */ jsx15("li", { children: problem }, i)) })
+    hasProblems ? /* @__PURE__ */ jsxs13("div", { className: styles12.problems, id: errorId, role: "alert", children: [
+      /* @__PURE__ */ jsx16("p", { className: styles12.problemsTitle, children: getAdminLabel("advanced.invalid") }),
+      /* @__PURE__ */ jsx16("ul", { children: problems.map((problem, i) => /* @__PURE__ */ jsx16("li", { children: problem }, i)) })
     ] }) : null
   ] });
 }
 
 // src/admin/AdminEditor.tsx
 import { validate as validate2 } from "@takuhon/core";
-import { useRef as useRef3, useState as useState4 } from "react";
-import styles12 from "../AdminEditor.module-ABYQXFN4.module.css";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useRef as useRef3, useState as useState5 } from "react";
+import styles13 from "../AdminEditor.module-ABYQXFN4.module.css";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function AdminEditor({
   initialDocument,
   onSave,
@@ -1424,12 +1483,12 @@ function AdminEditor({
   formatLocale,
   uploadAsset
 }) {
-  const [draft, setDraft] = useState4(initialDocument);
-  const [mode, setMode] = useState4("form");
-  const [errors, setErrors] = useState4(NO_FIELD_ERRORS);
-  const [status, setStatus] = useState4(null);
-  const [busy, setBusy] = useState4(false);
-  const [loadGen, setLoadGen] = useState4(0);
+  const [draft, setDraft] = useState5(initialDocument);
+  const [mode, setMode] = useState5("form");
+  const [errors, setErrors] = useState5(NO_FIELD_ERRORS);
+  const [status, setStatus] = useState5(null);
+  const [busy, setBusy] = useState5(false);
+  const [loadGen, setLoadGen] = useState5(0);
   const intentRef = useRef3(0);
   const locales = draft.settings.availableLocales;
   const updateDraft = (next) => {
@@ -1517,14 +1576,14 @@ function AdminEditor({
   const errorEntries = [...errors].flatMap(
     ([pointer, messages]) => messages.map((message) => ({ pointer, message }))
   );
-  return /* @__PURE__ */ jsxs13("div", { className: styles12.editor, children: [
-    /* @__PURE__ */ jsxs13("div", { className: styles12.toolbar, role: "toolbar", "aria-label": getAdminLabel("toolbar.label"), children: [
-      /* @__PURE__ */ jsxs13("div", { className: styles12.modes, role: "group", "aria-label": getAdminLabel("mode.label"), children: [
-        /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs14("div", { className: styles13.editor, children: [
+    /* @__PURE__ */ jsxs14("div", { className: styles13.toolbar, role: "toolbar", "aria-label": getAdminLabel("toolbar.label"), children: [
+      /* @__PURE__ */ jsxs14("div", { className: styles13.modes, role: "group", "aria-label": getAdminLabel("mode.label"), children: [
+        /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
-            className: `${styles12.modeButton} ${mode === "form" ? styles12.modeActive : ""}`,
+            className: `${styles13.modeButton} ${mode === "form" ? styles13.modeActive : ""}`,
             "aria-pressed": mode === "form",
             onClick: () => {
               setMode("form");
@@ -1532,11 +1591,11 @@ function AdminEditor({
             children: getAdminLabel("mode.form")
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
-            className: `${styles12.modeButton} ${mode === "advanced" ? styles12.modeActive : ""}`,
+            className: `${styles13.modeButton} ${mode === "advanced" ? styles13.modeActive : ""}`,
             "aria-pressed": mode === "advanced",
             onClick: () => {
               setMode("advanced");
@@ -1545,12 +1604,12 @@ function AdminEditor({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: styles12.actions, children: [
-        /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsxs14("div", { className: styles13.actions, children: [
+        /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
-            className: styles12.primary,
+            className: styles13.primary,
             disabled: busy,
             onClick: () => {
               void handleSave();
@@ -1558,11 +1617,11 @@ function AdminEditor({
             children: getAdminLabel("action.save")
           }
         ),
-        onReload ? /* @__PURE__ */ jsx16(
+        onReload ? /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
-            className: styles12.secondary,
+            className: styles13.secondary,
             disabled: busy,
             onClick: () => {
               void handleReload();
@@ -1570,22 +1629,22 @@ function AdminEditor({
             children: getAdminLabel("action.reload")
           }
         ) : null,
-        onExport ? /* @__PURE__ */ jsx16(
+        onExport ? /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
-            className: styles12.secondary,
+            className: styles13.secondary,
             onClick: () => {
               onExport(draft);
             },
             children: getAdminLabel("action.export")
           }
         ) : null,
-        onImport ? /* @__PURE__ */ jsx16(
+        onImport ? /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
-            className: styles12.secondary,
+            className: styles13.secondary,
             disabled: busy,
             onClick: () => {
               void handleImport();
@@ -1595,13 +1654,13 @@ function AdminEditor({
         ) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsx16("p", { className: styles12.status, role: "status", "aria-live": "polite", "data-tone": status?.tone, children: status?.message ?? "" }),
-    errorEntries.length > 0 ? /* @__PURE__ */ jsxs13("section", { className: styles12.summary, "aria-labelledby": "admin-error-summary", children: [
-      /* @__PURE__ */ jsx16("h2", { className: styles12.summaryHeading, id: "admin-error-summary", children: getAdminLabel("status.fixSummary") }),
-      /* @__PURE__ */ jsx16("ul", { children: errorEntries.map((entry, i) => /* @__PURE__ */ jsx16("li", { children: entry.pointer === "" ? entry.message : `${entry.pointer.replace(/^\//, "")}: ${entry.message}` }, i)) })
+    /* @__PURE__ */ jsx17("p", { className: styles13.status, role: "status", "aria-live": "polite", "data-tone": status?.tone, children: status?.message ?? "" }),
+    errorEntries.length > 0 ? /* @__PURE__ */ jsxs14("section", { className: styles13.summary, "aria-labelledby": "admin-error-summary", children: [
+      /* @__PURE__ */ jsx17("h2", { className: styles13.summaryHeading, id: "admin-error-summary", children: getAdminLabel("status.fixSummary") }),
+      /* @__PURE__ */ jsx17("ul", { children: errorEntries.map((entry, i) => /* @__PURE__ */ jsx17("li", { children: entry.pointer === "" ? entry.message : `${entry.pointer.replace(/^\//, "")}: ${entry.message}` }, i)) })
     ] }) : null,
-    mode === "form" ? /* @__PURE__ */ jsxs13("div", { className: styles12.sections, children: [
-      /* @__PURE__ */ jsx16(
+    mode === "form" ? /* @__PURE__ */ jsxs14("div", { className: styles13.sections, children: [
+      /* @__PURE__ */ jsx17(
         ProfileForm,
         {
           value: draft.profile,
@@ -1614,7 +1673,7 @@ function AdminEditor({
           uploadAsset
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         LinksForm,
         {
           value: draft.links,
@@ -1626,7 +1685,7 @@ function AdminEditor({
           formatLocale
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         CareersForm,
         {
           value: draft.careers,
@@ -1638,7 +1697,7 @@ function AdminEditor({
           formatLocale
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         ProjectsForm,
         {
           value: draft.projects,
@@ -1650,7 +1709,7 @@ function AdminEditor({
           formatLocale
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         SkillsForm,
         {
           value: draft.skills,
@@ -1660,7 +1719,7 @@ function AdminEditor({
           errors
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         SettingsForm,
         {
           value: draft.settings,
@@ -1671,7 +1730,7 @@ function AdminEditor({
           formatLocale
         }
       )
-    ] }) : /* @__PURE__ */ jsx16(RawJsonEditor, { value: draft, onChange: updateDraft }, loadGen)
+    ] }) : /* @__PURE__ */ jsx17(RawJsonEditor, { value: draft, onChange: updateDraft }, loadGen)
   ] });
 }
 export {
@@ -1679,6 +1738,7 @@ export {
   CareersForm,
   CheckboxField,
   Field,
+  GravatarField,
   ImageField,
   LinksForm,
   LocaleTabs,