@godxjp/ui 31.18.0 → 31.19.0

package/agent/START-HERE.md

@@ -3,7 +3,7 @@
 You are about to write code against a design system you did not author. This file is the whole
 contract. Read it before you write JSX.
 
-**This catalog describes `@godxjp/ui` 31.18.0.** If the project you are editing has a different
+**This catalog describes `@godxjp/ui` 31.19.0.** If the project you are editing has a different
 version in its `package.json`, read the pinned catalog for THAT version instead
 (`…/v<their-version>/agent/…`). A catalog newer than the installed package describes props that do
 not exist yet; older, and it hides props that do. Neither failure announces itself.
@@ -47,7 +47,7 @@ Then ask it: `search_components`, `get_component`, `get_tokens`, `get_rule`, `li
    task is a task** — "build a settings page", "confirm a destructive delete", "a list page with
    filters" — start HERE, not at the components. Then fetch `patterns/<name>.json` for complete,
    copy-paste-ready code. A component index answers "does X exist"; it cannot answer "build Y".
-1. `components-index.json` — 49 KB, all 179 components as name + group +
+1. `components-index.json` — 49 KB, all 181 components as name + group +
    tagline. Read this when you already know the SHAPE you need. Each entry may carry `absorbed`:
    names that **do not exist** and map to it — `Combobox`, `Autocomplete`, `CountrySelect` and
    `SearchSelect` are all `Select`. If you are about to hand-roll something, search this field

package/agent/components/Markdown.json

@@ -0,0 +1,64 @@
+{
+  "docPath": "docs/data-display/markdown.tsx",
+  "example": "import { Prose } from \"@godxjp/ui/data-display\";\nimport { Markdown } from \"@godxjp/markdown\";\n\n<Prose measure=\"narrow\">\n  <Markdown resolveUrl={(url) => (url.startsWith(\"asset:\") ? assetUrl(url) : undefined)}>\n    {page.body}\n  </Markdown>\n</Prose>",
+  "group": "data-display",
+  "importPath": "@godxjp/markdown",
+  "name": "Markdown",
+  "props": [
+    {
+      "description": "The Markdown source.",
+      "name": "children",
+      "required": true,
+      "type": "string"
+    },
+    {
+      "description": "Host markers (callouts, embeds), run after GFM. Their output is still sanitised — allow marker attributes with `schema`.",
+      "name": "remarkPlugins",
+      "type": "PluggableList"
+    },
+    {
+      "description": "Tags / attributes a host plugin needs. ADDITIVE: it can never widen the URL policy or bring raw HTML back.",
+      "name": "schema",
+      "type": "{ tagNames?: string[]; attributes?: Record<string, …> }"
+    },
+    {
+      "description": "Map a host scheme (`asset:…`, wiki links) to a real URL. Runs BEFORE the sanitiser, which then judges the result.",
+      "name": "resolveUrl",
+      "type": "(url, key) => string | undefined"
+    },
+    {
+      "description": "Server-assigned anchors instead of GitHub slugs.",
+      "name": "headingId",
+      "type": "({ depth, text, index }) => string | undefined"
+    },
+    {
+      "description": "Element overrides (react-markdown). A host `pre` replaces the Mermaid default.",
+      "name": "components",
+      "type": "Components"
+    },
+    {
+      "description": "Run AFTER the sanitiser — presentation only.",
+      "name": "rehypePlugins",
+      "type": "PluggableList"
+    },
+    {
+      "defaultValue": "true",
+      "description": "`false` keeps ```mermaid fences as code. Diagrams need the optional peer `mermaid`.",
+      "name": "mermaid",
+      "type": "boolean"
+    }
+  ],
+  "related": [
+    "Prose — the typography wrapper this renders into.",
+    "MarkdownEditor — editing; its preview is this renderer.",
+    "CodeBlock — a single block of preformatted text, not a document."
+  ],
+  "rules": [],
+  "storyPath": "data-display/markdown.tsx",
+  "tagline": "The one Markdown renderer for GoDX apps (sibling package `@godxjp/markdown`, versioned with the kit): GFM + GitHub heading anchors, one sanitiser schema (no raw HTML; http/https/mailto/relative URLs only), and ```mermaid drawn only after its SVG passes a fail-closed gate (gh#1108). Wrap it in `Prose`.",
+  "usage": [
+    "DO `<Prose><Markdown>{body}</Markdown></Prose>` for every rendered body (wiki page, issue, mail).",
+    "DO record `MARKDOWN_FORMAT` and `RENDERER_VERSION` on stored versions.",
+    "DON'T assemble react-markdown + rehype-sanitize per app, add rehype-raw, or render Mermaid yourself — `checkMermaidSvg` is the gate."
+  ]
+}

package/agent/components/MarkdownEditor.json

@@ -0,0 +1,66 @@
+{
+  "docPath": "docs/data-entry/markdown-editor.tsx",
+  "example": "import { MarkdownEditor } from \"@godxjp/editor\";\nimport { FormField } from \"@godxjp/ui/data-entry\";\n\n<FormField id=\"body\" label=\"本文\">\n  <MarkdownEditor\n    value={body}\n    onValueChange={setBody}\n    upload={async (file) => ({ url: await storage.put(file), name: file.name })}\n  />\n</FormField>",
+  "group": "data-entry",
+  "importPath": "@godxjp/editor",
+  "name": "MarkdownEditor",
+  "props": [
+    {
+      "description": "Controlled Markdown text (with `onValueChange`).",
+      "name": "value",
+      "type": "string"
+    },
+    {
+      "description": "Uncontrolled initial text.",
+      "name": "defaultValue",
+      "type": "string"
+    },
+    {
+      "description": "Every change: typing, toolbar, uploads, undo.",
+      "name": "onValueChange",
+      "type": "(value: string) => void"
+    },
+    {
+      "description": "Controlled view (with `onModeChange`); `defaultMode` for uncontrolled. Default `write`.",
+      "name": "mode",
+      "type": "\"write\" | \"preview\" | \"split\""
+    },
+    {
+      "description": "Stores a pasted / dropped / attached file; the HOST decides where. A placeholder becomes `![name](url)` (images) or `[name](url)`; a failure removes it and names the file.",
+      "name": "upload",
+      "type": "(file: File) => Promise<{ url: string; name?: string }>"
+    },
+    {
+      "description": "Refuses files with this message, with or without `upload`; the attach button carries the reason and shows it instead of opening the picker (gh#1114).",
+      "name": "uploadBlockedReason",
+      "type": "string | null"
+    },
+    {
+      "description": "Replace the preview (an app with its own embeds).",
+      "name": "renderPreview",
+      "type": "(value: string) => ReactNode"
+    },
+    {
+      "description": "Extra toolbar actions — the extension point for new block types (`api`: value, selection, edit, insert, focus).",
+      "name": "actions",
+      "type": "{ key, label, icon, run(api) }[]"
+    },
+    {
+      "description": "Override any string (defaults: the kit's ja / en / vi catalogue).",
+      "name": "labels",
+      "type": "Partial<MarkdownEditorLabels>"
+    }
+  ],
+  "related": [
+    "Textarea — plain multi-line text; this is Textarea plus Markdown tooling.",
+    "Markdown — rendering a stored body."
+  ],
+  "rules": [],
+  "storyPath": "data-entry/markdown-editor.tsx",
+  "tagline": "Markdown editor (sibling package `@godxjp/editor`, versioned with the kit): the kit's Textarea with a WAI-ARIA formatting toolbar, write / preview / side by side (preview via `@godxjp/markdown`), IME-safe ⌘/Ctrl+B·I·K, one undo step per toolbar edit, and paste / drop / attach through a host `upload` (gh#1109).",
+  "usage": [
+    "DO put it inside `FormField` — `id` / `aria-*` reach the textarea.",
+    "DO keep a host autocomplete (ChatSuggestion) by passing its `onKeyDown`: it runs first, and `preventDefault()` skips the editor's shortcut.",
+    "DON'T build a toolbar over a bare Textarea, or a rich-text surface — this is the shared editor."
+  ]
+}

package/agent/components/Prose.json

@@ -16,6 +16,11 @@
       "name": "imageSize",
       "type": "\"fit\" | \"original\""
     },
+    {
+      "description": "Reading line length (gh#1112): caps the inline size at the `--page-measure-*` token — the same vocabulary and tokens as `Flex measure` / `PageContainer measure` (narrow 42rem, medium 48rem sit in the 45–75 character band). A cap, not a centred column: the body keeps its start edge under its heading. Use it on a document/wiki/decision body instead of narrowing the whole page column; title and metadata stay full width. Unset = full width.",
+      "name": "measure",
+      "type": "\"narrow\" | \"medium\" | \"wide\""
+    },
     {
       "description": "The rendered content.",
       "name": "children",

package/agent/components-index.json

@@ -301,6 +301,16 @@
     "name": "CodeBlock",
     "tagline": "A block of preformatted text (request and response bodies, console output, snippets): mono, muted surface, soft-wrapped long lines by default, and an optional height cap that scrolls inside the block instead of pushing the page."
   },
+  {
+    "group": "data-display",
+    "name": "Markdown",
+    "tagline": "The one Markdown renderer for GoDX apps (sibling package `@godxjp/markdown`, versioned with the kit): GFM + GitHub heading anchors, one sanitiser schema (no raw HTML; http/https/mailto/relative URLs only), and ```mermaid drawn only after its SVG passes a fail-closed gate (gh#1108). Wrap it in `Prose`."
+  },
+  {
+    "group": "data-entry",
+    "name": "MarkdownEditor",
+    "tagline": "Markdown editor (sibling package `@godxjp/editor`, versioned with the kit): the kit's Textarea with a WAI-ARIA formatting toolbar, write / preview / side by side (preview via `@godxjp/markdown`), IME-safe ⌘/Ctrl+B·I·K, one undo step per toolbar edit, and paste / drop / attach through a host `upload` (gh#1109)."
+  },
   {
     "group": "data-display",
     "name": "Prose",

package/agent/components.json

@@ -4987,6 +4987,136 @@
       "A stack trace in an error detail sheet: `wrap={false}` so frames stay on one line, scrolled horizontally."
     ]
   },
+  {
+    "docPath": "docs/data-display/markdown.tsx",
+    "example": "import { Prose } from \"@godxjp/ui/data-display\";\nimport { Markdown } from \"@godxjp/markdown\";\n\n<Prose measure=\"narrow\">\n  <Markdown resolveUrl={(url) => (url.startsWith(\"asset:\") ? assetUrl(url) : undefined)}>\n    {page.body}\n  </Markdown>\n</Prose>",
+    "group": "data-display",
+    "importPath": "@godxjp/markdown",
+    "name": "Markdown",
+    "props": [
+      {
+        "description": "The Markdown source.",
+        "name": "children",
+        "required": true,
+        "type": "string"
+      },
+      {
+        "description": "Host markers (callouts, embeds), run after GFM. Their output is still sanitised — allow marker attributes with `schema`.",
+        "name": "remarkPlugins",
+        "type": "PluggableList"
+      },
+      {
+        "description": "Tags / attributes a host plugin needs. ADDITIVE: it can never widen the URL policy or bring raw HTML back.",
+        "name": "schema",
+        "type": "{ tagNames?: string[]; attributes?: Record<string, …> }"
+      },
+      {
+        "description": "Map a host scheme (`asset:…`, wiki links) to a real URL. Runs BEFORE the sanitiser, which then judges the result.",
+        "name": "resolveUrl",
+        "type": "(url, key) => string | undefined"
+      },
+      {
+        "description": "Server-assigned anchors instead of GitHub slugs.",
+        "name": "headingId",
+        "type": "({ depth, text, index }) => string | undefined"
+      },
+      {
+        "description": "Element overrides (react-markdown). A host `pre` replaces the Mermaid default.",
+        "name": "components",
+        "type": "Components"
+      },
+      {
+        "description": "Run AFTER the sanitiser — presentation only.",
+        "name": "rehypePlugins",
+        "type": "PluggableList"
+      },
+      {
+        "defaultValue": "true",
+        "description": "`false` keeps ```mermaid fences as code. Diagrams need the optional peer `mermaid`.",
+        "name": "mermaid",
+        "type": "boolean"
+      }
+    ],
+    "related": [
+      "Prose — the typography wrapper this renders into.",
+      "MarkdownEditor — editing; its preview is this renderer.",
+      "CodeBlock — a single block of preformatted text, not a document."
+    ],
+    "rules": [],
+    "storyPath": "data-display/markdown.tsx",
+    "tagline": "The one Markdown renderer for GoDX apps (sibling package `@godxjp/markdown`, versioned with the kit): GFM + GitHub heading anchors, one sanitiser schema (no raw HTML; http/https/mailto/relative URLs only), and ```mermaid drawn only after its SVG passes a fail-closed gate (gh#1108). Wrap it in `Prose`.",
+    "usage": [
+      "DO `<Prose><Markdown>{body}</Markdown></Prose>` for every rendered body (wiki page, issue, mail).",
+      "DO record `MARKDOWN_FORMAT` and `RENDERER_VERSION` on stored versions.",
+      "DON'T assemble react-markdown + rehype-sanitize per app, add rehype-raw, or render Mermaid yourself — `checkMermaidSvg` is the gate."
+    ]
+  },
+  {
+    "docPath": "docs/data-entry/markdown-editor.tsx",
+    "example": "import { MarkdownEditor } from \"@godxjp/editor\";\nimport { FormField } from \"@godxjp/ui/data-entry\";\n\n<FormField id=\"body\" label=\"本文\">\n  <MarkdownEditor\n    value={body}\n    onValueChange={setBody}\n    upload={async (file) => ({ url: await storage.put(file), name: file.name })}\n  />\n</FormField>",
+    "group": "data-entry",
+    "importPath": "@godxjp/editor",
+    "name": "MarkdownEditor",
+    "props": [
+      {
+        "description": "Controlled Markdown text (with `onValueChange`).",
+        "name": "value",
+        "type": "string"
+      },
+      {
+        "description": "Uncontrolled initial text.",
+        "name": "defaultValue",
+        "type": "string"
+      },
+      {
+        "description": "Every change: typing, toolbar, uploads, undo.",
+        "name": "onValueChange",
+        "type": "(value: string) => void"
+      },
+      {
+        "description": "Controlled view (with `onModeChange`); `defaultMode` for uncontrolled. Default `write`.",
+        "name": "mode",
+        "type": "\"write\" | \"preview\" | \"split\""
+      },
+      {
+        "description": "Stores a pasted / dropped / attached file; the HOST decides where. A placeholder becomes `![name](url)` (images) or `[name](url)`; a failure removes it and names the file.",
+        "name": "upload",
+        "type": "(file: File) => Promise<{ url: string; name?: string }>"
+      },
+      {
+        "description": "Refuses files with this message, with or without `upload`; the attach button carries the reason and shows it instead of opening the picker (gh#1114).",
+        "name": "uploadBlockedReason",
+        "type": "string | null"
+      },
+      {
+        "description": "Replace the preview (an app with its own embeds).",
+        "name": "renderPreview",
+        "type": "(value: string) => ReactNode"
+      },
+      {
+        "description": "Extra toolbar actions — the extension point for new block types (`api`: value, selection, edit, insert, focus).",
+        "name": "actions",
+        "type": "{ key, label, icon, run(api) }[]"
+      },
+      {
+        "description": "Override any string (defaults: the kit's ja / en / vi catalogue).",
+        "name": "labels",
+        "type": "Partial<MarkdownEditorLabels>"
+      }
+    ],
+    "related": [
+      "Textarea — plain multi-line text; this is Textarea plus Markdown tooling.",
+      "Markdown — rendering a stored body."
+    ],
+    "rules": [],
+    "storyPath": "data-entry/markdown-editor.tsx",
+    "tagline": "Markdown editor (sibling package `@godxjp/editor`, versioned with the kit): the kit's Textarea with a WAI-ARIA formatting toolbar, write / preview / side by side (preview via `@godxjp/markdown`), IME-safe ⌘/Ctrl+B·I·K, one undo step per toolbar edit, and paste / drop / attach through a host `upload` (gh#1109).",
+    "usage": [
+      "DO put it inside `FormField` — `id` / `aria-*` reach the textarea.",
+      "DO keep a host autocomplete (ChatSuggestion) by passing its `onKeyDown`: it runs first, and `preventDefault()` skips the editor's shortcut.",
+      "DON'T build a toolbar over a bare Textarea, or a rich-text surface — this is the shared editor."
+    ]
+  },
   {
     "example": "import { Prose } from \"@godxjp/ui/data-display\";\nimport Markdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\n\n<Prose size=\"sm\">\n  <Markdown remarkPlugins={[remarkGfm]}>{issue.description}</Markdown>\n</Prose>",
     "group": "data-display",
@@ -5005,6 +5135,11 @@
         "name": "imageSize",
         "type": "\"fit\" | \"original\""
       },
+      {
+        "description": "Reading line length (gh#1112): caps the inline size at the `--page-measure-*` token — the same vocabulary and tokens as `Flex measure` / `PageContainer measure` (narrow 42rem, medium 48rem sit in the 45–75 character band). A cap, not a centred column: the body keeps its start edge under its heading. Use it on a document/wiki/decision body instead of narrowing the whole page column; title and metadata stay full width. Unset = full width.",
+        "name": "measure",
+        "type": "\"narrow\" | \"medium\" | \"wide\""
+      },
       {
         "description": "The rendered content.",
         "name": "children",

package/agent/index.json

@@ -1,7 +1,7 @@
 {
   "counts": {
     "anti-ai-tells": 26,
-    "components": 179,
+    "components": 181,
     "patterns": 21,
     "rules": 50,
     "tokens": 2129,
@@ -10,7 +10,7 @@
   "files": [
     {
       "file": "components-index.json",
-      "note": "49 KB — name + group + tagline for all 179. FETCH THIS FIRST, then fetch only the components you chose.",
+      "note": "49 KB — name + group + tagline for all 181. FETCH THIS FIRST, then fetch only the components you chose.",
       "url": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/components-index.json"
     },
     {
@@ -48,7 +48,7 @@
   "note": "Pin to the tag that matches the @godxjp/ui version you installed. A catalog newer than your package describes props you do not have; older, and it hides props you do.",
   "read": {
     "live": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/index.json",
-    "pinned": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/v31.18.0/agent/index.json"
+    "pinned": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/v31.19.0/agent/index.json"
   },
   "source": "mcp/src/data — the same data @godxjp/ui-mcp serves — plus the foundation and semantic token tiers, read from src/tokens/*.css",
   "start": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/START-HERE.md",
@@ -62,5 +62,5 @@
     "foundation": "the seeds a consumer is invited to set — --primary, --background, --radius",
     "semantic": "named roles that follow the seeds — --ring, --text-link, --overlay-background"
   },
-  "version": "31.18.0"
+  "version": "31.19.0"
 }

package/agent/llms.txt

@@ -1,10 +1,10 @@
 # @godxjp/ui
 
-> A Japanese-enterprise React design system: 179 components, 2129 design tokens,
-> 50 cardinal rules. This file is the entry point for AI agents. Catalog version 31.18.0.
+> A Japanese-enterprise React design system: 181 components, 2129 design tokens,
+> 50 cardinal rules. This file is the entry point for AI agents. Catalog version 31.19.0.
 
 If your client can run a process, do not read these files — run the MCP server instead
-(`npx @godxjp/ui-mcp@31.18.0`). It is searchable and version-locked. These files exist for agents
+(`npx @godxjp/ui-mcp@31.19.0`). It is searchable and version-locked. These files exist for agents
 that can only fetch URLs.
 
 ## Start
@@ -15,7 +15,7 @@ that can only fetch URLs.
 ## Catalog
 
 - [patterns-index.json](https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/patterns-index.json): 21 whole-task patterns (name, tagline, tags). Start here when the task is a TASK — "build a settings page" — then fetch `patterns/<name>.json` for complete code.
-- [components-index.json](https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/components-index.json): 49 KB — all 179 components as name, group, tagline, plus `absorbed`: the names that do NOT exist and map to it (`Combobox` → `Select`).
+- [components-index.json](https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/components-index.json): 49 KB — all 181 components as name, group, tagline, plus `absorbed`: the names that do NOT exist and map to it (`Combobox` → `Select`).
 - [components/&lt;Name&gt;.json](https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/components/Select.json): one file per component (1 KB–36 KB, median 6 KB). Read the index, then fetch only the ones you chose — this is the selective route, and the reason you do not need the blob.
 - [components.json](https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/components.json): 1.2 MB — every entry in one file. Most URL fetchers truncate a response this size without saying so; prefer the per-component files.
 - [tokens.json](https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/tokens.json): every design token with its value, the reason it exists, and its `tier` — 211 `foundation` seeds (`--primary`, `--background`, `--radius`: set these when you are handed a brand), 104 `semantic` roles, 1814 `component` knobs.
@@ -26,7 +26,7 @@ that can only fetch URLs.
 ## Pinning
 
 Every URL above tracks `main`. To pin to the release a project actually installed, swap `main` for
-the tag: `.../godx-jp/godxjp-ui/v31.18.0/agent/...`. A catalog that does not match the installed
+the tag: `.../godx-jp/godxjp-ui/v31.19.0/agent/...`. A catalog that does not match the installed
 package describes props that are absent, or hides props that are present, and says nothing either way.
 
 Pinned catalogs only exist for releases whose tag actually contains `agent/`. If `…/v<version>/agent/index.json` returns 404, that release predates this catalog: read `…/main/…` instead and compare `index.json` → `version` against the package you have, so you at least know which way it drifted.

package/dist/components/data-display/prose.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils.js";
-const Prose = React.forwardRef(function Prose2({ size = "md", imageSize = "fit", className, children, ...rest }, ref) {
+const Prose = React.forwardRef(function Prose2({ size = "md", imageSize = "fit", measure, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -9,6 +9,7 @@ const Prose = React.forwardRef(function Prose2({ size = "md", imageSize = "fit",
       "data-slot": "prose",
       "data-size": size === "md" ? void 0 : size,
       "data-image-size": imageSize === "fit" ? void 0 : imageSize,
+      "data-measure": measure,
       className: cn("ui-prose", className),
       ...rest,
       children

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "31.18.0",
+  "version": "31.19.0",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/props/components/data-display.prop.d.ts

@@ -35,11 +35,20 @@ export type CodeBlockProp = {
  * @see Prose — typography for rendered content (Markdown, CMS bodies). Styles descendant semantic
  * HTML from the tokens; it has no opinion about where the HTML comes from.
  */
+import type { FlexMeasureProp } from "./layout.prop.js";
 export type ProseProp = {
     /** Body size. `md` is the page body size; `sm` is the compact step. Default `md`. */
     size?: Extract<SizeProp, "sm" | "md">;
     /** `fit` scales images to the column (default); `original` shows them at their authored size. */
     imageSize?: "fit" | "original";
+    /**
+     * Caps the line length for reading (gh#1112): `narrow` / `medium` / `wide` read the same
+     * `--page-measure-*` tokens as `Flex measure` and `PageContainer measure`, so one theme knob sets
+     * every reading column. `narrow` (42rem) and `medium` (48rem) sit in the 45–75 character band.
+     * Unlike Flex it does NOT centre: the body keeps its start edge under the heading beside it.
+     * Unset = the full width of the container.
+     */
+    measure?: FlexMeasureProp;
     className?: ClassNameProp;
     children?: ChildrenProp;
 };

package/dist/styles/data-display-layout.css

@@ -1285,6 +1285,18 @@
     font-size: var(--prose-font-size-sm);
   }
 
+  .ui-prose[data-measure="narrow"] {
+    max-inline-size: var(--page-measure-narrow);
+  }
+
+  .ui-prose[data-measure="medium"] {
+    max-inline-size: var(--page-measure-medium);
+  }
+
+  .ui-prose[data-measure="wide"] {
+    max-inline-size: var(--page-measure-wide);
+  }
+
   .ui-prose[data-image-size="original"] {
     overflow-x: auto;
   }

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "31.18.0",
+  "version": "31.19.0",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",
@@ -644,6 +644,21 @@
         "logo-layout.css"
       ]
     },
+    "Markdown": {
+      "layers": []
+    },
+    "MarkdownEditor": {
+      "layers": [
+        "layout.css",
+        "control.css",
+        "toggle.css",
+        "card-layout.css",
+        "text-layout.css",
+        "dialog-layout.css",
+        "data-display-layout.css",
+        "navigation-layout.css"
+      ]
+    },
     "Marquee": {
       "layers": [
         "motion.css",

package/docs/FRAME-COVERAGE-REPORT.md

@@ -3,8 +3,8 @@
 > Generated by `scripts/frame-coverage.mjs` (issue #163). Do not edit by hand — run `pnpm check:frame-coverage`.
 > Standard: [FRAME-COVERAGE-STANDARD.md](./FRAME-COVERAGE-STANDARD.md). A missing dimension is **UNTESTED**, never a pass.
 
-- Public components: **179**
-- With ≥1 frame: **155** · zero-frame: **24**
+- Public components: **181**
+- With ≥1 frame: **157** · zero-frame: **24**
 - Fully covered (every contract axis declared): **0**
 
 ## UNTESTED — no `/frame/**` route
@@ -98,6 +98,8 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | EmptyState | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | Progress | ✓ | · | N/A | · | · | · | · | · | · | · |
 | CodeBlock | ✓ | · | N/A | N/A | · | · | · | · | · | · |
+| Markdown | ✓ | · | · | · | · | · | · | · | · | · |
+| MarkdownEditor | ✓ | · | · | · | · | · | · | · | · | · |
 | Prose | ✓ | · | N/A | N/A | · | · | · | · | · | · |
 | Timeline | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | TimelineGrid | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "31.18.0",
-  "godxUiMcp": "31.18.0",
+  "version": "31.19.0",
+  "godxUiMcp": "31.19.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/scripts/prune-css.mjs

@@ -125,8 +125,10 @@ const byLength = [...componentNames].sort((a, b) => b.length - a.length);
 
 const used = new Set();
 let sawNamespace = false;
+// `@godxjp/editor` / `@godxjp/markdown` too (gh#1114): their components render kit components, and
+// the manifest maps `MarkdownEditor` to the layers those need.
 const IMPORT =
-  /(?:import|export)\s+(type\s+)?([^;'"]*?)\s*from\s*["'](@godxjp\/ui(?:\/[^"']*)?)["']/g;
+  /(?:import|export)\s+(type\s+)?([^;'"]*?)\s*from\s*["'](@godxjp\/(?:ui|editor|markdown)(?:\/[^"']*)?)["']/g;
 for (const file of new Set(sources)) {
   const src = readFileSync(file, "utf8");
   for (const m of src.matchAll(IMPORT)) {