@cueplusplus/ui 0.22.0 → 0.23.0

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @cueplusplus/ui
 
+## 0.23.0
+
+### Minor Changes
+
+- dae9dec: **A field's edge can reach 3:1: `data-field-edge="contrast"`** (cue-ui-60). Every shipped theme's
+  `--cue-border` measured 1.07:1 to 2.02:1 against `surface-1`, under WCAG 1.4.11's 3:1 for the line
+  that marks out where to type. The border stays as it is, because it is a box edge and a quiet one on
+  purpose, and a field's edge becomes a role of its own.
+
+  - **`--cue-field-edge`** is each block's border moved toward its ink until it clears 3:1 on its
+    `surface-1`, written per block as a literal. Every theme package, `theme-base`'s own palette and
+    `createTheme()` write it, and the contrast report holds it to 3:1 as the required pair
+    `field-edge/surface-1`.
+  - **Opt in with `data-field-edge="contrast"`** on any element, `<html>` included. Every recessed
+    control inside then draws its resting edge in `--cue-field-edge`, disabled ones too, and over a
+    paint pack's stroke. Hover, focus and invalid edges keep their own colours. Outside the attribute,
+    nothing changes.
+  - **`edgeToContrast(edge, ground, toward, minimum = 3)`** is the arithmetic, exported from
+    `@cueplusplus/theme-base/contrast` and `@cueplusplus/ui/theming`.
+  - `@cueplusplus/tokens` publishes `field-edge` as a derived name, with `var(--cue-border)` as its
+    template. A stylesheet built before this release falls back to the plain border.
+
+  **For a theme package of your own:** `theme-tools` now writes one more line per block. Run
+  `generate` once after upgrading; until then `check` reports the stylesheet out of date.
+
+- 39884b3: **`MarkdownText` renders GitHub tables** (cue-ui-58). An agent's table used to arrive as one
+  paragraph of pipes: the parser read CommonMark only, and the sanitizer allowed no table elements.
+  Tables are now the one part of GFM the parser reads. Each column is aligned as its delimiter row
+  says, header cells sit on `surface-2`, and the table scrolls sideways inside a named,
+  keyboard-reachable region rather than widening the turn. Task lists, footnotes and autolink literals
+  stay out, and raw HTML is still refused: a cell's markup is text, and alignment is the only style a
+  cell carries.
+
+  **`remarkPlugins`** adds parser plugins after the table syntax. It is a seam for the parser, not
+  for the page: whatever a plugin puts in the tree passes the same sanitizer, so it can change what
+  the markdown means but cannot widen what renders.
+
+  ### Migrating
+  - **`@cueplusplus/ui/elements/markdown` has two more optional peers**, the table half of GFM:
+    `pnpm add micromark-extension-gfm-table mdast-util-gfm-table`. Like `react-markdown` and
+    `rehype-sanitize`, they are needed only where this subpath is imported. A build that imports it
+    without them fails to resolve the module, and names it.
+
+### Patch Changes
+
+- Updated dependencies [dae9dec]
+  - @cueplusplus/tokens@0.23.0
+  - @cueplusplus/theme-base@1.4.0
+
 ## 0.22.0
 
 ### Minor Changes

package/README.md

@@ -105,7 +105,7 @@ their own, so importing a button never pulls a charting library into your bundle
 | `@cueplusplus/ui/chat` | the multi-agent transcript: messages, composer, HITL questions, agent colour |
 | `@cueplusplus/ui/agent-runtime` | the streaming layer under Chat; needs `@assistant-ui/react` |
 | `@cueplusplus/ui/elements` | the agent's own surface, vendored from assistant-ui and repainted onto the tokens; needs `lucide-react` and `heat-graph` (+ `./elements.css`) |
-| `@cueplusplus/ui/elements/markdown` | `MarkdownText`; needs `react-markdown`, `rehype-sanitize` |
+| `@cueplusplus/ui/elements/markdown` | `MarkdownText`; needs `react-markdown`, `rehype-sanitize`, `micromark-extension-gfm-table`, `mdast-util-gfm-table` |
 | `@cueplusplus/ui/elements/generative` | the generative-UI renderer and its spec (+ `./elements/generative.css`) |
 | `@cueplusplus/ui/elements/replay` | the scripted session-replay frame |
 | `@cueplusplus/ui/dmx` | 512 bytes at wire rate: the bar, the strip, the patch bar, the channel grid |

package/dist/elements/markdown.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import Markdown from "react-markdown";
 //#region src/elements/markdown.d.ts
 /** A fenced block, handed to a highlighter that was opted into. */
 interface MarkdownCodeBlock {
@@ -50,6 +51,16 @@ interface MarkdownTextProps extends Omit<React.ComponentPropsWithoutRef<"div">,
    * behaviour they inherited.
    */
   renderCodeBlock?: (block: MarkdownCodeBlock) => React.ReactNode;
+  /**
+   * More remark plugins, run after the component's own table syntax.
+   *
+   * A seam for the parser, not for the page: whatever a plugin adds to the
+   * tree still passes the same sanitizer, so a plugin can change what the
+   * markdown *means* — a mention syntax, a glossary link — but cannot widen
+   * what renders. An element outside the subset is dropped, and an attribute
+   * the schema does not name never arrives.
+   */
+  remarkPlugins?: React.ComponentProps<typeof Markdown>["remarkPlugins"];
 }
 /**
  * Model output, rendered.
@@ -84,9 +95,11 @@ interface MarkdownTextProps extends Omit<React.ComponentPropsWithoutRef<"div">,
  * - **Attributes are enumerated, not filtered.** An element that is not in the
  *   schema renders nothing; an element that is renders only the attributes
  *   named beside it — `href`/`title` on a link, `src`/`alt`/`title` on an
- *   image, `language-…` on a `code`. No element in the subset accepts `id`,
+ *   image, `language-…` on a `code`, and `align` on a table cell, held to
+ *   `left`, `center` or `right`. No element in the subset accepts `id`,
  *   `style`, `srcset`, `formaction` or any `on*` handler, so none of them has
- *   an attribute to arrive on.
+ *   an attribute to arrive on; the one inline style anything carries is a
+ *   cell's `text-align`, which the renderer writes from that `align`.
  * - **URLs are allow-listed twice.** `http`, `https` and `mailto` on both
  *   `href` and `src`; a relative URL stays relative; everything else — a
  *   `javascript:` link, a `data:text/html` image, `vbscript:`, `blob:`,
@@ -98,10 +111,14 @@ interface MarkdownTextProps extends Omit<React.ComponentPropsWithoutRef<"div">,
  *
  * **The subset.** Paragraphs, ATX and setext headings, bullet and ordered
  * lists, block quotes, thematic breaks, fenced and indented code, inline code,
- * emphasis, strong, strikethrough, links, images, and hard breaks. No GFM
- * plugin is enabled, so no tables, task lists, footnotes or autolink literals —
- * an explicit `<https://…>` autolink still works. Fenced blocks are plain text
- * unless {@link MarkdownTextProps.renderCodeBlock} is given.
+ * emphasis, strong, strikethrough, links, images, hard breaks, and GitHub
+ * tables. Tables are the one part of GFM the parser reads, each column aligned
+ * as its delimiter row says and wrapped in a named region that scrolls
+ * sideways; task lists, footnotes and autolink literals stay out — an explicit
+ * `<https://…>` autolink still works. Fenced blocks are plain text unless
+ * {@link MarkdownTextProps.renderCodeBlock} is given, and
+ * {@link MarkdownTextProps.remarkPlugins} adds parser plugins without widening
+ * the subset.
  *
  * **Streaming.** Pass `streaming` while the turn is arriving and the token the
  * model is halfway through typing is hidden rather than rendered as
@@ -110,10 +127,11 @@ interface MarkdownTextProps extends Omit<React.ComponentPropsWithoutRef<"div">,
  * words appear as they arrive; only their formatting waits for the closing
  * token.
  *
- * `react-markdown` and `rehype-sanitize` are optional peers of this subpath
- * alone, which is why this component is not re-exported from
+ * `react-markdown`, `rehype-sanitize` and GFM's table pair
+ * (`micromark-extension-gfm-table`, `mdast-util-gfm-table`) are optional peers
+ * of this subpath alone, which is why this component is not re-exported from
  * `@cueplusplus/ui/elements`: a console that renders a transcript without
- * markdown should install neither.
+ * markdown should install none of them.
  *
  * @example
  * <Message agent="researcher">
@@ -125,6 +143,8 @@ interface MarkdownTextProps extends Omit<React.ComponentPropsWithoutRef<"div">,
  * <MarkdownText renderCodeBlock={({ language, code }) => <Highlight lang={language} code={code} />}>
  *   {answer}
  * </MarkdownText>
+ * @example
+ * <MarkdownText remarkPlugins={[remarkMentions]}>{turn.text}</MarkdownText>
  */
 declare const MarkdownText: React.ForwardRefExoticComponent<MarkdownTextProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion

package/dist/elements/markdown.js

@@ -4,6 +4,8 @@ import { FOCUS_RING } from "../system/_focus-ring.js";
 import { codeScroll, codeSurface, field, mono } from "./surfaces.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+import { gfmTableFromMarkdown } from "mdast-util-gfm-table";
+import { gfmTable } from "micromark-extension-gfm-table";
 import Markdown from "react-markdown";
 import rehypeSanitize from "rehype-sanitize";
 //#region src/elements/markdown.tsx
@@ -19,9 +21,13 @@ import rehypeSanitize from "rehype-sanitize";
 * `MarkdownText`'s JSDoc quotes it, and a test asserts nothing outside it
 * survives.
 *
+* The six table elements are here because GFM's table syntax is the one part
+* of GFM the parser reads (see {@link remarkTables}): a table is inert, and it
+* is how an agent presents a comparison.
+*
 * Deliberately absent, and each for a reason: `input` (GFM task lists would
-* put a control inside a transcript), `table` and friends (no GFM plugin is
-* enabled, so the parser never produces them), `svg`/`math` (an untrusted
+* put a control inside a transcript), `sup`/`section` (footnotes, which a
+* reply does not need), `svg`/`math` (an untrusted
 * vector is a script host in several browsers' history), `details`/`summary`
 * (disclosure is a component, not a token stream), and every sectioning or
 * embedding tag — `iframe`, `object`, `embed`, `script`, `style`, `form`.
@@ -46,6 +52,12 @@ const ALLOWED_TAGS = [
 	"p",
 	"pre",
 	"strong",
+	"table",
+	"tbody",
+	"td",
+	"th",
+	"thead",
+	"tr",
 	"ul"
 ];
 /**
@@ -72,6 +84,9 @@ const ALLOWED_PROTOCOLS = [
 * handler unreachable by construction instead of by deny-list. `code` may
 * carry a `className`, and only one matching `language-…`, because that is how
 * a fenced block's info string reaches {@link MarkdownTextProps.renderCodeBlock}.
+* A table cell may carry `align`, and only one of the three values the
+* delimiter row can write; the renderer turns it into `text-align`, which is
+* the one inline style anything in this surface ever carries.
 */
 const SCHEMA = {
 	tagNames: [...ALLOWED_TAGS],
@@ -84,6 +99,18 @@ const SCHEMA = {
 		],
 		code: [["className", /^language-[\w+#.-]+$/]],
 		ol: ["start"],
+		th: [[
+			"align",
+			"left",
+			"center",
+			"right"
+		]],
+		td: [[
+			"align",
+			"left",
+			"center",
+			"right"
+		]],
 		"*": []
 	},
 	protocols: {
@@ -304,6 +331,20 @@ function sealStream(source) {
 	for (let index = 0; index < tail.length; index += 1) if (!erase.has(index)) sealed += tail[index];
 	return head + sealed;
 }
+/**
+* GitHub's table syntax, as a remark plugin, and nothing else from GFM.
+*
+* `remark-gfm` would bring task lists (a checkbox in a transcript), footnotes
+* and autolink literals along with tables. This registers the table tokenizer
+* and its tree handlers alone, which is what `remark-gfm` itself does for each
+* of its five extensions, one at a time. The sanitizer still decides what a
+* table may render as: the six elements and a cell's `align`.
+*/
+function remarkTables() {
+	const data = this.data();
+	(data.micromarkExtensions ??= []).push(gfmTable());
+	(data.fromMarkdownExtensions ??= []).push(gfmTableFromMarkdown());
+}
 /** The text and info string of a fenced block, read off its hast node. */
 function readCodeBlock(node) {
 	const code = node?.children?.find((child) => child.tagName === "code");
@@ -347,9 +388,11 @@ function readCodeBlock(node) {
 * - **Attributes are enumerated, not filtered.** An element that is not in the
 *   schema renders nothing; an element that is renders only the attributes
 *   named beside it — `href`/`title` on a link, `src`/`alt`/`title` on an
-*   image, `language-…` on a `code`. No element in the subset accepts `id`,
+*   image, `language-…` on a `code`, and `align` on a table cell, held to
+*   `left`, `center` or `right`. No element in the subset accepts `id`,
 *   `style`, `srcset`, `formaction` or any `on*` handler, so none of them has
-*   an attribute to arrive on.
+*   an attribute to arrive on; the one inline style anything carries is a
+*   cell's `text-align`, which the renderer writes from that `align`.
 * - **URLs are allow-listed twice.** `http`, `https` and `mailto` on both
 *   `href` and `src`; a relative URL stays relative; everything else — a
 *   `javascript:` link, a `data:text/html` image, `vbscript:`, `blob:`,
@@ -361,10 +404,14 @@ function readCodeBlock(node) {
 *
 * **The subset.** Paragraphs, ATX and setext headings, bullet and ordered
 * lists, block quotes, thematic breaks, fenced and indented code, inline code,
-* emphasis, strong, strikethrough, links, images, and hard breaks. No GFM
-* plugin is enabled, so no tables, task lists, footnotes or autolink literals —
-* an explicit `<https://…>` autolink still works. Fenced blocks are plain text
-* unless {@link MarkdownTextProps.renderCodeBlock} is given.
+* emphasis, strong, strikethrough, links, images, hard breaks, and GitHub
+* tables. Tables are the one part of GFM the parser reads, each column aligned
+* as its delimiter row says and wrapped in a named region that scrolls
+* sideways; task lists, footnotes and autolink literals stay out — an explicit
+* `<https://…>` autolink still works. Fenced blocks are plain text unless
+* {@link MarkdownTextProps.renderCodeBlock} is given, and
+* {@link MarkdownTextProps.remarkPlugins} adds parser plugins without widening
+* the subset.
 *
 * **Streaming.** Pass `streaming` while the turn is arriving and the token the
 * model is halfway through typing is hidden rather than rendered as
@@ -373,10 +420,11 @@ function readCodeBlock(node) {
 * words appear as they arrive; only their formatting waits for the closing
 * token.
 *
-* `react-markdown` and `rehype-sanitize` are optional peers of this subpath
-* alone, which is why this component is not re-exported from
+* `react-markdown`, `rehype-sanitize` and GFM's table pair
+* (`micromark-extension-gfm-table`, `mdast-util-gfm-table`) are optional peers
+* of this subpath alone, which is why this component is not re-exported from
 * `@cueplusplus/ui/elements`: a console that renders a transcript without
-* markdown should install neither.
+* markdown should install none of them.
 *
 * @example
 * <Message agent="researcher">
@@ -388,8 +436,10 @@ function readCodeBlock(node) {
 * <MarkdownText renderCodeBlock={({ language, code }) => <Highlight lang={language} code={code} />}>
 *   {answer}
 * </MarkdownText>
+* @example
+* <MarkdownText remarkPlugins={[remarkMentions]}>{turn.text}</MarkdownText>
 */
-const MarkdownText = React.forwardRef(function MarkdownText({ className, children, streaming = false, target = "_blank", headingLevel = 2, renderCodeBlock, ...elementProps }, ref) {
+const MarkdownText = React.forwardRef(function MarkdownText({ className, children, streaming = false, target = "_blank", headingLevel = 2, renderCodeBlock, remarkPlugins, ...elementProps }, ref) {
 	const source = streaming ? sealStream(children) : children;
 	const components = React.useMemo(() => markdownComponents({
 		target,
@@ -408,6 +458,7 @@ const MarkdownText = React.forwardRef(function MarkdownText({ className, childre
 		...elementProps,
 		children: /* @__PURE__ */ jsx(Markdown, {
 			components,
+			remarkPlugins: [remarkTables, ...remarkPlugins ?? []],
 			rehypePlugins: [[rehypeSanitize, SCHEMA]],
 			skipHtml: true,
 			urlTransform: safeUrl,
@@ -522,7 +573,45 @@ function markdownComponents(options) {
 					children: renderCodeBlock(block)
 				})
 			});
-		}
+		},
+		table: ({ children }) => /* @__PURE__ */ jsx("div", {
+			role: "region",
+			"aria-label": "Table",
+			tabIndex: 0,
+			"data-slot": "markdown-table-scroll",
+			className: cn("rounded-control border border-border outline-none", codeScroll, FOCUS_RING),
+			children: /* @__PURE__ */ jsx("table", {
+				"data-slot": "markdown-table",
+				className: "w-full border-collapse text-(length:--cue-text-ui)",
+				children
+			})
+		}),
+		thead: ({ children }) => /* @__PURE__ */ jsx("thead", {
+			"data-slot": "markdown-table-head",
+			className: "bg-surface-2",
+			children
+		}),
+		tbody: ({ children }) => /* @__PURE__ */ jsx("tbody", {
+			"data-slot": "markdown-table-body",
+			children
+		}),
+		tr: ({ children }) => /* @__PURE__ */ jsx("tr", {
+			"data-slot": "markdown-table-row",
+			className: "border-b border-border last:border-b-0",
+			children
+		}),
+		th: ({ children, style }) => /* @__PURE__ */ jsx("th", {
+			"data-slot": "markdown-table-header",
+			style,
+			className: "px-(--cue-space-3) py-(--cue-space-2) text-start align-bottom font-medium text-fg",
+			children
+		}),
+		td: ({ children, style }) => /* @__PURE__ */ jsx("td", {
+			"data-slot": "markdown-table-cell",
+			style,
+			className: "px-(--cue-space-3) py-(--cue-space-2) align-top text-fg",
+			children
+		})
 	};
 }
 //#endregion

package/dist/forms/_chassis.d.ts

@@ -105,7 +105,10 @@ import { FormControlSize } from "./_chassis-size.js";
  * **`field-ground`** is `styles.css`'s opt-in relative fill (spec
  * 2026-10-08-field-ground R3): inside `[data-field-ground="relative"]` it
  * re-declares this field's own `--cue-sunken` one step off the ground it stands
- * on; anywhere else it compiles to nothing that applies.
+ * on; anywhere else it compiles to nothing that applies. The same hook carries
+ * the contrast edge (cue-ui-60): inside `[data-field-edge="contrast"]` this
+ * field's resting stroke reads `--cue-field-edge`, its theme's border moved to
+ * 3:1 on `surface-1`.
  *
  * **The resting shade** ({@link REST_SHADE_CLASS}, spec §3.10) is the one
  * shadow this recipe draws: the stroke paints a border and a ground and no

package/dist/forms/_chassis.js

@@ -112,7 +112,10 @@ import { INPUT_FACE } from "../system/_style-input-face.js";
 * **`field-ground`** is `styles.css`'s opt-in relative fill (spec
 * 2026-10-08-field-ground R3): inside `[data-field-ground="relative"]` it
 * re-declares this field's own `--cue-sunken` one step off the ground it stands
-* on; anywhere else it compiles to nothing that applies.
+* on; anywhere else it compiles to nothing that applies. The same hook carries
+* the contrast edge (cue-ui-60): inside `[data-field-edge="contrast"]` this
+* field's resting stroke reads `--cue-field-edge`, its theme's border moved to
+* 3:1 on `surface-1`.
 *
 * **The resting shade** ({@link REST_SHADE_CLASS}, spec §3.10) is the one
 * shadow this recipe draws: the stroke paints a border and a ground and no

package/dist/styles.css

@@ -179,9 +179,26 @@
  * the chain the stroke already reads, `var(--cue-style-field-fill,
  * var(--cue-sunken))`: a named fill still wins, a disabled field follows, and
  * no field's class grows by more than this utility's name. A consumer's own
- * field can wear `field-ground` too. */
+ * field can wear `field-ground` too.
+ *
+ * The contrast edge (cue-ui-60), and opt-in too. A theme's `--cue-border` is a
+ * box edge, quiet on purpose, and against `surface-1` it measured 1.07:1 to
+ * 2.02:1 in every shipped theme: under WCAG 1.4.11's 3:1 for the line that
+ * marks out where to type. `--cue-field-edge` is that border moved toward the
+ * ink until it clears 3:1 (each theme writes it per block, as a literal), and
+ * inside an ancestor carrying `data-field-edge="contrast"` a field's resting
+ * stroke reads it. Declared on the field for the reason the fill is: resolved
+ * here, it is the theme the field stands in, island or not. It sets both ends
+ * of the stroke, so it wins over a paint pack's gradient edge — the opt-in is
+ * a reader's need, and a pack is a look. The hover, focus and invalid edges are
+ * their own colours and do not move. Same hook as the relative fill, so no
+ * field's class grows for it. */
 @utility field-ground {
   :where([data-field-ground="relative"]) & {
     --cue-sunken: color-mix(in oklab, var(--cue-ground, var(--cue-bg)), var(--cue-style-field-toward, var(--cue-fg)) var(--cue-style-field-step, 6%));
   }
+  :where([data-field-edge="contrast"]) & {
+    --cue-paint-stroke-from: var(--cue-field-edge, var(--cue-border));
+    --cue-paint-stroke-to: var(--cue-field-edge, var(--cue-border));
+  }
 }

package/dist/theming/contrast.d.ts

@@ -1,2 +1,2 @@
-import { CONTRAST_REQUIREMENTS, ContrastCheck, ContrastInput, ContrastReport, ContrastRequirement, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport as contrastReport$1, relativeLuminance } from "@cueplusplus/theme-base/contrast";
-export { CONTRAST_REQUIREMENTS, type ContrastCheck, type ContrastInput, type ContrastReport, type ContrastRequirement, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport$1 as contrastReport, relativeLuminance };
+import { CONTRAST_REQUIREMENTS, ContrastCheck, ContrastInput, ContrastReport, ContrastRequirement, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport as contrastReport$1, edgeToContrast, relativeLuminance } from "@cueplusplus/theme-base/contrast";
+export { CONTRAST_REQUIREMENTS, type ContrastCheck, type ContrastInput, type ContrastReport, type ContrastRequirement, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport$1 as contrastReport, edgeToContrast, relativeLuminance };

package/dist/theming/contrast.js

@@ -1,2 +1,2 @@
-import { CONTRAST_REQUIREMENTS, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport as contrastReport$1, relativeLuminance } from "@cueplusplus/theme-base/contrast";
-export { CONTRAST_REQUIREMENTS, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport$1 as contrastReport, relativeLuminance };
+import { CONTRAST_REQUIREMENTS, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport as contrastReport$1, edgeToContrast, relativeLuminance } from "@cueplusplus/theme-base/contrast";
+export { CONTRAST_REQUIREMENTS, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport$1 as contrastReport, edgeToContrast, relativeLuminance };

package/dist/theming/create-theme.js

@@ -1,5 +1,5 @@
 import { formatColorString } from "../color/_convert.js";
-import { WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport } from "./contrast.js";
+import { WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport, edgeToContrast } from "./contrast.js";
 import { RESOLVED_MONO, assertCssValue, assertThemeName, derivedTokens, serializeSystemModeAliases, serializeThemeCss, themeSelector, tokenProperty } from "./serialize.js";
 import { COLOR_CONTRACT, resolve } from "@cueplusplus/theme-base";
 import { clampChroma, converter, formatHex, inGamut, parse } from "culori";
@@ -462,7 +462,10 @@ function createTheme(anchors) {
 	if (anchors.radiusScale !== void 0 && !(anchors.radiusScale > 0)) throw new TypeError(`radiusScale must be a positive number, got ${anchors.radiusScale}`);
 	const dark = resolveDark(anchors, preset.dark);
 	const light = anchors.supportsLight ?? preset.light !== null ? resolveLight(dark, preset.light) : null;
-	const derived = Object.entries(derivedTokens());
+	const fieldEdge = (colors) => edgeToContrast(colors["border"], colors["surface-1"], colors["fg"]);
+	const derivedFor = (colors) => Object.entries(derivedTokens()).map(([property, value]) => property === tokenProperty("field-edge") ? [property, fieldEdge(colors)] : [property, value]);
+	const derived = derivedFor(dark.colors);
+	const derivedLight = light === null ? null : derivedFor(light.colors);
 	const fonts = resolveFonts$1(anchors, preset.fonts);
 	const radius = anchors.radiusScale === void 0 ? null : radiusBlocks(name, anchors.radiusScale);
 	const darkPaletteSections = [
@@ -482,7 +485,7 @@ function createTheme(anchors) {
 	}]];
 	const lightSections = light === null ? null : [{ declarations: colorDeclarations(light.colors) }, {
 		comment: DERIVED_COMMENT,
-		declarations: derived
+		declarations: derivedLight ?? derived
 	}];
 	const blocks = [
 		{
@@ -502,10 +505,16 @@ function createTheme(anchors) {
 	];
 	const inputs = [{
 		mode: "dark",
-		tokens: dark.colors
+		tokens: {
+			...dark.colors,
+			"field-edge": fieldEdge(dark.colors)
+		}
 	}, ...light === null ? [] : [{
 		mode: "light",
-		tokens: light.colors,
+		tokens: {
+			...light.colors,
+			"field-edge": fieldEdge(light.colors)
+		},
 		provisional: light.provisional
 	}]];
 	const explicitCss = serializeThemeCss(blocks, { banner: `@cueplusplus/ui — theme "${name}"` }).trimEnd();
@@ -522,7 +531,7 @@ function createTheme(anchors) {
 			sections: lightSections ?? darkPaletteSections
 		}])}\n`,
 		tokens: Object.fromEntries(darkSections.flatMap((section) => section.declarations)),
-		light: light === null ? null : Object.fromEntries([...colorDeclarations(light.colors), ...derived]),
+		light: light === null ? null : Object.fromEntries([...colorDeclarations(light.colors), ...derivedLight ?? derived]),
 		report: contrastReport(inputs)
 	};
 }

package/dist/theming/index.d.ts

@@ -1,4 +1,4 @@
-import { CONTRAST_REQUIREMENTS, ContrastCheck, ContrastInput, ContrastReport, ContrastRequirement, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport, relativeLuminance } from "./contrast.js";
+import { CONTRAST_REQUIREMENTS, ContrastCheck, ContrastInput, ContrastReport, ContrastRequirement, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport, edgeToContrast, relativeLuminance } from "./contrast.js";
 import { ACCENT_FG_MINIMUM, ACCENT_HOVER_LIGHTNESS_STEP, BORDER_LIGHTNESS_STEPS, CreatedTheme, FG_MUTED_LIGHTNESS_STEP, FG_SUBTLE_LIGHTNESS_STEP, INK_RAMP_CHROMA_SCALE, LIGHT_GROUND_COMPRESSION, SELECTION_ACCENT_PERCENT, SUNKEN_LIGHTNESS_STEP, SURFACE_LIGHTNESS_STEPS, THEME_COLOR_TOKENS, ThemeAnchors, ThemeColorToken, createTheme } from "./create-theme.js";
 import { CUE_TOKEN_PREFIX, DERIVED_TOKEN_TEMPLATES, RESOLVED_MONO, SerializeThemeCssOptions, THEME_NAME_PATTERN, ThemeBlock, ThemeBlockSection, ThemeSelectorOptions, assertCssValue, assertThemeName, derivedTokens, serializeThemeBlock, serializeThemeCss, themeSelector, tokenProperty } from "./serialize.js";
-export { ACCENT_FG_MINIMUM, ACCENT_HOVER_LIGHTNESS_STEP, BORDER_LIGHTNESS_STEPS, CONTRAST_REQUIREMENTS, CUE_TOKEN_PREFIX, type ContrastCheck, type ContrastInput, type ContrastReport, type ContrastRequirement, type CreatedTheme, DERIVED_TOKEN_TEMPLATES, FG_MUTED_LIGHTNESS_STEP, FG_SUBTLE_LIGHTNESS_STEP, INK_RAMP_CHROMA_SCALE, LIGHT_GROUND_COMPRESSION, RESOLVED_MONO, SELECTION_ACCENT_PERCENT, SUNKEN_LIGHTNESS_STEP, SURFACE_LIGHTNESS_STEPS, type SerializeThemeCssOptions, THEME_COLOR_TOKENS, THEME_NAME_PATTERN, type ThemeAnchors, type ThemeBlock, type ThemeBlockSection, type ThemeColorToken, type ThemeSelectorOptions, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, assertCssValue, assertThemeName, contrastRatio, contrastReport, createTheme, derivedTokens, relativeLuminance, serializeThemeBlock, serializeThemeCss, themeSelector, tokenProperty };
+export { ACCENT_FG_MINIMUM, ACCENT_HOVER_LIGHTNESS_STEP, BORDER_LIGHTNESS_STEPS, CONTRAST_REQUIREMENTS, CUE_TOKEN_PREFIX, type ContrastCheck, type ContrastInput, type ContrastReport, type ContrastRequirement, type CreatedTheme, DERIVED_TOKEN_TEMPLATES, FG_MUTED_LIGHTNESS_STEP, FG_SUBTLE_LIGHTNESS_STEP, INK_RAMP_CHROMA_SCALE, LIGHT_GROUND_COMPRESSION, RESOLVED_MONO, SELECTION_ACCENT_PERCENT, SUNKEN_LIGHTNESS_STEP, SURFACE_LIGHTNESS_STEPS, type SerializeThemeCssOptions, THEME_COLOR_TOKENS, THEME_NAME_PATTERN, type ThemeAnchors, type ThemeBlock, type ThemeBlockSection, type ThemeColorToken, type ThemeSelectorOptions, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, assertCssValue, assertThemeName, contrastRatio, contrastReport, createTheme, derivedTokens, edgeToContrast, relativeLuminance, serializeThemeBlock, serializeThemeCss, themeSelector, tokenProperty };

package/dist/theming/index.js

@@ -1,4 +1,4 @@
-import { CONTRAST_REQUIREMENTS, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport, relativeLuminance } from "./contrast.js";
+import { CONTRAST_REQUIREMENTS, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, contrastRatio, contrastReport, edgeToContrast, relativeLuminance } from "./contrast.js";
 import { CUE_TOKEN_PREFIX, DERIVED_TOKEN_TEMPLATES, RESOLVED_MONO, THEME_NAME_PATTERN, assertCssValue, assertThemeName, derivedTokens, serializeThemeBlock, serializeThemeCss, themeSelector, tokenProperty } from "./serialize.js";
 import { ACCENT_FG_MINIMUM, ACCENT_HOVER_LIGHTNESS_STEP, BORDER_LIGHTNESS_STEPS, FG_MUTED_LIGHTNESS_STEP, FG_SUBTLE_LIGHTNESS_STEP, INK_RAMP_CHROMA_SCALE, LIGHT_GROUND_COMPRESSION, SELECTION_ACCENT_PERCENT, SUNKEN_LIGHTNESS_STEP, SURFACE_LIGHTNESS_STEPS, THEME_COLOR_TOKENS, createTheme } from "./create-theme.js";
-export { ACCENT_FG_MINIMUM, ACCENT_HOVER_LIGHTNESS_STEP, BORDER_LIGHTNESS_STEPS, CONTRAST_REQUIREMENTS, CUE_TOKEN_PREFIX, DERIVED_TOKEN_TEMPLATES, FG_MUTED_LIGHTNESS_STEP, FG_SUBTLE_LIGHTNESS_STEP, INK_RAMP_CHROMA_SCALE, LIGHT_GROUND_COMPRESSION, RESOLVED_MONO, SELECTION_ACCENT_PERCENT, SUNKEN_LIGHTNESS_STEP, SURFACE_LIGHTNESS_STEPS, THEME_COLOR_TOKENS, THEME_NAME_PATTERN, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, assertCssValue, assertThemeName, contrastRatio, contrastReport, createTheme, derivedTokens, relativeLuminance, serializeThemeBlock, serializeThemeCss, themeSelector, tokenProperty };
+export { ACCENT_FG_MINIMUM, ACCENT_HOVER_LIGHTNESS_STEP, BORDER_LIGHTNESS_STEPS, CONTRAST_REQUIREMENTS, CUE_TOKEN_PREFIX, DERIVED_TOKEN_TEMPLATES, FG_MUTED_LIGHTNESS_STEP, FG_SUBTLE_LIGHTNESS_STEP, INK_RAMP_CHROMA_SCALE, LIGHT_GROUND_COMPRESSION, RESOLVED_MONO, SELECTION_ACCENT_PERCENT, SUNKEN_LIGHTNESS_STEP, SURFACE_LIGHTNESS_STEPS, THEME_COLOR_TOKENS, THEME_NAME_PATTERN, WCAG_AAA_TEXT, WCAG_AA_NON_TEXT, WCAG_AA_TEXT, assertCssValue, assertThemeName, contrastRatio, contrastReport, createTheme, derivedTokens, edgeToContrast, relativeLuminance, serializeThemeBlock, serializeThemeCss, themeSelector, tokenProperty };

package/dist/theming/serialize.js

@@ -242,7 +242,8 @@ const DERIVED_TOKEN_TEMPLATES = [
 	["accent-fill", "var(--cue-accent)"],
 	["accent-fill-fg", "var(--cue-accent-fg)"],
 	["accent-fill-hover", "var(--cue-accent-hover)"],
-	["shade", "var(--cue-fg)"]
+	["shade", "var(--cue-fg)"],
+	["field-edge", "var(--cue-border)"]
 ];
 /**
 * {@link DERIVED_TOKEN_TEMPLATES} as a property → value map.

package/manifest/components/markdown-text.json

@@ -4,11 +4,13 @@
   "group": "elements",
   "importPath": "@cueplusplus/ui/elements/markdown",
   "peerDependencies": [
+    "mdast-util-gfm-table",
+    "micromark-extension-gfm-table",
     "react-markdown",
     "rehype-sanitize"
   ],
   "clientOnly": true,
-  "description": "Model output, rendered.\n\nThe one component in this library that turns a string into markup, and the\nonly one that has to be argued for rather than described. Everywhere else —\n`Message`, `AskBox`, every element in this group — text is text: a string\narrives from a model and is placed in the DOM as characters, because a\ncomponent that quietly parsed it would put every consumer of this library one\nprompt away from an injection. This one parses, so it states in full what it\nwill and will not do with what it is given.\n\n**Threat model.** The input is hostile. Assume the string was written by a\nmodel that was told to write it by a web page it fetched, a file it read, or\na tool result it did not verify — the practical shape of prompt injection is\nnot \"the model turned evil\", it is \"the model faithfully relayed an\nattacker's bytes\". Three things follow.\n\n- **No raw HTML, ever, and not by filtering it.** Markup in the source has no\n  path to the DOM, and the first reason is an absence rather than a setting.\n  `react-markdown` hands `remark-rehype` its own `allowDangerousHtml: true`\n  and spreads it *over* whatever `remarkRehypeOptions` says, so the option\n  cannot be turned off from here and `<img onerror=…>` does become a `raw`\n  node. A `raw` node is a span of source text rather than an element, and the\n  one thing that turns it into markup is `rehype-raw`. Nothing in this package\n  depends on that plugin, and a test asserts it never will — so the string has\n  no parser to reach. `rehype-sanitize` then drops the `raw` type outright,\n  and react-markdown's own `skipHtml` removes whatever is left. Three gates,\n  none of which is a deny-list of dangerous tags. A `<script>`, an\n  `<iframe>`, an `<svg>` and an `onclick=` are all the same non-event: there\n  is nothing in the tree for them to be.\n- **Attributes are enumerated, not filtered.** An element that is not in the\n  schema renders nothing; an element that is renders only the attributes\n  named beside it — `href`/`title` on a link, `src`/`alt`/`title` on an\n  image, `language-…` on a `code`. No element in the subset accepts `id`,\n  `style`, `srcset`, `formaction` or any `on*` handler, so none of them has\n  an attribute to arrive on.\n- **URLs are allow-listed twice.** `http`, `https` and `mailto` on both\n  `href` and `src`; a relative URL stays relative; everything else — a\n  `javascript:` link, a `data:text/html` image, `vbscript:`, `blob:`,\n  `file:`, `//host` — loses the attribute and leaves an inert element\n  behind. Every link also carries `rel=\"noopener noreferrer nofollow\"`,\n  which is not a prop: reverse tabnabbing, referrer leakage of a private\n  console URL, and SEO laundering through a transcript are all things a\n  caller should not be able to turn off by accident.\n\n**The subset.** Paragraphs, ATX and setext headings, bullet and ordered\nlists, block quotes, thematic breaks, fenced and indented code, inline code,\nemphasis, strong, strikethrough, links, images, and hard breaks. No GFM\nplugin is enabled, so no tables, task lists, footnotes or autolink literals —\nan explicit `<https://…>` autolink still works. Fenced blocks are plain text\nunless {@link MarkdownTextProps.renderCodeBlock} is given.\n\n**Streaming.** Pass `streaming` while the turn is arriving and the token the\nmodel is halfway through typing is hidden rather than rendered as\npunctuation: no asterisks flickering through every bold run, no half-written\nURL, no fence that opens a code block one frame and closes it the next. The\nwords appear as they arrive; only their formatting waits for the closing\ntoken.\n\n`react-markdown` and `rehype-sanitize` are optional peers of this subpath\nalone, which is why this component is not re-exported from\n`@cueplusplus/ui/elements`: a console that renders a transcript without\nmarkdown should install neither.",
+  "description": "Model output, rendered.\n\nThe one component in this library that turns a string into markup, and the\nonly one that has to be argued for rather than described. Everywhere else —\n`Message`, `AskBox`, every element in this group — text is text: a string\narrives from a model and is placed in the DOM as characters, because a\ncomponent that quietly parsed it would put every consumer of this library one\nprompt away from an injection. This one parses, so it states in full what it\nwill and will not do with what it is given.\n\n**Threat model.** The input is hostile. Assume the string was written by a\nmodel that was told to write it by a web page it fetched, a file it read, or\na tool result it did not verify — the practical shape of prompt injection is\nnot \"the model turned evil\", it is \"the model faithfully relayed an\nattacker's bytes\". Three things follow.\n\n- **No raw HTML, ever, and not by filtering it.** Markup in the source has no\n  path to the DOM, and the first reason is an absence rather than a setting.\n  `react-markdown` hands `remark-rehype` its own `allowDangerousHtml: true`\n  and spreads it *over* whatever `remarkRehypeOptions` says, so the option\n  cannot be turned off from here and `<img onerror=…>` does become a `raw`\n  node. A `raw` node is a span of source text rather than an element, and the\n  one thing that turns it into markup is `rehype-raw`. Nothing in this package\n  depends on that plugin, and a test asserts it never will — so the string has\n  no parser to reach. `rehype-sanitize` then drops the `raw` type outright,\n  and react-markdown's own `skipHtml` removes whatever is left. Three gates,\n  none of which is a deny-list of dangerous tags. A `<script>`, an\n  `<iframe>`, an `<svg>` and an `onclick=` are all the same non-event: there\n  is nothing in the tree for them to be.\n- **Attributes are enumerated, not filtered.** An element that is not in the\n  schema renders nothing; an element that is renders only the attributes\n  named beside it — `href`/`title` on a link, `src`/`alt`/`title` on an\n  image, `language-…` on a `code`, and `align` on a table cell, held to\n  `left`, `center` or `right`. No element in the subset accepts `id`,\n  `style`, `srcset`, `formaction` or any `on*` handler, so none of them has\n  an attribute to arrive on; the one inline style anything carries is a\n  cell's `text-align`, which the renderer writes from that `align`.\n- **URLs are allow-listed twice.** `http`, `https` and `mailto` on both\n  `href` and `src`; a relative URL stays relative; everything else — a\n  `javascript:` link, a `data:text/html` image, `vbscript:`, `blob:`,\n  `file:`, `//host` — loses the attribute and leaves an inert element\n  behind. Every link also carries `rel=\"noopener noreferrer nofollow\"`,\n  which is not a prop: reverse tabnabbing, referrer leakage of a private\n  console URL, and SEO laundering through a transcript are all things a\n  caller should not be able to turn off by accident.\n\n**The subset.** Paragraphs, ATX and setext headings, bullet and ordered\nlists, block quotes, thematic breaks, fenced and indented code, inline code,\nemphasis, strong, strikethrough, links, images, hard breaks, and GitHub\ntables. Tables are the one part of GFM the parser reads, each column aligned\nas its delimiter row says and wrapped in a named region that scrolls\nsideways; task lists, footnotes and autolink literals stay out — an explicit\n`<https://…>` autolink still works. Fenced blocks are plain text unless\n{@link MarkdownTextProps.renderCodeBlock} is given, and\n{@link MarkdownTextProps.remarkPlugins} adds parser plugins without widening\nthe subset.\n\n**Streaming.** Pass `streaming` while the turn is arriving and the token the\nmodel is halfway through typing is hidden rather than rendered as\npunctuation: no asterisks flickering through every bold run, no half-written\nURL, no fence that opens a code block one frame and closes it the next. The\nwords appear as they arrive; only their formatting waits for the closing\ntoken.\n\n`react-markdown`, `rehype-sanitize` and GFM's table pair\n(`micromark-extension-gfm-table`, `mdast-util-gfm-table`) are optional peers\nof this subpath alone, which is why this component is not re-exported from\n`@cueplusplus/ui/elements`: a console that renders a transcript without\nmarkdown should install none of them.",
   "props": [
     {
       "name": "children",
@@ -71,6 +73,17 @@
         "kind": "callback",
         "fixture": "callback.log"
       }
+    },
+    {
+      "name": "remarkPlugins",
+      "type": "PluggableList | null",
+      "required": false,
+      "defaultValue": null,
+      "description": "More remark plugins, run after the component's own table syntax.\n\nA seam for the parser, not for the page: whatever a plugin adds to the\ntree still passes the same sanitizer, so a plugin can change what the\nmarkdown *means* — a mention syntax, a glossary link — but cannot widen\nwhat renders. An element outside the subset is dropped, and an attribute\nthe schema does not name never arrives.",
+      "control": {
+        "kind": "opaque",
+        "nullable": true
+      }
     }
   ],
   "typeReferences": [
@@ -95,6 +108,7 @@
     "--cue-space-3",
     "--cue-space-5",
     "--cue-style-focus-width",
+    "--cue-surface-2",
     "--cue-text-body",
     "--cue-text-emphasis",
     "--cue-text-label",
@@ -105,7 +119,7 @@
   "examples": [
     {
       "title": "Usage",
-      "code": "<Message agent=\"researcher\">\n  <MarkdownText>{turn.text}</MarkdownText>\n</Message>\n<MarkdownText streaming={turn.status === \"running\"}>{turn.text}</MarkdownText>\n<MarkdownText renderCodeBlock={({ language, code }) => <Highlight lang={language} code={code} />}>\n  {answer}\n</MarkdownText>",
+      "code": "<Message agent=\"researcher\">\n  <MarkdownText>{turn.text}</MarkdownText>\n</Message>\n<MarkdownText streaming={turn.status === \"running\"}>{turn.text}</MarkdownText>\n<MarkdownText renderCodeBlock={({ language, code }) => <Highlight lang={language} code={code} />}>\n  {answer}\n</MarkdownText>\n<MarkdownText remarkPlugins={[remarkMentions]}>{turn.text}</MarkdownText>",
       "language": "tsx"
     }
   ],

package/manifest/manifest.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 2,
   "library": "@cueplusplus/ui",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "generatedAt": "1970-01-01T00:00:00.000Z",
   "themes": [
     "command",
@@ -38,7 +38,7 @@
   ],
   "tokens": {
     "path": "./tokens.json",
-    "sha256": "38d9502fd7813d7d3d0c9eaa02ae5850b4f9855c6954c8671569cf08e97ea73d"
+    "sha256": "a1f258bdddd984a1fc1eae5e2508d512fc568c82b7e3628e7c604f073c98e9df"
   },
   "systemApis": [
     {
@@ -2320,7 +2320,7 @@
       "mdUrl": "/docs/components/markdown-text.md",
       "jsonUrl": "/r/components/markdown-text.json",
       "path": "./components/markdown-text.json",
-      "sha256": "0ab4a2b9ca29f5c4faf89b705e23233cc8d472fa1d8779949c3236b0ebb4eddb"
+      "sha256": "09114d7367b8b47786418e5362e657ac5ae8ec3b5f831da985332f6a96d2be42"
     },
     {
       "name": "MathBlock",

package/manifest/tokens.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 2,
   "library": "@cueplusplus/tokens",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "themes": [
     {
       "name": "command",
@@ -283,6 +283,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-field-edge",
     "--cue-focus",
     "--cue-font-mono",
     "--cue-font-theme-mono",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cueplusplus/ui",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "CUE++ design system components: Tailwind v4 styled wrappers over Base UI, driven by @cueplusplus/tokens.",
   "license": "MIT",
   "type": "module",
@@ -145,8 +145,8 @@
     "clsx": "^2.1.1",
     "culori": "^4.0.2",
     "tailwind-merge": "^3.6.0",
-    "@cueplusplus/theme-base": "^1.3.0",
-    "@cueplusplus/tokens": "0.22.0"
+    "@cueplusplus/theme-base": "^1.4.0",
+    "@cueplusplus/tokens": "0.23.0"
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.16",
@@ -160,6 +160,8 @@
     "embla-carousel-react": "^8.6.0",
     "heat-graph": "^0.0.15",
     "lucide-react": "^1.31.0",
+    "mdast-util-gfm-table": "^2.0.0",
+    "micromark-extension-gfm-table": "^2.1.1",
     "react": "^19.0.0",
     "react-aria-components": "^1.20.0",
     "react-day-picker": "^10.0.1",
@@ -201,6 +203,12 @@
     "lucide-react": {
       "optional": true
     },
+    "mdast-util-gfm-table": {
+      "optional": true
+    },
+    "micromark-extension-gfm-table": {
+      "optional": true
+    },
     "react-aria-components": {
       "optional": true
     },
@@ -249,6 +257,8 @@
     "heat-graph": "^0.0.15",
     "jsdom": "^30.0.1",
     "lucide-react": "^1.31.0",
+    "mdast-util-gfm-table": "^2.0.0",
+    "micromark-extension-gfm-table": "^2.1.1",
     "publint": "^0.3.23",
     "react": "^19.2.0",
     "react-aria-components": "^1.20.0",
@@ -262,7 +272,7 @@
     "tsdown": "0.22.14",
     "typescript": "^5.7.0",
     "vitest": "^4.1.10",
-    "@cueplusplus/theme-tools": "1.2.0",
+    "@cueplusplus/theme-tools": "1.3.0",
     "@repo/docgen": "0.0.0",
     "@repo/eslint-config": "0.0.0",
     "@repo/typescript-config": "0.0.0"