npm - @ptengine/lp-editor-core - Versions diffs - 1.0.0-alpha.2 → 1.0.0-alpha.4 - Mend

@ptengine/lp-editor-core 1.0.0-alpha.2 → 1.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/README.md +28 -3
package/dist/golden/component-cases.json +550 -0
package/dist/golden/fixtures/page/01-etvos-article-lp.html +1 -1
package/dist/golden/fixtures/page/02-vivaia-campaign-lp.html +1 -1
package/dist/golden/fixtures/popup/14-back-to-school-email-form.html +1 -1
package/dist/golden/fixtures/popup/15-xtool-ebook-split-form.html +1 -1
package/dist/golden/fixtures/popup/16-880-off-gradient-form.html +1 -1
package/dist/golden/fixtures/popup/README.md +9 -4
package/dist/golden/manifest.json +421 -6
package/dist/golden/verify.mjs +36 -2
package/dist/index.d.ts +585 -246
package/dist/index.js +1047 -83
package/dist/index.js.map +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -121,9 +121,9 @@ function canonicalTagName(el) {
 }
 function sortedAttributes(el) {
   const attrs = [];
-  const list = el.attributes;
-  for (let i = 0; i < list.length; i++) {
-    const a = list[i];
+  const list2 = el.attributes;
+  for (let i = 0; i < list2.length; i++) {
+    const a = list2[i];
     const raw = a.value === null || a.value === void 0 ? "" : a.value;
     attrs.push([a.name, a.name === "class" ? normalizeClassValue(raw) : raw]);
   }
@@ -251,6 +251,9 @@ var THEME_PT_ID = "theme";
 var ROOT_PT_ID = "root";
 var FORMAT_META_NAME = "lpx-format";
 var FORMAT_VERSION = "4";
+var WRAP_ATTR = "data-pt-wrap";
+var WRAP_SECTION_PT_ID = "ptwrap-section";
+var WRAP_CONTAINER_PT_ID = "ptwrap-container";
 var SWITCHES = [
   {
     key: "hide",
@@ -352,6 +355,9 @@ var rules = {
   rootPtId: ROOT_PT_ID,
   formatMetaName: FORMAT_META_NAME,
   formatVersion: FORMAT_VERSION,
+  wrapAttr: WRAP_ATTR,
+  wrapSectionPtId: WRAP_SECTION_PT_ID,
+  wrapContainerPtId: WRAP_CONTAINER_PT_ID,
   switches: SWITCHES,
   crossDeviceConsistentProperties: CROSS_DEVICE_CONSISTENT_PROPERTIES,
   opaqueModes: OPAQUE_MODES,
@@ -362,44 +368,9 @@ var rules = {
   arbitraryValueAllowedProperties: ARBITRARY_VALUE_ALLOWED_PROPERTIES
 };
-// src/kinds.ts
-var KIND_PROFILES = {
-  page: {
-    root: "document",
-    layers: ["section", "container", "leaf"],
-    compile: "document",
-    leafTypes: ["text", "media", "button", "shape"],
-    components: {
-      carousel: "self",
-      faq: "self",
-      tabs: "self",
-      "sticky-cta": "self",
-      form: "self"
-    },
-    units: { vh: true },
-    customCode: true
-  },
-  popup: {
-    root: "fragment",
-    // 弹窗无 section 层：root › children。
-    layers: ["container", "leaf"],
-    compile: "shadow-px",
-    leafTypes: ["text", "media", "button", "shape"],
-    components: {
-      form: "engage-sdk",
-      countdown: "engage-sdk",
-      carousel: "self",
-      faq: "self",
-      tabs: "self"
-    },
-    units: { vh: false },
-    customCode: false
-  }
-};
 // src/version.ts
-var VERSION = "1.0.0-alpha.2";
-var COMPILER_VERSION = "1";
+var VERSION = "1.0.0-alpha.4";
+var COMPILER_VERSION = "2";
 // src/validate/tree.ts
 var INLINE_SET = new Set(INLINE_NO_ID_TAGS);
@@ -560,8 +531,165 @@ function nextImageSibling(from) {
 }
 function* walkElements(root) {
   if ("tagName" in root) yield root;
-  const list = root.querySelectorAll("*");
-  for (let i = 0; i < list.length; i++) yield list[i];
+  const list2 = root.querySelectorAll("*");
+  for (let i = 0; i < list2.length; i++) yield list2[i];
+}
+// src/wrap.ts
+function isWrapLayer(el) {
+  return el.hasAttribute(WRAP_ATTR);
+}
+var SKELETON = `<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="${FORMAT_META_NAME}" content="${FORMAT_VERSION}"></head><body></body></html>`;
+function createWrap(parse) {
+  return function wrap(fragmentHtml) {
+    if (typeof fragmentHtml !== "string") {
+      throw new TypeError("wrap(): fragmentHtml \u5FC5\u987B\u662F\u5B57\u7B26\u4E32");
+    }
+    const doc = parse(SKELETON);
+    const frag = parseFragment(doc, fragmentHtml);
+    const { theme, root, before, after } = checkFragmentShape(frag);
+    checkReservedLiterals(frag, root, theme);
+    const body = doc.body;
+    const attrs = root.attributes;
+    for (let i = 0; i < attrs.length; i++) {
+      body.setAttribute(attrs[i].name, attrs[i].value);
+    }
+    if (theme) doc.head.appendChild(theme);
+    const section = doc.createElement("section");
+    section.setAttribute(WRAP_ATTR, "");
+    section.setAttribute("data-pt-id", WRAP_SECTION_PT_ID);
+    const container = doc.createElement("div");
+    container.setAttribute(WRAP_ATTR, "");
+    container.setAttribute("data-pt-id", WRAP_CONTAINER_PT_ID);
+    while (root.firstChild) container.appendChild(root.firstChild);
+    section.appendChild(container);
+    for (const node of before) body.appendChild(node);
+    body.appendChild(section);
+    for (const node of after) body.appendChild(node);
+    return doc;
+  };
+}
+function checkFragmentShape(frag) {
+  const elements = [];
+  const nonElements = [];
+  let child = frag.firstChild;
+  while (child) {
+    const next = child.nextSibling;
+    if (child.nodeType === 1) {
+      elements.push(child);
+    } else if (child.nodeType === 3 && child.data.trim() === "") {
+      nonElements.push({ node: child, afterElements: elements.length });
+    } else {
+      throw new TypeError(
+        `wrap(): \u7247\u6BB5\u9876\u5C42\u53EA\u5141\u8BB8 theme \u5757\u3001\u5355\u4E00\u6839\u5143\u7D20\u4E0E\u7A7A\u767D \u2014\u2014 \u51FA\u73B0\u4E86 ${describeNode(child)}\u3002\u91CE\u751F\u5F62\u72B6\u8BF7\u5728\u8C03\u7528\u65B9\u7684 adapter \u91CC\u5148\u89C4\u6574\u3002`
+      );
+    }
+    child = next;
+  }
+  let theme = null;
+  let root;
+  if (elements.length === 2) {
+    if (!isThemeStyle(elements[0])) {
+      throw new TypeError(
+        'wrap(): \u7247\u6BB5\u9876\u5C42\u6709\u4E24\u4E2A\u5143\u7D20\u65F6\uFF0C\u7B2C\u4E00\u4E2A\u5FC5\u987B\u662F\u4E3B\u9898\u5757 <style type="text/tailwindcss">'
+      );
+    }
+    theme = elements[0];
+    root = elements[1];
+  } else if (elements.length === 1) {
+    if (isThemeStyle(elements[0])) {
+      throw new TypeError("wrap(): \u7247\u6BB5\u53EA\u6709\u4E3B\u9898\u5757\u3001\u6CA1\u6709\u6839\u5143\u7D20");
+    }
+    root = elements[0];
+  } else {
+    throw new TypeError(
+      `wrap(): \u7247\u6BB5\u9876\u5C42\u5FC5\u987B\u6070\u6709\u4E00\u4E2A\u6839\u5143\u7D20\uFF08\u53EF\u9009\u4E00\u4E2A\u4E3B\u9898\u5757\uFF09\uFF0C\u5B9E\u9645\u6709 ${elements.length} \u4E2A\u5143\u7D20`
+    );
+  }
+  if (tag(root) !== "div") {
+    throw new TypeError(`wrap(): \u7247\u6BB5\u6839\u5143\u7D20\u5FC5\u987B\u662F <div>\uFF0C\u5B9E\u9645\u662F <${tag(root)}>`);
+  }
+  if (root.getAttribute("data-pt-id") !== ROOT_PT_ID) {
+    throw new TypeError(
+      `wrap(): \u7247\u6BB5\u6839\u5143\u7D20\u7684 data-pt-id \u5FC5\u987B\u662F ${ROOT_PT_ID}\uFF0C\u5B9E\u9645\u662F ${JSON.stringify(root.getAttribute("data-pt-id"))}\u3002\u5B83\u4F1A\u88AB\u8BA4\u9886\u6210\u6587\u6863\u7684 <body>\uFF0C\u6539\u540D\u4F1A\u8BA9\u57CB\u70B9\u951A\u70B9\u65AD\u94FE\u3002`
+    );
+  }
+  const rootIndex = elements.indexOf(root);
+  const before = [];
+  const after = [];
+  for (const { node, afterElements } of nonElements) {
+    if (afterElements <= rootIndex) before.push(node);
+    else after.push(node);
+  }
+  return { theme, root, before, after };
+}
+function checkReservedLiterals(frag, root, theme) {
+  const all = frag.querySelectorAll("*");
+  for (let i = 0; i < all.length; i++) {
+    const el = all[i];
+    if (el.hasAttribute(WRAP_ATTR)) {
+      throw new TypeError(
+        `wrap(): \u7247\u6BB5\u91CC\u5DF2\u7ECF\u5E26\u7740\u5408\u6210\u5C42\u6807\u8BB0 ${WRAP_ATTR} \u2014\u2014 \u591A\u534A\u662F\u4E0A\u4E00\u8F6E\u6F0F\u5265\u6216\u56DE\u704C\uFF0C\u5148\u67E5\u4E0A\u6E38\uFF0C\u4E0D\u8981\u91CD\u590D\u5305\u88F9\u3002`
+      );
+    }
+    const id = el.getAttribute("data-pt-id");
+    if (id === null) continue;
+    if (id === WRAP_SECTION_PT_ID || id === WRAP_CONTAINER_PT_ID) {
+      throw new TypeError(`wrap(): \u7247\u6BB5\u91CC\u5DF2\u7ECF\u5360\u7528\u4E86\u5408\u6210\u5C42\u7684\u4FDD\u7559 id ${id}`);
+    }
+    if (id === ROOT_PT_ID && el !== root) {
+      throw new TypeError(
+        `wrap(): \u4FDD\u7559 id ${ROOT_PT_ID} \u53EA\u8BB8\u51FA\u73B0\u5728\u7247\u6BB5\u6839\u5143\u7D20\u4E0A\uFF0C\u8FD9\u91CC\u51FA\u73B0\u5728 <${tag(el)}> \u4E0A \u2014\u2014 \u5305\u88F9\u540E\u4F1A\u53D8\u6210\u91CD\u590D id`
+      );
+    }
+    if (id === THEME_PT_ID && el !== theme) {
+      throw new TypeError(
+        `wrap(): \u4FDD\u7559 id ${THEME_PT_ID} \u53EA\u8BB8\u51FA\u73B0\u5728\u4E3B\u9898\u5757\u4E0A\uFF0C\u8FD9\u91CC\u51FA\u73B0\u5728 <${tag(el)}> \u4E0A`
+      );
+    }
+  }
+}
+function unwrap(doc) {
+  if (!doc || doc.nodeType !== 9) {
+    throw new TypeError("unwrap(): \u5165\u53C2\u5FC5\u987B\u662F Document");
+  }
+  const clone = doc.cloneNode(true);
+  const body = clone.body;
+  if (!body) throw new TypeError("unwrap(): \u6587\u6863\u6CA1\u6709 <body>");
+  const section = onlyWrapChild(body, "body");
+  const container = onlyWrapChild(section, `<${tag(section)} ${WRAP_ATTR}>`);
+  const div = clone.createElement("div");
+  const attrs = body.attributes;
+  for (let i = 0; i < attrs.length; i++) div.setAttribute(attrs[i].name, attrs[i].value);
+  while (container.firstChild) div.appendChild(container.firstChild);
+  const out = clone.createDocumentFragment();
+  const theme = clone.head?.querySelector('style[type="text/tailwindcss"]') ?? null;
+  if (theme) out.appendChild(theme);
+  const children = Array.from(body.childNodes);
+  for (const node of children) {
+    out.appendChild(node === section ? div : node);
+  }
+  return out;
+}
+function onlyWrapChild(parent, label) {
+  const kids = parent.children;
+  if (kids.length !== 1) {
+    throw new TypeError(
+      `unwrap(): ${label} \u4E0B\u5FC5\u987B\u6070\u6709\u4E00\u4E2A\u5408\u6210\u5C42\u5B50\u5143\u7D20\uFF0C\u5B9E\u9645\u6709 ${kids.length} \u4E2A \u2014\u2014 \u4E0D\u731C\u4E00\u4E2A\u51FA\u6765\u3002\u8FD9\u4EFD\u6587\u6863\u4E0D\u662F wrap() \u7684\u4EA7\u7269\uFF0C\u6216\u8005\u88AB\u6539\u6210\u4E86\u522B\u7684\u7ED3\u6784\u3002`
+    );
+  }
+  const only = kids[0];
+  if (!only.hasAttribute(WRAP_ATTR)) {
+    throw new TypeError(
+      `unwrap(): ${label} \u4E0B\u552F\u4E00\u7684\u5B50\u5143\u7D20\u6CA1\u6709 ${WRAP_ATTR} \u6807\u8BB0 \u2014\u2014 \u8FD9\u4EFD\u6587\u6863\u6CA1\u6709\u88AB wrap() \u5305\u88F9\u8FC7\u3002`
+    );
+  }
+  return only;
+}
+function describeNode(node) {
+  if (node.nodeType === 8) return "\u6CE8\u91CA\u8282\u70B9";
+  if (node.nodeType === 3) return `\u975E\u7A7A\u767D\u6587\u672C ${JSON.stringify(node.data.trim())}`;
+  return `nodeType ${node.nodeType}`;
 }
 // src/validate/variants.ts
@@ -629,16 +757,354 @@ function isNativePaletteClass(className) {
   return SHADE.test(shade) && PALETTE.has(name);
 }
+// src/components/contracts.ts
+var carouselContract = {
+  type: "carousel",
+  fields: [
+    // image 档不渲染标题/副标题/按钮 —— 是结构差异，不是外观档位。
+    { id: "layout", type: "enum", values: ["hero", "image"], default: "hero" },
+    { id: "autoplay", type: "boolean", default: true },
+    { id: "interval", type: "number", default: 5e3 },
+    { id: "showDots", type: "boolean", default: true },
+    { id: "showArrows", type: "boolean", default: true }
+  ],
+  blocks: [
+    {
+      type: "slide",
+      fields: [
+        { id: "image", type: "image", default: "" },
+        { id: "title", type: "text", default: "" },
+        { id: "subtitle", type: "text", default: "" },
+        { id: "buttonText", type: "text", default: "" },
+        { id: "buttonUrl", type: "url", default: "#" }
+      ]
+    }
+  ]
+};
+var faqContract = {
+  type: "faq",
+  fields: [
+    { id: "title", type: "text", default: "" },
+    // list 档不出 <details>、不出脚本 —— 两套结构。
+    { id: "style", type: "enum", values: ["accordion", "list"], default: "accordion" },
+    { id: "iconStyle", type: "enum", values: ["chevron", "plus"], default: "chevron" }
+  ],
+  blocks: [
+    {
+      type: "item",
+      fields: [
+        { id: "question", type: "text", default: "" },
+        { id: "answer", type: "richtext", default: "" },
+        { id: "defaultOpen", type: "boolean", default: false }
+      ]
+    }
+  ]
+};
+var tabsContract = {
+  type: "tabs",
+  fields: [
+    { id: "title", type: "text", default: "" },
+    { id: "tabStyle", type: "enum", values: ["underline", "pill", "boxed"], default: "underline" },
+    { id: "defaultTab", type: "number", default: 0 }
+  ],
+  blocks: [
+    {
+      type: "tab",
+      fields: [
+        { id: "title", type: "text", default: "" },
+        { id: "content", type: "richtext", default: "" },
+        { id: "icon", type: "text", default: "" }
+      ]
+    }
+  ]
+};
+var formContract = {
+  type: "form",
+  fields: [
+    // 外部提交按钮按它定位表单 —— 判据②。
+    { id: "formName", type: "text", default: "" },
+    { id: "showSubmit", type: "boolean", default: true },
+    { id: "submitText", type: "text", default: "" },
+    // 四档各一套 glyph markup；空串档 = 不出 glyph。
+    { id: "submitIcon", type: "enum", values: ["", "email", "arrow", "check"], default: "" },
+    // richtext 而非 text：v2 原样插入它（`componentRenderers.ts:303` 无 esc），
+    // 而页脚正是隐私政策链接的所在。定成 text 会把 <a> 渲成字面字符。
+    // 紧邻的 successMessage 是转义的（同文件 :225）—— 这两个字段在 v2 里行为本就
+    // 不同，schema 却都标成 textarea，又一处只活在渲染器里的区别。
+    { id: "footerText", type: "richtext", default: "" },
+    { id: "successMessage", type: "text", default: "" },
+    { id: "multiStep", type: "boolean", default: false },
+    // inline 是另一套 markup（label 在旁 vs 在上），不是对齐取值。
+    { id: "labelPosition", type: "enum", values: ["top", "inline"], default: "top" },
+    { id: "requiredStyle", type: "enum", values: ["asterisk", "badge"], default: "asterisk" },
+    { id: "requiredBadgeText", type: "text", default: "" },
+    // 决定 <form action method> —— 判据②。
+    { id: "formAction", type: "url", default: "" }
+  ],
+  blocks: [
+    {
+      type: "field",
+      fields: [
+        { id: "label", type: "text", default: "" },
+        // 提交数据的键名。v2 默认 'field'，不照抄：多个字段同键会静默产出错数据。
+        // 空串**也不是**可见的错 —— HTML 的表单提交算法会跳过 name 为空的控件，
+        // 那一栏的数据就这么没了，页面上一点痕迹都没有。选空串是因为它是唯一
+        // **可辨识**的「作者没填」：'field' 与作者真的填了 'field' 无法区分。
+        // 由此 2.6 的渲染器负责把它变成可见的错：控件型 fieldType（label / step
+        // 之外）拿到空 name 即渲染失败抛错（D4）—— 画布上是占位、导出直接失败，
+        // 而不是发布之后才发现表单少收一栏。
+        { id: "name", type: "text", default: "" },
+        {
+          id: "fieldType",
+          type: "enum",
+          values: [
+            "text",
+            "email",
+            "tel",
+            "number",
+            "textarea",
+            "select",
+            "checkbox",
+            "radio",
+            "date",
+            "label",
+            "step"
+          ],
+          default: "text"
+        },
+        { id: "placeholder", type: "text", default: "" },
+        // select / checkbox / radio 的选项表。v2 存成换行分隔的字符串，渲染器要用
+        // /\r?\n|\\n/ 去拆 —— 那个 \\n 分支的存在本身就说明 AI 写出过字面量反斜杠 n。
+        { id: "options", type: "list", default: [] },
+        { id: "required", type: "boolean", default: false },
+        { id: "width", type: "enum", values: ["full", "half"], default: "full" }
+      ]
+    }
+  ]
+};
+var stickyCtaContract = {
+  type: "sticky-cta",
+  fields: [
+    { id: "buttonText", type: "text", default: "" },
+    { id: "buttonUrl", type: "url", default: "#" },
+    // 按钮左侧的说明文字。
+    { id: "text", type: "text", default: "" },
+    // 滚动多少 px 之后出现 —— 判据③，脚本读。
+    { id: "showAfter", type: "number", default: 0 },
+    { id: "showOn", type: "enum", values: ["mobile", "all"], default: "mobile" },
+    // 条内排布模式（justify-content）而非纯对齐取值 —— 根元素的 text-* 顶不上去。
+    { id: "align", type: "enum", values: ["center", "between"], default: "center" }
+  ]
+};
+var COMPONENT_CONTRACTS = {
+  [carouselContract.type]: carouselContract,
+  [faqContract.type]: faqContract,
+  [tabsContract.type]: tabsContract,
+  [formContract.type]: formContract,
+  [stickyCtaContract.type]: stickyCtaContract
+};
+var COMPONENT_TYPES = Object.keys(COMPONENT_CONTRACTS);
+// src/components/settings.ts
+var BLOCKS_KEY = "_blocks";
+// src/components/resolve.ts
+function matches(spec, value) {
+  switch (spec.type) {
+    case "text":
+    case "richtext":
+    case "url":
+    case "image":
+      return typeof value === "string";
+    case "number":
+      return typeof value === "number" && Number.isFinite(value);
+    case "boolean":
+      return typeof value === "boolean";
+    case "enum":
+      return typeof value === "string" && spec.values.includes(value);
+    case "list":
+      return Array.isArray(value) && value.every((v) => typeof v === "string");
+    default: {
+      const never = spec;
+      throw new Error(`resolveComponent: \u672A\u5904\u7406\u7684\u53D6\u503C\u7C7B\u578B ${JSON.stringify(never)}`);
+    }
+  }
+}
+function resolveFields(fields, raw) {
+  const out = {};
+  for (const spec of fields) {
+    const given = raw?.[spec.id];
+    out[spec.id] = given !== void 0 && matches(spec, given) ? given : spec.default;
+  }
+  return out;
+}
+function rawBlocks(raw) {
+  const value = raw[BLOCKS_KEY];
+  if (!Array.isArray(value)) return [];
+  return value.filter(
+    (b) => typeof b === "object" && b !== null
+  );
+}
+function blockSpecOf(blocks, type) {
+  if (typeof type !== "string") return void 0;
+  return blocks?.find((b) => b.type === type);
+}
+function resolveComponent(contract, raw = {}) {
+  const blocks = [];
+  for (const block of rawBlocks(raw)) {
+    const spec = blockSpecOf(contract.blocks, block.type);
+    if (!spec) continue;
+    const settings = typeof block.settings === "object" && block.settings !== null ? block.settings : void 0;
+    blocks.push({ type: spec.type, settings: resolveFields(spec.fields, settings) });
+  }
+  return {
+    type: contract.type,
+    settings: resolveFields(contract.fields, raw),
+    blocks
+  };
+}
+// src/validate/components.ts
+var SETTINGS_ATTR = "data-pt-component-settings";
+var TYPE_ATTR = "data-pt-component";
+function brief(value) {
+  if (typeof value === "string") return value.length > 40 ? `${value.slice(0, 40)}\u2026` : value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "array";
+  return typeof value;
+}
+function checkFields(fields, settings, base, ptId, issues) {
+  const known = new Map(fields.map((spec) => [spec.id, spec]));
+  for (const key of Object.keys(settings)) {
+    if (key === BLOCKS_KEY) continue;
+    const spec = known.get(key);
+    if (!spec) {
+      issues.push({ ptId, rule: "COMPONENT_SETTING_UNKNOWN", params: { ...base, field: key } });
+      continue;
+    }
+    const value = settings[key];
+    if (value === void 0) continue;
+    if (matches(spec, value)) continue;
+    issues.push({
+      ptId,
+      rule: "COMPONENT_SETTING_INVALID",
+      params: {
+        ...base,
+        field: key,
+        // 枚举越界与类型不符在这里分得开：前者类型对、只是取值不在集合里。
+        reason: spec.type === "enum" && typeof value === "string" ? "enum" : "type",
+        expected: spec.type,
+        value: brief(value)
+      }
+    });
+  }
+}
+function checkBlocks(specs, raw, component, ptId, issues) {
+  if (raw === void 0) return;
+  if (!Array.isArray(raw)) {
+    issues.push({
+      ptId,
+      rule: "COMPONENT_SETTING_INVALID",
+      params: { component, field: BLOCKS_KEY, reason: "type", expected: "array", value: brief(raw) }
+    });
+    return;
+  }
+  for (const [index, block] of raw.entries()) {
+    if (typeof block !== "object" || block === null) {
+      issues.push({
+        ptId,
+        rule: "COMPONENT_SETTING_INVALID",
+        params: { component, field: BLOCKS_KEY, index, reason: "type", expected: "object", value: brief(block) }
+      });
+      continue;
+    }
+    const type = block.type;
+    const spec = specs?.find((b) => b.type === type);
+    if (!spec) {
+      issues.push({
+        ptId,
+        rule: "COMPONENT_SETTING_UNKNOWN",
+        params: { component, field: BLOCKS_KEY, index, block: brief(type) }
+      });
+      continue;
+    }
+    const settings = block.settings;
+    if (settings === void 0) continue;
+    if (typeof settings !== "object" || settings === null) {
+      issues.push({
+        ptId,
+        rule: "COMPONENT_SETTING_INVALID",
+        params: { component, field: BLOCKS_KEY, index, reason: "type", expected: "object", value: brief(settings) }
+      });
+      continue;
+    }
+    checkFields(
+      spec.fields,
+      settings,
+      { component, block: spec.type, index },
+      ptId,
+      issues
+    );
+  }
+}
+function checkComponentSettings(el, ptId, options, issues) {
+  const component = el.getAttribute(TYPE_ATTR);
+  if (component === null) return;
+  const contract = COMPONENT_CONTRACTS[component];
+  if (!contract) {
+    if (options.knownComponentsOnly) {
+      issues.push({ ptId, rule: "COMPONENT_SETTING_UNKNOWN", params: { component } });
+    }
+    return;
+  }
+  const rawText = el.getAttribute(SETTINGS_ATTR);
+  if (rawText === null || rawText === "") return;
+  let parsed;
+  try {
+    parsed = JSON.parse(rawText);
+  } catch {
+    issues.push({
+      ptId,
+      rule: "COMPONENT_SETTING_INVALID",
+      params: { component, reason: "json" }
+    });
+    return;
+  }
+  if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+    issues.push({
+      ptId,
+      rule: "COMPONENT_SETTING_INVALID",
+      params: { component, reason: "type", expected: "object", value: brief(parsed) }
+    });
+    return;
+  }
+  const settings = parsed;
+  checkFields(contract.fields, settings, { component }, ptId, issues);
+  checkBlocks(contract.blocks, settings[BLOCKS_KEY], component, ptId, issues);
+}
 // src/validate/index.ts
 var EVENT_ATTR = /^on[a-z]/i;
-function validate(root, options) {
+function validate(root, options = {}) {
   const issues = [];
-  const isDocument = options.profile.root === "document" && isDoc(root);
-  if (isDocument) checkFormatMeta(root, issues);
+  if (isDoc(root)) checkFormatMeta(root, issues);
   checkIds(root, issues);
   checkElements(root, options, issues);
+  if (options.singleSection) checkSingleSection(root, issues);
   return { ok: issues.length === 0, issues };
 }
+function checkSingleSection(root, issues) {
+  const sections = root.querySelectorAll("section");
+  if (sections.length <= 1) return;
+  for (let i = 1; i < sections.length; i++) {
+    issues.push({
+      ptId: sections[i].getAttribute("data-pt-id") ?? void 0,
+      rule: "STRUCTURE",
+      params: { reason: "multiple-sections", count: sections.length }
+    });
+  }
+}
 function isDoc(root) {
   return root.nodeType === 9;
 }
@@ -686,6 +1152,7 @@ function checkElements(root, options, issues) {
     }
     checkAttributes(el, ptId, issues);
     checkClasses(el, ptId, options, issues);
+    checkComponentSettings(el, ptId, options, issues);
     checkPlaceholder(el, ptId, issues);
   }
 }
@@ -723,11 +1190,27 @@ function checkClasses(el, ptId, options, issues) {
       issues.push({ ptId, rule: "NATIVE_PALETTE", params: { className: cls } });
       continue;
     }
+    if (options.allowVhUnits === false) {
+      const unit = viewportUnitIn(cls);
+      if (unit) {
+        issues.push({ ptId, rule: "UNIT_FORBIDDEN", params: { className: cls, unit } });
+        continue;
+      }
+    }
     if (options.canCompileClass && !options.canCompileClass(cls)) {
       issues.push({ ptId, rule: "CLASS_UNCOMPILABLE", params: { className: cls } });
     }
   }
 }
+var ARBITRARY_VIEWPORT_UNIT = /\[[^\]]*?\d(?:\.\d+)?(l|s|d)?(vh|vw|vmin|vmax|vb|vi)\b/;
+var SCREEN_SCALE = /(^|:)(min-|max-)?[hw]-(screen|[lsd]vh|[lsd]vw|dvh|dvw|svh|svw|lvh|lvw)$/;
+function viewportUnitIn(cls) {
+  const arbitrary = ARBITRARY_VIEWPORT_UNIT.exec(cls);
+  if (arbitrary) return `${arbitrary[1] ?? ""}${arbitrary[2]}`;
+  const scale = SCREEN_SCALE.exec(cls);
+  if (scale) return scale[3];
+  return null;
+}
 function checkPlaceholder(el, ptId, issues) {
   if (!el.hasAttribute("data-pt-placeholder")) return;
   const cls = el.getAttribute("class") ?? "";
@@ -762,6 +1245,12 @@ var ERROR_CODES = [
   "INLINE_STYLE",
   /** 使用了 Tailwind 内置色板。它本身可编译，所以必须由独立规则拦。 */
   "NATIVE_PALETTE",
+  /**
+   * 用了视口相对单位（vh / dvh / h-screen…），而当前调用方关掉了它
+   * （`validate(doc, { allowVhUnits: false })`）。同 NATIVE_PALETTE：它可编译，
+   * 拒绝它是产品决定，所以「可编译」判定拦不住，必须独立一条。
+   */
+  "UNIT_FORBIDDEN",
   /** class 在当前 @theme 下编译不出 CSS。 */
   "CLASS_UNCOMPILABLE",
   /** 变体前缀不在允许集内，或组合顺序不是「设备在前、状态在后」。 */
@@ -777,7 +1266,27 @@ var ERROR_CODES = [
   /** 片段 canonical 往返不一致，说明 HTML 畸形。 */
   "FRAGMENT_NOT_CANONICAL",
   /** 存在未落图的图片占位 —— 阻塞发布，不阻塞预览。 */
-  "PLACEHOLDER_UNRESOLVED"
+  "PLACEHOLDER_UNRESOLVED",
+  /**
+   * 渲染了一个注册表里没有的组件类型。
+   *
+   * 渲染**不返回降级标记**（v2 会返回一段「渲染失败」的灰色 div），所以这条必须抛。
+   * 画布可以捕获后显示自己的占位（文案在宿主的三语字典里），成品拼装则应当整体失败 ——
+   * 吞掉它就会静默产出一份缺了一块的成品，用户发布完才发现。
+   */
+  "COMPONENT_UNKNOWN",
+  /** 渲染器自身抛错。同上，不降级、不吞。 */
+  "COMPONENT_RENDER_FAILED",
+  /**
+   * 组件设置里出现了契约中不存在的字段。
+   *
+   * 这是**危险的那个方向**：写了一个渲染器不认的字段 → 渲染器按默认值渲染 →
+   * 改了没反应、无报错（这个仓对弹窗内置件烧过同样的账）。反方向（契约有、面板
+   * 没暴露）只是少个入口，无声无害，不报。
+   */
+  "COMPONENT_SETTING_UNKNOWN",
+  /** 组件设置的取值类型不符、枚举越界，或设置 JSON 本身解析不出来。 */
+  "COMPONENT_SETTING_INVALID"
 ];
 var ERROR_CODE_SET = new Set(ERROR_CODES);
 function isErrorCode(value) {
@@ -795,13 +1304,13 @@ function editorError(code, extra) {
 // src/validate/structure.ts
 var NOT_A_LAYER = /* @__PURE__ */ new Set(["html", "head", "body"]);
-function layerOf(el, profile) {
+var LEAF_TYPE_SET = new Set(LEAF_TYPES);
+function layerOf(el) {
   const name = tag(el);
   if (NOT_A_LAYER.has(name)) return null;
-  const hasSectionLayer = profile.layers.includes("section");
-  if (hasSectionLayer && name === "section") return "section";
+  if (name === "section") return "section";
   const ptType = el.getAttribute("data-pt-type");
-  if (ptType && profile.leafTypes.includes(ptType)) return "leaf";
+  if (ptType && LEAF_TYPE_SET.has(ptType)) return "leaf";
   if (el.hasAttribute("data-pt-component")) return "leaf";
   const opaque = closestOpaque(el);
   if (opaque && opaque.host === el) return "leaf";
@@ -809,19 +1318,19 @@ function layerOf(el, profile) {
   return null;
 }
 var MAX_CONTAINER_DEPTH = 2;
-function containerDepth(el, profile) {
+function containerDepth(el) {
   let depth = 0;
   let cur = el;
   while (cur) {
-    if (layerOf(cur, profile) === "container") depth += 1;
+    if (layerOf(cur) === "container" && !isWrapLayer(cur)) depth += 1;
     cur = cur.parentElement;
   }
   return depth;
 }
-function canContain(parent, childLayer, profile) {
+function canContain(parent, childLayer) {
   const opaque = closestOpaque(parent);
   if (opaque) return "opaque-subtree";
-  const parentLayer = layerOf(parent, profile);
+  const parentLayer = layerOf(parent);
   if (childLayer === "section") {
     const isBody = tag(parent) === "body";
     return isBody ? null : "section-not-body-child";
@@ -829,23 +1338,21 @@ function canContain(parent, childLayer, profile) {
   if (childLayer === "container") {
     if (parentLayer === "section") return null;
     if (parentLayer === "container") {
-      return containerDepth(parent, profile) + 1 > MAX_CONTAINER_DEPTH ? "container-too-deep" : null;
+      return containerDepth(parent) + 1 > MAX_CONTAINER_DEPTH ? "container-too-deep" : null;
     }
-    if (!profile.layers.includes("section") && parentLayer === null) return null;
     return parentLayer === "leaf" ? "leaf-cannot-contain" : "unknown-layer";
   }
   if (parentLayer === "container") return null;
   if (parentLayer === "leaf") return "leaf-cannot-contain";
-  if (!profile.layers.includes("section") && parentLayer === null) return null;
   return "unknown-layer";
 }
-function deleteTarget(el, profile) {
-  const layer = layerOf(el, profile);
+function deleteTarget(el) {
+  const layer = layerOf(el);
   if (layer !== "container") return el;
   const parent = el.parentElement;
-  if (!parent || layerOf(parent, profile) !== "section") return el;
+  if (!parent || layerOf(parent) !== "section") return el;
   const siblingContainers = Array.from(parent.children).filter(
-    (c) => c !== el && layerOf(c, profile) === "container"
+    (c) => c !== el && layerOf(c) === "container"
   );
   return siblingContainers.length === 0 ? parent : el;
 }
@@ -931,33 +1438,33 @@ function requireCanonicalFragment(doc, html) {
 // src/ops/apply.ts
 var RAW_TEXT = /* @__PURE__ */ new Set(["style", "script", "xmp", "iframe", "noembed", "noframes", "plaintext"]);
-function apply(doc, ops, options) {
+function apply(doc, ops) {
   if (!Array.isArray(ops)) throw new TypeError("apply(): ops \u5FC5\u987B\u662F\u6570\u7EC4");
   if (ops.length === 0) return { ok: true, inverse: [] };
   const rehearsal = doc.cloneNode(true);
-  const dry = run(rehearsal, ops, options);
+  const dry = run(rehearsal, ops);
   if (!dry.ok) return dry;
-  return run(doc, ops, options);
+  return run(doc, ops);
 }
-function run(doc, ops, options) {
+function run(doc, ops) {
   const inverse = [];
   for (let i = 0; i < ops.length; i++) {
-    const result = applyOne(doc, ops[i], options);
+    const result = applyOne(doc, ops[i]);
     if (!result.ok) return { ok: false, error: result.error, failedIndex: i };
     inverse.unshift(result.inverse);
   }
   return { ok: true, inverse };
 }
-function applyOne(doc, op, options) {
+function applyOne(doc, op) {
   switch (op.op) {
     case "set":
       return applySet(doc, op);
     case "insert":
-      return applyInsert(doc, op, options);
+      return applyInsert(doc, op);
     case "delete":
-      return applyDelete(doc, op, options);
+      return applyDelete(doc, op);
     case "move":
-      return applyMove(doc, op, options);
+      return applyMove(doc, op);
     case "replace":
       return applyReplace(doc, op);
     default:
@@ -969,10 +1476,15 @@ function applyOne(doc, op, options) {
       };
   }
 }
+function rejectWrapTarget(el, ptId) {
+  return isWrapLayer(el) ? editorError("STRUCTURE", { ptId, params: { reason: "wrap-layer-immutable" } }) : null;
+}
 function applySet(doc, op) {
   const miss = requireIdHit(doc, op.id);
   if (miss) return { ok: false, error: miss };
   const el = findById(doc, op.id);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   const opaque = closestOpaque(el);
   if (opaque && opaque.host !== el && opaque.mode !== "text") {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "opaque-subtree" } }) };
@@ -1018,10 +1530,10 @@ function applySet(doc, op) {
   return { ok: true, inverse: inv };
 }
 function applyClasses(el, spec) {
-  const list = normalizeClassValue(el.getAttribute("class") ?? "").split(" ").filter(Boolean);
-  const set = new Set(list);
+  const list2 = normalizeClassValue(el.getAttribute("class") ?? "").split(" ").filter(Boolean);
+  const set = new Set(list2);
   for (const c of spec.remove ?? []) set.delete(c);
-  const out = list.filter((c) => set.has(c));
+  const out = list2.filter((c) => set.has(c));
   for (const c of spec.add ?? []) {
     if (!set.has(c)) {
       set.add(c);
@@ -1065,7 +1577,7 @@ function setChildren(doc, el, text) {
   }
   el.appendChild(parseFragment(doc, text));
 }
-function applyInsert(doc, op, options) {
+function applyInsert(doc, op) {
   const miss = requireIdHit(doc, op.parentId);
   if (miss) return { ok: false, error: miss };
   const parent = findById(doc, op.parentId);
@@ -1079,11 +1591,11 @@ function applyInsert(doc, op, options) {
   const idErr = requireFragmentIds(frag, collectDocIds(doc));
   if (idErr) return { ok: false, error: idErr };
   const root = fragmentElementRoots(frag)[0];
-  const childLayer = layerOf(root, options.profile);
+  const childLayer = layerOf(root);
   if (!childLayer) {
     return { ok: false, error: editorError("STRUCTURE", { params: { reason: "unknown-layer" } }) };
   }
-  const rejection = canContain(parent, childLayer, options.profile);
+  const rejection = canContain(parent, childLayer);
   if (rejection) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.parentId, params: { reason: rejection } }) };
   }
@@ -1092,15 +1604,17 @@ function applyInsert(doc, op, options) {
   parent.insertBefore(frag, parent.childNodes[at] ?? null);
   return { ok: true, inverse: { op: "delete", id: newId } };
 }
-function applyDelete(doc, op, options) {
+function applyDelete(doc, op) {
   const miss = requireIdHit(doc, op.id);
   if (miss) return { ok: false, error: miss };
   const el = findById(doc, op.id);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   const opaque = closestOpaque(el);
   if (opaque && opaque.host !== el) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "opaque-subtree" } }) };
   }
-  const target = deleteTarget(el, options.profile);
+  const target = deleteTarget(el);
   const parent = target.parentElement;
   if (!parent) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "no-parent" } }) };
@@ -1118,21 +1632,23 @@ function applyDelete(doc, op, options) {
     inverse: { op: "insert", parentId, index: 0, html, nodeIndex }
   };
 }
-function applyMove(doc, op, options) {
+function applyMove(doc, op) {
   const missSelf = requireIdHit(doc, op.id);
   if (missSelf) return { ok: false, error: missSelf };
   const missParent = requireIdHit(doc, op.parentId);
   if (missParent) return { ok: false, error: missParent };
   const el = findById(doc, op.id);
   const parent = findById(doc, op.parentId);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   if (el === parent || el.contains(parent)) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "move-into-self" } }) };
   }
-  const layer = layerOf(el, options.profile);
+  const layer = layerOf(el);
   if (!layer) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.id, params: { reason: "unknown-layer" } }) };
   }
-  const rejection = canContain(parent, layer, options.profile);
+  const rejection = canContain(parent, layer);
   if (rejection) {
     return { ok: false, error: editorError("STRUCTURE", { ptId: op.parentId, params: { reason: rejection } }) };
   }
@@ -1153,6 +1669,8 @@ function applyReplace(doc, op) {
   const miss = requireIdHit(doc, op.id);
   if (miss) return { ok: false, error: miss };
   const el = findById(doc, op.id);
+  const wrapped = rejectWrapTarget(el, op.id);
+  if (wrapped) return { ok: false, error: wrapped };
   const canonical = requireCanonicalFragment(doc, op.html);
   if (canonical) return { ok: false, error: canonical };
   const frag = parseFragment(doc, op.html);
@@ -1382,6 +1900,450 @@ function clearCompileCache() {
   cache.clear();
 }
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  BLOCKS_KEY: () => BLOCKS_KEY,
+  COMPONENT_CONTRACTS: () => COMPONENT_CONTRACTS,
+  COMPONENT_TYPES: () => COMPONENT_TYPES,
+  SETTING_TYPES: () => SETTING_TYPES,
+  carouselContract: () => carouselContract,
+  faqContract: () => faqContract,
+  formContract: () => formContract,
+  renderCss: () => renderCss,
+  renderHtml: () => renderHtml,
+  renderJs: () => renderJs,
+  resolveComponent: () => resolveComponent,
+  stickyCtaContract: () => stickyCtaContract,
+  tabsContract: () => tabsContract
+});
+// src/components/renderers/shared.ts
+var esc = escapeText;
+var escAttr = escapeAttribute;
+function str(settings, id) {
+  return settings[id];
+}
+function num(settings, id) {
+  return settings[id];
+}
+function bool(settings, id) {
+  return settings[id];
+}
+function list(settings, id) {
+  return settings[id];
+}
+function componentScript(type, initBody) {
+  if (!/^[a-z][a-z0-9-]*$/.test(type)) throw new TypeError(type);
+  return `(function(){var T='[data-pt-component="${type}"]',F='__pt_${type.replace(/-/g, "_")}';function init(root){if(root[F])return;root[F]=1;${initBody}}function scan(){var l=document.querySelectorAll(T);for(var i=0;i<l.length;i++)init(l[i]);}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',scan);else scan();})();`;
+}
+// src/components/renderers/carousel.ts
+var carouselRenderer = {
+  html(instance) {
+    const layout = str(instance.settings, "layout");
+    const imageOnly = layout === "image";
+    const slides = instance.blocks.filter((b) => b.type === "slide");
+    const many = slides.length > 1;
+    const showDots = bool(instance.settings, "showDots") && many;
+    const showArrows = bool(instance.settings, "showArrows") && many;
+    const track = slides.map((slide) => {
+      const image = str(slide.settings, "image");
+      const title = str(slide.settings, "title");
+      const subtitle = str(slide.settings, "subtitle");
+      const buttonText = str(slide.settings, "buttonText");
+      const img = image ? `<img class="ptc-carousel-img" src="${escAttr(image)}" alt="${escAttr(title)}" loading="lazy">` : "";
+      const body = imageOnly ? "" : [
+        title ? `<h3 class="ptc-carousel-title">${esc(title)}</h3>` : "",
+        subtitle ? `<p class="ptc-carousel-sub">${esc(subtitle)}</p>` : "",
+        buttonText ? `<a class="ptc-carousel-btn" href="${escAttr(str(slide.settings, "buttonUrl"))}">${esc(buttonText)}</a>` : ""
+      ].join("");
+      return '<div class="ptc-carousel-slide">' + img + (body ? `<div class="ptc-carousel-body">${body}</div>` : "") + "</div>";
+    }).join("");
+    const dots = showDots ? '<div class="ptc-carousel-dots">' + slides.map(
+      (_, i) => `<button type="button" class="ptc-carousel-dot" data-go="${i}" aria-current="${i === 0 ? "true" : "false"}"></button>`
+    ).join("") + "</div>" : "";
+    const arrows = showArrows ? '<button type="button" class="ptc-carousel-arrow" data-go="prev">\u2039</button><button type="button" class="ptc-carousel-arrow" data-go="next">\u203A</button>' : "";
+    return `<div class="ptc-carousel" data-carousel-layout="${escAttr(layout)}" data-autoplay="${bool(instance.settings, "autoplay") && many ? "true" : "false"}" data-interval="${num(instance.settings, "interval")}"><div class="ptc-carousel-track">${track}</div>` + dots + arrows + "</div>";
+  },
+  css() {
+    return [
+      ".ptc-carousel{position:relative;width:100%}",
+      // 滑动本体：不跑脚本也能用手指滑。
+      ".ptc-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}",
+      ".ptc-carousel-track::-webkit-scrollbar{display:none}",
+      ".ptc-carousel-slide{position:relative;flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(var(--spacing)*2);aspect-ratio:16/9;overflow:hidden;background:var(--pt-carousel-slide-bg,color-mix(in oklab,currentColor 6%,transparent))}",
+      ".ptc-carousel-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}",
+      ".ptc-carousel-body{position:relative;padding:calc(var(--spacing)*6)}",
+      ".ptc-carousel-title{margin:0;font-size:2em;font-weight:700}",
+      ".ptc-carousel-sub{margin:calc(var(--spacing)*2) 0 0}",
+      ".ptc-carousel-btn{display:inline-block;margin-top:calc(var(--spacing)*4);padding:calc(var(--spacing)*3) calc(var(--spacing)*7);border-radius:var(--radius-lg);text-decoration:none;background:var(--pt-carousel-btn-bg,currentColor);color:var(--pt-carousel-btn-fg,white)}",
+      ".ptc-carousel-dots{position:absolute;left:0;right:0;bottom:calc(var(--spacing)*4);display:flex;justify-content:center;gap:calc(var(--spacing)*2)}",
+      ".ptc-carousel-dot{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5);padding:0;border:0;border-radius:var(--radius-4xl);cursor:pointer;background:var(--pt-carousel-dot-off,color-mix(in oklab,currentColor 25%,transparent))}",
+      '.ptc-carousel-dot[aria-current="true"]{background:var(--pt-carousel-dot-on,currentColor)}',
+      ".ptc-carousel-arrow{position:absolute;top:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center;width:calc(var(--spacing)*9);height:calc(var(--spacing)*9);border:0;border-radius:var(--radius-4xl);cursor:pointer;font-size:1.25em;line-height:1;background:var(--pt-carousel-arrow-bg,color-mix(in oklab,currentColor 20%,transparent))}",
+      '.ptc-carousel-arrow[data-go="prev"]{left:calc(var(--spacing)*3)}',
+      '.ptc-carousel-arrow[data-go="next"]{right:calc(var(--spacing)*3)}',
+      // image 档没有文案层，body 不渲染；这条只是把 padding 的余味也去掉。
+      '[data-carousel-layout="image"] .ptc-carousel-slide{gap:0}',
+      "@media (prefers-reduced-motion:reduce){.ptc-carousel-track{scroll-behavior:auto}}"
+    ].join("");
+  },
+  js() {
+    return componentScript(
+      "carousel",
+      `var tk=root.querySelector('.ptc-carousel-track');if(!tk)return;var dt=root.querySelectorAll('.ptc-carousel-dot');function at(){return tk.clientWidth?Math.round(tk.scrollLeft/tk.clientWidth):0;}function go(i){var n=tk.children.length;if(!n)return;var t=((i%n)+n)%n;tk.scrollTo({left:t*tk.clientWidth,behavior:"smooth"});}function sync(){var c=at();for(var i=0;i<dt.length;i++)dt[i].setAttribute('aria-current',i===c?'true':'false');}tk.addEventListener('scroll',sync);root.addEventListener('click',function(e){var t=e.target,el=t&&t.closest?t.closest("[data-go]"):null;if(!el||!root.contains(el))return;var v=el.getAttribute('data-go');if(v==='prev')go(at()-1);else if(v==='next')go(at()+1);else go(parseInt(v,10));});if(root.getAttribute('data-autoplay')==='true'){var ms=parseInt(root.getAttribute('data-interval'),10);if(ms>0)setInterval(function(){go(at()+1);},ms);}sync();`
+    );
+  }
+};
+// src/components/renderers/faq.ts
+function icon(kind) {
+  if (kind === "plus") {
+    return '<span class="ptc-faq-ic" aria-hidden="true"><span class="ptc-faq-ic-p">+</span><span class="ptc-faq-ic-m">\u2212</span></span>';
+  }
+  return '<span class="ptc-faq-ic" aria-hidden="true">\u203A</span>';
+}
+function item(question, answer, open, listStyle, ic) {
+  const q = esc(question);
+  if (listStyle) {
+    return `<div class="ptc-faq-item"><div class="ptc-faq-q">${q}</div><div class="ptc-faq-a">${answer}</div></div>`;
+  }
+  return `<details class="ptc-faq-item"${open ? " open" : ""}><summary class="ptc-faq-q"><span>${q}</span>${ic}</summary><div class="ptc-faq-a">${answer}</div></details>`;
+}
+var faqRenderer = {
+  html(instance) {
+    const style = str(instance.settings, "style");
+    const iconStyle = str(instance.settings, "iconStyle");
+    const title = str(instance.settings, "title");
+    const listStyle = style === "list";
+    const ic = icon(iconStyle);
+    const head = title ? `<h3 class="ptc-faq-title">${esc(title)}</h3>` : "";
+    const items = instance.blocks.filter((b) => b.type === "item").map(
+      (b) => item(
+        str(b.settings, "question"),
+        // richtext：按契约原样插入，不转义。
+        str(b.settings, "answer"),
+        b.settings["defaultOpen"] === true,
+        listStyle,
+        ic
+      )
+    ).join("");
+    return `<div class="ptc-faq" data-faq-style="${escAttr(style)}" data-faq-icon="${escAttr(iconStyle)}">` + head + `<div class="ptc-faq-items">${items}</div></div>`;
+  },
+  css() {
+    return [
+      ".ptc-faq{width:100%}",
+      ".ptc-faq-title{margin:0 0 calc(var(--spacing)*10);font-size:1.5em;font-weight:700}",
+      ".ptc-faq-items{display:flex;flex-direction:column;gap:calc(var(--spacing)*2)}",
+      ".ptc-faq-item{border:1px solid var(--pt-faq-border,color-mix(in oklab,currentColor 15%,transparent));border-radius:var(--radius-lg);overflow:hidden}",
+      ".ptc-faq-q{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*3) calc(var(--spacing)*4);font-weight:500}",
+      ".ptc-faq-a{padding:calc(var(--spacing)*3) calc(var(--spacing)*4);line-height:1.6;color:var(--pt-faq-answer-fg,color-mix(in oklab,currentColor 70%,transparent))}",
+      "details.ptc-faq-item>.ptc-faq-q{cursor:pointer;list-style:none;background:var(--pt-faq-summary-bg,color-mix(in oklab,currentColor 4%,transparent))}",
+      "details.ptc-faq-item>.ptc-faq-q::-webkit-details-marker{display:none}",
+      ".ptc-faq-ic{flex:none;font-size:1.2em;line-height:1}",
+      // chevron：靠旋转表达开合，一个字形。
+      '[data-faq-icon="chevron"] .ptc-faq-ic{transition:transform .2s}',
+      '[data-faq-icon="chevron"] details[open]>.ptc-faq-q .ptc-faq-ic{transform:rotate(90deg)}',
+      // plus：两个字形，显隐由 [open] 决定，同样不需要脚本。
+      '[data-faq-icon="plus"] .ptc-faq-ic-m{display:none}',
+      '[data-faq-icon="plus"] details[open]>.ptc-faq-q .ptc-faq-ic-p{display:none}',
+      '[data-faq-icon="plus"] details[open]>.ptc-faq-q .ptc-faq-ic-m{display:inline}',
+      // list 档：没有 <details>，去掉交互态的余味。
+      '[data-faq-style="list"] .ptc-faq-item{border:0;border-radius:0}',
+      '[data-faq-style="list"] .ptc-faq-q{padding-inline:0;background:none}',
+      '[data-faq-style="list"] .ptc-faq-a{padding-inline:0}'
+    ].join("");
+  },
+  js() {
+    return componentScript(
+      "faq",
+      `root.addEventListener('click',function(e){var t=e.target,s=t&&t.closest?t.closest("summary"):null;if(!s||!root.contains(s))return;var d=s.parentNode;if(!d||d.tagName!=='DETAILS'||d.open)return;var l=root.querySelectorAll('details');for(var i=0;i<l.length;i++)if(l[i]!==d)l[i].removeAttribute('open');});`
+    );
+  }
+};
+// src/components/renderers/form.ts
+var NOT_A_CONTROL = /* @__PURE__ */ new Set(["label", "step"]);
+var INPUT_TYPES = /* @__PURE__ */ new Set(["email", "tel", "number", "date"]);
+var SUBMIT_ICONS = {
+  email: "\u2709\uFE0E ",
+  arrow: "\u2192 ",
+  check: "\u2713 "
+};
+function requiredMark(style, badgeText) {
+  if (style === "badge") return `<span class="ptc-form-badge">${esc(badgeText)}</span>`;
+  return '<span class="ptc-form-star" aria-hidden="true">*</span>';
+}
+function control(field2, id, name) {
+  const type = str(field2.settings, "fieldType");
+  const required = bool(field2.settings, "required") ? " required" : "";
+  const placeholder = str(field2.settings, "placeholder");
+  const ph = placeholder ? ` placeholder="${escAttr(placeholder)}"` : "";
+  if (type === "textarea") {
+    return `<textarea class="ptc-form-input" id="${id}" name="${name}"${ph}${required}></textarea>`;
+  }
+  if (type === "select") {
+    const options = list(field2.settings, "options").map((o) => `<option>${esc(o)}</option>`).join("");
+    return `<select class="ptc-form-input" id="${id}" name="${name}"${required}>${options}</select>`;
+  }
+  if (type === "checkbox" || type === "radio") {
+    return list(field2.settings, "options").map(
+      (o, i) => `<label class="ptc-form-choice"><input type="${type}" name="${name}" value="${escAttr(o)}"${i === 0 ? required : ""}><span>${esc(o)}</span></label>`
+    ).join("");
+  }
+  const inputType = INPUT_TYPES.has(type) ? type : "text";
+  return `<input class="ptc-form-input" type="${inputType}" id="${id}" name="${name}"${ph}${required}>`;
+}
+function field(block, index, instanceId, style, badge) {
+  const type = str(block.settings, "fieldType");
+  const label = str(block.settings, "label");
+  if (NOT_A_CONTROL.has(type)) {
+    return type === "label" ? `<div class="ptc-form-note">${esc(label)}</div>` : "";
+  }
+  const name = str(block.settings, "name");
+  if (!name) {
+    throw editorError("COMPONENT_RENDER_FAILED", {
+      params: { type: "form", field: index, fieldType: type }
+    });
+  }
+  const id = `${escAttr(instanceId)}-f${index}`;
+  const mark = bool(block.settings, "required") ? requiredMark(style, badge) : "";
+  const body = control(block, id, escAttr(name));
+  const width = str(block.settings, "width");
+  if (type === "checkbox" || type === "radio") {
+    return `<fieldset class="ptc-form-field" data-width="${escAttr(width)}"><legend class="ptc-form-label">${esc(label)}${mark}</legend><div class="ptc-form-choices">${body}</div></fieldset>`;
+  }
+  return `<div class="ptc-form-field" data-width="${escAttr(width)}"><label class="ptc-form-label" for="${id}">${esc(label)}${mark}</label>${body}</div>`;
+}
+function intoSteps(blocks) {
+  const steps = [];
+  let current = { title: "", fields: [] };
+  let started = false;
+  for (const block of blocks) {
+    if (str(block.settings, "fieldType") === "step") {
+      if (started || current.fields.length > 0) steps.push(current);
+      current = { title: str(block.settings, "label"), fields: [] };
+      started = true;
+    } else {
+      current.fields.push(block);
+    }
+  }
+  steps.push(current);
+  return steps;
+}
+var formRenderer = {
+  html(instance, instanceId) {
+    const settings = instance.settings;
+    const blocks = instance.blocks.filter((b) => b.type === "field");
+    const requiredStyle = str(settings, "requiredStyle");
+    const badge = str(settings, "requiredBadgeText");
+    const id = escAttr(instanceId);
+    let seq = 0;
+    const render = (block) => field(block, seq++, instanceId, requiredStyle, badge);
+    const steps = bool(settings, "multiStep") ? intoSteps(blocks) : [];
+    const stepped = steps.length > 1;
+    let nav = "";
+    let body;
+    if (stepped) {
+      nav = '<div class="ptc-form-steps">' + steps.map(
+        (step, i) => `<button type="button" class="ptc-form-step-tab" data-step-to="${i}" aria-selected="${i === 0 ? "true" : "false"}">${esc(step.title)}</button>`
+      ).join("") + "</div>";
+      body = steps.map(
+        (step, i) => `<div class="ptc-form-step" data-step="${i}"${i === 0 ? "" : " hidden"}>` + step.fields.map(render).join("") + "</div>"
+      ).join("");
+    } else {
+      body = blocks.map(render).join("");
+    }
+    const action = str(settings, "formAction");
+    const formName = str(settings, "formName");
+    const submit = bool(settings, "showSubmit") ? '<div class="ptc-form-actions"><button type="submit" class="ptc-form-submit">' + (SUBMIT_ICONS[str(settings, "submitIcon")] ?? "") + `${esc(str(settings, "submitText"))}</button></div>` : "";
+    const footer = str(settings, "footerText");
+    const success = str(settings, "successMessage");
+    return `<div class="ptc-form" data-label-position="${escAttr(str(settings, "labelPosition"))}">` + nav + `<form class="ptc-form-body" id="${id}-form"` + (formName ? ` data-form-name="${escAttr(formName)}"` : "") + (action ? ` action="${escAttr(action)}" method="post"` : "") + `>${body}${submit}</form>` + // richtext：原样插入（页脚正是隐私政策链接的所在）。
+    (footer ? `<div class="ptc-form-footer">${footer}</div>` : "") + `<div class="ptc-form-success" role="status" hidden>${esc(success)}</div></div>`;
+  },
+  css() {
+    return [
+      ".ptc-form{width:100%}",
+      ".ptc-form-body{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4)}",
+      ".ptc-form-step{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4);width:100%}",
+      ".ptc-form-field{flex:1 1 100%;min-width:0;margin:0;padding:0;border:0}",
+      '.ptc-form-field[data-width="half"]{flex:1 1 calc(50% - var(--spacing)*2)}',
+      ".ptc-form-label{display:block;margin-bottom:calc(var(--spacing)*1.5);font-weight:500}",
+      ".ptc-form-note{width:100%}",
+      ".ptc-form-input{width:100%;box-sizing:border-box;font:inherit;padding:calc(var(--spacing)*2.5) calc(var(--spacing)*3.5);border:1px solid var(--pt-form-field-border,color-mix(in oklab,currentColor 25%,transparent));border-radius:var(--radius-md);background:var(--pt-form-field-bg,transparent);color:var(--pt-form-field-fg,inherit)}",
+      "textarea.ptc-form-input{min-height:6em;resize:vertical}",
+      ".ptc-form-choices{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4)}",
+      ".ptc-form-choice{display:inline-flex;align-items:center;gap:calc(var(--spacing)*1.5)}",
+      ".ptc-form-star{color:var(--pt-form-required-fg,currentColor)}",
+      ".ptc-form-badge{margin-left:calc(var(--spacing)*1.5);padding:0 calc(var(--spacing)*1.5);border-radius:var(--radius-xs);font-size:.75em;vertical-align:middle;background:var(--pt-form-required-fg,currentColor);color:var(--pt-form-on-accent,white)}",
+      ".ptc-form-actions{width:100%}",
+      // 手机满宽（拇指点击区），md 起自适应 —— submitFullWidth 那个开关的继任者。
+      ".ptc-form-submit{width:100%;font:inherit;font-weight:600;cursor:pointer;padding:calc(var(--spacing)*3) calc(var(--spacing)*7);border:0;border-radius:var(--radius-md);background:var(--pt-form-accent,currentColor);color:var(--pt-form-on-accent,white)}",
+      "@media (min-width:768px){.ptc-form-submit{width:auto}}",
+      ".ptc-form-steps{display:flex;gap:calc(var(--spacing)*1.5);margin-bottom:calc(var(--spacing)*4)}",
+      ".ptc-form-step-tab{flex:1;font:inherit;cursor:pointer;padding:calc(var(--spacing)*2) calc(var(--spacing)*1);border:0;border-radius:var(--radius-md);background:color-mix(in oklab,currentColor 10%,transparent)}",
+      '.ptc-form-step-tab[aria-selected="true"]{background:var(--pt-form-accent,currentColor);color:var(--pt-form-on-accent,white)}',
+      ".ptc-form-footer{margin-top:calc(var(--spacing)*3);font-size:.875em;color:color-mix(in oklab,currentColor 65%,transparent)}",
+      ".ptc-form-success{margin-top:calc(var(--spacing)*3)}",
+      // labelPosition=inline：标签与控件并排。
+      '[data-label-position="inline"] .ptc-form-field{display:flex;align-items:center;gap:calc(var(--spacing)*3)}',
+      '[data-label-position="inline"] .ptc-form-label{flex:0 0 auto;margin-bottom:0}'
+    ].join("");
+  },
+  js() {
+    return componentScript(
+      "form",
+      // 分步：与 tabs 同款，只翻 aria-selected / hidden。
+      `root.addEventListener('click',function(e){var t=e.target,b=t&&t.closest?t.closest("[data-step-to]"):null;if(!b||!root.contains(b))return;var i=b.getAttribute('data-step-to');var tb=root.querySelectorAll("[data-step-to]"),pn=root.querySelectorAll("[data-step]");for(var k=0;k<tb.length;k++)tb[k].setAttribute('aria-selected',tb[k]===b?'true':'false');for(var j=0;j<pn.length;j++){if(pn[j].getAttribute('data-step')===i)pn[j].removeAttribute('hidden');else pn[j].setAttribute('hidden','');}});root.addEventListener('submit',function(e){var f=e.target;if(!f||f.tagName!=='FORM')return;var d={};new FormData(f).forEach(function(v,k){d[k]=v;});f.dispatchEvent(new CustomEvent('pt-form-submit',{detail:d,bubbles:true,composed:true}));if(!f.getAttribute('action')){e.preventDefault();var s=root.querySelector('.ptc-form-success');if(s)s.removeAttribute('hidden');}});`
+    );
+  }
+};
+// src/components/renderers/stickyCta.ts
+var BAR_HEIGHT = "var(--pt-sticky-cta-h,3.5rem)";
+var RESERVE = `calc(${BAR_HEIGHT} + env(safe-area-inset-bottom,0px))`;
+var stickyCtaRenderer = {
+  html(instance) {
+    const settings = instance.settings;
+    const text = str(settings, "text");
+    const buttonText = str(settings, "buttonText");
+    const showAfter = num(settings, "showAfter");
+    return `<div class="ptc-sticky" data-sticky-on="${escAttr(str(settings, "showOn"))}" data-sticky-align="${escAttr(str(settings, "align"))}" data-show-after="${showAfter}"` + // armed = 交给脚本管可见性。只有 showAfter > 0 才有这回事。
+    (showAfter > 0 ? " data-armed" : "") + ">" + (text ? `<span class="ptc-sticky-text">${esc(text)}</span>` : "") + (buttonText ? `<a class="ptc-sticky-btn" href="${escAttr(str(settings, "buttonUrl"))}">${esc(buttonText)}</a>` : "") + "</div>";
+  },
+  css() {
+    return [
+      `.ptc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--spacing)*3);min-height:${BAR_HEIGHT};padding:calc(var(--spacing)*2) calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*2 + env(safe-area-inset-bottom,0px));background:var(--pt-sticky-cta-bg,canvas);color:var(--pt-sticky-cta-fg,canvastext);border-top:1px solid var(--pt-sticky-cta-border,color-mix(in oklab,currentColor 15%,transparent))}`,
+      '.ptc-sticky[data-sticky-align="center"]{justify-content:center}',
+      '.ptc-sticky[data-sticky-align="between"]{justify-content:space-between}',
+      ".ptc-sticky-text{min-width:0}",
+      ".ptc-sticky-btn{flex:none;display:inline-block;padding:calc(var(--spacing)*2.5) calc(var(--spacing)*6);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;background:var(--pt-sticky-cta-accent,currentColor);color:var(--pt-sticky-cta-on-accent,canvas)}",
+      // 滚够了才出现：初始 armed，脚本摘掉它。
+      ".ptc-sticky[data-armed]{display:none}",
+      // PC 隐藏是 showOn=mobile 的默认档，不是写死的行为。
+      '@media (min-width:768px){.ptc-sticky[data-sticky-on="mobile"]{display:none}}',
+      // 底部留白。见文件头：只能由 body 腾，且不写重置规则。
+      `body:has(.ptc-sticky[data-sticky-on="all"]){padding-bottom:${RESERVE}}`,
+      `@media (max-width:767.98px){body:has(.ptc-sticky[data-sticky-on="mobile"]){padding-bottom:${RESERVE}}}`
+    ].join("");
+  },
+  js() {
+    return componentScript(
+      "sticky-cta",
+      "var b=root.querySelector('.ptc-sticky');if(!b)return;var a=parseInt(b.getAttribute('data-show-after'),10);if(!(a>0))return;function u(){if((window.pageYOffset||0)>=a)b.removeAttribute('data-armed');else b.setAttribute('data-armed','');}window.addEventListener('scroll',u,{passive:true});u();"
+    );
+  }
+};
+// src/components/renderers/tabs.ts
+var tabsRenderer = {
+  html(instance, instanceId) {
+    const style = str(instance.settings, "tabStyle");
+    const title = str(instance.settings, "title");
+    const tabs = instance.blocks.filter((b) => b.type === "tab");
+    const wanted = num(instance.settings, "defaultTab");
+    const active = Number.isInteger(wanted) && wanted >= 0 && wanted < tabs.length ? wanted : 0;
+    const id = escAttr(instanceId);
+    const nav = tabs.map((tab, i) => {
+      const on = i === active;
+      const icon2 = str(tab.settings, "icon");
+      const label = (icon2 ? `${esc(icon2)} ` : "") + esc(str(tab.settings, "title"));
+      return `<button type="button" class="ptc-tabs-tab" role="tab" id="${id}-t${i}" aria-controls="${id}-p${i}" aria-selected="${on ? "true" : "false"}" tabindex="${on ? "0" : "-1"}">${label}</button>`;
+    }).join("");
+    const panels = tabs.map(
+      (tab, i) => `<div class="ptc-tabs-panel" role="tabpanel" id="${id}-p${i}" aria-labelledby="${id}-t${i}"${i === active ? "" : " hidden"}>${str(tab.settings, "content")}</div>`
+    ).join("");
+    const head = title ? `<h3 class="ptc-tabs-title">${esc(title)}</h3>` : "";
+    return `<div class="ptc-tabs" data-tabs-style="${escAttr(style)}">` + head + `<div class="ptc-tabs-nav" role="tablist">${nav}</div><div class="ptc-tabs-panels">${panels}</div></div>`;
+  },
+  css() {
+    return [
+      ".ptc-tabs{width:100%}",
+      ".ptc-tabs-title{margin:0 0 calc(var(--spacing)*4);font-size:1.25em;font-weight:700}",
+      ".ptc-tabs-nav{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*1)}",
+      ".ptc-tabs-tab{appearance:none;border:0;background:none;font:inherit;cursor:pointer;padding:calc(var(--spacing)*2) calc(var(--spacing)*4);color:color-mix(in oklab,currentColor 60%,transparent)}",
+      // 激活态只由 aria-selected 决定 —— 脚本翻的就是它。
+      '.ptc-tabs-tab[aria-selected="true"]{color:var(--pt-tabs-accent,currentColor)}',
+      ".ptc-tabs-panel{padding-block:calc(var(--spacing)*5)}",
+      // underline
+      '[data-tabs-style="underline"] .ptc-tabs-nav{border-bottom:1px solid var(--pt-tabs-border,color-mix(in oklab,currentColor 15%,transparent))}',
+      '[data-tabs-style="underline"] .ptc-tabs-tab{border-bottom:2px solid transparent;margin-bottom:-1px}',
+      '[data-tabs-style="underline"] .ptc-tabs-tab[aria-selected="true"]{border-bottom-color:var(--pt-tabs-accent,currentColor)}',
+      // pill
+      '[data-tabs-style="pill"] .ptc-tabs-tab{border-radius:var(--radius-xl)}',
+      '[data-tabs-style="pill"] .ptc-tabs-tab[aria-selected="true"]{background:var(--pt-tabs-accent,currentColor);color:var(--pt-tabs-on-accent,white)}',
+      // boxed —— v2 的 'box' 是笔误，这一档在 v2 里根本进不去
+      '[data-tabs-style="boxed"] .ptc-tabs-tab{border:1px solid transparent;border-radius:var(--radius-md)}',
+      '[data-tabs-style="boxed"] .ptc-tabs-tab[aria-selected="true"]{border-color:var(--pt-tabs-border,color-mix(in oklab,currentColor 15%,transparent))}'
+    ].join("");
+  },
+  js() {
+    return componentScript(
+      "tabs",
+      `root.addEventListener('click',function(e){var t=e.target;var b=t&&t.closest?t.closest('[role="tab"]'):null;if(!b||!root.contains(b))return;var tb=root.querySelectorAll('[role="tab"]'),pn=root.querySelectorAll('[role="tabpanel"]');for(var i=0;i<tb.length;i++){var on=tb[i]===b;tb[i].setAttribute('aria-selected',on?'true':'false');tb[i].setAttribute('tabindex',on?'0':'-1');if(pn[i]){if(on)pn[i].removeAttribute('hidden');else pn[i].setAttribute('hidden','');}}});`
+    );
+  }
+};
+// src/components/render.ts
+var RENDERERS = {
+  carousel: carouselRenderer,
+  faq: faqRenderer,
+  form: formRenderer,
+  tabs: tabsRenderer,
+  "sticky-cta": stickyCtaRenderer
+};
+function rendererOf(type) {
+  const renderer = RENDERERS[type];
+  if (!renderer) throw editorError("COMPONENT_UNKNOWN", { params: { type } });
+  return renderer;
+}
+function renderHtml(type, settings, instanceId) {
+  const renderer = rendererOf(type);
+  const contract = COMPONENT_CONTRACTS[type];
+  try {
+    return renderer.html(resolveComponent(contract, settings), instanceId);
+  } catch (err) {
+    asRenderError(type, err);
+  }
+}
+function renderCss(type) {
+  const renderer = rendererOf(type);
+  try {
+    return renderer.css();
+  } catch (err) {
+    asRenderError(type, err);
+  }
+}
+function renderJs(type) {
+  const renderer = rendererOf(type);
+  try {
+    return renderer.js();
+  } catch (err) {
+    asRenderError(type, err);
+  }
+}
+function asRenderError(type, err) {
+  if (typeof err === "object" && err !== null && isErrorCode(err.code)) {
+    throw err;
+  }
+  throw editorError("COMPONENT_RENDER_FAILED", { params: { type } });
+}
+// src/components/contract.ts
+var SETTING_TYPES = [
+  "text",
+  "richtext",
+  "number",
+  "boolean",
+  "enum",
+  "url",
+  "image",
+  "list"
+];
 // src/collectClasses.ts
 function collectClasses(root) {
   const out = /* @__PURE__ */ new Set();
@@ -1407,20 +2369,22 @@ function createCore(options) {
   return {
     parse,
     parseFragment,
+    wrap: createWrap(parse),
+    unwrap,
     serialize,
     normalize,
     validate,
     apply,
     guards: guards_exports,
     compile: compile_exports,
+    components: components_exports,
     collectClasses,
     rules,
-    KIND_PROFILES,
     VERSION,
     COMPILER_VERSION
   };
 }
-export { COMPILER_VERSION, EMPTY_THEME, ERROR_CODES, KIND_PROFILES, PUBLISH_BLOCKING_RULES, VERSION, apply, canContain, checkVariants, collectClasses, compile_exports as compile, createCore, deleteTarget, editorError, fragmentElementRoots, guards_exports as guards, isErrorCode, isNativePaletteClass, isPublishBlocking, layerOf, normalize, normalizeClassValue, parseFragment, rules, serialize, themeFromSource, themeOf, themeTokens, validate };
+export { COMPILER_VERSION, EMPTY_THEME, ERROR_CODES, MAX_CONTAINER_DEPTH, PUBLISH_BLOCKING_RULES, VERSION, apply, canContain, checkVariants, collectClasses, compile_exports as compile, components_exports as components, containerDepth, createCore, deleteTarget, editorError, fragmentElementRoots, guards_exports as guards, isErrorCode, isNativePaletteClass, isPublishBlocking, isWrapLayer, layerOf, normalize, normalizeClassValue, parseFragment, rules, serialize, themeFromSource, themeOf, themeTokens, unwrap, validate };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map