vobi_document 1.1.2 → 1.1.4

package/dist/blocks.cjs

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

package/dist/blocks.d.cts

@@ -180,8 +180,8 @@ declare function RichText({ html, editing, as, className }: RichTextProps): reac
  * 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}";
+declare const DOCUMENT_TEXT_CSS = "font-size: 14px;\nline-height: 1.5;\noverflow-wrap: break-word;\nword-break: break-word;";
+declare const DOCUMENT_PROSE_CSS = "p {\n  margin: 0 0 8px;\n  font-size: 1em;\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  font-size: 1em;\n}\n\nul { list-style: disc; }\nol { list-style: decimal; }\n\nli {\n  margin: 0 0 4px;\n  font-size: 1em;\n}\n\nstrong, b { font-weight: 600; }\nem, i { font-style: italic; }\n\na {\n  color: var(--doc-brand, #005ac3);\n  text-decoration: underline;\n}\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;

package/dist/blocks.d.ts

@@ -180,8 +180,8 @@ declare function RichText({ html, editing, as, className }: RichTextProps): reac
  * 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}";
+declare const DOCUMENT_TEXT_CSS = "font-size: 14px;\nline-height: 1.5;\noverflow-wrap: break-word;\nword-break: break-word;";
+declare const DOCUMENT_PROSE_CSS = "p {\n  margin: 0 0 8px;\n  font-size: 1em;\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  font-size: 1em;\n}\n\nul { list-style: disc; }\nol { list-style: decimal; }\n\nli {\n  margin: 0 0 4px;\n  font-size: 1em;\n}\n\nstrong, b { font-weight: 600; }\nem, i { font-style: italic; }\n\na {\n  color: var(--doc-brand, #005ac3);\n  text-decoration: underline;\n}\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;

package/dist/blocks.js

@@ -1,4 +1,4 @@
-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';
+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-P2FDTTXF.js';
 import './chunk-QYBWIJXZ.js';
 import './chunk-ZOJBDFKU.js';
 import './chunk-MUSSJOOA.js';

package/dist/{chunk-QU6XF6OQ.js → chunk-2EVBMRJR.js}

@@ -1,4 +1,4 @@
-import { COVER_TEMPLATES, resolveCoverColors, CoverEditContext } from './chunk-BEG6KN5X.js';
+import { COVER_TEMPLATES, resolveCoverColors, CoverEditContext } from './chunk-PBBPAMLP.js';
 import { useRef, useEffect, useMemo } from 'react';
 import { registerOverlayPortal } from '@puckeditor/core';
 import styled from 'styled-components';
@@ -57,5 +57,5 @@ function CoverTemplateStatic({
 }
 
 export { CoverEditable, CoverTemplateStatic };
-//# sourceMappingURL=chunk-QU6XF6OQ.js.map
-//# sourceMappingURL=chunk-QU6XF6OQ.js.map
+//# sourceMappingURL=chunk-2EVBMRJR.js.map
+//# sourceMappingURL=chunk-2EVBMRJR.js.map

package/dist/{chunk-QU6XF6OQ.js.map → chunk-2EVBMRJR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/render/chrome/covers/CoverEditable.tsx","../src/render/chrome/covers/CoverTemplateStatic.tsx"],"names":["jsx"],"mappings":";;;;;;AASO,IAAM,QAAQ,MAAA,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,GAAW,eAAA,CAAgB,UAAU,CAAA,IAAK,gBAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAW,mBAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,MAAM,MAAA,GAAS,OAAuB,IAAI,CAAA;AAO1C,EAAA,SAAA,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,OAAO,qBAAA,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,GAAe,OAAA;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,2BACG,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,cAChC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,GAAA,EAAK,MAAA,EACV,8BAAC,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,GAAW,eAAA,CAAgB,UAAU,CAAA,IAAK,gBAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAW,mBAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,YAAS,MAAA,EAAgB,KAAA,EAAe,GAAG,QAAA,EAAU,CAAA,EACxD,CAAA;AAEJ","file":"chunk-QU6XF6OQ.js","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":["jsx"],"mappings":";;;;;;AASO,IAAM,QAAQ,MAAA,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,GAAW,eAAA,CAAgB,UAAU,CAAA,IAAK,gBAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAW,mBAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,MAAM,MAAA,GAAS,OAAuB,IAAI,CAAA;AAO1C,EAAA,SAAA,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,OAAO,qBAAA,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,GAAe,OAAA;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,2BACG,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,cAChC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,GAAA,EAAK,MAAA,EACV,8BAAC,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,GAAW,eAAA,CAAgB,UAAU,CAAA,IAAK,gBAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAW,mBAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,YAAS,MAAA,EAAgB,KAAA,EAAe,GAAG,QAAA,EAAU,CAAA,EACxD,CAAA;AAEJ","file":"chunk-2EVBMRJR.js","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-KALUNX3C.cjs → chunk-3KIK2XTA.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkL5FXGEKX_cjs = require('./chunk-L5FXGEKX.cjs');
-var chunk2VZW2MGO_cjs = require('./chunk-2VZW2MGO.cjs');
+var chunk5H27FECZ_cjs = require('./chunk-5H27FECZ.cjs');
 var chunkQJ5W5EED_cjs = require('./chunk-QJ5W5EED.cjs');
 var chunkSP5LCPDG_cjs = require('./chunk-SP5LCPDG.cjs');
 var e = require('react');
@@ -144,6 +144,33 @@ function headerApiFromHistory(history, extras) {
   };
 }
 var usePuckState = core.createUsePuck();
+function usePreserveCanvasScroll(containerRef) {
+  const scrollTopRef = e.useRef(0);
+  e.useEffect(() => {
+    const container = containerRef.current;
+    const canvas = container?.querySelector('[class*="_PuckCanvas_"]');
+    if (!canvas) return void 0;
+    const handleScroll = () => {
+      scrollTopRef.current = canvas.scrollTop;
+    };
+    canvas.addEventListener("scroll", handleScroll, { passive: true });
+    const restoreScroll = () => {
+      requestAnimationFrame(() => {
+        const maxScrollTop = Math.max(canvas.scrollHeight - canvas.clientHeight, 0);
+        const target = Math.min(scrollTopRef.current, maxScrollTop);
+        if (canvas.scrollTop !== target) canvas.scrollTop = target;
+      });
+    };
+    const resizeObserver = new ResizeObserver(restoreScroll);
+    resizeObserver.observe(canvas);
+    const frame = canvas.querySelector("#preview-frame");
+    if (frame) resizeObserver.observe(frame);
+    return () => {
+      canvas.removeEventListener("scroll", handleScroll);
+      resizeObserver.disconnect();
+    };
+  }, [containerRef]);
+}
 var pageFormatSchema = zod.z.enum(["A4", "A5", "A3", "Letter", "Legal"]);
 var marginsSchema = zod.z.object({
   top: zod.z.number(),
@@ -222,12 +249,12 @@ function resolveTheme(theme = {}) {
   return {
     ...theme,
     documentFont: theme.documentFont ?? DEFAULT_DOCUMENT_FONT_ID,
-    colors: { ...chunk2VZW2MGO_cjs.DEFAULT_DOCUMENT_COLORS, ...theme.colors },
+    colors: { ...chunk5H27FECZ_cjs.DEFAULT_DOCUMENT_COLORS, ...theme.colors },
     page: {
       format: "A4",
       orientation: "portrait",
       ...theme.page,
-      margins: { ...chunk2VZW2MGO_cjs.DEFAULT_PAGE_MARGINS, ...theme.page?.margins }
+      margins: { ...chunk5H27FECZ_cjs.DEFAULT_PAGE_MARGINS, ...theme.page?.margins }
     },
     header: { ...DEFAULT_HEADER_CONFIG, ...theme.header },
     footer: { ...DEFAULT_FOOTER_CONFIG, ...theme.footer }
@@ -977,7 +1004,7 @@ var COLOR_FIELDS = [
   { key: "background", label: "Fundo" }
 ];
 function VisualTab({ theme, onPatch, onLogoUpload }) {
-  const colors = { ...chunk2VZW2MGO_cjs.DEFAULT_DOCUMENT_COLORS, ...theme.colors };
+  const colors = { ...chunk5H27FECZ_cjs.DEFAULT_DOCUMENT_COLORS, ...theme.colors };
   const setColor = (key, value) => onPatch({ colors: { ...theme.colors, [key]: value } });
   const handleLogo = async (file) => {
     if (!file || !onLogoUpload) return;
@@ -1004,7 +1031,7 @@ function VisualTab({ theme, onPatch, onLogoUpload }) {
           "aria-label": "Fonte",
           value: theme.documentFont ?? DEFAULT_DOCUMENT_FONT_ID,
           onChange: (e2) => onPatch({ documentFont: e2.target.value }),
-          children: chunk2VZW2MGO_cjs.DOCUMENT_FONTS.map((font) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: font.id, children: font.label }, font.id))
+          children: chunk5H27FECZ_cjs.DOCUMENT_FONTS.map((font) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: font.id, children: font.label }, font.id))
         }
       )
     ] }),
@@ -1142,12 +1169,14 @@ function DocumentEditor({
 }) {
   if (patchModifierState) installModifierStateShim();
   const [settingsOpen, setSettingsOpen] = e.useState(false);
-  chunk2VZW2MGO_cjs.useDocumentFont(theme.documentFont);
+  const shellRef = e.useRef(null);
+  usePreserveCanvasScroll(shellRef);
+  chunk5H27FECZ_cjs.useDocumentFont(theme.documentFont);
   const disabledByKey = e.useMemo(
     () => Object.fromEntries(disabledBlocks.map((block) => [block.key, block.reason ?? ""])),
     [disabledBlocks.map((block) => `${block.key}:${block.reason ?? ""}`).join("|")]
   );
-  const baseConfig = e.useMemo(() => chunk2VZW2MGO_cjs.buildConfig(registry), [registry]);
+  const baseConfig = e.useMemo(() => chunk5H27FECZ_cjs.buildConfig(registry), [registry]);
   const config = e.useMemo(() => {
     const disabledKeys = Object.keys(disabledByKey);
     if (!disabledKeys.length) return baseConfig;
@@ -1169,6 +1198,8 @@ function DocumentEditor({
   apiRefRef.current = apiRef;
   const renderBlockActionsRef = e.useRef(renderBlockActions);
   renderBlockActionsRef.current = renderBlockActions;
+  const disabledByKeyRef = e.useRef(disabledByKey);
+  disabledByKeyRef.current = disabledByKey;
   const usedKeys = e.useMemo(() => chunkSP5LCPDG_cjs.extractBindingKeys(data), [data]);
   const { resolved, ensureResolved } = useVariableResolution({ catalog, resolver, ctx, keys: usedKeys });
   const blockByKey = e.useMemo(() => {
@@ -1178,6 +1209,8 @@ function DocumentEditor({
     });
     return map;
   }, [registry]);
+  const blockByKeyRef = e.useRef(blockByKey);
+  blockByKeyRef.current = blockByKey;
   const plugins = e.useMemo(
     () => [
       { ...core.blocksPlugin(), label: "Blocos" },
@@ -1190,12 +1223,14 @@ function DocumentEditor({
     const base = {
       // eslint-disable-next-line react/no-unstable-nested-components, react/no-unused-prop-types
       drawerItem: ({ name }) => {
-        const card = /* @__PURE__ */ jsxRuntime.jsxs(chunk2VZW2MGO_cjs.DrawerCard, { $disabled: name in disabledByKey, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk2VZW2MGO_cjs.DrawerItemIcon, { children: blockByKey[name]?.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkL5FXGEKX_cjs.BlockIcon, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: blockByKey[name]?.label ?? name })
+        const disabledByKeyLive = disabledByKeyRef.current;
+        const blockByKeyLive = blockByKeyRef.current;
+        const card = /* @__PURE__ */ jsxRuntime.jsxs(chunk5H27FECZ_cjs.DrawerCard, { $disabled: name in disabledByKeyLive, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5H27FECZ_cjs.DrawerItemIcon, { children: blockByKeyLive[name]?.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkL5FXGEKX_cjs.BlockIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: blockByKeyLive[name]?.label ?? name })
         ] });
-        if (!(name in disabledByKey)) return card;
-        return /* @__PURE__ */ jsxRuntime.jsx(chunk2VZW2MGO_cjs.DrawerHint, { "data-hint": disabledByKey[name] || void 0, children: card });
+        if (!(name in disabledByKeyLive)) return card;
+        return /* @__PURE__ */ jsxRuntime.jsx(chunk5H27FECZ_cjs.DrawerHint, { "data-hint": disabledByKeyLive[name] || void 0, children: card });
       }
     };
     const withBridge = apiRefRef.current ? {
@@ -1240,9 +1275,9 @@ function DocumentEditor({
       return e.createElement(e.Fragment, null, renderHeaderRef.current?.(api));
     }
     return { ...withActions, header: Header };
-  }, [blockByKey, disabledByKey, Boolean(renderHeader), Boolean(apiRef), Boolean(renderBlockActions)]);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk2VZW2MGO_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(chunk2VZW2MGO_cjs.EditorShell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  }, [Boolean(renderHeader), Boolean(apiRef), Boolean(renderBlockActions)]);
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk5H27FECZ_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(chunk5H27FECZ_cjs.EditorShell, { ref: shellRef, children: /* @__PURE__ */ jsxRuntime.jsx(
       core.Puck,
       {
         config,
@@ -1350,5 +1385,5 @@ exports.rgbToHex = rgbToHex;
 exports.themeSchema = themeSchema;
 exports.useDocumentAutosave = useDocumentAutosave;
 exports.usePuckState = usePuckState;
-//# sourceMappingURL=chunk-KALUNX3C.cjs.map
-//# sourceMappingURL=chunk-KALUNX3C.cjs.map
+//# sourceMappingURL=chunk-3KIK2XTA.cjs.map
+//# sourceMappingURL=chunk-3KIK2XTA.cjs.map