vobi_document 1.1.0 → 1.1.1

package/dist/blocks.cjs

@@ -1,100 +1,108 @@
 'use strict';
 
-var chunkMHTTFNK2_cjs = require('./chunk-MHTTFNK2.cjs');
+var chunkRZOR3HOA_cjs = require('./chunk-RZOR3HOA.cjs');
 require('./chunk-L5FXGEKX.cjs');
 require('./chunk-LNBAFOVK.cjs');
-require('./chunk-KUB3TYG2.cjs');
-require('./chunk-IRFFN74K.cjs');
+require('./chunk-I22MGPXO.cjs');
+require('./chunk-SP5LCPDG.cjs');
 
 
 
 Object.defineProperty(exports, "ButtonBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.ButtonBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.ButtonBlock; }
 });
 Object.defineProperty(exports, "CONTENT_ICON_CATALOG", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.CONTENT_ICON_CATALOG; }
+  get: function () { return chunkRZOR3HOA_cjs.CONTENT_ICON_CATALOG; }
 });
 Object.defineProperty(exports, "CONTENT_ICON_NAMES", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.CONTENT_ICON_NAMES; }
+  get: function () { return chunkRZOR3HOA_cjs.CONTENT_ICON_NAMES; }
 });
 Object.defineProperty(exports, "ContentIcon", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.ContentIcon; }
+  get: function () { return chunkRZOR3HOA_cjs.ContentIcon; }
+});
+Object.defineProperty(exports, "DOCUMENT_PROSE_CSS", {
+  enumerable: true,
+  get: function () { return chunkRZOR3HOA_cjs.DOCUMENT_PROSE_CSS; }
+});
+Object.defineProperty(exports, "DOCUMENT_TEXT_CSS", {
+  enumerable: true,
+  get: function () { return chunkRZOR3HOA_cjs.DOCUMENT_TEXT_CSS; }
 });
 Object.defineProperty(exports, "DividerBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.DividerBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.DividerBlock; }
 });
 Object.defineProperty(exports, "HeadingBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.HeadingBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.HeadingBlock; }
 });
 Object.defineProperty(exports, "IconTextBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.IconTextBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.IconTextBlock; }
 });
 Object.defineProperty(exports, "ImageBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.ImageBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.ImageBlock; }
 });
 Object.defineProperty(exports, "ImageGridBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.ImageGridBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.ImageGridBlock; }
 });
 Object.defineProperty(exports, "ImageTextBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.ImageTextBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.ImageTextBlock; }
 });
 Object.defineProperty(exports, "ListBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.ListBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.ListBlock; }
 });
 Object.defineProperty(exports, "PageBreakBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.PageBreakBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.PageBreakBlock; }
 });
 Object.defineProperty(exports, "QuoteBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.QuoteBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.QuoteBlock; }
 });
 Object.defineProperty(exports, "RichText", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.RichText; }
+  get: function () { return chunkRZOR3HOA_cjs.RichText; }
 });
 Object.defineProperty(exports, "SpacerBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.SpacerBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.SpacerBlock; }
 });
 Object.defineProperty(exports, "TableBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.TableBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.TableBlock; }
 });
 Object.defineProperty(exports, "TextBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.TextBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.TextBlock; }
 });
 Object.defineProperty(exports, "TwoColumnsBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.TwoColumnsBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.TwoColumnsBlock; }
 });
 Object.defineProperty(exports, "blocksByKey", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.blocksByKey; }
+  get: function () { return chunkRZOR3HOA_cjs.blocksByKey; }
 });
 Object.defineProperty(exports, "defaultBlocks", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.defaultBlocks; }
+  get: function () { return chunkRZOR3HOA_cjs.defaultBlocks; }
 });
 Object.defineProperty(exports, "defineBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.defineBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.defineBlock; }
 });
 Object.defineProperty(exports, "overrideBlock", {
   enumerable: true,
-  get: function () { return chunkMHTTFNK2_cjs.overrideBlock; }
+  get: function () { return chunkRZOR3HOA_cjs.overrideBlock; }
 });
 //# sourceMappingURL=blocks.cjs.map
 //# sourceMappingURL=blocks.cjs.map

package/dist/blocks.d.cts

@@ -170,6 +170,19 @@ type RichTextProps = {
 };
 declare function RichText({ html, editing, as, className }: RichTextProps): react.JSX.Element;
 
+/**
+ * Tipografia do texto rico do documento, em CSS cru para servir às três superfícies que
+ * mostram o MESMO conteúdo: o editor inline (iframe do TinyMCE, documento à parte que não
+ * recebe o CSS do app), o canvas do Puck e o HTML publicado. Antes cada uma caía num default
+ * diferente (h1 de 48px no canvas, 28px no editor, 32px no publicado) — ver docs/blocks.md.
+ *
+ * Sem `&` e sem seletor de escopo: dentro de `styled` os seletores de elemento já viram
+ * descendentes; no `content_style` do TinyMCE eles valem a partir do body.
+ */
+/** Declarações da base do texto — vão no container (ou no `body`, no iframe). */
+declare const DOCUMENT_TEXT_CSS = "font-size: 16px;\nline-height: 1.5;\noverflow-wrap: break-word;\nword-break: break-word;";
+declare const DOCUMENT_PROSE_CSS = "p {\n  margin: 0 0 8px;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0 0 8px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\nh1 { font-size: 2em; }\nh2 { font-size: 1.5em; }\nh3 { font-size: 1.25em; }\nh4 { font-size: 1.125em; }\nh5 { font-size: 1em; }\nh6 { font-size: 0.875em; }\n\nul, ol {\n  margin: 0 0 8px;\n  padding-left: 24px;\n}\n\nul { list-style: disc; }\nol { list-style: decimal; }\n\nli { margin: 0 0 4px; }\n\nstrong, b { font-weight: 600; }\nem, i { font-style: italic; }\n\na { color: var(--doc-brand, #005ac3); }\n\nimg { max-width: 100%; }\n\n/* O chip herda peso, estilo e sublinhado do texto ao redor: pinar qualquer um deles faz\n   negrito/italico/sublinhado nao pegarem na variavel. Inline (e nao inline-block) porque\n   text-decoration nao atravessa um inline-block. */\n.dg-var {\n  display: inline;\n  font-size: 0.92em;\n  font-weight: inherit;\n  font-style: inherit;\n  white-space: nowrap;\n}\n\n/* Sem margem sobrando no fim do bloco. Seletores de elemento, e nao um combinador filho,\n   porque a mesma string tambem e usada no topo de uma folha, onde nao ha pai. */\np:last-child,\nul:last-child,\nol:last-child,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child {\n  margin-bottom: 0;\n}";
+
 type ContentIconDef = {
     label: string;
     group: string;
@@ -198,4 +211,4 @@ type ContentIconProps = {
 };
 declare function ContentIcon({ name, size, color, strokeWidth, style, className }: ContentIconProps): react.JSX.Element | null;
 
-export { BlockEntry, ButtonBlock, CONTENT_ICON_CATALOG, CONTENT_ICON_NAMES, ContentIcon, type ContentIconDef, type ContentIconProps, DividerBlock, HeadingBlock, IconTextBlock, ImageBlock, ImageGridBlock, ImageTextBlock, ListBlock, PageBreakBlock, QuoteBlock, Registry, RichText, type RichTextProps, SpacerBlock, TableBlock, TextBlock, TwoColumnsBlock, blocksByKey, defaultBlocks, defineBlock, overrideBlock };
+export { BlockEntry, ButtonBlock, CONTENT_ICON_CATALOG, CONTENT_ICON_NAMES, ContentIcon, type ContentIconDef, type ContentIconProps, DOCUMENT_PROSE_CSS, DOCUMENT_TEXT_CSS, DividerBlock, HeadingBlock, IconTextBlock, ImageBlock, ImageGridBlock, ImageTextBlock, ListBlock, PageBreakBlock, QuoteBlock, Registry, RichText, type RichTextProps, SpacerBlock, TableBlock, TextBlock, TwoColumnsBlock, blocksByKey, defaultBlocks, defineBlock, overrideBlock };

package/dist/blocks.d.ts

@@ -170,6 +170,19 @@ type RichTextProps = {
 };
 declare function RichText({ html, editing, as, className }: RichTextProps): react.JSX.Element;
 
+/**
+ * Tipografia do texto rico do documento, em CSS cru para servir às três superfícies que
+ * mostram o MESMO conteúdo: o editor inline (iframe do TinyMCE, documento à parte que não
+ * recebe o CSS do app), o canvas do Puck e o HTML publicado. Antes cada uma caía num default
+ * diferente (h1 de 48px no canvas, 28px no editor, 32px no publicado) — ver docs/blocks.md.
+ *
+ * Sem `&` e sem seletor de escopo: dentro de `styled` os seletores de elemento já viram
+ * descendentes; no `content_style` do TinyMCE eles valem a partir do body.
+ */
+/** Declarações da base do texto — vão no container (ou no `body`, no iframe). */
+declare const DOCUMENT_TEXT_CSS = "font-size: 16px;\nline-height: 1.5;\noverflow-wrap: break-word;\nword-break: break-word;";
+declare const DOCUMENT_PROSE_CSS = "p {\n  margin: 0 0 8px;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0 0 8px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\nh1 { font-size: 2em; }\nh2 { font-size: 1.5em; }\nh3 { font-size: 1.25em; }\nh4 { font-size: 1.125em; }\nh5 { font-size: 1em; }\nh6 { font-size: 0.875em; }\n\nul, ol {\n  margin: 0 0 8px;\n  padding-left: 24px;\n}\n\nul { list-style: disc; }\nol { list-style: decimal; }\n\nli { margin: 0 0 4px; }\n\nstrong, b { font-weight: 600; }\nem, i { font-style: italic; }\n\na { color: var(--doc-brand, #005ac3); }\n\nimg { max-width: 100%; }\n\n/* O chip herda peso, estilo e sublinhado do texto ao redor: pinar qualquer um deles faz\n   negrito/italico/sublinhado nao pegarem na variavel. Inline (e nao inline-block) porque\n   text-decoration nao atravessa um inline-block. */\n.dg-var {\n  display: inline;\n  font-size: 0.92em;\n  font-weight: inherit;\n  font-style: inherit;\n  white-space: nowrap;\n}\n\n/* Sem margem sobrando no fim do bloco. Seletores de elemento, e nao um combinador filho,\n   porque a mesma string tambem e usada no topo de uma folha, onde nao ha pai. */\np:last-child,\nul:last-child,\nol:last-child,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child {\n  margin-bottom: 0;\n}";
+
 type ContentIconDef = {
     label: string;
     group: string;
@@ -198,4 +211,4 @@ type ContentIconProps = {
 };
 declare function ContentIcon({ name, size, color, strokeWidth, style, className }: ContentIconProps): react.JSX.Element | null;
 
-export { BlockEntry, ButtonBlock, CONTENT_ICON_CATALOG, CONTENT_ICON_NAMES, ContentIcon, type ContentIconDef, type ContentIconProps, DividerBlock, HeadingBlock, IconTextBlock, ImageBlock, ImageGridBlock, ImageTextBlock, ListBlock, PageBreakBlock, QuoteBlock, Registry, RichText, type RichTextProps, SpacerBlock, TableBlock, TextBlock, TwoColumnsBlock, blocksByKey, defaultBlocks, defineBlock, overrideBlock };
+export { BlockEntry, ButtonBlock, CONTENT_ICON_CATALOG, CONTENT_ICON_NAMES, ContentIcon, type ContentIconDef, type ContentIconProps, DOCUMENT_PROSE_CSS, DOCUMENT_TEXT_CSS, DividerBlock, HeadingBlock, IconTextBlock, ImageBlock, ImageGridBlock, ImageTextBlock, ListBlock, PageBreakBlock, QuoteBlock, Registry, RichText, type RichTextProps, SpacerBlock, TableBlock, TextBlock, TwoColumnsBlock, blocksByKey, defaultBlocks, defineBlock, overrideBlock };

package/dist/blocks.js

@@ -1,7 +1,7 @@
-export { ButtonBlock, CONTENT_ICON_CATALOG, CONTENT_ICON_NAMES, ContentIcon, DividerBlock, HeadingBlock, IconTextBlock, ImageBlock, ImageGridBlock, ImageTextBlock, ListBlock, PageBreakBlock, QuoteBlock, RichText, SpacerBlock, TableBlock, TextBlock, TwoColumnsBlock, blocksByKey, defaultBlocks, defineBlock, overrideBlock } from './chunk-IUDN2CGP.js';
+export { ButtonBlock, CONTENT_ICON_CATALOG, CONTENT_ICON_NAMES, ContentIcon, DOCUMENT_PROSE_CSS, DOCUMENT_TEXT_CSS, DividerBlock, HeadingBlock, IconTextBlock, ImageBlock, ImageGridBlock, ImageTextBlock, ListBlock, PageBreakBlock, QuoteBlock, RichText, SpacerBlock, TableBlock, TextBlock, TwoColumnsBlock, blocksByKey, defaultBlocks, defineBlock, overrideBlock } from './chunk-OJZJJEJX.js';
 import './chunk-QYBWIJXZ.js';
 import './chunk-ZOJBDFKU.js';
-import './chunk-JEVWEGSE.js';
-import './chunk-M2TPAU2F.js';
+import './chunk-MUSSJOOA.js';
+import './chunk-SOIYSSU3.js';
 //# sourceMappingURL=blocks.js.map
 //# sourceMappingURL=blocks.js.map

package/dist/{chunk-U56KVTK5.cjs → chunk-26DSIOEY.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNDHTMYPA_cjs = require('./chunk-NDHTMYPA.cjs');
+var chunkRO3Y2MSU_cjs = require('./chunk-RO3Y2MSU.cjs');
 var react = require('react');
 var core = require('@puckeditor/core');
 var styled = require('styled-components');
@@ -27,8 +27,8 @@ function CoverEditable({
   onFieldsChange,
   onImagePick
 }) {
-  const Template = chunkNDHTMYPA_cjs.COVER_TEMPLATES[templateId] ?? chunkNDHTMYPA_cjs.COVER_TEMPLATES["model-1"];
-  const resolved = chunkNDHTMYPA_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
+  const Template = chunkRO3Y2MSU_cjs.COVER_TEMPLATES[templateId] ?? chunkRO3Y2MSU_cjs.COVER_TEMPLATES["model-1"];
+  const resolved = chunkRO3Y2MSU_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
   const boxRef = react.useRef(null);
   react.useEffect(() => {
     const el = boxRef.current;
@@ -47,7 +47,7 @@ function CoverEditable({
     }),
     [fields, onFieldsChange, onImagePick]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkNDHTMYPA_cjs.CoverEditContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(A4Box, { ref: boxRef, children: /* @__PURE__ */ jsxRuntime.jsx(Template, { fields, theme, ...resolved }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkRO3Y2MSU_cjs.CoverEditContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(A4Box, { ref: boxRef, children: /* @__PURE__ */ jsxRuntime.jsx(Template, { fields, theme, ...resolved }) }) });
 }
 function CoverTemplateStatic({
   templateId,
@@ -57,12 +57,12 @@ function CoverTemplateStatic({
   textColor,
   bgColor
 }) {
-  const Template = chunkNDHTMYPA_cjs.COVER_TEMPLATES[templateId] ?? chunkNDHTMYPA_cjs.COVER_TEMPLATES["model-1"];
-  const resolved = chunkNDHTMYPA_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
+  const Template = chunkRO3Y2MSU_cjs.COVER_TEMPLATES[templateId] ?? chunkRO3Y2MSU_cjs.COVER_TEMPLATES["model-1"];
+  const resolved = chunkRO3Y2MSU_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
   return /* @__PURE__ */ jsxRuntime.jsx(A4Box, { children: /* @__PURE__ */ jsxRuntime.jsx(Template, { fields, theme, ...resolved }) });
 }
 
 exports.CoverEditable = CoverEditable;
 exports.CoverTemplateStatic = CoverTemplateStatic;
-//# sourceMappingURL=chunk-U56KVTK5.cjs.map
-//# sourceMappingURL=chunk-U56KVTK5.cjs.map
+//# sourceMappingURL=chunk-26DSIOEY.cjs.map
+//# sourceMappingURL=chunk-26DSIOEY.cjs.map

package/dist/{chunk-U56KVTK5.cjs.map → chunk-26DSIOEY.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/render/chrome/covers/CoverEditable.tsx","../src/render/chrome/covers/CoverTemplateStatic.tsx"],"names":["styled","COVER_TEMPLATES","resolveCoverColors","useRef","useEffect","registerOverlayPortal","useMemo","CoverEditContext","jsx"],"mappings":";;;;;;;;;;;;AASO,IAAM,QAAQA,uBAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAmBrB,SAAS,aAAA,CAAc;AAAA,EAC5B,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,QAAA,GAAWC,iCAAA,CAAgB,UAAU,CAAA,IAAKA,kCAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAWC,qCAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,MAAM,MAAA,GAASC,aAAuB,IAAI,CAAA;AAO1C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,MAAA,CAAO,OAAA;AAClB,IAAA,IAAI,CAAC,EAAA,IAAM,CAAC,QAAA,EAAU,OAAO,MAAA;AAC7B,IAAA,IAAI;AACF,MAAA,OAAOC,0BAAA,CAAsB,EAAA,EAAI,EAAE,WAAA,EAAa,MAAM,CAAA;AAAA,IACxD,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,MAAA;AAAA,IACT;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,IACnB,OAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,aAAA,EAAe,CAAC,IAAA,EAAyB,KAAA,KAAkB,cAAA,CAAe,EAAE,GAAG,MAAA,EAAQ,CAAC,IAAI,GAAG,KAAA,EAAO,CAAA;AAAA,MACtG;AAAA,KACF,CAAA;AAAA,IACA,CAAC,MAAA,EAAQ,cAAA,EAAgB,WAAW;AAAA,GACtC;AACA,EAAA,sCACGC,kCAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,cAChC,QAAA,kBAAAC,cAAA,CAAC,KAAA,EAAA,EAAM,GAAA,EAAK,MAAA,EACV,yCAAC,QAAA,EAAA,EAAS,MAAA,EAAgB,OAAe,GAAG,QAAA,EAAU,GACxD,CAAA,EACF,CAAA;AAEJ;AC5DO,SAAS,mBAAA,CAAoB;AAAA,EAClC,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,QAAA,GAAWP,iCAAA,CAAgB,UAAU,CAAA,IAAKA,kCAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAWC,qCAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,uBACEM,cAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAAA,CAAC,YAAS,MAAA,EAAgB,KAAA,EAAe,GAAG,QAAA,EAAU,CAAA,EACxD,CAAA;AAEJ","file":"chunk-U56KVTK5.cjs","sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { registerOverlayPortal } from '@puckeditor/core';\nimport styled from 'styled-components';\nimport type { CoverFields, Theme } from '../../../schema/theme';\nimport { CoverEditContext } from './primitives';\nimport { COVER_TEMPLATES, resolveCoverColors } from './index';\n\n// container-type habilita unidades cqw nos templates: o cover fica proporcional\n// à largura do container (preview A4, tela de edição ~420px, miniatura) — sem px fixo.\nexport const A4Box = styled.div`\n  aspect-ratio: 210 / 297;\n  width: 100%;\n  overflow: hidden;\n  container-type: inline-size;\n`;\n\nexport type CoverEditableProps = {\n  templateId: string;\n  fields: CoverFields;\n  accent?: string;\n  theme?: Theme;\n  textColor?: string;\n  bgColor?: string;\n  selected?: boolean;\n  onFieldsChange: (next: CoverFields) => void;\n  onImagePick: () => void;\n};\n\nexport function CoverEditable({\n  templateId,\n  fields,\n  accent,\n  theme,\n  textColor,\n  bgColor,\n  selected,\n  onFieldsChange,\n  onImagePick\n}: CoverEditableProps) {\n  const Template = COVER_TEMPLATES[templateId] ?? COVER_TEMPLATES['model-1'];\n  const resolved = resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);\n  const boxRef = useRef<HTMLDivElement>(null);\n\n  // Campos sempre editáveis; o overlay portal só é registrado QUANDO o bloco está\n  // selecionado (deps [selected]). Fluxo: bloco não-selecionado → sem portal → 1º\n  // clique seleciona o bloco; selecionado → portal ativo (disableDrag) → edita inline\n  // SEM soltar a seleção. A afinação visual (borda serrilhada) é só no hover/focus de\n  // cada campo (covers.styles), então nada \"pisca\" ao selecionar.\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el || !selected) return undefined;\n    try {\n      return registerOverlayPortal(el, { disableDrag: true });\n    } catch {\n      return undefined;\n    }\n  }, [selected]);\n\n  const contextValue = useMemo(\n    () => ({\n      editable: true,\n      onFieldChange: (name: keyof CoverFields, value: string) => onFieldsChange({ ...fields, [name]: value }),\n      onImagePick\n    }),\n    [fields, onFieldsChange, onImagePick]\n  );\n  return (\n    <CoverEditContext.Provider value={contextValue}>\n      <A4Box ref={boxRef}>\n        <Template fields={fields} theme={theme} {...resolved} />\n      </A4Box>\n    </CoverEditContext.Provider>\n  );\n}\n","import type { CoverFields, Theme } from '../../../schema/theme';\nimport { COVER_TEMPLATES, resolveCoverColors } from './index';\nimport { A4Box } from './CoverEditable';\n\nexport type CoverTemplateStaticProps = {\n  templateId: string;\n  fields: CoverFields;\n  accent?: string;\n  theme?: Theme;\n  textColor?: string;\n  bgColor?: string;\n};\n\nexport function CoverTemplateStatic({\n  templateId,\n  fields,\n  accent,\n  theme,\n  textColor,\n  bgColor\n}: CoverTemplateStaticProps) {\n  const Template = COVER_TEMPLATES[templateId] ?? COVER_TEMPLATES['model-1'];\n  const resolved = resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);\n  return (\n    <A4Box>\n      <Template fields={fields} theme={theme} {...resolved} />\n    </A4Box>\n  );\n}\n"]}
+{"version":3,"sources":["../src/render/chrome/covers/CoverEditable.tsx","../src/render/chrome/covers/CoverTemplateStatic.tsx"],"names":["styled","COVER_TEMPLATES","resolveCoverColors","useRef","useEffect","registerOverlayPortal","useMemo","CoverEditContext","jsx"],"mappings":";;;;;;;;;;;;AASO,IAAM,QAAQA,uBAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAmBrB,SAAS,aAAA,CAAc;AAAA,EAC5B,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,QAAA,GAAWC,iCAAA,CAAgB,UAAU,CAAA,IAAKA,kCAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAWC,qCAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,MAAM,MAAA,GAASC,aAAuB,IAAI,CAAA;AAO1C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,MAAA,CAAO,OAAA;AAClB,IAAA,IAAI,CAAC,EAAA,IAAM,CAAC,QAAA,EAAU,OAAO,MAAA;AAC7B,IAAA,IAAI;AACF,MAAA,OAAOC,0BAAA,CAAsB,EAAA,EAAI,EAAE,WAAA,EAAa,MAAM,CAAA;AAAA,IACxD,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,MAAA;AAAA,IACT;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,IACnB,OAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,aAAA,EAAe,CAAC,IAAA,EAAyB,KAAA,KAAkB,cAAA,CAAe,EAAE,GAAG,MAAA,EAAQ,CAAC,IAAI,GAAG,KAAA,EAAO,CAAA;AAAA,MACtG;AAAA,KACF,CAAA;AAAA,IACA,CAAC,MAAA,EAAQ,cAAA,EAAgB,WAAW;AAAA,GACtC;AACA,EAAA,sCACGC,kCAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,cAChC,QAAA,kBAAAC,cAAA,CAAC,KAAA,EAAA,EAAM,GAAA,EAAK,MAAA,EACV,yCAAC,QAAA,EAAA,EAAS,MAAA,EAAgB,OAAe,GAAG,QAAA,EAAU,GACxD,CAAA,EACF,CAAA;AAEJ;AC5DO,SAAS,mBAAA,CAAoB;AAAA,EAClC,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,QAAA,GAAWP,iCAAA,CAAgB,UAAU,CAAA,IAAKA,kCAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAWC,qCAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,uBACEM,cAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAAA,CAAC,YAAS,MAAA,EAAgB,KAAA,EAAe,GAAG,QAAA,EAAU,CAAA,EACxD,CAAA;AAEJ","file":"chunk-26DSIOEY.cjs","sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { registerOverlayPortal } from '@puckeditor/core';\nimport styled from 'styled-components';\nimport type { CoverFields, Theme } from '../../../schema/theme';\nimport { CoverEditContext } from './primitives';\nimport { COVER_TEMPLATES, resolveCoverColors } from './index';\n\n// container-type habilita unidades cqw nos templates: o cover fica proporcional\n// à largura do container (preview A4, tela de edição ~420px, miniatura) — sem px fixo.\nexport const A4Box = styled.div`\n  aspect-ratio: 210 / 297;\n  width: 100%;\n  overflow: hidden;\n  container-type: inline-size;\n`;\n\nexport type CoverEditableProps = {\n  templateId: string;\n  fields: CoverFields;\n  accent?: string;\n  theme?: Theme;\n  textColor?: string;\n  bgColor?: string;\n  selected?: boolean;\n  onFieldsChange: (next: CoverFields) => void;\n  onImagePick: () => void;\n};\n\nexport function CoverEditable({\n  templateId,\n  fields,\n  accent,\n  theme,\n  textColor,\n  bgColor,\n  selected,\n  onFieldsChange,\n  onImagePick\n}: CoverEditableProps) {\n  const Template = COVER_TEMPLATES[templateId] ?? COVER_TEMPLATES['model-1'];\n  const resolved = resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);\n  const boxRef = useRef<HTMLDivElement>(null);\n\n  // Campos sempre editáveis; o overlay portal só é registrado QUANDO o bloco está\n  // selecionado (deps [selected]). Fluxo: bloco não-selecionado → sem portal → 1º\n  // clique seleciona o bloco; selecionado → portal ativo (disableDrag) → edita inline\n  // SEM soltar a seleção. A afinação visual (borda serrilhada) é só no hover/focus de\n  // cada campo (covers.styles), então nada \"pisca\" ao selecionar.\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el || !selected) return undefined;\n    try {\n      return registerOverlayPortal(el, { disableDrag: true });\n    } catch {\n      return undefined;\n    }\n  }, [selected]);\n\n  const contextValue = useMemo(\n    () => ({\n      editable: true,\n      onFieldChange: (name: keyof CoverFields, value: string) => onFieldsChange({ ...fields, [name]: value }),\n      onImagePick\n    }),\n    [fields, onFieldsChange, onImagePick]\n  );\n  return (\n    <CoverEditContext.Provider value={contextValue}>\n      <A4Box ref={boxRef}>\n        <Template fields={fields} theme={theme} {...resolved} />\n      </A4Box>\n    </CoverEditContext.Provider>\n  );\n}\n","import type { CoverFields, Theme } from '../../../schema/theme';\nimport { COVER_TEMPLATES, resolveCoverColors } from './index';\nimport { A4Box } from './CoverEditable';\n\nexport type CoverTemplateStaticProps = {\n  templateId: string;\n  fields: CoverFields;\n  accent?: string;\n  theme?: Theme;\n  textColor?: string;\n  bgColor?: string;\n};\n\nexport function CoverTemplateStatic({\n  templateId,\n  fields,\n  accent,\n  theme,\n  textColor,\n  bgColor\n}: CoverTemplateStaticProps) {\n  const Template = COVER_TEMPLATES[templateId] ?? COVER_TEMPLATES['model-1'];\n  const resolved = resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);\n  return (\n    <A4Box>\n      <Template fields={fields} theme={theme} {...resolved} />\n    </A4Box>\n  );\n}\n"]}

package/dist/{chunk-X2BLERM5.cjs → chunk-3FTKM37U.cjs}

@@ -2,8 +2,8 @@
 
 var chunkL5FXGEKX_cjs = require('./chunk-L5FXGEKX.cjs');
 var chunkERKU5FDV_cjs = require('./chunk-ERKU5FDV.cjs');
-var chunkZXWOZZXO_cjs = require('./chunk-ZXWOZZXO.cjs');
-var chunkIRFFN74K_cjs = require('./chunk-IRFFN74K.cjs');
+var chunkQJ5W5EED_cjs = require('./chunk-QJ5W5EED.cjs');
+var chunkSP5LCPDG_cjs = require('./chunk-SP5LCPDG.cjs');
 var e = require('react');
 var core = require('@puckeditor/core');
 var zod = require('zod');
@@ -1044,6 +1044,11 @@ function DocumentSettingsModal({
   ] }) });
 }
 var EMPTY = {};
+var EMPTY_RAW = {};
+var defsFor = (keys, catalog) => {
+  const byKey = new Map(catalog.map((def) => [def.key, def]));
+  return keys.map((key) => byKey.get(key) ?? { key, label: key, type: "string", model: "outros" });
+};
 function useVariableResolution({
   catalog = [],
   resolver,
@@ -1052,7 +1057,7 @@ function useVariableResolution({
 }) {
   const keysHash = e.useMemo(() => [...keys].sort().join("|"), [keys]);
   const ctxHash = e.useMemo(() => JSON.stringify(ctx), [ctx]);
-  const [state, setState] = e.useState({ ctxHash, resolved: EMPTY, attempted: [] });
+  const [state, setState] = e.useState({ ctxHash, raw: EMPTY_RAW, attempted: [] });
   const catalogRef = e.useRef(catalog);
   catalogRef.current = catalog;
   const resolverRef = e.useRef(resolver);
@@ -1065,7 +1070,10 @@ function useVariableResolution({
   keysRef.current = keys;
   const stateRef = e.useRef(state);
   stateRef.current = state;
-  const resolved = state.ctxHash === ctxHash ? state.resolved : EMPTY;
+  const resolved = e.useMemo(
+    () => state.ctxHash === ctxHash ? chunkQJ5W5EED_cjs.formatResolvedValues(defsFor(state.attempted, catalog), state.raw) : EMPTY,
+    [state, ctxHash, catalog]
+  );
   const missingFor = (list, forCtx) => {
     const attempted = new Set(stateRef.current.ctxHash === forCtx ? stateRef.current.attempted : []);
     return list.filter((key) => !attempted.has(key));
@@ -1074,16 +1082,14 @@ function useVariableResolution({
     const stale = prev.ctxHash !== forCtx;
     return {
       ctxHash: forCtx,
-      resolved: { ...stale ? EMPTY : prev.resolved, ...next },
+      raw: { ...stale ? EMPTY_RAW : prev.raw, ...next },
       attempted: [.../* @__PURE__ */ new Set([...stale ? [] : prev.attempted, ...list])]
     };
   });
   const fetchKeys = e.useCallback((list) => {
     const currentResolver = resolverRef.current;
-    if (!currentResolver || list.length === 0) return Promise.resolve(EMPTY);
-    const byKey = new Map(catalogRef.current.map((def) => [def.key, def]));
-    const defs = list.map((key) => byKey.get(key) ?? { key, label: key, type: "string", model: "outros" });
-    return currentResolver(list, ctxRef.current).then((raw) => chunkZXWOZZXO_cjs.formatResolvedValues(defs, raw));
+    if (!currentResolver || list.length === 0) return Promise.resolve(null);
+    return currentResolver(list, ctxRef.current);
   }, []);
   e.useEffect(() => {
     const forCtx = ctxHash;
@@ -1091,18 +1097,20 @@ function useVariableResolution({
     if (!missing.length) return void 0;
     let active = true;
     fetchKeys(missing).then((next) => {
-      if (active) merge(forCtx, missing, next);
+      if (active && next) merge(forCtx, missing, next);
     });
     return () => {
       active = false;
     };
-  }, [keysHash, ctxHash, fetchKeys]);
+  }, [keysHash, ctxHash, fetchKeys, resolver]);
   const ensureResolved = e.useCallback(
     (list) => {
       const forCtx = ctxHashRef.current;
       const missing = missingFor(list, forCtx);
       if (!missing.length) return Promise.resolve();
-      return fetchKeys(missing).then((next) => merge(forCtx, missing, next));
+      return fetchKeys(missing).then((next) => {
+        if (next) merge(forCtx, missing, next);
+      });
     },
     [fetchKeys]
   );
@@ -1161,7 +1169,7 @@ function DocumentEditor({
   apiRefRef.current = apiRef;
   const renderBlockActionsRef = e.useRef(renderBlockActions);
   renderBlockActionsRef.current = renderBlockActions;
-  const usedKeys = e.useMemo(() => chunkIRFFN74K_cjs.extractBindingKeys(data), [data]);
+  const usedKeys = e.useMemo(() => chunkSP5LCPDG_cjs.extractBindingKeys(data), [data]);
   const { resolved, ensureResolved } = useVariableResolution({ catalog, resolver, ctx, keys: usedKeys });
   const blockByKey = e.useMemo(() => {
     const map = {};
@@ -1233,7 +1241,7 @@ function DocumentEditor({
     }
     return { ...withActions, header: Header };
   }, [blockByKey, disabledByKey, Boolean(renderHeader), Boolean(apiRef), Boolean(renderBlockActions)]);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkERKU5FDV_cjs.DocumentThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIRFFN74K_cjs.CatalogProvider, { catalog, translator, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIRFFN74K_cjs.ResolvedProvider, { resolved, ensureResolved, unresolvedDisplay, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkERKU5FDV_cjs.DocumentThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSP5LCPDG_cjs.CatalogProvider, { catalog, translator, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkSP5LCPDG_cjs.ResolvedProvider, { resolved, ensureResolved, unresolvedDisplay, children: [
     /* @__PURE__ */ jsxRuntime.jsx(chunkERKU5FDV_cjs.EditorShell, { children: /* @__PURE__ */ jsxRuntime.jsx(
       core.Puck,
       {
@@ -1342,5 +1350,5 @@ exports.rgbToHex = rgbToHex;
 exports.themeSchema = themeSchema;
 exports.useDocumentAutosave = useDocumentAutosave;
 exports.usePuckState = usePuckState;
-//# sourceMappingURL=chunk-X2BLERM5.cjs.map
-//# sourceMappingURL=chunk-X2BLERM5.cjs.map
+//# sourceMappingURL=chunk-3FTKM37U.cjs.map
+//# sourceMappingURL=chunk-3FTKM37U.cjs.map