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

package/dist/index.js

@@ -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]);
   }
@@ -369,8 +369,8 @@ var rules = {
 };
 
 // src/version.ts
-var VERSION = "1.0.0-alpha.3";
-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);
@@ -531,8 +531,8 @@ 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
@@ -757,6 +757,333 @@ 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 = {}) {
@@ -825,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);
   }
 }
@@ -938,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) {
@@ -1182,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);
@@ -1552,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();
@@ -1585,6 +2377,7 @@ function createCore(options) {
     apply,
     guards: guards_exports,
     compile: compile_exports,
+    components: components_exports,
     collectClasses,
     rules,
     VERSION,
@@ -1592,6 +2385,6 @@ function createCore(options) {
   };
 }
 
-export { COMPILER_VERSION, EMPTY_THEME, ERROR_CODES, MAX_CONTAINER_DEPTH, PUBLISH_BLOCKING_RULES, VERSION, apply, canContain, checkVariants, collectClasses, compile_exports as compile, containerDepth, createCore, deleteTarget, editorError, fragmentElementRoots, guards_exports as guards, isErrorCode, isNativePaletteClass, isPublishBlocking, isWrapLayer, layerOf, normalize, normalizeClassValue, parseFragment, rules, serialize, themeFromSource, themeOf, themeTokens, unwrap, 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