vobi_document 1.1.5 → 1.1.6

package/dist/{chunk-LQAZBMG4.cjs → chunk-LQIV7LT7.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRKYQRL6M_cjs = require('./chunk-RKYQRL6M.cjs');
+var chunkRGG5BGMG_cjs = require('./chunk-RGG5BGMG.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 = chunkRKYQRL6M_cjs.COVER_TEMPLATES[templateId] ?? chunkRKYQRL6M_cjs.COVER_TEMPLATES["model-1"];
-  const resolved = chunkRKYQRL6M_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
+  const Template = chunkRGG5BGMG_cjs.COVER_TEMPLATES[templateId] ?? chunkRGG5BGMG_cjs.COVER_TEMPLATES["model-1"];
+  const resolved = chunkRGG5BGMG_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(chunkRKYQRL6M_cjs.CoverEditContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(A4Box, { ref: boxRef, children: /* @__PURE__ */ jsxRuntime.jsx(Template, { fields, theme, ...resolved }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkRGG5BGMG_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 = chunkRKYQRL6M_cjs.COVER_TEMPLATES[templateId] ?? chunkRKYQRL6M_cjs.COVER_TEMPLATES["model-1"];
-  const resolved = chunkRKYQRL6M_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
+  const Template = chunkRGG5BGMG_cjs.COVER_TEMPLATES[templateId] ?? chunkRGG5BGMG_cjs.COVER_TEMPLATES["model-1"];
+  const resolved = chunkRGG5BGMG_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-LQAZBMG4.cjs.map
-//# sourceMappingURL=chunk-LQAZBMG4.cjs.map
+//# sourceMappingURL=chunk-LQIV7LT7.cjs.map
+//# sourceMappingURL=chunk-LQIV7LT7.cjs.map

package/dist/{chunk-LQAZBMG4.cjs.map → chunk-LQIV7LT7.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-LQAZBMG4.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-LQIV7LT7.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-4BAC7SQD.js → chunk-NLM2NZWH.js}

@@ -1,4 +1,4 @@
-import { COVER_TEMPLATES, resolveCoverColors, CoverEditContext } from './chunk-MFBZNNYC.js';
+import { COVER_TEMPLATES, resolveCoverColors, CoverEditContext } from './chunk-Y7ADQ2HV.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-4BAC7SQD.js.map
-//# sourceMappingURL=chunk-4BAC7SQD.js.map
+//# sourceMappingURL=chunk-NLM2NZWH.js.map
+//# sourceMappingURL=chunk-NLM2NZWH.js.map

package/dist/{chunk-4BAC7SQD.js.map → chunk-NLM2NZWH.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-4BAC7SQD.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-NLM2NZWH.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-QQHKBSAG.js → chunk-PNCVE5YE.js}

@@ -1,5 +1,5 @@
 import { BlockIcon } from './chunk-QYBWIJXZ.js';
-import { DEFAULT_PAGE_MARGINS, DEFAULT_DOCUMENT_COLORS, useDocumentFont, buildConfig, DocumentThemeProvider, EditorShell, DrawerCard, DrawerItemIcon, DrawerHint, DOCUMENT_FONTS } from './chunk-K6ZKB5EA.js';
+import { DEFAULT_PAGE_MARGINS, DEFAULT_DOCUMENT_COLORS, useDocumentFont, buildConfig, DocumentThemeProvider, EditorShell, DrawerCard, DrawerItemIcon, DrawerHint, DOCUMENT_FONTS } from './chunk-Z3ZCB3ZT.js';
 import { formatResolvedValues } from './chunk-CZB7F2LA.js';
 import { extractBindingKeys, CatalogProvider, ResolvedProvider } from './chunk-SOIYSSU3.js';
 import e, { useRef, useMemo, useEffect, useState, useCallback, createElement, Fragment, useLayoutEffect } from 'react';
@@ -1358,5 +1358,5 @@ function useDocumentAutosave({
 }
 
 export { ColorPicker, ColorPickerPanel, DEFAULT_COLOR_PRESETS, DEFAULT_DOCUMENT_FONT_ID, DEFAULT_FOOTER_CONFIG, DEFAULT_HEADER_CONFIG, DocumentEditor, DocumentSettingsModal, coverFieldsSchema, footerConfigSchema, headerConfigSchema, hexToRgb, installModifierStateShim, normalizeHex, pageFormatSchema, ptBrDictionary, resolveTheme, rgbToHex, themeSchema, useDocumentAutosave, usePuckState };
-//# sourceMappingURL=chunk-QQHKBSAG.js.map
-//# sourceMappingURL=chunk-QQHKBSAG.js.map
+//# sourceMappingURL=chunk-PNCVE5YE.js.map
+//# sourceMappingURL=chunk-PNCVE5YE.js.map