@d4gger/design-system 3.0.1 → 4.0.1

package/dist/components/articleNodes/articleNodeViews.cjs

@@ -0,0 +1,154 @@
+"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);
+var articleNodeViews_exports = {};
+__export(articleNodeViews_exports, {
+  ArticleBlockView: () => ArticleBlockView
+});
+module.exports = __toCommonJS(articleNodeViews_exports);
+var React = __toESM(require("react"), 1);
+var import_react = require("@tiptap/react");
+var import_Button = require("../button/Button");
+var import_TextField = require("../textField/TextField");
+var import_ArticleNodes = require("./ArticleNodes");
+var import_jsx_runtime = require("react/jsx-runtime");
+const fields = {
+  image: [["src", "Image URL"], ["alt", "Alternative text"], ["caption", "Caption"], ["mediaId", "Media ID"]],
+  dsxVideo: [["src", "Video URL"], ["caption", "Caption"], ["mediaId", "Media ID"]],
+  dsxEmbed: [["url", "Embed URL"]],
+  dsxComparison: [["beforeSrc", "Before image URL"], ["beforeAlt", "Before alternative text"], ["afterSrc", "After image URL"], ["afterAlt", "After alternative text"]],
+  dsxCallout: [["title", "Callout title"], ["tone", "Tone"]],
+  dsxPoll: [["pollId", "Poll ID"], ["question", "Question"]],
+  dsxMaterialLink: [["materialId", "Material ID"], ["label", "Link label"], ["href", "Resolved URL"]],
+  dsxTab: [["platform", "Platform key"], ["label", "Tab label"]]
+};
+const titles = { image: "Image", dsxVideo: "Video", dsxEmbed: "Embed", dsxComparison: "Comparison", dsxCallout: "Callout", dsxPoll: "Poll", dsxMaterialLink: "Material reference", dsxTabs: "Platform tabs", dsxTab: "Platform" };
+function ArticleBlockView({ node, editor, getPos, updateAttributes, deleteNode, selected }) {
+  const [editing, setEditing] = React.useState(false);
+  const [draft, setDraft] = React.useState(node.attrs);
+  const [error, setError] = React.useState("");
+  const fieldsId = React.useId();
+  const name = node.type.name;
+  const pos = getPos();
+  const $pos = typeof pos === "number" ? editor.state.doc.resolve(pos) : null;
+  const index = $pos?.index() ?? 0;
+  const parent = $pos?.parent;
+  const [editable, setEditable] = React.useState(editor.isEditable);
+  React.useEffect(() => {
+    const refresh = () => {
+      setEditable(editor.isEditable);
+      if (!editor.isEditable) setEditing(false);
+    };
+    editor.on("update", refresh);
+    editor.on("transaction", refresh);
+    refresh();
+    return () => {
+      editor.off("update", refresh);
+      editor.off("transaction", refresh);
+    };
+  }, [editor]);
+  const move = (direction) => {
+    if (!editor.isEditable || typeof pos !== "number" || !parent) return;
+    const neighbor = parent.maybeChild(index + direction);
+    if (!neighbor) return;
+    editor.commands.command(({ tr }) => {
+      tr.delete(pos, pos + node.nodeSize).insert(direction === -1 ? pos - neighbor.nodeSize : pos + neighbor.nodeSize, node);
+      return true;
+    });
+    editor.commands.focus();
+  };
+  const save = () => {
+    if (!editor.isEditable) return;
+    if (name === "dsxPoll") {
+      const options = draft.options;
+      if (!String(draft.pollId ?? "").trim() || !String(draft.question ?? "").trim() || options.length < 2 || options.some((option) => !option.id.trim() || !option.label.trim()) || new Set(options.map((option) => option.id)).size !== options.length) {
+        setError("Supply a poll ID, question and at least two options with unique IDs.");
+        return;
+      }
+    }
+    for (const key of ["src", "url", "href", "beforeSrc", "afterSrc"]) {
+      if (!draft[key]) continue;
+      try {
+        const url = new URL(String(draft[key]), window.location.href);
+        if (!["http:", "https:"].includes(url.protocol)) throw new Error();
+      } catch {
+        setError("Use an http or https media/link URL.");
+        return;
+      }
+    }
+    updateAttributes(draft);
+    setEditing(false);
+    editor.commands.focus();
+  };
+  const preview = name === "image" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ArticleNodes.ArticleImage, { src: node.attrs.src, alt: node.attrs.alt, caption: node.attrs.caption }) : name === "dsxVideo" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ArticleNodes.ArticleVideo, { src: node.attrs.src, caption: node.attrs.caption }) : name === "dsxEmbed" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ArticleNodes.ArticleEmbed, { url: node.attrs.url ?? "" }) : name === "dsxComparison" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ArticleNodes.BeforeAfterComparison, { ...node.attrs }) : name === "dsxPoll" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: node.attrs.question || "Untitled poll" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: node.attrs.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: option.label }, option.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("small", { children: [
+      node.attrs.multiple ? "Multiple choices" : "Single choice",
+      " \xB7 ",
+      node.attrs.pollId || "Missing poll ID"
+    ] })
+  ] }) : name === "dsxMaterialLink" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: node.attrs.label || node.attrs.materialId || "Material reference" }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.NodeViewWrapper, { className: "dsx-article-editor-block", "aria-label": `${titles[name] ?? name} block`, "aria-current": selected || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { contentEditable: false, className: "dsx-article-editor-block__controls", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: name === "dsxTab" ? node.attrs.label || titles[name] : titles[name] }),
+      editable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-article-editor-block__actions", children: [
+        fields[name] ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", variant: "ghost", onClick: () => {
+          setDraft({ ...node.attrs });
+          setError("");
+          setEditing((value) => !value);
+        }, children: editing ? "Cancel" : "Edit" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", variant: "ghost", "aria-label": `Move ${titles[name]} up`, disabled: !parent?.maybeChild(index - 1), onClick: () => move(-1), children: "\u2191" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", variant: "ghost", "aria-label": `Move ${titles[name]} down`, disabled: !parent?.maybeChild(index + 1), onClick: () => move(1), children: "\u2193" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", variant: "ghost", "aria-label": `Remove ${titles[name]}`, onClick: () => {
+          if (editor.isEditable) {
+            deleteNode();
+            editor.commands.focus();
+          }
+        }, children: "Remove" })
+      ] }) : null
+    ] }),
+    editing ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { contentEditable: false, className: "dsx-article-editor-block__fields", children: [
+      fields[name]?.map(([key, label]) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TextField.TextField, { id: `${fieldsId}-${key}`, label, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TextField.TextField.Input, { value: String(draft[key] ?? ""), onChange: (event) => setDraft((current) => ({ ...current, [key]: event.target.value })) }) }, key)),
+      name === "dsxPoll" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+          "Options \u2014 one stable ID | label per line",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { className: "dsx-article-editor-block__textarea", value: draft.options.map((option) => `${option.id}|${option.label}`).join("\n"), onChange: (event) => setDraft((current) => ({ ...current, options: event.target.value.split("\n").map((line) => {
+            const divider = line.indexOf("|");
+            return { id: divider < 0 ? "" : line.slice(0, divider), label: divider < 0 ? line : line.slice(divider + 1) };
+          }) })) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", variant: "outline", "aria-pressed": Boolean(draft.multiple), onClick: () => setDraft((current) => ({ ...current, multiple: !current.multiple })), children: "Allow multiple choices" })
+      ] }) : null,
+      error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "alert", children: error }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", onClick: save, children: "Save block" })
+    ] }) : null,
+    !node.isAtom ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.NodeViewContent, { className: "dsx-article-editor-block__content" }) : !editing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { contentEditable: false, children: preview }) : null
+  ] });
+}
+//# sourceMappingURL=articleNodeViews.cjs.map

package/dist/components/articleNodes/articleNodeViews.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/articleNodeViews.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { NodeViewWrapper, NodeViewContent, type NodeViewProps } from '@tiptap/react'\nimport { Button } from '../button/Button'\nimport { TextField } from '../textField/TextField'\nimport { ArticleImage, ArticleEmbed, BeforeAfterComparison, ArticleVideo } from './ArticleNodes'\n\nconst fields: Record<string, Array<[string, string]>> = {\n  image: [['src', 'Image URL'], ['alt', 'Alternative text'], ['caption', 'Caption'], ['mediaId', 'Media ID']],\n  dsxVideo: [['src', 'Video URL'], ['caption', 'Caption'], ['mediaId', 'Media ID']],\n  dsxEmbed: [['url', 'Embed URL']],\n  dsxComparison: [['beforeSrc', 'Before image URL'], ['beforeAlt', 'Before alternative text'], ['afterSrc', 'After image URL'], ['afterAlt', 'After alternative text']],\n  dsxCallout: [['title', 'Callout title'], ['tone', 'Tone']],\n  dsxPoll: [['pollId', 'Poll ID'], ['question', 'Question']],\n  dsxMaterialLink: [['materialId', 'Material ID'], ['label', 'Link label'], ['href', 'Resolved URL']],\n  dsxTab: [['platform', 'Platform key'], ['label', 'Tab label']],\n}\nconst titles: Record<string, string> = { image: 'Image', dsxVideo: 'Video', dsxEmbed: 'Embed', dsxComparison: 'Comparison', dsxCallout: 'Callout', dsxPoll: 'Poll', dsxMaterialLink: 'Material reference', dsxTabs: 'Platform tabs', dsxTab: 'Platform' }\nexport function ArticleBlockView({ node, editor, getPos, updateAttributes, deleteNode, selected }: NodeViewProps) {\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState<Record<string, unknown>>(node.attrs)\n  const [error, setError] = React.useState('')\n  const fieldsId = React.useId()\n  const name = node.type.name\n  const pos = getPos()\n  const $pos = typeof pos === 'number' ? editor.state.doc.resolve(pos) : null\n  const index = $pos?.index() ?? 0\n  const parent = $pos?.parent\n  const [editable, setEditable] = React.useState(editor.isEditable)\n  React.useEffect(() => {\n    const refresh = () => {\n      setEditable(editor.isEditable)\n      if (!editor.isEditable) setEditing(false)\n    }\n    editor.on('update', refresh)\n    editor.on('transaction', refresh)\n    refresh()\n    return () => { editor.off('update', refresh); editor.off('transaction', refresh) }\n  }, [editor])\n  const move = (direction: -1 | 1) => {\n    if (!editor.isEditable || typeof pos !== 'number' || !parent) return\n    const neighbor = parent.maybeChild(index + direction)\n    if (!neighbor) return\n    editor.commands.command(({ tr }) => {\n      tr.delete(pos, pos + node.nodeSize).insert(direction === -1 ? pos - neighbor.nodeSize : pos + neighbor.nodeSize, node)\n      return true\n    })\n    editor.commands.focus()\n  }\n  const save = () => {\n    if (!editor.isEditable) return\n    if (name === 'dsxPoll') {\n      const options = draft.options as Array<{ id: string; label: string }>\n      if (!String(draft.pollId ?? '').trim() || !String(draft.question ?? '').trim() || options.length < 2 || options.some(option => !option.id.trim() || !option.label.trim()) || new Set(options.map(option => option.id)).size !== options.length) { setError('Supply a poll ID, question and at least two options with unique IDs.'); return }\n    }\n    for (const key of ['src', 'url', 'href', 'beforeSrc', 'afterSrc']) {\n      if (!draft[key]) continue\n      try { const url = new URL(String(draft[key]), window.location.href); if (!['http:', 'https:'].includes(url.protocol)) throw new Error() } catch { setError('Use an http or https media/link URL.'); return }\n    }\n    updateAttributes(draft); setEditing(false); editor.commands.focus()\n  }\n  const preview = name === 'image' ? <ArticleImage src={node.attrs.src} alt={node.attrs.alt} caption={node.attrs.caption} />\n    : name === 'dsxVideo' ? <ArticleVideo src={node.attrs.src} caption={node.attrs.caption} />\n    : name === 'dsxEmbed' ? <ArticleEmbed url={node.attrs.url ?? ''} />\n    : name === 'dsxComparison' ? <BeforeAfterComparison {...node.attrs as React.ComponentProps<typeof BeforeAfterComparison>} />\n    : name === 'dsxPoll' ? <div><strong>{node.attrs.question || 'Untitled poll'}</strong><ul>{(node.attrs.options as Array<{ id: string; label: string }>).map(option => <li key={option.id}>{option.label}</li>)}</ul><small>{node.attrs.multiple ? 'Multiple choices' : 'Single choice'} \u00B7 {node.attrs.pollId || 'Missing poll ID'}</small></div>\n    : name === 'dsxMaterialLink' ? <span>{node.attrs.label || node.attrs.materialId || 'Material reference'}</span> : null\n  return <NodeViewWrapper className=\"dsx-article-editor-block\" aria-label={`${titles[name] ?? name} block`} aria-current={selected || undefined}>\n    <div contentEditable={false} className=\"dsx-article-editor-block__controls\">\n      <strong>{name === 'dsxTab' ? node.attrs.label || titles[name] : titles[name]}</strong>\n      {editable ? <div className=\"dsx-article-editor-block__actions\">\n        {fields[name] ? <Button type=\"button\" size=\"lg\" variant=\"ghost\" onClick={() => { setDraft({ ...node.attrs }); setError(''); setEditing(value => !value) }}>{editing ? 'Cancel' : 'Edit'}</Button> : null}\n        <Button type=\"button\" size=\"lg\" variant=\"ghost\" aria-label={`Move ${titles[name]} up`} disabled={!parent?.maybeChild(index - 1)} onClick={() => move(-1)}>\u2191</Button>\n        <Button type=\"button\" size=\"lg\" variant=\"ghost\" aria-label={`Move ${titles[name]} down`} disabled={!parent?.maybeChild(index + 1)} onClick={() => move(1)}>\u2193</Button>\n        <Button type=\"button\" size=\"lg\" variant=\"ghost\" aria-label={`Remove ${titles[name]}`} onClick={() => { if (editor.isEditable) { deleteNode(); editor.commands.focus() } }}>Remove</Button>\n      </div> : null}\n    </div>\n    {editing ? <div contentEditable={false} className=\"dsx-article-editor-block__fields\">\n      {fields[name]?.map(([key, label]) => <TextField key={key} id={`${fieldsId}-${key}`} label={label}><TextField.Input value={String(draft[key] ?? '')} onChange={event => setDraft(current => ({ ...current, [key]: event.target.value }))} /></TextField>)}\n      {name === 'dsxPoll' ? <>\n        <label>Options \u2014 one stable ID | label per line<textarea className=\"dsx-article-editor-block__textarea\" value={(draft.options as Array<{ id: string; label: string }>).map(option => `${option.id}|${option.label}`).join('\\n')} onChange={event => setDraft(current => ({ ...current, options: event.target.value.split('\\n').map(line => { const divider = line.indexOf('|'); return { id: divider < 0 ? '' : line.slice(0, divider), label: divider < 0 ? line : line.slice(divider + 1) } }) }))} /></label>\n        <Button type=\"button\" size=\"lg\" variant=\"outline\" aria-pressed={Boolean(draft.multiple)} onClick={() => setDraft(current => ({ ...current, multiple: !current.multiple }))}>Allow multiple choices</Button>\n      </> : null}\n      {error ? <span role=\"alert\">{error}</span> : null}\n      <Button type=\"button\" size=\"lg\" onClick={save}>Save block</Button>\n    </div> : null}\n    {!node.isAtom ? <NodeViewContent className=\"dsx-article-editor-block__content\" /> : !editing ? <div contentEditable={false}>{preview}</div> : null}\n  </NodeViewWrapper>\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/articleNodes/articleNodeViews.d.cts

@@ -0,0 +1,3 @@
+import { type NodeViewProps } from '@tiptap/react';
+export declare function ArticleBlockView({ node, editor, getPos, updateAttributes, deleteNode, selected }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=articleNodeViews.d.cts.map

package/dist/components/articleNodes/articleNodeViews.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodeViews.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodeViews.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoC,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAgBpF,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAsE/G"}

package/dist/components/articleNodes/articleNodeViews.d.mts

@@ -0,0 +1,3 @@
+import { type NodeViewProps } from '@tiptap/react';
+export declare function ArticleBlockView({ node, editor, getPos, updateAttributes, deleteNode, selected }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=articleNodeViews.d.mts.map

package/dist/components/articleNodes/articleNodeViews.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodeViews.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodeViews.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoC,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAgBpF,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAsE/G"}

package/dist/components/articleNodes/articleNodeViews.d.ts

@@ -0,0 +1,3 @@
+import { type NodeViewProps } from '@tiptap/react';
+export declare function ArticleBlockView({ node, editor, getPos, updateAttributes, deleteNode, selected }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=articleNodeViews.d.ts.map

package/dist/components/articleNodes/articleNodeViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodeViews.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodeViews.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoC,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAgBpF,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAsE/G"}

package/dist/components/articleNodes/articleNodeViews.js

@@ -0,0 +1,124 @@
+import * as React from "react";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import { Button } from "../button/Button.js";
+import { TextField } from "../textField/TextField.js";
+import { ArticleImage, ArticleEmbed, BeforeAfterComparison, ArticleVideo } from "./ArticleNodes.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const fields = {
+  image: [["src", "Image URL"], ["alt", "Alternative text"], ["caption", "Caption"], ["mediaId", "Media ID"]],
+  dsxVideo: [["src", "Video URL"], ["caption", "Caption"], ["mediaId", "Media ID"]],
+  dsxEmbed: [["url", "Embed URL"]],
+  dsxComparison: [["beforeSrc", "Before image URL"], ["beforeAlt", "Before alternative text"], ["afterSrc", "After image URL"], ["afterAlt", "After alternative text"]],
+  dsxCallout: [["title", "Callout title"], ["tone", "Tone"]],
+  dsxPoll: [["pollId", "Poll ID"], ["question", "Question"]],
+  dsxMaterialLink: [["materialId", "Material ID"], ["label", "Link label"], ["href", "Resolved URL"]],
+  dsxTab: [["platform", "Platform key"], ["label", "Tab label"]]
+};
+const titles = { image: "Image", dsxVideo: "Video", dsxEmbed: "Embed", dsxComparison: "Comparison", dsxCallout: "Callout", dsxPoll: "Poll", dsxMaterialLink: "Material reference", dsxTabs: "Platform tabs", dsxTab: "Platform" };
+function ArticleBlockView({ node, editor, getPos, updateAttributes, deleteNode, selected }) {
+  const [editing, setEditing] = React.useState(false);
+  const [draft, setDraft] = React.useState(node.attrs);
+  const [error, setError] = React.useState("");
+  const fieldsId = React.useId();
+  const name = node.type.name;
+  const pos = getPos();
+  const $pos = typeof pos === "number" ? editor.state.doc.resolve(pos) : null;
+  const index = $pos?.index() ?? 0;
+  const parent = $pos?.parent;
+  const [editable, setEditable] = React.useState(editor.isEditable);
+  React.useEffect(() => {
+    const refresh = () => {
+      setEditable(editor.isEditable);
+      if (!editor.isEditable) setEditing(false);
+    };
+    editor.on("update", refresh);
+    editor.on("transaction", refresh);
+    refresh();
+    return () => {
+      editor.off("update", refresh);
+      editor.off("transaction", refresh);
+    };
+  }, [editor]);
+  const move = (direction) => {
+    if (!editor.isEditable || typeof pos !== "number" || !parent) return;
+    const neighbor = parent.maybeChild(index + direction);
+    if (!neighbor) return;
+    editor.commands.command(({ tr }) => {
+      tr.delete(pos, pos + node.nodeSize).insert(direction === -1 ? pos - neighbor.nodeSize : pos + neighbor.nodeSize, node);
+      return true;
+    });
+    editor.commands.focus();
+  };
+  const save = () => {
+    if (!editor.isEditable) return;
+    if (name === "dsxPoll") {
+      const options = draft.options;
+      if (!String(draft.pollId ?? "").trim() || !String(draft.question ?? "").trim() || options.length < 2 || options.some((option) => !option.id.trim() || !option.label.trim()) || new Set(options.map((option) => option.id)).size !== options.length) {
+        setError("Supply a poll ID, question and at least two options with unique IDs.");
+        return;
+      }
+    }
+    for (const key of ["src", "url", "href", "beforeSrc", "afterSrc"]) {
+      if (!draft[key]) continue;
+      try {
+        const url = new URL(String(draft[key]), window.location.href);
+        if (!["http:", "https:"].includes(url.protocol)) throw new Error();
+      } catch {
+        setError("Use an http or https media/link URL.");
+        return;
+      }
+    }
+    updateAttributes(draft);
+    setEditing(false);
+    editor.commands.focus();
+  };
+  const preview = name === "image" ? /* @__PURE__ */ jsx(ArticleImage, { src: node.attrs.src, alt: node.attrs.alt, caption: node.attrs.caption }) : name === "dsxVideo" ? /* @__PURE__ */ jsx(ArticleVideo, { src: node.attrs.src, caption: node.attrs.caption }) : name === "dsxEmbed" ? /* @__PURE__ */ jsx(ArticleEmbed, { url: node.attrs.url ?? "" }) : name === "dsxComparison" ? /* @__PURE__ */ jsx(BeforeAfterComparison, { ...node.attrs }) : name === "dsxPoll" ? /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("strong", { children: node.attrs.question || "Untitled poll" }),
+    /* @__PURE__ */ jsx("ul", { children: node.attrs.options.map((option) => /* @__PURE__ */ jsx("li", { children: option.label }, option.id)) }),
+    /* @__PURE__ */ jsxs("small", { children: [
+      node.attrs.multiple ? "Multiple choices" : "Single choice",
+      " \xB7 ",
+      node.attrs.pollId || "Missing poll ID"
+    ] })
+  ] }) : name === "dsxMaterialLink" ? /* @__PURE__ */ jsx("span", { children: node.attrs.label || node.attrs.materialId || "Material reference" }) : null;
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: "dsx-article-editor-block", "aria-label": `${titles[name] ?? name} block`, "aria-current": selected || void 0, children: [
+    /* @__PURE__ */ jsxs("div", { contentEditable: false, className: "dsx-article-editor-block__controls", children: [
+      /* @__PURE__ */ jsx("strong", { children: name === "dsxTab" ? node.attrs.label || titles[name] : titles[name] }),
+      editable ? /* @__PURE__ */ jsxs("div", { className: "dsx-article-editor-block__actions", children: [
+        fields[name] ? /* @__PURE__ */ jsx(Button, { type: "button", size: "lg", variant: "ghost", onClick: () => {
+          setDraft({ ...node.attrs });
+          setError("");
+          setEditing((value) => !value);
+        }, children: editing ? "Cancel" : "Edit" }) : null,
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "lg", variant: "ghost", "aria-label": `Move ${titles[name]} up`, disabled: !parent?.maybeChild(index - 1), onClick: () => move(-1), children: "\u2191" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "lg", variant: "ghost", "aria-label": `Move ${titles[name]} down`, disabled: !parent?.maybeChild(index + 1), onClick: () => move(1), children: "\u2193" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "lg", variant: "ghost", "aria-label": `Remove ${titles[name]}`, onClick: () => {
+          if (editor.isEditable) {
+            deleteNode();
+            editor.commands.focus();
+          }
+        }, children: "Remove" })
+      ] }) : null
+    ] }),
+    editing ? /* @__PURE__ */ jsxs("div", { contentEditable: false, className: "dsx-article-editor-block__fields", children: [
+      fields[name]?.map(([key, label]) => /* @__PURE__ */ jsx(TextField, { id: `${fieldsId}-${key}`, label, children: /* @__PURE__ */ jsx(TextField.Input, { value: String(draft[key] ?? ""), onChange: (event) => setDraft((current) => ({ ...current, [key]: event.target.value })) }) }, key)),
+      name === "dsxPoll" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Options \u2014 one stable ID | label per line",
+          /* @__PURE__ */ jsx("textarea", { className: "dsx-article-editor-block__textarea", value: draft.options.map((option) => `${option.id}|${option.label}`).join("\n"), onChange: (event) => setDraft((current) => ({ ...current, options: event.target.value.split("\n").map((line) => {
+            const divider = line.indexOf("|");
+            return { id: divider < 0 ? "" : line.slice(0, divider), label: divider < 0 ? line : line.slice(divider + 1) };
+          }) })) })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "lg", variant: "outline", "aria-pressed": Boolean(draft.multiple), onClick: () => setDraft((current) => ({ ...current, multiple: !current.multiple })), children: "Allow multiple choices" })
+      ] }) : null,
+      error ? /* @__PURE__ */ jsx("span", { role: "alert", children: error }) : null,
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "lg", onClick: save, children: "Save block" })
+    ] }) : null,
+    !node.isAtom ? /* @__PURE__ */ jsx(NodeViewContent, { className: "dsx-article-editor-block__content" }) : !editing ? /* @__PURE__ */ jsx("div", { contentEditable: false, children: preview }) : null
+  ] });
+}
+export {
+  ArticleBlockView
+};
+//# sourceMappingURL=articleNodeViews.js.map

package/dist/components/articleNodes/articleNodeViews.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/articleNodeViews.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { NodeViewWrapper, NodeViewContent, type NodeViewProps } from '@tiptap/react'\nimport { Button } from '../button/Button'\nimport { TextField } from '../textField/TextField'\nimport { ArticleImage, ArticleEmbed, BeforeAfterComparison, ArticleVideo } from './ArticleNodes'\n\nconst fields: Record<string, Array<[string, string]>> = {\n  image: [['src', 'Image URL'], ['alt', 'Alternative text'], ['caption', 'Caption'], ['mediaId', 'Media ID']],\n  dsxVideo: [['src', 'Video URL'], ['caption', 'Caption'], ['mediaId', 'Media ID']],\n  dsxEmbed: [['url', 'Embed URL']],\n  dsxComparison: [['beforeSrc', 'Before image URL'], ['beforeAlt', 'Before alternative text'], ['afterSrc', 'After image URL'], ['afterAlt', 'After alternative text']],\n  dsxCallout: [['title', 'Callout title'], ['tone', 'Tone']],\n  dsxPoll: [['pollId', 'Poll ID'], ['question', 'Question']],\n  dsxMaterialLink: [['materialId', 'Material ID'], ['label', 'Link label'], ['href', 'Resolved URL']],\n  dsxTab: [['platform', 'Platform key'], ['label', 'Tab label']],\n}\nconst titles: Record<string, string> = { image: 'Image', dsxVideo: 'Video', dsxEmbed: 'Embed', dsxComparison: 'Comparison', dsxCallout: 'Callout', dsxPoll: 'Poll', dsxMaterialLink: 'Material reference', dsxTabs: 'Platform tabs', dsxTab: 'Platform' }\nexport function ArticleBlockView({ node, editor, getPos, updateAttributes, deleteNode, selected }: NodeViewProps) {\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState<Record<string, unknown>>(node.attrs)\n  const [error, setError] = React.useState('')\n  const fieldsId = React.useId()\n  const name = node.type.name\n  const pos = getPos()\n  const $pos = typeof pos === 'number' ? editor.state.doc.resolve(pos) : null\n  const index = $pos?.index() ?? 0\n  const parent = $pos?.parent\n  const [editable, setEditable] = React.useState(editor.isEditable)\n  React.useEffect(() => {\n    const refresh = () => {\n      setEditable(editor.isEditable)\n      if (!editor.isEditable) setEditing(false)\n    }\n    editor.on('update', refresh)\n    editor.on('transaction', refresh)\n    refresh()\n    return () => { editor.off('update', refresh); editor.off('transaction', refresh) }\n  }, [editor])\n  const move = (direction: -1 | 1) => {\n    if (!editor.isEditable || typeof pos !== 'number' || !parent) return\n    const neighbor = parent.maybeChild(index + direction)\n    if (!neighbor) return\n    editor.commands.command(({ tr }) => {\n      tr.delete(pos, pos + node.nodeSize).insert(direction === -1 ? pos - neighbor.nodeSize : pos + neighbor.nodeSize, node)\n      return true\n    })\n    editor.commands.focus()\n  }\n  const save = () => {\n    if (!editor.isEditable) return\n    if (name === 'dsxPoll') {\n      const options = draft.options as Array<{ id: string; label: string }>\n      if (!String(draft.pollId ?? '').trim() || !String(draft.question ?? '').trim() || options.length < 2 || options.some(option => !option.id.trim() || !option.label.trim()) || new Set(options.map(option => option.id)).size !== options.length) { setError('Supply a poll ID, question and at least two options with unique IDs.'); return }\n    }\n    for (const key of ['src', 'url', 'href', 'beforeSrc', 'afterSrc']) {\n      if (!draft[key]) continue\n      try { const url = new URL(String(draft[key]), window.location.href); if (!['http:', 'https:'].includes(url.protocol)) throw new Error() } catch { setError('Use an http or https media/link URL.'); return }\n    }\n    updateAttributes(draft); setEditing(false); editor.commands.focus()\n  }\n  const preview = name === 'image' ? <ArticleImage src={node.attrs.src} alt={node.attrs.alt} caption={node.attrs.caption} />\n    : name === 'dsxVideo' ? <ArticleVideo src={node.attrs.src} caption={node.attrs.caption} />\n    : name === 'dsxEmbed' ? <ArticleEmbed url={node.attrs.url ?? ''} />\n    : name === 'dsxComparison' ? <BeforeAfterComparison {...node.attrs as React.ComponentProps<typeof BeforeAfterComparison>} />\n    : name === 'dsxPoll' ? <div><strong>{node.attrs.question || 'Untitled poll'}</strong><ul>{(node.attrs.options as Array<{ id: string; label: string }>).map(option => <li key={option.id}>{option.label}</li>)}</ul><small>{node.attrs.multiple ? 'Multiple choices' : 'Single choice'} \u00B7 {node.attrs.pollId || 'Missing poll ID'}</small></div>\n    : name === 'dsxMaterialLink' ? <span>{node.attrs.label || node.attrs.materialId || 'Material reference'}</span> : null\n  return <NodeViewWrapper className=\"dsx-article-editor-block\" aria-label={`${titles[name] ?? name} block`} aria-current={selected || undefined}>\n    <div contentEditable={false} className=\"dsx-article-editor-block__controls\">\n      <strong>{name === 'dsxTab' ? node.attrs.label || titles[name] : titles[name]}</strong>\n      {editable ? <div className=\"dsx-article-editor-block__actions\">\n        {fields[name] ? <Button type=\"button\" size=\"lg\" variant=\"ghost\" onClick={() => { setDraft({ ...node.attrs }); setError(''); setEditing(value => !value) }}>{editing ? 'Cancel' : 'Edit'}</Button> : null}\n        <Button type=\"button\" size=\"lg\" variant=\"ghost\" aria-label={`Move ${titles[name]} up`} disabled={!parent?.maybeChild(index - 1)} onClick={() => move(-1)}>\u2191</Button>\n        <Button type=\"button\" size=\"lg\" variant=\"ghost\" aria-label={`Move ${titles[name]} down`} disabled={!parent?.maybeChild(index + 1)} onClick={() => move(1)}>\u2193</Button>\n        <Button type=\"button\" size=\"lg\" variant=\"ghost\" aria-label={`Remove ${titles[name]}`} onClick={() => { if (editor.isEditable) { deleteNode(); editor.commands.focus() } }}>Remove</Button>\n      </div> : null}\n    </div>\n    {editing ? <div contentEditable={false} className=\"dsx-article-editor-block__fields\">\n      {fields[name]?.map(([key, label]) => <TextField key={key} id={`${fieldsId}-${key}`} label={label}><TextField.Input value={String(draft[key] ?? '')} onChange={event => setDraft(current => ({ ...current, [key]: event.target.value }))} /></TextField>)}\n      {name === 'dsxPoll' ? <>\n        <label>Options \u2014 one stable ID | label per line<textarea className=\"dsx-article-editor-block__textarea\" value={(draft.options as Array<{ id: string; label: string }>).map(option => `${option.id}|${option.label}`).join('\\n')} onChange={event => setDraft(current => ({ ...current, options: event.target.value.split('\\n').map(line => { const divider = line.indexOf('|'); return { id: divider < 0 ? '' : line.slice(0, divider), label: divider < 0 ? line : line.slice(divider + 1) } }) }))} /></label>\n        <Button type=\"button\" size=\"lg\" variant=\"outline\" aria-pressed={Boolean(draft.multiple)} onClick={() => setDraft(current => ({ ...current, multiple: !current.multiple }))}>Allow multiple choices</Button>\n      </> : null}\n      {error ? <span role=\"alert\">{error}</span> : null}\n      <Button type=\"button\" size=\"lg\" onClick={save}>Save block</Button>\n    </div> : null}\n    {!node.isAtom ? <NodeViewContent className=\"dsx-article-editor-block__content\" /> : !editing ? <div contentEditable={false}>{preview}</div> : null}\n  </NodeViewWrapper>\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/articleNodes/articleNodes.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/articleNodes/articleNodes.props.ts"],
-  "sourcesContent": ["import type * as React from 'react'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  caption?: React.ReactNode\n}\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {\n  url: string\n  render?: (url: string) => React.ReactNode\n  isAllowed?: (url: string) => boolean\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {\n  beforeSrc: string\n  afterSrc: string\n  beforeAlt: string\n  afterAlt: string\n  beforeLabel?: React.ReactNode\n  afterLabel?: React.ReactNode\n}\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted'\n\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {\n  pollId: string\n  question?: React.ReactNode\n  options?: Array<{ id: string; label: React.ReactNode; votes?: number }>\n  state?: PollState\n  onLoad?: (pollId: string) => void\n  onVote?: (pollId: string, optionId: string) => void\n}\n\nexport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n}\n"],
+  "sourcesContent": ["import type * as React from 'react'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  caption?: React.ReactNode\n}\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {\n  url: string\n  render?: (url: string) => React.ReactNode\n  isAllowed?: (url: string) => boolean\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {\n  beforeSrc: string\n  afterSrc: string\n  beforeAlt: string\n  afterAlt: string\n  beforeLabel?: React.ReactNode\n  afterLabel?: React.ReactNode\n}\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted' | 'closed'\n\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad' | 'onSubmit'> {\n  pollId: string\n  question?: React.ReactNode\n  options?: Array<{ id: string; label: React.ReactNode; votes?: number }>\n  state?: PollState\n  onLoad?: (pollId: string) => void\n  onVote?: (pollId: string, optionId: string) => void\n  selection?: readonly string[]\n  multiple?: boolean\n  onSelectionChange?: (selection: string[]) => void\n  onSubmit?: (pollId: string, selection: readonly string[]) => void\n  onRetract?: (pollId: string) => void\n  totalVotes?: number\n}\n\nexport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n}\n\nexport interface ArticleVideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> { caption?: React.ReactNode }\nexport interface ArticleMaterialLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> { materialId: string; href?: string; unavailableLabel?: React.ReactNode }\nexport interface ArticlePlatformTabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  tabs: readonly { platform: string; label: React.ReactNode; content: React.ReactNode }[]\n  value?: string\n  onValueChange?: (value: string) => void\n}\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/components/articleNodes/articleNodes.props.d.cts

@@ -15,8 +15,8 @@ interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
     beforeLabel?: React.ReactNode;
     afterLabel?: React.ReactNode;
 }
-type PollState = 'loading' | 'ready' | 'error' | 'voted';
-interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+type PollState = 'loading' | 'ready' | 'error' | 'voted' | 'closed';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad' | 'onSubmit'> {
     pollId: string;
     question?: React.ReactNode;
     options?: Array<{
@@ -27,6 +27,29 @@ interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     state?: PollState;
     onLoad?: (pollId: string) => void;
     onVote?: (pollId: string, optionId: string) => void;
+    selection?: readonly string[];
+    multiple?: boolean;
+    onSelectionChange?: (selection: string[]) => void;
+    onSubmit?: (pollId: string, selection: readonly string[]) => void;
+    onRetract?: (pollId: string) => void;
+    totalVotes?: number;
 }
 export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+export interface ArticleVideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
+    caption?: React.ReactNode;
+}
+export interface ArticleMaterialLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    materialId: string;
+    href?: string;
+    unavailableLabel?: React.ReactNode;
+}
+export interface ArticlePlatformTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    tabs: readonly {
+        platform: string;
+        label: React.ReactNode;
+        content: React.ReactNode;
+    }[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
 //# sourceMappingURL=articleNodes.props.d.cts.map

package/dist/components/articleNodes/articleNodes.props.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"articleNodes.props.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}
+{"version":3,"file":"articleNodes.props.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"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"}

package/dist/components/articleNodes/articleNodes.props.d.mts

@@ -15,8 +15,8 @@ interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
     beforeLabel?: React.ReactNode;
     afterLabel?: React.ReactNode;
 }
-type PollState = 'loading' | 'ready' | 'error' | 'voted';
-interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+type PollState = 'loading' | 'ready' | 'error' | 'voted' | 'closed';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad' | 'onSubmit'> {
     pollId: string;
     question?: React.ReactNode;
     options?: Array<{
@@ -27,6 +27,29 @@ interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     state?: PollState;
     onLoad?: (pollId: string) => void;
     onVote?: (pollId: string, optionId: string) => void;
+    selection?: readonly string[];
+    multiple?: boolean;
+    onSelectionChange?: (selection: string[]) => void;
+    onSubmit?: (pollId: string, selection: readonly string[]) => void;
+    onRetract?: (pollId: string) => void;
+    totalVotes?: number;
 }
 export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+export interface ArticleVideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
+    caption?: React.ReactNode;
+}
+export interface ArticleMaterialLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    materialId: string;
+    href?: string;
+    unavailableLabel?: React.ReactNode;
+}
+export interface ArticlePlatformTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    tabs: readonly {
+        platform: string;
+        label: React.ReactNode;
+        content: React.ReactNode;
+    }[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
 //# sourceMappingURL=articleNodes.props.d.mts.map

package/dist/components/articleNodes/articleNodes.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"articleNodes.props.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}
+{"version":3,"file":"articleNodes.props.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"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"}

package/dist/components/articleNodes/articleNodes.props.d.ts

@@ -15,8 +15,8 @@ interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
     beforeLabel?: React.ReactNode;
     afterLabel?: React.ReactNode;
 }
-type PollState = 'loading' | 'ready' | 'error' | 'voted';
-interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+type PollState = 'loading' | 'ready' | 'error' | 'voted' | 'closed';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad' | 'onSubmit'> {
     pollId: string;
     question?: React.ReactNode;
     options?: Array<{
@@ -27,6 +27,29 @@ interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     state?: PollState;
     onLoad?: (pollId: string) => void;
     onVote?: (pollId: string, optionId: string) => void;
+    selection?: readonly string[];
+    multiple?: boolean;
+    onSelectionChange?: (selection: string[]) => void;
+    onSubmit?: (pollId: string, selection: readonly string[]) => void;
+    onRetract?: (pollId: string) => void;
+    totalVotes?: number;
 }
 export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+export interface ArticleVideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
+    caption?: React.ReactNode;
+}
+export interface ArticleMaterialLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    materialId: string;
+    href?: string;
+    unavailableLabel?: React.ReactNode;
+}
+export interface ArticlePlatformTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    tabs: readonly {
+        platform: string;
+        label: React.ReactNode;
+        content: React.ReactNode;
+    }[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
 //# sourceMappingURL=articleNodes.props.d.ts.map

package/dist/components/articleNodes/articleNodes.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"articleNodes.props.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}
+{"version":3,"file":"articleNodes.props.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"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"}

package/dist/components/banner.css

@@ -4,12 +4,16 @@
   gap: var(--dsx-space-xs);
   padding: var(--dsx-space-lg);
   border-radius: var(--dsx-rounded-lg);
-  background: var(--dsx-color-accent-surface);
+  background: var(--dsx-color-primary-container);
   box-sizing: border-box;
   min-width: 0;
   overflow-wrap: anywhere;
 }
 
+.dsx-banner :is(.dsx-banner__label, .dsx-banner__value, .dsx-banner__footnote) {
+  color: var(--dsx-color-on-primary-container);
+}
+
 /* Fill: solid accent mass reusing Button primary's solved compliance —
    accent-track background with accent-contrast text (near-black on spark,
    white elsewhere, per the token). Wash stays the default hero. */
@@ -32,7 +36,6 @@
   font-variation-settings: var(--dsx-typography-label-small-font-variation-settings);
   text-transform: var(--dsx-typography-label-small-text-transform);
   text-decoration: var(--dsx-typography-label-small-text-decoration);
-  color: var(--dsx-color-on-surface-variant);
 }
 
 .dsx-banner__value {
@@ -44,7 +47,6 @@
   font-variation-settings: var(--dsx-typography-display-medium-font-variation-settings);
   text-transform: var(--dsx-typography-display-medium-text-transform);
   text-decoration: var(--dsx-typography-display-medium-text-decoration);
-  color: var(--dsx-color-on-surface);
 }
 
 .dsx-banner__footnote {
@@ -56,5 +58,4 @@
   font-variation-settings: var(--dsx-typography-body-small-font-variation-settings);
   text-transform: var(--dsx-typography-body-small-text-transform);
   text-decoration: var(--dsx-typography-body-small-text-decoration);
-  color: var(--dsx-color-on-surface-variant);
 }