@takuhon/ui 0.8.2 → 0.10.0

package/dist/admin/index.js

@@ -0,0 +1,1621 @@
+// src/admin/index.ts
+import "../tokens-TEMWJS5E.css";
+
+// src/admin/errors.ts
+function canonicalPointer(raw) {
+  let pointer = raw.trim();
+  if (pointer.startsWith("#")) pointer = pointer.slice(1);
+  if (pointer !== "" && !pointer.startsWith("/")) pointer = `/${pointer}`;
+  return pointer;
+}
+function indexErrors(errors) {
+  const index = /* @__PURE__ */ new Map();
+  for (const error of errors) {
+    const key = canonicalPointer(error.pointer ?? error.path ?? "");
+    const existing = index.get(key);
+    if (existing) existing.push(error.message);
+    else index.set(key, [error.message]);
+  }
+  return index;
+}
+function indexValidationErrors(errors) {
+  return indexErrors(errors);
+}
+function errorsAt(index, pointer) {
+  return index.get(canonicalPointer(pointer)) ?? [];
+}
+function hasErrorsUnder(index, prefix) {
+  const base = canonicalPointer(prefix);
+  for (const key of index.keys()) {
+    if (key === base || key.startsWith(`${base}/`)) return true;
+  }
+  return false;
+}
+function collectErrorsUnder(index, prefix) {
+  const base = canonicalPointer(prefix);
+  const messages = [];
+  for (const [key, list] of index) {
+    if (key === base || key.startsWith(`${base}/`)) messages.push(...list);
+  }
+  return messages;
+}
+var NO_FIELD_ERRORS = /* @__PURE__ */ new Map();
+
+// src/admin/primitives/Field.tsx
+import { useId } from "react";
+import styles from "../Field.module-CJPK45H7.module.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Field({ label, errors, hint, required, children }) {
+  const controlId = useId();
+  const hintId = useId();
+  const errorId = useId();
+  const hasErrors = (errors?.length ?? 0) > 0;
+  const describedBy = [hint ? hintId : void 0, hasErrors ? errorId : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs("div", { className: styles.field, children: [
+    /* @__PURE__ */ jsxs("label", { className: styles.label, htmlFor: controlId, children: [
+      label,
+      required ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " *" }) : null
+    ] }),
+    hint ? /* @__PURE__ */ jsx("p", { className: styles.hint, id: hintId, children: hint }) : null,
+    children({ controlId, describedBy, invalid: hasErrors }),
+    hasErrors ? /* @__PURE__ */ jsx("ul", { className: styles.errors, id: errorId, children: errors.map((message, i) => /* @__PURE__ */ jsx("li", { children: message }, i)) }) : null
+  ] });
+}
+
+// src/admin/primitives/TextField.tsx
+import styles2 from "../controls.module-CMB7V22N.module.css";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function TextField({
+  label,
+  value,
+  onChange,
+  errors,
+  hint,
+  required,
+  placeholder,
+  type = "text",
+  inputMode
+}) {
+  return /* @__PURE__ */ jsx2(Field, { label, errors, hint, required, children: ({ controlId, describedBy, invalid }) => /* @__PURE__ */ jsx2(
+    "input",
+    {
+      id: controlId,
+      className: styles2.control,
+      type,
+      value,
+      placeholder,
+      inputMode,
+      "aria-invalid": invalid || void 0,
+      "aria-required": required ? true : void 0,
+      "aria-describedby": describedBy,
+      onChange: (event) => {
+        onChange(event.target.value);
+      }
+    }
+  ) });
+}
+
+// src/admin/primitives/TextAreaField.tsx
+import styles3 from "../controls.module-CMB7V22N.module.css";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function TextAreaField({
+  label,
+  value,
+  onChange,
+  errors,
+  hint,
+  required,
+  placeholder,
+  rows = 4
+}) {
+  return /* @__PURE__ */ jsx3(Field, { label, errors, hint, required, children: ({ controlId, describedBy, invalid }) => /* @__PURE__ */ jsx3(
+    "textarea",
+    {
+      id: controlId,
+      className: `${styles3.control} ${styles3.textarea}`,
+      value,
+      rows,
+      placeholder,
+      "aria-invalid": invalid || void 0,
+      "aria-required": required ? true : void 0,
+      "aria-describedby": describedBy,
+      onChange: (event) => {
+        onChange(event.target.value);
+      }
+    }
+  ) });
+}
+
+// src/admin/primitives/SelectField.tsx
+import styles4 from "../controls.module-CMB7V22N.module.css";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function SelectField({
+  label,
+  value,
+  options,
+  onChange,
+  errors,
+  hint,
+  required
+}) {
+  return /* @__PURE__ */ jsx4(Field, { label, errors, hint, required, children: ({ controlId, describedBy, invalid }) => /* @__PURE__ */ jsx4(
+    "select",
+    {
+      id: controlId,
+      className: styles4.control,
+      value,
+      "aria-invalid": invalid || void 0,
+      "aria-required": required ? true : void 0,
+      "aria-describedby": describedBy,
+      onChange: (event) => {
+        onChange(event.target.value);
+      },
+      children: options.map((option) => /* @__PURE__ */ jsx4("option", { value: option.value, children: option.label }, option.value))
+    }
+  ) });
+}
+
+// src/admin/primitives/CheckboxField.tsx
+import { useId as useId2 } from "react";
+import styles5 from "../controls.module-CMB7V22N.module.css";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function CheckboxField({ label, checked, onChange }) {
+  const id = useId2();
+  return /* @__PURE__ */ jsxs2("div", { className: styles5.checkboxRow, children: [
+    /* @__PURE__ */ jsx5(
+      "input",
+      {
+        id,
+        className: styles5.checkbox,
+        type: "checkbox",
+        checked,
+        onChange: (event) => {
+          onChange(event.target.checked);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx5("label", { className: styles5.checkboxLabel, htmlFor: id, children: label })
+  ] });
+}
+
+// src/admin/primitives/LocaleTabs.tsx
+import { useId as useId3, useRef, useState } from "react";
+import styles6 from "../LocaleTabs.module-IEEC6Q27.module.css";
+import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function LocaleTabs({
+  label,
+  value,
+  locales,
+  onChange,
+  multiline = false,
+  required,
+  hint,
+  errors = NO_FIELD_ERRORS,
+  pointer,
+  formatLocale
+}) {
+  const baseId = useId3();
+  const hintId = useId3();
+  const errorId = useId3();
+  const [active, setActive] = useState(() => locales[0] ?? "");
+  const tabRefs = useRef({});
+  const format = formatLocale ?? ((locale) => locale);
+  const labelId = `${baseId}-label`;
+  if (locales.length === 0) {
+    return /* @__PURE__ */ jsxs3("div", { className: styles6.group, role: "group", "aria-labelledby": labelId, children: [
+      /* @__PURE__ */ jsx6("span", { className: styles6.groupLabel, id: labelId, children: label }),
+      /* @__PURE__ */ jsx6("p", { className: styles6.hint, children: "No locales are configured yet; add one under Settings." })
+    ] });
+  }
+  const activeLocale = locales.includes(active) ? active : locales[0];
+  const text = value?.[activeLocale] ?? "";
+  const baseErrors = pointer ? errorsAt(errors, pointer) : [];
+  const localeErrors = pointer ? errorsAt(errors, `${pointer}/${activeLocale}`) : [];
+  const shownErrors = [...baseErrors, ...localeErrors];
+  const hasErrors = shownErrors.length > 0;
+  const describedBy = [hint ? hintId : void 0, hasErrors ? errorId : void 0].filter(Boolean).join(" ") || void 0;
+  const setText = (next) => {
+    const record = { ...value ?? {} };
+    if (next === "") delete record[activeLocale];
+    else record[activeLocale] = next;
+    onChange(Object.keys(record).length === 0 ? void 0 : record);
+  };
+  const onTabKeyDown = (event) => {
+    const current = locales.indexOf(activeLocale);
+    let nextIndex;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        nextIndex = (current + 1) % locales.length;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        nextIndex = (current - 1 + locales.length) % locales.length;
+        break;
+      case "Home":
+        nextIndex = 0;
+        break;
+      case "End":
+        nextIndex = locales.length - 1;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    const nextLocale = locales[nextIndex];
+    if (nextLocale !== void 0) {
+      setActive(nextLocale);
+      tabRefs.current[nextLocale]?.focus();
+    }
+  };
+  const controlName = `${label} (${format(activeLocale)})`;
+  return /* @__PURE__ */ jsxs3("div", { className: styles6.group, role: "group", "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsxs3("span", { className: styles6.groupLabel, id: labelId, children: [
+      label,
+      required ? /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: " *" }) : null
+    ] }),
+    hint ? /* @__PURE__ */ jsx6("p", { className: styles6.hint, id: hintId, children: hint }) : null,
+    /* @__PURE__ */ jsx6("div", { className: styles6.tablist, role: "tablist", "aria-label": label, children: locales.map((locale) => {
+      const selected = locale === activeLocale;
+      const tabHasErrors = pointer ? hasErrorsUnder(errors, `${pointer}/${locale}`) : false;
+      return /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          ref: (element) => {
+            tabRefs.current[locale] = element;
+          },
+          type: "button",
+          role: "tab",
+          id: `${baseId}-tab-${locale}`,
+          "aria-selected": selected,
+          "aria-controls": `${baseId}-panel`,
+          tabIndex: selected ? 0 : -1,
+          className: `${styles6.tab} ${selected ? styles6.tabActive : ""}`,
+          onClick: () => {
+            setActive(locale);
+          },
+          onKeyDown: onTabKeyDown,
+          children: [
+            format(locale),
+            tabHasErrors ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+              /* @__PURE__ */ jsxs3("span", { className: styles6.tabError, "aria-hidden": "true", children: [
+                " ",
+                "\u25CF"
+              ] }),
+              /* @__PURE__ */ jsx6("span", { className: styles6.srOnly, children: " (has errors)" })
+            ] }) : null
+          ]
+        },
+        locale
+      );
+    }) }),
+    /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        role: "tabpanel",
+        id: `${baseId}-panel`,
+        "aria-labelledby": `${baseId}-tab-${activeLocale}`,
+        className: styles6.panel,
+        children: [
+          multiline ? /* @__PURE__ */ jsx6(
+            "textarea",
+            {
+              className: `${styles6.control} ${styles6.textarea}`,
+              value: text,
+              rows: 4,
+              "aria-label": controlName,
+              "aria-invalid": hasErrors || void 0,
+              "aria-required": required ? true : void 0,
+              "aria-describedby": describedBy,
+              onChange: (event) => {
+                setText(event.target.value);
+              }
+            }
+          ) : /* @__PURE__ */ jsx6(
+            "input",
+            {
+              className: styles6.control,
+              type: "text",
+              value: text,
+              "aria-label": controlName,
+              "aria-invalid": hasErrors || void 0,
+              "aria-required": required ? true : void 0,
+              "aria-describedby": describedBy,
+              onChange: (event) => {
+                setText(event.target.value);
+              }
+            }
+          ),
+          hasErrors ? /* @__PURE__ */ jsx6("ul", { className: styles6.errors, id: errorId, children: shownErrors.map((message, i) => /* @__PURE__ */ jsx6("li", { children: message }, i)) }) : null
+        ]
+      }
+    )
+  ] });
+}
+
+// src/admin/primitives/Repeater.tsx
+import styles7 from "../Repeater.module-MWSEKS4G.module.css";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function Repeater({
+  legend,
+  items,
+  onChange,
+  renderItem,
+  createItem,
+  keyOf,
+  itemLabel,
+  addLabel = "Add",
+  removeLabel = "Remove",
+  moveUpLabel = "Move up",
+  moveDownLabel = "Move down",
+  emptyHint
+}) {
+  const key = keyOf ?? ((_item, index) => String(index));
+  const update = (index, next) => {
+    const copy = items.slice();
+    copy[index] = next;
+    onChange(copy);
+  };
+  const remove = (index) => {
+    onChange(items.filter((_item, i) => i !== index));
+  };
+  const move = (from, to) => {
+    if (to < 0 || to >= items.length) return;
+    const copy = items.slice();
+    const [moved] = copy.splice(from, 1);
+    if (moved === void 0) return;
+    copy.splice(to, 0, moved);
+    onChange(copy);
+  };
+  return /* @__PURE__ */ jsxs4("fieldset", { className: styles7.fieldset, children: [
+    /* @__PURE__ */ jsx7("legend", { className: styles7.legend, children: legend }),
+    items.length === 0 && emptyHint ? /* @__PURE__ */ jsx7("p", { className: styles7.empty, children: emptyHint }) : null,
+    /* @__PURE__ */ jsx7("ol", { className: styles7.list, children: items.map((item, index) => {
+      const caption = itemLabel(item, index);
+      return /* @__PURE__ */ jsx7("li", { className: styles7.item, children: /* @__PURE__ */ jsxs4("div", { role: "group", "aria-label": caption, children: [
+        /* @__PURE__ */ jsxs4("div", { className: styles7.itemHeader, children: [
+          /* @__PURE__ */ jsx7("span", { className: styles7.itemCaption, children: caption }),
+          /* @__PURE__ */ jsxs4("div", { className: styles7.itemActions, children: [
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                className: styles7.iconButton,
+                "aria-label": `${moveUpLabel}: ${caption}`,
+                disabled: index === 0,
+                onClick: () => {
+                  move(index, index - 1);
+                },
+                children: "\u2191"
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                className: styles7.iconButton,
+                "aria-label": `${moveDownLabel}: ${caption}`,
+                disabled: index === items.length - 1,
+                onClick: () => {
+                  move(index, index + 1);
+                },
+                children: "\u2193"
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                className: styles7.removeButton,
+                "aria-label": `${removeLabel}: ${caption}`,
+                onClick: () => {
+                  remove(index);
+                },
+                children: removeLabel
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx7("div", { className: styles7.itemBody, children: renderItem(
+          item,
+          (next) => {
+            update(index, next);
+          },
+          index
+        ) })
+      ] }) }, key(item, index));
+    }) }),
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        className: styles7.addButton,
+        onClick: () => {
+          onChange([...items, createItem()]);
+        },
+        children: addLabel
+      }
+    )
+  ] });
+}
+
+// src/admin/admin-labels.ts
+var EN = {
+  "app.title": "takuhon admin",
+  "toolbar.label": "Editor actions",
+  "mode.label": "Editing mode",
+  "mode.form": "Form",
+  "mode.advanced": "Advanced (JSON)",
+  "action.save": "Save",
+  "action.reload": "Reload",
+  "action.export": "Export",
+  "action.import": "Import",
+  "action.add": "Add",
+  "action.remove": "Remove",
+  "action.moveUp": "Move up",
+  "action.moveDown": "Move down",
+  "status.saving": "Saving\u2026",
+  "status.saved": "Saved.",
+  "status.loading": "Loading\u2026",
+  "status.conflict": "The profile changed on the server since it was loaded. Reload, then reapply the edits.",
+  "status.invalid": "Some fields need attention before saving.",
+  "status.fixSummary": "Please fix the following:",
+  "status.error": "Something went wrong. Please try again.",
+  "status.imported": "Imported. Review the fields, then save to apply.",
+  "status.importInvalid": "The imported file is not a valid takuhon document.",
+  "section.profile": "Profile",
+  "section.about": "About",
+  "section.links": "Links",
+  "section.careers": "Experience",
+  "section.projects": "Projects",
+  "section.skills": "Skills",
+  "section.settings": "Settings",
+  "field.displayName": "Display name",
+  "field.tagline": "Tagline",
+  "field.bio": "Bio",
+  "field.avatarUrl": "Avatar URL",
+  "field.avatarAlt": "Avatar alternative text",
+  "field.location.country": "Country",
+  "field.location.region": "Region",
+  "field.location.locality": "Locality",
+  "field.location.display": "Location (display)",
+  "field.link.type": "Type",
+  "field.link.url": "URL",
+  "field.link.label": "Label",
+  "field.link.iconUrl": "Icon URL",
+  "field.link.featured": "Featured",
+  "field.career.organization": "Organization",
+  "field.career.role": "Role",
+  "field.career.description": "Description",
+  "field.career.startDate": "Start",
+  "field.career.endDate": "End",
+  "field.career.isCurrent": "Current position",
+  "field.career.url": "URL",
+  "field.project.title": "Title",
+  "field.project.description": "Description",
+  "field.project.url": "URL",
+  "field.project.tags": "Tags",
+  "field.project.highlighted": "Highlighted",
+  "field.project.startDate": "Start",
+  "field.project.endDate": "End",
+  "field.skill.label": "Label",
+  "field.skill.category": "Category",
+  "field.settings.defaultLocale": "Default locale",
+  "field.settings.fallbackLocale": "Fallback locale",
+  "field.settings.availableLocales": "Available locales",
+  "field.settings.theme": "Theme",
+  "field.settings.showPoweredBy": 'Show the "Powered by takuhon" footer',
+  "field.settings.enableJsonLd": "Emit Schema.org JSON-LD",
+  "field.settings.enableApi": "Expose the public read API",
+  "field.settings.enableAnalytics": "Enable first-party analytics",
+  "item.link": "Link",
+  "item.career": "Position",
+  "item.project": "Project",
+  "item.skill": "Skill",
+  "empty.links": "No links yet.",
+  "empty.careers": "No positions yet.",
+  "empty.projects": "No projects yet.",
+  "empty.skills": "No skills yet.",
+  "hint.avatarNoUpload": "Paste an image URL. Uploading image files is not available yet.",
+  "hint.month": "Format: YYYY-MM (e.g. 2024-03).",
+  "hint.country": "ISO 3166-1 alpha-2 code, e.g. US.",
+  "hint.tags": "Comma-separated.",
+  "hint.locales": "Comma-separated BCP-47 tags, e.g. en, ja. Drives the language tabs above.",
+  "advanced.hint": "Edit the entire document as JSON. Edits apply only while the JSON is valid.",
+  "advanced.invalid": "The JSON is not a valid takuhon document:",
+  "option.none": "(none)"
+};
+var DICTIONARIES = {
+  en: EN
+};
+function getAdminLabel(key, locale = "en") {
+  const exact = DICTIONARIES[locale]?.[key];
+  if (exact !== void 0) return exact;
+  const base = locale.split("-")[0];
+  const baseMatch = base ? DICTIONARIES[base]?.[key] : void 0;
+  return baseMatch ?? EN[key];
+}
+
+// src/admin/sections/ProfileForm.tsx
+import styles8 from "../sections.module-ZVBKZHDE.module.css";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var POINTER = "/profile";
+function isEmptyRecord(record) {
+  return !record || Object.keys(record).length === 0;
+}
+function ProfileForm({
+  value,
+  onChange,
+  locales,
+  errors = NO_FIELD_ERRORS,
+  formatLocale
+}) {
+  const updateAvatar = (patch) => {
+    const merged = { url: "", ...value.avatar, ...patch };
+    const keep = merged.url !== "" || !isEmptyRecord(merged.alt);
+    onChange({ ...value, avatar: keep ? merged : void 0 });
+  };
+  const updateLocation = (patch) => {
+    const merged = { ...value.location, ...patch };
+    const empty = !merged.country && !merged.region && isEmptyRecord(merged.locality) && isEmptyRecord(merged.display);
+    onChange({ ...value, location: empty ? void 0 : merged });
+  };
+  const headingId = "admin-section-profile";
+  return /* @__PURE__ */ jsxs5("section", { className: styles8.section, "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx8("h2", { className: styles8.heading, id: headingId, children: getAdminLabel("section.profile") }),
+    /* @__PURE__ */ jsx8(
+      LocaleTabs,
+      {
+        label: getAdminLabel("field.displayName"),
+        value: value.displayName,
+        locales,
+        onChange: (next) => {
+          onChange({ ...value, displayName: next ?? {} });
+        },
+        required: true,
+        pointer: `${POINTER}/displayName`,
+        errors,
+        formatLocale
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      LocaleTabs,
+      {
+        label: getAdminLabel("field.tagline"),
+        value: value.tagline,
+        locales,
+        onChange: (next) => {
+          onChange({ ...value, tagline: next });
+        },
+        pointer: `${POINTER}/tagline`,
+        errors,
+        formatLocale
+      }
+    ),
+    /* @__PURE__ */ jsx8("h3", { className: styles8.subheading, children: getAdminLabel("section.about") }),
+    /* @__PURE__ */ jsx8(
+      LocaleTabs,
+      {
+        label: getAdminLabel("field.bio"),
+        value: value.bio,
+        locales,
+        onChange: (next) => {
+          onChange({ ...value, bio: next });
+        },
+        multiline: true,
+        pointer: `${POINTER}/bio`,
+        errors,
+        formatLocale
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      TextField,
+      {
+        label: getAdminLabel("field.avatarUrl"),
+        type: "url",
+        value: value.avatar?.url ?? "",
+        onChange: (url) => {
+          updateAvatar({ url });
+        },
+        hint: getAdminLabel("hint.avatarNoUpload"),
+        errors: errorsAt(errors, `${POINTER}/avatar/url`)
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      LocaleTabs,
+      {
+        label: getAdminLabel("field.avatarAlt"),
+        value: value.avatar?.alt,
+        locales,
+        onChange: (next) => {
+          updateAvatar({ alt: next });
+        },
+        pointer: `${POINTER}/avatar/alt`,
+        errors,
+        formatLocale
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      TextField,
+      {
+        label: getAdminLabel("field.location.country"),
+        value: value.location?.country ?? "",
+        onChange: (country) => {
+          updateLocation({ country: country || void 0 });
+        },
+        hint: getAdminLabel("hint.country"),
+        errors: errorsAt(errors, `${POINTER}/location/country`)
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      TextField,
+      {
+        label: getAdminLabel("field.location.region"),
+        value: value.location?.region ?? "",
+        onChange: (region) => {
+          updateLocation({ region: region || void 0 });
+        },
+        errors: errorsAt(errors, `${POINTER}/location/region`)
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      LocaleTabs,
+      {
+        label: getAdminLabel("field.location.locality"),
+        value: value.location?.locality,
+        locales,
+        onChange: (next) => {
+          updateLocation({ locality: next });
+        },
+        pointer: `${POINTER}/location/locality`,
+        errors,
+        formatLocale
+      }
+    )
+  ] });
+}
+
+// src/admin/ids.ts
+function makeId(prefix, taken) {
+  const safe = prefix.toLowerCase().replace(/[^a-z0-9-]/g, "") || "item";
+  const used = new Set(taken);
+  let n = 1;
+  while (used.has(`${safe}-${String(n)}`)) n += 1;
+  return `${safe}-${String(n)}`;
+}
+
+// src/admin/sections/LinksForm.tsx
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var LINK_TYPES = [
+  "website",
+  "blog",
+  "github",
+  "gitlab",
+  "linkedin",
+  "x",
+  "mastodon",
+  "bluesky",
+  "instagram",
+  "youtube",
+  "threads",
+  "facebook",
+  "email",
+  "rss",
+  "custom"
+];
+function retypeLink(link, type) {
+  if (type === "custom") {
+    return {
+      id: link.id,
+      url: link.url,
+      label: link.label,
+      featured: link.featured,
+      order: link.order,
+      type: "custom",
+      iconUrl: link.iconUrl ?? ""
+    };
+  }
+  const builtin = {
+    id: link.id,
+    url: link.url,
+    label: link.label,
+    featured: link.featured,
+    order: link.order,
+    type
+  };
+  if (link.iconUrl) builtin.iconUrl = link.iconUrl;
+  return builtin;
+}
+function setIconUrl(link, iconUrl) {
+  if (link.type === "custom") return { ...link, iconUrl };
+  return { ...link, iconUrl: iconUrl || void 0 };
+}
+function LinksForm({
+  value,
+  onChange,
+  locales,
+  errors = NO_FIELD_ERRORS,
+  formatLocale
+}) {
+  return /* @__PURE__ */ jsx9(
+    Repeater,
+    {
+      legend: getAdminLabel("section.links"),
+      items: value,
+      onChange,
+      keyOf: (link) => link.id,
+      itemLabel: (link, index) => link.url || `${getAdminLabel("item.link")} ${String(index + 1)}`,
+      createItem: () => ({
+        id: makeId(
+          "link",
+          value.map((l) => l.id)
+        ),
+        type: "website",
+        url: ""
+      }),
+      addLabel: getAdminLabel("action.add"),
+      removeLabel: getAdminLabel("action.remove"),
+      moveUpLabel: getAdminLabel("action.moveUp"),
+      moveDownLabel: getAdminLabel("action.moveDown"),
+      emptyHint: getAdminLabel("empty.links"),
+      renderItem: (link, update, index) => {
+        const at = `/links/${String(index)}`;
+        return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          /* @__PURE__ */ jsx9(
+            SelectField,
+            {
+              label: getAdminLabel("field.link.type"),
+              value: link.type,
+              options: LINK_TYPES.map((t) => ({ value: t, label: t })),
+              onChange: (t) => {
+                update(retypeLink(link, t));
+              },
+              errors: errorsAt(errors, `${at}/type`)
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            TextField,
+            {
+              label: getAdminLabel("field.link.url"),
+              type: "url",
+              value: link.url,
+              onChange: (url) => {
+                update({ ...link, url });
+              },
+              required: true,
+              errors: errorsAt(errors, `${at}/url`)
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            LocaleTabs,
+            {
+              label: getAdminLabel("field.link.label"),
+              value: link.label,
+              locales,
+              onChange: (next) => {
+                update({ ...link, label: next });
+              },
+              pointer: `${at}/label`,
+              errors,
+              formatLocale
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            TextField,
+            {
+              label: getAdminLabel("field.link.iconUrl"),
+              type: "url",
+              value: link.iconUrl ?? "",
+              onChange: (iconUrl) => {
+                update(setIconUrl(link, iconUrl));
+              },
+              required: link.type === "custom",
+              errors: errorsAt(errors, `${at}/iconUrl`)
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            CheckboxField,
+            {
+              label: getAdminLabel("field.link.featured"),
+              checked: link.featured ?? false,
+              onChange: (featured) => {
+                update({ ...link, featured: featured || void 0 });
+              }
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+
+// src/admin/localized.ts
+function firstLocalized(record, locales) {
+  if (!record) return "";
+  for (const locale of locales) {
+    const value = record[locale];
+    if (value) return value;
+  }
+  return Object.values(record).find((value) => value !== "") ?? "";
+}
+
+// src/admin/sections/CareersForm.tsx
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function CareersForm({
+  value,
+  onChange,
+  locales,
+  errors = NO_FIELD_ERRORS,
+  formatLocale
+}) {
+  return /* @__PURE__ */ jsx10(
+    Repeater,
+    {
+      legend: getAdminLabel("section.careers"),
+      items: value,
+      onChange,
+      keyOf: (career) => career.id,
+      itemLabel: (career, index) => firstLocalized(career.organization, locales) || `${getAdminLabel("item.career")} ${String(index + 1)}`,
+      createItem: () => ({
+        id: makeId(
+          "career",
+          value.map((c) => c.id)
+        ),
+        organization: {},
+        role: {},
+        startDate: ""
+      }),
+      addLabel: getAdminLabel("action.add"),
+      removeLabel: getAdminLabel("action.remove"),
+      moveUpLabel: getAdminLabel("action.moveUp"),
+      moveDownLabel: getAdminLabel("action.moveDown"),
+      emptyHint: getAdminLabel("empty.careers"),
+      renderItem: (career, update, index) => {
+        const at = `/careers/${String(index)}`;
+        return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          /* @__PURE__ */ jsx10(
+            LocaleTabs,
+            {
+              label: getAdminLabel("field.career.organization"),
+              value: career.organization,
+              locales,
+              onChange: (next) => {
+                update({ ...career, organization: next ?? {} });
+              },
+              required: true,
+              pointer: `${at}/organization`,
+              errors,
+              formatLocale
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            LocaleTabs,
+            {
+              label: getAdminLabel("field.career.role"),
+              value: career.role,
+              locales,
+              onChange: (next) => {
+                update({ ...career, role: next ?? {} });
+              },
+              required: true,
+              pointer: `${at}/role`,
+              errors,
+              formatLocale
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            TextField,
+            {
+              label: getAdminLabel("field.career.startDate"),
+              type: "month",
+              value: career.startDate,
+              onChange: (startDate) => {
+                update({ ...career, startDate });
+              },
+              required: true,
+              hint: getAdminLabel("hint.month"),
+              errors: errorsAt(errors, `${at}/startDate`)
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            TextField,
+            {
+              label: getAdminLabel("field.career.endDate"),
+              type: "month",
+              value: career.endDate ?? "",
+              onChange: (endDate) => {
+                update({ ...career, endDate: endDate || void 0 });
+              },
+              hint: getAdminLabel("hint.month"),
+              errors: errorsAt(errors, `${at}/endDate`)
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            CheckboxField,
+            {
+              label: getAdminLabel("field.career.isCurrent"),
+              checked: career.isCurrent ?? false,
+              onChange: (isCurrent) => {
+                update({ ...career, isCurrent: isCurrent || void 0 });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            LocaleTabs,
+            {
+              label: getAdminLabel("field.career.description"),
+              value: career.description,
+              locales,
+              onChange: (next) => {
+                update({ ...career, description: next });
+              },
+              multiline: true,
+              pointer: `${at}/description`,
+              errors,
+              formatLocale
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            TextField,
+            {
+              label: getAdminLabel("field.career.url"),
+              type: "url",
+              value: career.url ?? "",
+              onChange: (url) => {
+                update({ ...career, url: url || void 0 });
+              },
+              errors: errorsAt(errors, `${at}/url`)
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+
+// src/admin/sections/ProjectsForm.tsx
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } 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;
+}
+function ProjectsForm({
+  value,
+  onChange,
+  locales,
+  errors = NO_FIELD_ERRORS,
+  formatLocale
+}) {
+  return /* @__PURE__ */ jsx11(
+    Repeater,
+    {
+      legend: getAdminLabel("section.projects"),
+      items: value,
+      onChange,
+      keyOf: (project) => project.id,
+      itemLabel: (project, index) => firstLocalized(project.title, locales) || `${getAdminLabel("item.project")} ${String(index + 1)}`,
+      createItem: () => ({
+        id: makeId(
+          "project",
+          value.map((p) => p.id)
+        ),
+        title: {}
+      }),
+      addLabel: getAdminLabel("action.add"),
+      removeLabel: getAdminLabel("action.remove"),
+      moveUpLabel: getAdminLabel("action.moveUp"),
+      moveDownLabel: getAdminLabel("action.moveDown"),
+      emptyHint: getAdminLabel("empty.projects"),
+      renderItem: (project, update, index) => {
+        const at = `/projects/${String(index)}`;
+        return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+          /* @__PURE__ */ jsx11(
+            LocaleTabs,
+            {
+              label: getAdminLabel("field.project.title"),
+              value: project.title,
+              locales,
+              onChange: (next) => {
+                update({ ...project, title: next ?? {} });
+              },
+              required: true,
+              pointer: `${at}/title`,
+              errors,
+              formatLocale
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            LocaleTabs,
+            {
+              label: getAdminLabel("field.project.description"),
+              value: project.description,
+              locales,
+              onChange: (next) => {
+                update({ ...project, description: next });
+              },
+              multiline: true,
+              pointer: `${at}/description`,
+              errors,
+              formatLocale
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            TextField,
+            {
+              label: getAdminLabel("field.project.url"),
+              type: "url",
+              value: project.url ?? "",
+              onChange: (url) => {
+                update({ ...project, url: url || void 0 });
+              },
+              errors: errorsAt(errors, `${at}/url`)
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            TextField,
+            {
+              label: getAdminLabel("field.project.tags"),
+              value: (project.tags ?? []).join(", "),
+              onChange: (input) => {
+                update({ ...project, tags: parseTags(input) });
+              },
+              hint: getAdminLabel("hint.tags"),
+              errors: collectErrorsUnder(errors, `${at}/tags`)
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            TextField,
+            {
+              label: getAdminLabel("field.project.startDate"),
+              type: "month",
+              value: project.startDate ?? "",
+              onChange: (startDate) => {
+                update({ ...project, startDate: startDate || void 0 });
+              },
+              hint: getAdminLabel("hint.month"),
+              errors: errorsAt(errors, `${at}/startDate`)
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            TextField,
+            {
+              label: getAdminLabel("field.project.endDate"),
+              type: "month",
+              value: project.endDate ?? "",
+              onChange: (endDate) => {
+                update({ ...project, endDate: endDate || void 0 });
+              },
+              hint: getAdminLabel("hint.month"),
+              errors: errorsAt(errors, `${at}/endDate`)
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            CheckboxField,
+            {
+              label: getAdminLabel("field.project.highlighted"),
+              checked: project.highlighted ?? false,
+              onChange: (highlighted) => {
+                update({ ...project, highlighted: highlighted || void 0 });
+              }
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+
+// src/admin/sections/SkillsForm.tsx
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+function SkillsForm({
+  value,
+  onChange,
+  errors = NO_FIELD_ERRORS
+}) {
+  return /* @__PURE__ */ jsx12(
+    Repeater,
+    {
+      legend: getAdminLabel("section.skills"),
+      items: value,
+      onChange,
+      keyOf: (skill) => skill.id,
+      itemLabel: (skill, index) => skill.label || `${getAdminLabel("item.skill")} ${String(index + 1)}`,
+      createItem: () => ({
+        id: makeId(
+          "skill",
+          value.map((s) => s.id)
+        ),
+        label: ""
+      }),
+      addLabel: getAdminLabel("action.add"),
+      removeLabel: getAdminLabel("action.remove"),
+      moveUpLabel: getAdminLabel("action.moveUp"),
+      moveDownLabel: getAdminLabel("action.moveDown"),
+      emptyHint: getAdminLabel("empty.skills"),
+      renderItem: (skill, update, index) => {
+        const at = `/skills/${String(index)}`;
+        return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx12(
+            TextField,
+            {
+              label: getAdminLabel("field.skill.label"),
+              value: skill.label,
+              onChange: (label) => {
+                update({ ...skill, label });
+              },
+              required: true,
+              errors: errorsAt(errors, `${at}/label`)
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            TextField,
+            {
+              label: getAdminLabel("field.skill.category"),
+              value: skill.category ?? "",
+              onChange: (category) => {
+                update({ ...skill, category: category || void 0 });
+              },
+              errors: errorsAt(errors, `${at}/category`)
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+
+// src/admin/sections/SettingsForm.tsx
+import styles9 from "../sections.module-ZVBKZHDE.module.css";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function parseLocales(input) {
+  return input.split(",").map((tag) => tag.trim()).filter((tag) => tag !== "");
+}
+function SettingsForm({
+  value,
+  onChange,
+  errors = NO_FIELD_ERRORS,
+  formatLocale
+}) {
+  const format = formatLocale ?? ((locale) => locale);
+  const localeOptions = value.availableLocales.map((locale) => ({
+    value: locale,
+    label: format(locale)
+  }));
+  const headingId = "admin-section-settings";
+  return /* @__PURE__ */ jsxs10("section", { className: styles9.section, "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx13("h2", { className: styles9.heading, id: headingId, children: getAdminLabel("section.settings") }),
+    /* @__PURE__ */ jsx13(
+      TextField,
+      {
+        label: getAdminLabel("field.settings.availableLocales"),
+        value: value.availableLocales.join(", "),
+        onChange: (input) => {
+          onChange({ ...value, availableLocales: parseLocales(input) });
+        },
+        required: true,
+        hint: getAdminLabel("hint.locales"),
+        errors: collectErrorsUnder(errors, "/settings/availableLocales")
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      SelectField,
+      {
+        label: getAdminLabel("field.settings.defaultLocale"),
+        value: value.defaultLocale,
+        options: localeOptions,
+        onChange: (defaultLocale) => {
+          onChange({ ...value, defaultLocale });
+        },
+        required: true,
+        errors: errorsAt(errors, "/settings/defaultLocale")
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      SelectField,
+      {
+        label: getAdminLabel("field.settings.fallbackLocale"),
+        value: value.fallbackLocale ?? "",
+        options: [{ value: "", label: getAdminLabel("option.none") }, ...localeOptions],
+        onChange: (fallbackLocale) => {
+          onChange({ ...value, fallbackLocale: fallbackLocale || void 0 });
+        },
+        errors: errorsAt(errors, "/settings/fallbackLocale")
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      TextField,
+      {
+        label: getAdminLabel("field.settings.theme"),
+        value: value.theme ?? "",
+        onChange: (theme) => {
+          onChange({ ...value, theme: theme || void 0 });
+        },
+        errors: errorsAt(errors, "/settings/theme")
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      CheckboxField,
+      {
+        label: getAdminLabel("field.settings.showPoweredBy"),
+        checked: value.showPoweredBy ?? true,
+        onChange: (showPoweredBy) => {
+          onChange({ ...value, showPoweredBy });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      CheckboxField,
+      {
+        label: getAdminLabel("field.settings.enableJsonLd"),
+        checked: value.enableJsonLd ?? true,
+        onChange: (enableJsonLd) => {
+          onChange({ ...value, enableJsonLd });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      CheckboxField,
+      {
+        label: getAdminLabel("field.settings.enableApi"),
+        checked: value.enableApi ?? true,
+        onChange: (enableApi) => {
+          onChange({ ...value, enableApi });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      CheckboxField,
+      {
+        label: getAdminLabel("field.settings.enableAnalytics"),
+        checked: value.enableAnalytics ?? false,
+        onChange: (enableAnalytics) => {
+          onChange({ ...value, enableAnalytics });
+        }
+      }
+    )
+  ] });
+}
+
+// src/admin/RawJsonEditor.tsx
+import { validate } from "@takuhon/core";
+import { useId as useId4, useState as useState2 } from "react";
+import styles10 from "../RawJsonEditor.module-NGGM3IBY.module.css";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var MAX_SHOWN_PROBLEMS = 50;
+function RawJsonEditor({ value, onChange }) {
+  const [text, setText] = useState2(() => JSON.stringify(value, null, 2));
+  const [problems, setProblems] = useState2([]);
+  const labelId = useId4();
+  const errorId = useId4();
+  const apply = (next) => {
+    setText(next);
+    let parsed;
+    try {
+      parsed = JSON.parse(next);
+    } catch (error) {
+      setProblems([error instanceof Error ? error.message : "Invalid JSON."]);
+      return;
+    }
+    const result = validate(parsed);
+    if (!result.ok) {
+      setProblems(
+        result.errors.slice(0, MAX_SHOWN_PROBLEMS).map((error) => `${error.pointer || "/"}: ${error.message}`)
+      );
+      return;
+    }
+    setProblems([]);
+    onChange(result.data);
+  };
+  const hasProblems = problems.length > 0;
+  return /* @__PURE__ */ jsxs11("section", { className: styles10.wrapper, "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsx14("h2", { className: styles10.heading, id: labelId, children: getAdminLabel("mode.advanced") }),
+    /* @__PURE__ */ jsx14("p", { className: styles10.hint, children: getAdminLabel("advanced.hint") }),
+    /* @__PURE__ */ jsx14(
+      "textarea",
+      {
+        className: styles10.textarea,
+        value: text,
+        spellCheck: false,
+        "aria-label": getAdminLabel("mode.advanced"),
+        "aria-invalid": hasProblems || void 0,
+        "aria-describedby": hasProblems ? errorId : void 0,
+        onChange: (event) => {
+          apply(event.target.value);
+        }
+      }
+    ),
+    hasProblems ? /* @__PURE__ */ jsxs11("div", { className: styles10.problems, id: errorId, role: "alert", children: [
+      /* @__PURE__ */ jsx14("p", { className: styles10.problemsTitle, children: getAdminLabel("advanced.invalid") }),
+      /* @__PURE__ */ jsx14("ul", { children: problems.map((problem, i) => /* @__PURE__ */ jsx14("li", { children: problem }, i)) })
+    ] }) : null
+  ] });
+}
+
+// src/admin/AdminEditor.tsx
+import { validate as validate2 } from "@takuhon/core";
+import { useRef as useRef2, useState as useState3 } from "react";
+import styles11 from "../AdminEditor.module-ABYQXFN4.module.css";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function AdminEditor({
+  initialDocument,
+  onSave,
+  onReload,
+  onExport,
+  onImport,
+  formatLocale
+}) {
+  const [draft, setDraft] = useState3(initialDocument);
+  const [mode, setMode] = useState3("form");
+  const [errors, setErrors] = useState3(NO_FIELD_ERRORS);
+  const [status, setStatus] = useState3(null);
+  const [busy, setBusy] = useState3(false);
+  const [loadGen, setLoadGen] = useState3(0);
+  const intentRef = useRef2(0);
+  const locales = draft.settings.availableLocales;
+  const updateDraft = (next) => {
+    intentRef.current += 1;
+    setDraft(next);
+    setErrors(NO_FIELD_ERRORS);
+    setStatus(null);
+  };
+  const loadDocument = (next, message) => {
+    intentRef.current += 1;
+    setDraft(next);
+    setErrors(NO_FIELD_ERRORS);
+    setStatus(message);
+    setLoadGen((generation) => generation + 1);
+  };
+  const handleSave = async () => {
+    const result = validate2(draft);
+    if (!result.ok) {
+      setErrors(indexValidationErrors(result.errors));
+      setStatus({ tone: "error", message: getAdminLabel("status.invalid") });
+      return;
+    }
+    setErrors(NO_FIELD_ERRORS);
+    intentRef.current += 1;
+    const intent = intentRef.current;
+    setBusy(true);
+    setStatus({ tone: "info", message: getAdminLabel("status.saving") });
+    try {
+      const outcome = await onSave(result.data);
+      if (intent !== intentRef.current) return;
+      switch (outcome.status) {
+        case "saved":
+          setStatus({ tone: "success", message: getAdminLabel("status.saved") });
+          break;
+        case "conflict":
+          setStatus({ tone: "error", message: getAdminLabel("status.conflict") });
+          break;
+        case "invalid":
+          setErrors(indexErrors(outcome.errors));
+          setStatus({ tone: "error", message: getAdminLabel("status.invalid") });
+          break;
+        case "error":
+          setStatus({ tone: "error", message: outcome.message ?? getAdminLabel("status.error") });
+          break;
+      }
+    } catch {
+      if (intent === intentRef.current) {
+        setStatus({ tone: "error", message: getAdminLabel("status.error") });
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+  const handleReload = async () => {
+    if (!onReload) return;
+    setBusy(true);
+    setStatus({ tone: "info", message: getAdminLabel("status.loading") });
+    try {
+      const next = await onReload();
+      loadDocument(next, null);
+    } catch {
+      setStatus({ tone: "error", message: getAdminLabel("status.error") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const handleImport = async () => {
+    if (!onImport) return;
+    try {
+      const raw = await onImport();
+      if (raw === void 0) return;
+      const result = validate2(raw);
+      if (!result.ok) {
+        setStatus({ tone: "error", message: getAdminLabel("status.importInvalid") });
+        return;
+      }
+      loadDocument(result.data, {
+        tone: "info",
+        message: getAdminLabel("status.imported")
+      });
+    } catch {
+      setStatus({ tone: "error", message: getAdminLabel("status.error") });
+    }
+  };
+  const errorEntries = [...errors].flatMap(
+    ([pointer, messages]) => messages.map((message) => ({ pointer, message }))
+  );
+  return /* @__PURE__ */ jsxs12("div", { className: styles11.editor, children: [
+    /* @__PURE__ */ jsxs12("div", { className: styles11.toolbar, role: "toolbar", "aria-label": getAdminLabel("toolbar.label"), children: [
+      /* @__PURE__ */ jsxs12("div", { className: styles11.modes, role: "group", "aria-label": getAdminLabel("mode.label"), children: [
+        /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            className: `${styles11.modeButton} ${mode === "form" ? styles11.modeActive : ""}`,
+            "aria-pressed": mode === "form",
+            onClick: () => {
+              setMode("form");
+            },
+            children: getAdminLabel("mode.form")
+          }
+        ),
+        /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            className: `${styles11.modeButton} ${mode === "advanced" ? styles11.modeActive : ""}`,
+            "aria-pressed": mode === "advanced",
+            onClick: () => {
+              setMode("advanced");
+            },
+            children: getAdminLabel("mode.advanced")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs12("div", { className: styles11.actions, children: [
+        /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            className: styles11.primary,
+            disabled: busy,
+            onClick: () => {
+              void handleSave();
+            },
+            children: getAdminLabel("action.save")
+          }
+        ),
+        onReload ? /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            className: styles11.secondary,
+            disabled: busy,
+            onClick: () => {
+              void handleReload();
+            },
+            children: getAdminLabel("action.reload")
+          }
+        ) : null,
+        onExport ? /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            className: styles11.secondary,
+            onClick: () => {
+              onExport(draft);
+            },
+            children: getAdminLabel("action.export")
+          }
+        ) : null,
+        onImport ? /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            className: styles11.secondary,
+            disabled: busy,
+            onClick: () => {
+              void handleImport();
+            },
+            children: getAdminLabel("action.import")
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx15("p", { className: styles11.status, role: "status", "aria-live": "polite", "data-tone": status?.tone, children: status?.message ?? "" }),
+    errorEntries.length > 0 ? /* @__PURE__ */ jsxs12("section", { className: styles11.summary, "aria-labelledby": "admin-error-summary", children: [
+      /* @__PURE__ */ jsx15("h2", { className: styles11.summaryHeading, id: "admin-error-summary", children: getAdminLabel("status.fixSummary") }),
+      /* @__PURE__ */ jsx15("ul", { children: errorEntries.map((entry, i) => /* @__PURE__ */ jsx15("li", { children: entry.pointer === "" ? entry.message : `${entry.pointer.replace(/^\//, "")}: ${entry.message}` }, i)) })
+    ] }) : null,
+    mode === "form" ? /* @__PURE__ */ jsxs12("div", { className: styles11.sections, children: [
+      /* @__PURE__ */ jsx15(
+        ProfileForm,
+        {
+          value: draft.profile,
+          onChange: (profile) => {
+            updateDraft({ ...draft, profile });
+          },
+          locales,
+          errors,
+          formatLocale
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        LinksForm,
+        {
+          value: draft.links,
+          onChange: (links) => {
+            updateDraft({ ...draft, links });
+          },
+          locales,
+          errors,
+          formatLocale
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        CareersForm,
+        {
+          value: draft.careers,
+          onChange: (careers) => {
+            updateDraft({ ...draft, careers });
+          },
+          locales,
+          errors,
+          formatLocale
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        ProjectsForm,
+        {
+          value: draft.projects,
+          onChange: (projects) => {
+            updateDraft({ ...draft, projects });
+          },
+          locales,
+          errors,
+          formatLocale
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        SkillsForm,
+        {
+          value: draft.skills,
+          onChange: (skills) => {
+            updateDraft({ ...draft, skills });
+          },
+          errors
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        SettingsForm,
+        {
+          value: draft.settings,
+          onChange: (settings) => {
+            updateDraft({ ...draft, settings });
+          },
+          errors,
+          formatLocale
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx15(RawJsonEditor, { value: draft, onChange: updateDraft }, loadGen)
+  ] });
+}
+export {
+  AdminEditor,
+  CareersForm,
+  CheckboxField,
+  Field,
+  LinksForm,
+  LocaleTabs,
+  NO_FIELD_ERRORS,
+  ProfileForm,
+  ProjectsForm,
+  RawJsonEditor,
+  Repeater,
+  SelectField,
+  SettingsForm,
+  SkillsForm,
+  TextAreaField,
+  TextField,
+  canonicalPointer,
+  collectErrorsUnder,
+  errorsAt,
+  getAdminLabel,
+  hasErrorsUnder,
+  indexErrors,
+  indexValidationErrors
+};
+//# sourceMappingURL=index.js.map