@commercetools-demo/puck-content-manager 0.1.0

package/dist/index.js

@@ -0,0 +1,1125 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ContentEditor: () => ContentEditor,
+  ContentManager: () => ContentManager,
+  ContentManagerRouter: () => ContentManagerRouter
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/ContentManager.tsx
+var import_react = require("react");
+var import_puck_api = require("@commercetools-demo/puck-api");
+var import_data_table = __toESM(require("@commercetools-uikit/data-table"));
+var import_primary_button = __toESM(require("@commercetools-uikit/primary-button"));
+var import_secondary_button = __toESM(require("@commercetools-uikit/secondary-button"));
+var import_flat_button = __toESM(require("@commercetools-uikit/flat-button"));
+var import_card = __toESM(require("@commercetools-uikit/card"));
+var import_spacings = __toESM(require("@commercetools-uikit/spacings"));
+var import_text = __toESM(require("@commercetools-uikit/text"));
+var import_loading_spinner = __toESM(require("@commercetools-uikit/loading-spinner"));
+var import_text_input = __toESM(require("@commercetools-uikit/text-input"));
+var import_label = __toESM(require("@commercetools-uikit/label"));
+var import_icons = require("@commercetools-uikit/icons");
+var import_jsx_runtime = require("react/jsx-runtime");
+var StatusBadge = ({ variant }) => {
+  const styles = variant === "published" ? { background: "var(--color-success-95)", color: "var(--color-success-40)", border: "1px solid var(--color-success-85)" } : variant === "draft" ? { background: "var(--color-warning-95)", color: "var(--color-warning-40)", border: "1px solid var(--color-warning-85)" } : { background: "var(--color-neutral-95)", color: "var(--color-neutral-50)", border: "1px solid var(--color-neutral-85)" };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      style: {
+        ...styles,
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "2px 8px",
+        borderRadius: "var(--border-radius-20)",
+        fontSize: "var(--font-size-10)",
+        fontWeight: "var(--font-weight-600)",
+        marginRight: "4px",
+        whiteSpace: "nowrap"
+      },
+      children: variant === "published" ? "Published" : variant === "draft" ? "Draft" : "No state"
+    }
+  );
+};
+var columns = [
+  { key: "name", label: "Name" },
+  { key: "contentType", label: "Content Type" },
+  { key: "status", label: "Status" },
+  { key: "updatedAt", label: "Updated" },
+  { key: "actions", label: "Actions", shouldIgnoreRowClick: true }
+];
+var ContentList = ({ defaultContentType, onEdit }) => {
+  const { contents, loading, error, fetchContents, createContent, deleteContent, refresh } = (0, import_puck_api.usePuckContents)(defaultContentType);
+  const [filterType, setFilterType] = (0, import_react.useState)(defaultContentType ?? "");
+  const [showCreate, setShowCreate] = (0, import_react.useState)(false);
+  const [createName, setCreateName] = (0, import_react.useState)("");
+  const [createType, setCreateType] = (0, import_react.useState)(defaultContentType ?? "");
+  const [createError, setCreateError] = (0, import_react.useState)(null);
+  const [creating, setCreating] = (0, import_react.useState)(false);
+  const [deleting, setDeleting] = (0, import_react.useState)(null);
+  const handleFilter = () => void fetchContents(filterType || void 0);
+  const handleCreate = async () => {
+    setCreateError(null);
+    if (!createName.trim()) {
+      setCreateError("Name is required");
+      return;
+    }
+    if (!createType.trim()) {
+      setCreateError("Content type is required");
+      return;
+    }
+    setCreating(true);
+    try {
+      const input = {
+        name: createName.trim(),
+        contentType: createType.trim(),
+        data: { content: [], root: { props: {} } }
+      };
+      await createContent(input);
+      setShowCreate(false);
+      setCreateName("");
+      setCreateType(defaultContentType ?? "");
+    } catch (err) {
+      setCreateError(err.message);
+    } finally {
+      setCreating(false);
+    }
+  };
+  const handleDelete = async (key) => {
+    if (!confirm("Delete this content item and all its versions?")) return;
+    setDeleting(key);
+    try {
+      await deleteContent(key);
+    } finally {
+      setDeleting(null);
+    }
+  };
+  const rows = contents.map((c) => ({ ...c, id: c.key }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "32px 24px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Stack, { scale: "l", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Inline, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.default.Headline, { as: "h1", children: "Content Items" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_primary_button.default,
+        {
+          label: "New Content",
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusThinIcon, {}),
+          onClick: () => setShowCreate((v) => !v)
+        }
+      )
+    ] }),
+    showCreate && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.default, { insetScale: "l", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Stack, { scale: "m", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.default.Subheadline, { as: "h4", isBold: true, children: "Create Content Item" }),
+      createError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.default.Body, { tone: "negative", children: createError }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Inline, { scale: "m", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.default, { htmlFor: "create-name", children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_text_input.default,
+            {
+              id: "create-name",
+              value: createName,
+              onChange: (e) => setCreateName(e.target.value),
+              placeholder: "e.g. Homepage Hero"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.default, { htmlFor: "create-type", children: "Content Type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_text_input.default,
+            {
+              id: "create-type",
+              value: createType,
+              onChange: (e) => setCreateType(e.target.value),
+              placeholder: "e.g. hero, banner"
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Inline, { scale: "s", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_primary_button.default,
+          {
+            label: creating ? "Creating\u2026" : "Create",
+            onClick: () => void handleCreate(),
+            isDisabled: creating
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_secondary_button.default, { label: "Cancel", onClick: () => setShowCreate(false) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_spacings.default.Inline, { scale: "s", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1, maxWidth: "280px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_text_input.default,
+        {
+          value: filterType,
+          onChange: (e) => setFilterType(e.target.value),
+          placeholder: "Filter by content type\u2026"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_secondary_button.default,
+        {
+          label: "Filter",
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SearchIcon, {}),
+          onClick: handleFilter
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_flat_button.default,
+        {
+          label: "Clear",
+          onClick: () => {
+            setFilterType("");
+            void fetchContents(void 0);
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flat_button.default, { label: "Refresh", onClick: () => void refresh() })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.default.Body, { tone: "negative", children: error }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "48px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_loading_spinner.default, {}) }) : contents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spacings.default.Stack, { scale: "m", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.default.Body, { tone: "secondary", children: "No content items found." }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_data_table.default,
+      {
+        columns,
+        rows,
+        itemRenderer: (row, column) => {
+          switch (column.key) {
+            case "name":
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.default.Body, { isBold: true, children: row.value.name });
+            case "contentType":
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "code",
+                {
+                  style: {
+                    background: "var(--color-neutral-95)",
+                    padding: "2px 6px",
+                    borderRadius: "var(--border-radius-4)",
+                    fontSize: "var(--font-size-10)",
+                    fontFamily: "monospace"
+                  },
+                  children: row.value.contentType
+                }
+              );
+            case "status": {
+              const hasDraft = !!row.states.draft;
+              const hasPublished = !!row.states.published;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                hasDraft && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { variant: "draft" }),
+                hasPublished && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { variant: "published" }),
+                !hasDraft && !hasPublished && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { variant: "none" })
+              ] });
+            }
+            case "updatedAt":
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.default.Body, { tone: "secondary", children: new Date(row.value.updatedAt).toLocaleDateString() });
+            case "actions":
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primary_button.default, { label: "Edit", size: "20", onClick: () => onEdit(row) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_flat_button.default,
+                  {
+                    tone: "critical",
+                    label: deleting === row.key ? "\u2026" : "Delete",
+                    isDisabled: deleting === row.key,
+                    onClick: () => void handleDelete(row.key)
+                  }
+                )
+              ] });
+            default:
+              return null;
+          }
+        }
+      }
+    )
+  ] }) });
+};
+var ContentManager = ({
+  baseURL,
+  projectKey,
+  businessUnitKey,
+  jwtToken,
+  defaultContentType,
+  onEdit
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_puck_api.PuckApiProvider,
+  {
+    baseURL,
+    projectKey,
+    businessUnitKey,
+    jwtToken,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentList, { defaultContentType, onEdit })
+  }
+);
+
+// src/ContentEditor.tsx
+var import_react2 = require("react");
+var import_puck = require("@measured/puck");
+var import_puck2 = require("@measured/puck/puck.css");
+var import_puck_api2 = require("@commercetools-demo/puck-api");
+var import_puck_editor = require("@commercetools-demo/puck-editor");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var BADGE_STYLES = {
+  saving: { bg: "rgba(251, 191, 36, 0.12)", color: "var(--status-saving)", border: "rgba(251, 191, 36, 0.3)" },
+  unsaved: { bg: "rgba(100, 116, 139, 0.12)", color: "var(--text-muted)", border: "rgba(100, 116, 139, 0.3)" },
+  draft: { bg: "rgba(129, 140, 248, 0.12)", color: "var(--status-draft)", border: "rgba(129, 140, 248, 0.3)" },
+  published: { bg: "rgba(6, 214, 160, 0.12)", color: "var(--status-published)", border: "rgba(6, 214, 160, 0.3)" }
+};
+var StatusBadge2 = ({
+  label,
+  variant
+}) => {
+  const bs = BADGE_STYLES[variant];
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "2px 10px",
+        borderRadius: "12px",
+        fontSize: "12px",
+        fontWeight: 600,
+        background: bs.bg,
+        color: bs.color,
+        border: `1px solid ${bs.border}`
+      },
+      children: label
+    }
+  );
+};
+var ContentToolbar = ({
+  saving,
+  isDirty,
+  states,
+  onSave,
+  onPublish,
+  onRevert
+}) => {
+  const hasDraft = Boolean(states.draft);
+  const hasPublished = Boolean(states.published);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "12px", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+      saving && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StatusBadge2, { label: "Saving\u2026", variant: "saving" }),
+      !saving && isDirty && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StatusBadge2, { label: "Unsaved", variant: "unsaved" }),
+      !saving && !isDirty && hasDraft && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StatusBadge2, { label: "Draft", variant: "draft" }),
+      hasPublished && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StatusBadge2, { label: "Published", variant: "published" })
+    ] }),
+    hasDraft && hasPublished && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        onClick: onRevert,
+        disabled: saving,
+        style: {
+          padding: "6px 14px",
+          borderRadius: "4px",
+          border: "1px solid var(--border-glow)",
+          background: "transparent",
+          color: "var(--text-muted)",
+          fontWeight: 500,
+          fontSize: "13px",
+          cursor: saving ? "not-allowed" : "pointer",
+          opacity: saving ? 0.5 : 1
+        },
+        children: "Revert to Published"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        onClick: onSave,
+        disabled: !isDirty || saving,
+        style: {
+          padding: "6px 14px",
+          borderRadius: "4px",
+          border: "1px solid var(--border-glow)",
+          background: "transparent",
+          color: "var(--text-muted)",
+          fontWeight: 500,
+          fontSize: "13px",
+          cursor: !isDirty || saving ? "not-allowed" : "pointer",
+          opacity: !isDirty || saving ? 0.4 : 1
+        },
+        children: "Save"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        onClick: onPublish,
+        disabled: saving,
+        style: {
+          padding: "6px 16px",
+          borderRadius: "4px",
+          border: "1px solid var(--accent-cyan)",
+          background: "rgba(0, 212, 255, 0.1)",
+          color: "var(--accent-cyan)",
+          fontWeight: 600,
+          fontSize: "13px",
+          cursor: saving ? "not-allowed" : "pointer",
+          opacity: saving ? 0.5 : 1,
+          boxShadow: "0 0 12px rgba(0, 212, 255, 0.15)"
+        },
+        children: hasPublished ? "Re-publish" : "Publish"
+      }
+    )
+  ] });
+};
+var ContentEditorInner = ({
+  contentKey,
+  config,
+  onPublish,
+  onSave,
+  onError
+}) => {
+  const {
+    content,
+    states,
+    saving,
+    loading,
+    error,
+    saveDraft,
+    publish,
+    revertToPublished
+  } = (0, import_puck_api2.usePuckContent)(contentKey);
+  const latestDataRef = (0, import_react2.useRef)(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react2.useState)(false);
+  const handleChange = (0, import_react2.useCallback)((data) => {
+    latestDataRef.current = data;
+    setHasUnsavedChanges(true);
+  }, []);
+  const handleSave = (0, import_react2.useCallback)(async () => {
+    const data = latestDataRef.current;
+    if (!data) return;
+    try {
+      await saveDraft(data);
+      setHasUnsavedChanges(false);
+      onSave?.(data);
+    } catch (err) {
+      onError?.(err);
+    }
+  }, [saveDraft, onSave, onError]);
+  const handlePublish = (0, import_react2.useCallback)(
+    async (data) => {
+      try {
+        await saveDraft(data);
+        setHasUnsavedChanges(false);
+        await publish(false);
+        onPublish?.(data);
+      } catch (err) {
+        onError?.(err);
+      }
+    },
+    [saveDraft, publish, onPublish, onError]
+  );
+  const handleRevert = (0, import_react2.useCallback)(async () => {
+    try {
+      await revertToPublished();
+      setHasUnsavedChanges(false);
+    } catch (err) {
+      onError?.(err);
+    }
+  }, [revertToPublished, onError]);
+  const contentConfig = (0, import_react2.useMemo)(() => {
+    const otherRootFields = Object.fromEntries(
+      Object.entries(config.root?.fields ?? {}).filter(([k]) => k !== "title")
+    );
+    return {
+      ...config,
+      root: {
+        ...config.root,
+        fields: {
+          title: { type: "text", label: "Content Title" },
+          slot: { type: "text", label: "Slot" },
+          ...otherRootFields
+        },
+        defaultProps: {
+          title: "New Content",
+          slot: "",
+          ...config.root?.defaultProps
+        }
+      }
+    };
+  }, [config]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100vh",
+          fontSize: "16px",
+          color: "var(--text-muted)"
+        },
+        children: "Loading editor\u2026"
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        style: {
+          padding: "32px",
+          color: "var(--status-error)",
+          background: "rgba(248, 113, 113, 0.08)",
+          border: "1px solid rgba(248, 113, 113, 0.25)",
+          borderRadius: "8px",
+          margin: "16px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: "Error loading content:" }),
+          " ",
+          error
+        ]
+      }
+    );
+  }
+  const activeData = states.draft?.data ?? content?.data ?? {
+    content: [],
+    root: { props: {} }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_puck_editor.ComponentSearchProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_puck.Puck,
+    {
+      config: contentConfig,
+      data: activeData,
+      onChange: handleChange,
+      onPublish: handlePublish,
+      overrides: {
+        headerActions: () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          ContentToolbar,
+          {
+            saving,
+            isDirty: hasUnsavedChanges,
+            states,
+            onSave: () => void handleSave(),
+            onPublish: () => void handlePublish(activeData),
+            onRevert: () => void handleRevert()
+          }
+        ),
+        components: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_puck_editor.ComponentsPanel, { children }),
+        componentItem: ({ children, name }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_puck_editor.ComponentItemFilter, { name, children })
+      }
+    }
+  ) });
+};
+var ContentEditor = ({
+  baseURL,
+  projectKey,
+  businessUnitKey,
+  jwtToken,
+  contentKey,
+  config,
+  onPublish,
+  onSave,
+  onError
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  import_puck_api2.PuckApiProvider,
+  {
+    baseURL,
+    projectKey,
+    businessUnitKey,
+    jwtToken,
+    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ContentEditorInner,
+      {
+        contentKey,
+        config,
+        onPublish,
+        onSave,
+        onError
+      }
+    )
+  }
+);
+
+// src/ContentManagerRouter.tsx
+var import_react3 = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_puck3 = require("@measured/puck");
+var import_puck4 = require("@measured/puck/puck.css");
+var import_puck_editor2 = require("@commercetools-demo/puck-editor");
+var import_puck_api3 = require("@commercetools-demo/puck-api");
+var import_data_table2 = __toESM(require("@commercetools-uikit/data-table"));
+var import_primary_button2 = __toESM(require("@commercetools-uikit/primary-button"));
+var import_secondary_button2 = __toESM(require("@commercetools-uikit/secondary-button"));
+var import_flat_button2 = __toESM(require("@commercetools-uikit/flat-button"));
+var import_card2 = __toESM(require("@commercetools-uikit/card"));
+var import_spacings2 = __toESM(require("@commercetools-uikit/spacings"));
+var import_text2 = __toESM(require("@commercetools-uikit/text"));
+var import_loading_spinner2 = __toESM(require("@commercetools-uikit/loading-spinner"));
+var import_text_input2 = __toESM(require("@commercetools-uikit/text-input"));
+var import_label2 = __toESM(require("@commercetools-uikit/label"));
+var import_icons2 = require("@commercetools-uikit/icons");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var StatusBadge3 = ({ variant }) => {
+  const styles = variant === "published" ? { background: "var(--color-success-95)", color: "var(--color-success-40)", border: "1px solid var(--color-success-85)" } : variant === "draft" ? { background: "var(--color-warning-95)", color: "var(--color-warning-40)", border: "1px solid var(--color-warning-85)" } : { background: "var(--color-neutral-95)", color: "var(--color-neutral-50)", border: "1px solid var(--color-neutral-85)" };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "span",
+    {
+      style: {
+        ...styles,
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "2px 8px",
+        borderRadius: "var(--border-radius-20)",
+        fontSize: "var(--font-size-10)",
+        fontWeight: "var(--font-weight-600)",
+        marginRight: "4px",
+        whiteSpace: "nowrap"
+      },
+      children: variant === "published" ? "Published" : variant === "draft" ? "Draft" : "No state"
+    }
+  );
+};
+var BADGE_STYLES2 = {
+  saving: { bg: "rgba(251, 191, 36, 0.12)", color: "var(--status-saving)", border: "rgba(251, 191, 36, 0.3)" },
+  unsaved: { bg: "rgba(100, 116, 139, 0.12)", color: "var(--text-muted)", border: "rgba(100, 116, 139, 0.3)" },
+  draft: { bg: "rgba(129, 140, 248, 0.12)", color: "var(--status-draft)", border: "rgba(129, 140, 248, 0.3)" },
+  published: { bg: "rgba(6, 214, 160, 0.12)", color: "var(--status-published)", border: "rgba(6, 214, 160, 0.3)" }
+};
+var EditorStatusBadge = ({ label, variant }) => {
+  const bs = BADGE_STYLES2[variant];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "2px 10px",
+        borderRadius: "12px",
+        fontSize: "12px",
+        fontWeight: 600,
+        background: bs.bg,
+        color: bs.color,
+        border: `1px solid ${bs.border}`
+      },
+      children: label
+    }
+  );
+};
+var ContentToolbar2 = ({ saving, isDirty, states, onSave, onPublish, onRevert }) => {
+  const hasDraft = Boolean(states.draft);
+  const hasPublished = Boolean(states.published);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "12px", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+      saving && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EditorStatusBadge, { label: "Saving\u2026", variant: "saving" }),
+      !saving && isDirty && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EditorStatusBadge, { label: "Unsaved", variant: "unsaved" }),
+      !saving && !isDirty && hasDraft && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EditorStatusBadge, { label: "Draft", variant: "draft" }),
+      hasPublished && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EditorStatusBadge, { label: "Published", variant: "published" })
+    ] }),
+    hasDraft && hasPublished && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        onClick: onRevert,
+        disabled: saving,
+        style: {
+          padding: "6px 14px",
+          borderRadius: "4px",
+          border: "1px solid var(--border-glow)",
+          background: "transparent",
+          color: "var(--text-muted)",
+          fontWeight: 500,
+          fontSize: "13px",
+          cursor: saving ? "not-allowed" : "pointer",
+          opacity: saving ? 0.5 : 1
+        },
+        children: "Revert to Published"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        onClick: onSave,
+        disabled: !isDirty || saving,
+        style: {
+          padding: "6px 14px",
+          borderRadius: "4px",
+          border: "1px solid var(--border-glow)",
+          background: "transparent",
+          color: "var(--text-muted)",
+          fontWeight: 500,
+          fontSize: "13px",
+          cursor: !isDirty || saving ? "not-allowed" : "pointer",
+          opacity: !isDirty || saving ? 0.4 : 1
+        },
+        children: "Save"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        onClick: onPublish,
+        disabled: saving,
+        style: {
+          padding: "6px 16px",
+          borderRadius: "4px",
+          border: "1px solid var(--accent-cyan)",
+          background: "rgba(0, 212, 255, 0.1)",
+          color: "var(--accent-cyan)",
+          fontWeight: 600,
+          fontSize: "13px",
+          cursor: saving ? "not-allowed" : "pointer",
+          opacity: saving ? 0.5 : 1,
+          boxShadow: "0 0 12px rgba(0, 212, 255, 0.15)"
+        },
+        children: hasPublished ? "Re-publish" : "Publish"
+      }
+    )
+  ] });
+};
+var NAV_BAR_STYLE = {
+  position: "sticky",
+  top: 0,
+  display: "flex",
+  alignItems: "center",
+  gap: "12px",
+  padding: "8px 16px",
+  background: "var(--color-surface, #fff)",
+  borderBottom: "1px solid var(--color-neutral-90)",
+  zIndex: 200,
+  flexShrink: 0
+};
+var COLUMNS = [
+  { key: "name", label: "Name" },
+  { key: "contentType", label: "Content Type" },
+  { key: "status", label: "Status" },
+  { key: "updatedAt", label: "Updated" },
+  { key: "actions", label: "Actions", shouldIgnoreRowClick: true }
+];
+var ContentListRoute = ({ defaultContentType, backButton }) => {
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const { contents, loading, error, fetchContents, createContent, deleteContent, refresh } = (0, import_puck_api3.usePuckContents)(defaultContentType);
+  const [filterType, setFilterType] = (0, import_react3.useState)(defaultContentType ?? "");
+  const [showCreate, setShowCreate] = (0, import_react3.useState)(false);
+  const [createName, setCreateName] = (0, import_react3.useState)("");
+  const [createType, setCreateType] = (0, import_react3.useState)(defaultContentType ?? "");
+  const [createError, setCreateError] = (0, import_react3.useState)(null);
+  const [creating, setCreating] = (0, import_react3.useState)(false);
+  const [deleting, setDeleting] = (0, import_react3.useState)(null);
+  const handleFilter = () => void fetchContents(filterType || void 0);
+  const handleCreate = async () => {
+    setCreateError(null);
+    if (!createName.trim()) {
+      setCreateError("Name is required");
+      return;
+    }
+    if (!createType.trim()) {
+      setCreateError("Content type is required");
+      return;
+    }
+    setCreating(true);
+    try {
+      const input = {
+        name: createName.trim(),
+        contentType: createType.trim(),
+        data: { content: [], root: { props: {} } }
+      };
+      const created = await createContent(input);
+      setShowCreate(false);
+      setCreateName("");
+      setCreateType(defaultContentType ?? "");
+      navigate(`/${created.key}`, { state: { contentName: created.value.name } });
+    } catch (err) {
+      setCreateError(err.message);
+    } finally {
+      setCreating(false);
+    }
+  };
+  const handleDelete = async (key) => {
+    if (!confirm("Delete this content item and all its versions?")) return;
+    setDeleting(key);
+    try {
+      await deleteContent(key);
+    } finally {
+      setDeleting(null);
+    }
+  };
+  const rows = contents.map((c) => ({ ...c, id: c.key }));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "32px 24px" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Stack, { scale: "l", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Inline, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Inline, { scale: "m", alignItems: "center", children: [
+        backButton,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Headline, { as: "h1", children: "Content Items" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_primary_button2.default,
+        {
+          label: "New Content",
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.PlusThinIcon, {}),
+          onClick: () => setShowCreate((v) => !v)
+        }
+      )
+    ] }),
+    showCreate && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_card2.default, { insetScale: "l", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Stack, { scale: "m", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Subheadline, { as: "h4", isBold: true, children: "Create Content Item" }),
+      createError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { tone: "negative", children: createError }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Inline, { scale: "m", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_label2.default, { htmlFor: "create-content-name", children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_text_input2.default,
+            {
+              id: "create-content-name",
+              value: createName,
+              onChange: (e) => setCreateName(e.target.value),
+              placeholder: "e.g. Homepage Hero"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_label2.default, { htmlFor: "create-content-type", children: "Content Type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_text_input2.default,
+            {
+              id: "create-content-type",
+              value: createType,
+              onChange: (e) => setCreateType(e.target.value),
+              placeholder: "e.g. hero, banner"
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Inline, { scale: "s", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_primary_button2.default,
+          {
+            label: creating ? "Creating\u2026" : "Create",
+            onClick: () => void handleCreate(),
+            isDisabled: creating
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_secondary_button2.default, { label: "Cancel", onClick: () => setShowCreate(false) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_spacings2.default.Inline, { scale: "s", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { flex: 1, maxWidth: "280px" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_text_input2.default,
+        {
+          value: filterType,
+          onChange: (e) => setFilterType(e.target.value),
+          placeholder: "Filter by content type\u2026"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_secondary_button2.default,
+        {
+          label: "Filter",
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.SearchIcon, {}),
+          onClick: handleFilter
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_flat_button2.default,
+        {
+          label: "Clear",
+          onClick: () => {
+            setFilterType("");
+            void fetchContents(void 0);
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_flat_button2.default, { label: "Refresh", onClick: () => void refresh() })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { tone: "negative", children: error }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "48px" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_loading_spinner2.default, {}) }) : contents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_spacings2.default.Stack, { scale: "m", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { tone: "secondary", children: "No content items found." }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_data_table2.default,
+      {
+        columns: COLUMNS,
+        rows,
+        itemRenderer: (row, column) => {
+          switch (column.key) {
+            case "name":
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { isBold: true, children: row.value.name });
+            case "contentType":
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "code",
+                {
+                  style: {
+                    background: "var(--color-neutral-95)",
+                    padding: "2px 6px",
+                    borderRadius: "var(--border-radius-4)",
+                    fontSize: "var(--font-size-10)",
+                    fontFamily: "monospace"
+                  },
+                  children: row.value.contentType
+                }
+              );
+            case "status": {
+              const hasDraft = !!row.states.draft;
+              const hasPublished = !!row.states.published;
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+                hasDraft && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge3, { variant: "draft" }),
+                hasPublished && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge3, { variant: "published" }),
+                !hasDraft && !hasPublished && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge3, { variant: "none" })
+              ] });
+            }
+            case "updatedAt":
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { tone: "secondary", children: new Date(row.value.updatedAt).toLocaleDateString() });
+            case "actions":
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  import_primary_button2.default,
+                  {
+                    label: "Edit",
+                    size: "20",
+                    onClick: () => navigate(`/${row.key}`, { state: { contentName: row.value.name } })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  import_flat_button2.default,
+                  {
+                    tone: "critical",
+                    label: deleting === row.key ? "\u2026" : "Delete",
+                    isDisabled: deleting === row.key,
+                    onClick: () => void handleDelete(row.key)
+                  }
+                )
+              ] });
+            default:
+              return null;
+          }
+        }
+      }
+    )
+  ] }) });
+};
+var ContentEditorRoute = ({ config, backButton }) => {
+  const { contentKey } = (0, import_react_router_dom.useParams)();
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const location = (0, import_react_router_dom.useLocation)();
+  const contentName = location.state?.contentName ?? contentKey ?? "Content";
+  const {
+    content,
+    states,
+    saving,
+    loading,
+    error,
+    saveDraft,
+    publish,
+    revertToPublished
+  } = (0, import_puck_api3.usePuckContent)(contentKey);
+  const latestDataRef = (0, import_react3.useRef)(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react3.useState)(false);
+  const handleChange = (0, import_react3.useCallback)((data) => {
+    latestDataRef.current = data;
+    setHasUnsavedChanges(true);
+  }, []);
+  const handleSave = (0, import_react3.useCallback)(async () => {
+    const data = latestDataRef.current;
+    if (!data) return;
+    try {
+      await saveDraft(data);
+      setHasUnsavedChanges(false);
+    } catch (err) {
+      console.error("[ContentManagerRouter] save error:", err);
+    }
+  }, [saveDraft]);
+  const handlePublish = (0, import_react3.useCallback)(
+    async (data) => {
+      try {
+        await saveDraft(data);
+        setHasUnsavedChanges(false);
+        await publish(false);
+      } catch (err) {
+        console.error("[ContentManagerRouter] publish error:", err);
+      }
+    },
+    [saveDraft, publish]
+  );
+  const handleRevert = (0, import_react3.useCallback)(async () => {
+    try {
+      await revertToPublished();
+      setHasUnsavedChanges(false);
+    } catch (err) {
+      console.error("[ContentManagerRouter] revert error:", err);
+    }
+  }, [revertToPublished]);
+  const contentConfig = (0, import_react3.useMemo)(() => {
+    const otherRootFields = Object.fromEntries(
+      Object.entries(config.root?.fields ?? {}).filter(([k]) => k !== "title")
+    );
+    return {
+      ...config,
+      root: {
+        ...config.root,
+        fields: {
+          title: { type: "text", label: "Content Title" },
+          slot: { type: "text", label: "Slot" },
+          ...otherRootFields
+        },
+        defaultProps: {
+          title: "New Content",
+          slot: "",
+          ...config.root?.defaultProps
+        }
+      }
+    };
+  }, [config]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100vh",
+          fontSize: "16px",
+          color: "var(--text-muted)"
+        },
+        children: "Loading editor\u2026"
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "div",
+      {
+        style: {
+          padding: "32px",
+          color: "var(--status-error)",
+          background: "rgba(248, 113, 113, 0.08)",
+          border: "1px solid rgba(248, 113, 113, 0.25)",
+          borderRadius: "8px",
+          margin: "16px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "Error loading content:" }),
+          " ",
+          error
+        ]
+      }
+    );
+  }
+  const activeData = states.draft?.data ?? content?.data ?? {
+    content: [],
+    root: { props: {} }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: NAV_BAR_STYLE, children: [
+      backButton,
+      backButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { tone: "secondary", children: "/" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_flat_button2.default,
+        {
+          label: "Content Items",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.AngleLeftIcon, {}),
+          iconPosition: "left",
+          onClick: () => navigate("/")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { tone: "secondary", children: "/" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text2.default.Body, { isBold: true, children: contentName })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_puck_editor2.ComponentSearchProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_puck3.Puck,
+      {
+        config: contentConfig,
+        data: activeData,
+        onChange: handleChange,
+        onPublish: handlePublish,
+        overrides: {
+          headerActions: () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            ContentToolbar2,
+            {
+              saving,
+              isDirty: hasUnsavedChanges,
+              states,
+              onSave: () => void handleSave(),
+              onPublish: () => void handlePublish(activeData),
+              onRevert: () => void handleRevert()
+            }
+          ),
+          components: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_puck_editor2.ComponentsPanel, { children }),
+          componentItem: ({ children, name }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_puck_editor2.ComponentItemFilter, { name, children })
+        }
+      }
+    ) }) })
+  ] });
+};
+var ContentManagerRouterInner = ({
+  config,
+  defaultContentType,
+  backButton
+}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_router_dom.Routes, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_router_dom.Route,
+    {
+      path: "/",
+      element: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ContentListRoute, { defaultContentType, backButton })
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_router_dom.Route,
+    {
+      path: "/:contentKey",
+      element: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ContentEditorRoute, { config, backButton })
+    }
+  )
+] });
+var ContentManagerRouter = ({
+  parentUrl,
+  baseURL,
+  projectKey,
+  businessUnitKey,
+  jwtToken,
+  config,
+  defaultContentType,
+  backButton
+}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  import_puck_api3.PuckApiProvider,
+  {
+    baseURL,
+    projectKey,
+    businessUnitKey,
+    jwtToken,
+    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_router_dom.BrowserRouter, { basename: parentUrl, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ContentManagerRouterInner,
+      {
+        config,
+        defaultContentType,
+        backButton
+      }
+    ) })
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContentEditor,
+  ContentManager,
+  ContentManagerRouter
+});
+//# sourceMappingURL=index.js.map