@realiizlabs/admin 0.1.1 → 0.7.1

package/dist/forms/index.d.cts

@@ -0,0 +1,48 @@
+import { C as ContentTypeEntry, F as FieldSpec } from '../types-DsSMscTh.cjs';
+export { a as Constraints, b as FieldRole, I as InputKind, M as Messages, O as OptionsSource } from '../types-DsSMscTh.cjs';
+import { ZodType } from 'zod';
+
+/**
+ * walkSchema — a zod object schema (+ optional registry entry) → FieldSpec[].
+ *
+ * Synchronous and pure. Reads the schema's shape and checks; never parses a
+ * value, never calls an options resolver, never imports zod at runtime.
+ *
+ * Roles from the registry override the schema-derived input kind: a field the
+ * entry names as an image is `role: "image"` even though zod sees a string.
+ * Hidden fields are still emitted so a renderer can carry their values through.
+ */
+
+type Entry = Partial<Omit<ContentTypeEntry, "schema" | "filename" | "id" | "label" | "folder">>;
+declare function walkSchema(schema: unknown, entry?: Entry): FieldSpec[];
+
+/**
+ * defineContentType — validate a registry entry against the schema it describes.
+ *
+ * Validation is hand-rolled rather than a zod schema on purpose: this module
+ * must not import zod at runtime (the host's instance is the only one that
+ * should exist). The checks are small and the errors name the bad key.
+ */
+
+declare function defineContentType<S extends ZodType>(entry: ContentTypeEntry<S>): ContentTypeEntry<S>;
+
+/**
+ * Labels and placeholders.
+ *
+ * Precedence (decided 2026-09-08):
+ *   label:       registry.labels[name] → .meta({ label }) → .describe() → titlecase(name)
+ *   placeholder: registry.placeholders[name] → .meta({ placeholder }) → undefined
+ *
+ * The registry tier exists for schemas that can't be edited yet (5degrees
+ * until its repo transfer). The meta tier is the intended home — one source of
+ * truth beside the validation rules. Titlecase is the floor, and it is naive on
+ * purpose: an acronym coming out as "Rsvp url" is the signal that a real label
+ * is missing.
+ *
+ * Meta is read from zod's global registry via the schema's own `meta()` /
+ * `description` accessors, so no zod value is imported here.
+ */
+
+declare function titlecase(name: string): string;
+
+export { ContentTypeEntry, FieldSpec, defineContentType, titlecase, walkSchema };

package/dist/forms/index.d.ts

@@ -0,0 +1,48 @@
+import { C as ContentTypeEntry, F as FieldSpec } from '../types-DsSMscTh.js';
+export { a as Constraints, b as FieldRole, I as InputKind, M as Messages, O as OptionsSource } from '../types-DsSMscTh.js';
+import { ZodType } from 'zod';
+
+/**
+ * walkSchema — a zod object schema (+ optional registry entry) → FieldSpec[].
+ *
+ * Synchronous and pure. Reads the schema's shape and checks; never parses a
+ * value, never calls an options resolver, never imports zod at runtime.
+ *
+ * Roles from the registry override the schema-derived input kind: a field the
+ * entry names as an image is `role: "image"` even though zod sees a string.
+ * Hidden fields are still emitted so a renderer can carry their values through.
+ */
+
+type Entry = Partial<Omit<ContentTypeEntry, "schema" | "filename" | "id" | "label" | "folder">>;
+declare function walkSchema(schema: unknown, entry?: Entry): FieldSpec[];
+
+/**
+ * defineContentType — validate a registry entry against the schema it describes.
+ *
+ * Validation is hand-rolled rather than a zod schema on purpose: this module
+ * must not import zod at runtime (the host's instance is the only one that
+ * should exist). The checks are small and the errors name the bad key.
+ */
+
+declare function defineContentType<S extends ZodType>(entry: ContentTypeEntry<S>): ContentTypeEntry<S>;
+
+/**
+ * Labels and placeholders.
+ *
+ * Precedence (decided 2026-09-08):
+ *   label:       registry.labels[name] → .meta({ label }) → .describe() → titlecase(name)
+ *   placeholder: registry.placeholders[name] → .meta({ placeholder }) → undefined
+ *
+ * The registry tier exists for schemas that can't be edited yet (5degrees
+ * until its repo transfer). The meta tier is the intended home — one source of
+ * truth beside the validation rules. Titlecase is the floor, and it is naive on
+ * purpose: an acronym coming out as "Rsvp url" is the signal that a real label
+ * is missing.
+ *
+ * Meta is read from zod's global registry via the schema's own `meta()` /
+ * `description` accessors, so no zod value is imported here.
+ */
+
+declare function titlecase(name: string): string;
+
+export { ContentTypeEntry, FieldSpec, defineContentType, titlecase, walkSchema };

package/dist/forms/index.js

@@ -0,0 +1,3 @@
+export { defineContentType, titlecase, walkSchema } from '../chunk-IS52OXZ2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/forms-ui/index.cjs

@@ -0,0 +1,584 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/forms-ui/ContentForm.tsx
+
+// src/forms/internals.ts
+function asNode(schema, what = "schema") {
+  const n = schema;
+  if (!n || typeof n !== "object" || !n._zod?.def?.type) {
+    throw new TypeError(`walkSchema: ${what} is not a zod 4 schema`);
+  }
+  return n;
+}
+function checkMessage(def) {
+  const e = def.error;
+  if (!e) return void 0;
+  if (typeof e === "string") return e;
+  const out = e({});
+  if (typeof out === "string") return out;
+  return out?.message;
+}
+
+// src/forms/checks.ts
+function readChecks(node) {
+  const constraints = {};
+  const messages = {};
+  for (const c of node._zod.def.checks ?? []) {
+    const d = c._zod.def;
+    const msg = checkMessage(d);
+    let key;
+    switch (d.check) {
+      case "min_length":
+        constraints.min = d.minimum;
+        key = "min_length";
+        break;
+      case "max_length":
+        constraints.max = d.maximum;
+        key = "max_length";
+        break;
+      case "length_equals":
+        constraints.exact = d.length;
+        key = "length_equals";
+        break;
+      case "greater_than":
+        constraints.min = d.inclusive ? d.value : (d.value ?? 0) + 1;
+        key = "greater_than";
+        break;
+      case "less_than":
+        constraints.max = d.inclusive ? d.value : (d.value ?? 0) - 1;
+        key = "less_than";
+        break;
+      case "string_format":
+        if (d.format === "regex" && d.pattern) {
+          constraints.pattern = d.pattern.source;
+          constraints.format = "regex";
+          key = "regex";
+        } else if (d.format === "url" || d.format === "email") {
+          constraints.format = d.format;
+          key = d.format;
+        } else {
+          key = d.format;
+        }
+        break;
+      case "number_format":
+        if (d.format === "safeint" || d.format === "int32") {
+          constraints.format = "int";
+          key = "int";
+        }
+        break;
+      case "custom":
+        key = "custom";
+        break;
+      default:
+        key = d.check;
+    }
+    if (key && msg) messages[key] = msg;
+  }
+  return { constraints, messages };
+}
+
+// src/forms/unwrap.ts
+function unwrap(start) {
+  let node = start;
+  let required = true;
+  for (let i = 0; i < 16; i++) {
+    const def = node._zod.def;
+    if (def.type === "optional" || def.type === "nullable" || def.type === "default") {
+      required = false;
+      if (!def.innerType) break;
+      node = def.innerType;
+    } else if (def.type === "pipe") {
+      const next = def.out ?? def.in;
+      if (!next) break;
+      node = next;
+    } else {
+      break;
+    }
+  }
+  return { node, type: node._zod.def.type, required };
+}
+
+// src/forms/inputs.ts
+var TEXTAREA_MIN_MAX = 120;
+function inputFor(node) {
+  const def = node._zod.def;
+  const { constraints, messages } = readChecks(node);
+  switch (def.type) {
+    case "string": {
+      if (constraints.format === "url") return { input: "url", constraints, messages };
+      const long = (constraints.max ?? 0) > TEXTAREA_MIN_MAX;
+      return { input: long ? "textarea" : "text", constraints, messages };
+    }
+    case "date":
+      return { input: "date", constraints, messages };
+    case "number":
+    case "int":
+      return { input: "number", constraints, messages };
+    case "boolean":
+      return { input: "boolean", constraints, messages };
+    case "enum":
+    case "literal": {
+      const options = Object.values(def.entries ?? {}).map(String);
+      return { input: "select", constraints, messages, options };
+    }
+    case "array": {
+      if (def.element) {
+        const item = unwrap(def.element);
+        const inner = readChecks(item.node);
+        constraints.item = inner;
+      }
+      return { input: "tags", constraints, messages };
+    }
+    default:
+      return { input: "text", constraints, messages };
+  }
+}
+
+// src/forms/labels.ts
+function readMeta(schema) {
+  const s = schema;
+  const raw = typeof s.meta === "function" ? s.meta() ?? {} : {};
+  const pick = (k) => typeof raw[k] === "string" ? raw[k] : void 0;
+  return {
+    label: pick("label"),
+    placeholder: pick("placeholder"),
+    description: pick("description") ?? (typeof s.description === "string" ? s.description : void 0)
+  };
+}
+function titlecase(name) {
+  const words = name.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").toLowerCase().trim();
+  return words.charAt(0).toUpperCase() + words.slice(1);
+}
+function labelFor(name, schema, entry) {
+  const fromRegistry = entry?.labels?.[name];
+  if (fromRegistry) return fromRegistry;
+  const meta = readMeta(schema);
+  return meta.label ?? meta.description ?? titlecase(name);
+}
+function placeholderFor(name, schema, entry) {
+  return entry?.placeholders?.[name] ?? readMeta(schema).placeholder;
+}
+
+// src/forms/walk.ts
+function walkSchema(schema, entry = {}) {
+  const root = asNode(schema);
+  const shape = shapeOf(root);
+  const names = Object.keys(shape);
+  const specs = names.map((name) => {
+    const raw = shape[name];
+    const { node, required } = unwrap(raw);
+    const info = inputFor(node);
+    const role = roleFor(name, entry);
+    return {
+      name,
+      label: labelFor(name, raw, entry),
+      input: role === "image" ? "image" : info.input,
+      required,
+      constraints: info.constraints,
+      messages: info.messages,
+      placeholder: placeholderFor(name, raw, entry),
+      order: 0,
+      role,
+      options: entry.options?.[name] ?? info.options
+    };
+  });
+  return applyOrder(specs, entry.order ?? []);
+}
+function shapeOf(root) {
+  let node = root;
+  for (let i = 0; i < 8 && !node._zod.def.shape; i++) {
+    const def = node._zod.def;
+    const next = def.innerType ?? def.in;
+    if (!next) break;
+    node = next;
+  }
+  const shape = node._zod.def.shape;
+  if (!shape) throw new TypeError(`walkSchema: expected an object schema, got "${root._zod.def.type}"`);
+  return shape;
+}
+function roleFor(name, entry) {
+  if (entry.hidden?.includes(name)) return "hidden";
+  if (entry.body === name) return "body";
+  if (entry.images?.includes(name)) return "image";
+  return "field";
+}
+function applyOrder(specs, order) {
+  const rank = new Map(order.map((n, i) => [n, i]));
+  const named = specs.filter((s) => rank.has(s.name)).sort((a, b) => rank.get(a.name) - rank.get(b.name));
+  const rest = specs.filter((s) => !rank.has(s.name));
+  return [...named, ...rest].map((s, i) => ({ ...s, order: i }));
+}
+function Control(p) {
+  const cls = ["realiiz-form__control", p.invalid && "realiiz-form__control--invalid"].filter(Boolean).join(" ");
+  const common = {
+    id: p.id,
+    name: p.spec.name,
+    "aria-invalid": p.invalid || void 0,
+    "aria-describedby": p.invalid ? `${p.id}-error` : void 0,
+    onBlur: p.onBlur
+  };
+  const str = typeof p.value === "string" ? p.value : "";
+  if (p.options === "loading") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, "aria-busy": "true", style: { color: "var(--_muted)" }, children: "Loading options\u2026" });
+  }
+  if (p.options || p.spec.input === "select") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("select", { ...common, className: cls, value: str, onChange: (e) => p.onChange(e.target.value), children: [
+      !p.spec.required && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "\u2014" }),
+      (p.options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o, children: o }, o))
+    ] });
+  }
+  switch (p.spec.input) {
+    case "textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ...common,
+          className: `${cls} realiiz-form__control--textarea`,
+          value: str,
+          placeholder: p.spec.placeholder,
+          onChange: (e) => p.onChange(e.target.value)
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ jsxRuntime.jsx("input", { ...common, type: "checkbox", checked: p.value === true, onChange: (e) => p.onChange(e.target.checked) });
+    case "image":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ...common,
+          type: "file",
+          accept: "image/*",
+          className: cls,
+          onChange: (e) => p.onChange(e.target.files?.[0] ?? null)
+        }
+      );
+    case "date":
+      return /* @__PURE__ */ jsxRuntime.jsx("input", { ...common, type: "date", className: cls, value: str, onChange: (e) => p.onChange(e.target.value) });
+    case "number":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ...common,
+          type: "number",
+          inputMode: "numeric",
+          className: cls,
+          value: str,
+          min: p.spec.constraints.min,
+          max: p.spec.constraints.max,
+          step: p.spec.constraints.format === "int" ? 1 : void 0,
+          placeholder: p.spec.placeholder,
+          onChange: (e) => p.onChange(e.target.value)
+        }
+      );
+    case "url":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ...common,
+          type: "url",
+          className: cls,
+          value: str,
+          placeholder: p.spec.placeholder ?? "https://",
+          onChange: (e) => p.onChange(e.target.value)
+        }
+      );
+    case "tags":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ...common,
+          type: "text",
+          className: cls,
+          value: str,
+          placeholder: p.spec.placeholder ?? "one, two, three",
+          onChange: (e) => p.onChange(e.target.value)
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ...common,
+          type: "text",
+          className: cls,
+          value: str,
+          placeholder: p.spec.placeholder,
+          maxLength: p.spec.constraints.max,
+          onChange: (e) => p.onChange(e.target.value)
+        }
+      );
+  }
+}
+function Field(p) {
+  const id = `${p.formId}-${p.spec.name}`;
+  const invalid = p.issues.length > 0;
+  const max = p.spec.constraints.max;
+  const showCount = typeof max === "number" && (p.spec.input === "text" || p.spec.input === "textarea");
+  const len = typeof p.value === "string" ? p.value.length : 0;
+  const isCheck = p.spec.input === "boolean";
+  const control = /* @__PURE__ */ jsxRuntime.jsx(Control, { id, spec: p.spec, value: p.value, invalid, options: p.options, onChange: p.onChange, onBlur: p.onBlur });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `realiiz-form__field realiiz-form__field--${p.spec.input}`, "data-field": p.spec.name, children: [
+    isCheck ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "realiiz-form__check", htmlFor: id, children: [
+      control,
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        p.spec.label,
+        p.spec.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "realiiz-form__required", "aria-hidden": "true", children: "*" })
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "realiiz-form__label", htmlFor: id, children: [
+        p.spec.label,
+        p.spec.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "realiiz-form__required", "aria-hidden": "true", children: "*" })
+      ] }),
+      control
+    ] }),
+    p.spec.input === "image" && p.current && !(p.value instanceof File) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "realiiz-form__current", children: [
+      "Current: ",
+      p.current
+    ] }),
+    showCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "realiiz-form__helper", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "realiiz-form__count", children: [
+      len,
+      " / ",
+      max
+    ] }) }),
+    invalid && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "realiiz-form__error", id: `${id}-error`, children: p.issues.map((i, n) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: i.message }, n)) })
+  ] });
+}
+
+// src/forms-ui/issues.ts
+function mapIssues(issues, specs) {
+  const byName = new Map(specs.map((s) => [s.name, s]));
+  return issues.map((issue) => {
+    const field = typeof issue.path[0] === "string" ? issue.path[0] : null;
+    const spec = field ? byName.get(field) : void 0;
+    const key = keyFor(issue, spec);
+    const message = spec?.messages[key] ?? (issue.code === "unrecognized_keys" ? unknownKeysMessage(issue) : void 0) ?? issue.message;
+    return { field, key, message };
+  });
+}
+function keyFor(issue, spec) {
+  const numeric = issue.origin === "number" || issue.origin === "int";
+  switch (issue.code) {
+    case "too_small":
+      if (spec?.constraints.exact !== void 0) return "length_equals";
+      return numeric ? "greater_than" : "min_length";
+    case "too_big":
+      if (spec?.constraints.exact !== void 0) return "length_equals";
+      return numeric ? "less_than" : "max_length";
+    case "invalid_format":
+      return issue.format ?? "format";
+    case "invalid_type":
+      return issue.format === "safeint" || issue.format === "int32" ? "int" : "invalid_type";
+    default:
+      return issue.code;
+  }
+}
+function unknownKeysMessage(issue) {
+  const keys = issue.keys ?? [];
+  return `This file has ${keys.length === 1 ? "a field" : "fields"} the site does not recognise: ${keys.join(", ")}. It was probably edited by hand \u2014 remove or rename ${keys.length === 1 ? "it" : "them"} to continue.`;
+}
+function groupIssues(list) {
+  const byField = /* @__PURE__ */ new Map();
+  const formLevel = [];
+  for (const i of list) {
+    if (i.field === null) formLevel.push(i);
+    else byField.set(i.field, [...byField.get(i.field) ?? [], i]);
+  }
+  return { byField, formLevel };
+}
+
+// src/forms-ui/styles.ts
+var FORM_CSS = `
+.realiiz-form{
+  --_fg:var(--realiiz-form-fg,#111);
+  --_muted:var(--realiiz-form-muted,#666);
+  --_border:var(--realiiz-form-border,#cfcfcf);
+  --_accent:var(--realiiz-form-accent,#111);
+  --_accent-fg:var(--realiiz-form-accent-fg,#fff);
+  --_danger:var(--realiiz-form-danger,#b3261e);
+  --_radius:var(--realiiz-form-radius,6px);
+  --_font:var(--realiiz-form-font,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
+  --_ring:var(--realiiz-form-focus-ring,0 0 0 3px rgba(0,0,0,.15));
+  box-sizing:border-box;max-width:100%;color:var(--_fg);font-family:var(--_font);font-size:15px;line-height:1.4;
+}
+.realiiz-form *,.realiiz-form *::before,.realiiz-form *::after{box-sizing:inherit}
+.realiiz-form fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}
+.realiiz-form legend{font-weight:600;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--_muted);margin-bottom:12px;padding:0}
+.realiiz-form__field{display:block;margin:0 0 16px}
+.realiiz-form__label{display:block;font-weight:500;margin-bottom:6px}
+.realiiz-form__required{color:var(--_danger);margin-left:3px}
+.realiiz-form__control{display:block;width:100%;max-width:100%;font:inherit;color:inherit;background:#fff;border:1px solid var(--_border);border-radius:var(--_radius);padding:9px 11px;min-height:40px}
+.realiiz-form__control:focus{outline:none;border-color:var(--_accent);box-shadow:var(--_ring)}
+.realiiz-form__control--textarea{min-height:110px;resize:vertical}
+.realiiz-form__control--body{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
+.realiiz-form__control--invalid{border-color:var(--_danger)}
+.realiiz-form__check{display:flex;align-items:center;gap:8px;font-weight:500}
+.realiiz-form__check input{width:18px;height:18px;margin:0}
+.realiiz-form__helper{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--_muted);margin-top:4px;min-height:1em}
+.realiiz-form__count{margin-left:auto;font-variant-numeric:tabular-nums}
+.realiiz-form__error{color:var(--_danger);font-size:13px;margin-top:4px}
+.realiiz-form__current{font-size:12px;color:var(--_muted);margin-top:4px;word-break:break-all}
+.realiiz-form__alert{border:1px solid var(--_danger);border-radius:var(--_radius);padding:12px 14px;margin:0 0 20px;color:var(--_danger)}
+.realiiz-form__alert ul{margin:6px 0 0;padding-left:18px}
+.realiiz-form__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}
+.realiiz-form__button{font:inherit;font-weight:600;border-radius:var(--_radius);padding:10px 16px;border:1px solid var(--_border);background:#fff;color:var(--_fg);cursor:pointer;min-height:40px}
+.realiiz-form__button--primary{background:var(--_accent);color:var(--_accent-fg);border-color:var(--_accent)}
+.realiiz-form__button:disabled{opacity:.6;cursor:default}
+`;
+
+// src/forms-ui/values.ts
+var PENDING_UPLOAD_PREFIX = "pending-upload/";
+function toControl(spec, raw) {
+  if (raw === void 0 || raw === null) return spec.input === "boolean" ? false : "";
+  switch (spec.input) {
+    case "boolean":
+      return Boolean(raw);
+    case "date":
+      return raw instanceof Date ? raw.toISOString().slice(0, 10) : String(raw);
+    case "tags":
+      return Array.isArray(raw) ? raw.join(", ") : String(raw);
+    default:
+      return String(raw);
+  }
+}
+function toFrontmatter(specs, state, hiddenValues) {
+  const frontmatter = { ...hiddenValues };
+  const files = {};
+  for (const spec of specs) {
+    if (spec.role === "hidden" || spec.role === "body") continue;
+    const v = state[spec.name];
+    if (spec.input === "boolean") {
+      if (v === true) frontmatter[spec.name] = true;
+      else if (spec.required) frontmatter[spec.name] = false;
+      continue;
+    }
+    if (v instanceof File) {
+      files[spec.name] = v;
+      frontmatter[spec.name] = PENDING_UPLOAD_PREFIX + v.name;
+      continue;
+    }
+    const s = typeof v === "string" ? v.trim() : "";
+    if (s === "") {
+      if (spec.required) frontmatter[spec.name] = spec.input === "tags" ? [] : "";
+      continue;
+    }
+    switch (spec.input) {
+      case "number": {
+        const n = Number(s);
+        frontmatter[spec.name] = Number.isNaN(n) ? s : n;
+        break;
+      }
+      case "tags":
+        frontmatter[spec.name] = s.split(",").map((t) => t.trim()).filter(Boolean);
+        break;
+      default:
+        frontmatter[spec.name] = s;
+    }
+  }
+  return { frontmatter, files };
+}
+function ContentForm({ entry, initialValues = {}, initialBody = "", onSubmit, onCancel, submitLabel = "Save", className, showBody = true, bodyLabel = "Content" }) {
+  const formId = react.useId();
+  const specs = react.useMemo(() => walkSchema(entry.schema, entry), [entry]);
+  const visible = react.useMemo(() => specs.filter((s) => s.role !== "hidden" && s.role !== "body"), [specs]);
+  const bodySpec = specs.find((s) => s.role === "body");
+  const [state, setState] = react.useState(() => Object.fromEntries(specs.map((s) => [s.name, toControl(s, initialValues[s.name])])));
+  const [body, setBody] = react.useState(initialBody);
+  const [issues, setIssues] = react.useState([]);
+  const [attempted, setAttempted] = react.useState(false);
+  const [submitting, setSubmitting] = react.useState(false);
+  const [options, setOptions] = react.useState({});
+  const hiddenValues = react.useMemo(() => {
+    const shown = new Set(visible.map((s) => s.name));
+    if (bodySpec) shown.add(bodySpec.name);
+    return Object.fromEntries(Object.entries(initialValues).filter(([k]) => !shown.has(k)));
+  }, [initialValues, visible, bodySpec]);
+  react.useEffect(() => {
+    let live = true;
+    for (const s of visible) {
+      if (typeof s.options !== "function") continue;
+      setOptions((o) => ({ ...o, [s.name]: "loading" }));
+      Promise.resolve(s.options()).then((list) => {
+        if (live) setOptions((o) => ({ ...o, [s.name]: list }));
+      });
+    }
+    return () => {
+      live = false;
+    };
+  }, [visible]);
+  const validate = react.useCallback(() => {
+    const { frontmatter } = toFrontmatter(specs, state, hiddenValues);
+    const result = entry.schema.safeParse(frontmatter);
+    setIssues(result.success ? [] : mapIssues(result.error.issues, specs));
+    return result;
+  }, [entry.schema, specs, state, hiddenValues]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (submitting) return;
+    setAttempted(true);
+    const result = validate();
+    if (!result.success) return;
+    const { files } = toFrontmatter(specs, state, hiddenValues);
+    setSubmitting(true);
+    try {
+      await onSubmit({ frontmatter: result.data, body, files });
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const { byField, formLevel } = groupIssues(issues);
+  const optionsFor = (s) => options[s.name] ?? (Array.isArray(s.options) ? s.options : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: ["realiiz-form", className].filter(Boolean).join(" "), onSubmit: handleSubmit, noValidate: true, "data-realiiz-content-form": entry.id, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: FORM_CSS }),
+    formLevel.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "realiiz-form__alert", role: "alert", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "This can't be saved yet." }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { children: formLevel.map((i, n) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: i.message }, n)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("legend", { children: entry.label }),
+      visible.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+        Field,
+        {
+          formId,
+          spec: s,
+          value: state[s.name],
+          issues: byField.get(s.name) ?? [],
+          current: typeof initialValues[s.name] === "string" ? initialValues[s.name] : void 0,
+          options: optionsFor(s),
+          onChange: (v) => setState((st) => ({ ...st, [s.name]: v })),
+          onBlur: () => {
+            if (attempted) validate();
+          }
+        },
+        s.name
+      ))
+    ] }),
+    (showBody || bodySpec) && /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("legend", { children: bodySpec?.label ?? bodyLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "realiiz-form__label", htmlFor: `${formId}-body`, children: bodySpec?.label ?? bodyLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          id: `${formId}-body`,
+          name: "body",
+          className: "realiiz-form__control realiiz-form__control--body",
+          value: body,
+          placeholder: bodySpec?.placeholder ?? "Write in Markdown. Headings with ##, links as [text](url).",
+          onChange: (e) => setBody(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "realiiz-form__actions", children: [
+      onCancel && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "realiiz-form__button", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "realiiz-form__button realiiz-form__button--primary", disabled: submitting, children: submitting ? `${submitLabel}\u2026` : submitLabel })
+    ] })
+  ] });
+}
+
+exports.ContentForm = ContentForm;
+exports.PENDING_UPLOAD_PREFIX = PENDING_UPLOAD_PREFIX;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map