vobi_document 1.0.1 → 1.1.0

package/dist/chunk-NDHTMYPA.cjs

@@ -0,0 +1,844 @@
+'use strict';
+
+var chunkERKU5FDV_cjs = require('./chunk-ERKU5FDV.cjs');
+var chunkZXWOZZXO_cjs = require('./chunk-ZXWOZZXO.cjs');
+var chunkIRFFN74K_cjs = require('./chunk-IRFFN74K.cjs');
+var react = require('react');
+var core = require('@puckeditor/core');
+var jsxRuntime = require('react/jsx-runtime');
+var styled6 = require('styled-components');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled6__default = /*#__PURE__*/_interopDefault(styled6);
+
+function DocumentRenderer({
+  registry,
+  data,
+  theme = {},
+  catalog = [],
+  resolver,
+  ctx = {},
+  resolvedVariables,
+  unresolvedDisplay = "placeholder",
+  metadata
+}) {
+  const config = react.useMemo(() => chunkERKU5FDV_cjs.buildConfig(registry), [registry]);
+  const [resolved, setResolved] = react.useState(resolvedVariables ?? {});
+  chunkERKU5FDV_cjs.useDocumentFont(theme.documentFont);
+  const keysHash = react.useMemo(() => chunkIRFFN74K_cjs.extractBindingKeys(data).sort().join("|"), [data]);
+  const ctxHash = JSON.stringify(ctx);
+  react.useEffect(() => {
+    if (resolvedVariables || !resolver || keysHash === "") return void 0;
+    let active = true;
+    chunkZXWOZZXO_cjs.resolveDocumentVariables(data, catalog, resolver, ctx).then((next) => {
+      if (active) setResolved(next);
+    });
+    return () => {
+      active = false;
+    };
+  }, [resolvedVariables, resolver, catalog, keysHash, ctxHash]);
+  const effective = resolvedVariables ?? resolved;
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkERKU5FDV_cjs.DocumentThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIRFFN74K_cjs.CatalogProvider, { catalog, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIRFFN74K_cjs.ResolvedProvider, { resolved: effective, unresolvedDisplay, children: /* @__PURE__ */ jsxRuntime.jsx(core.Render, { config, data, metadata }) }) }) });
+}
+var CoverEditContext = react.createContext({ editable: false });
+function CoverField({ name, value, placeholder, as: Tag = "span", className }) {
+  const { editable, onFieldChange } = react.useContext(CoverEditContext);
+  if (!editable) return value ? /* @__PURE__ */ jsxRuntime.jsx(Tag, { className, children: value }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tag,
+    {
+      className,
+      "data-cover-field": name,
+      "data-placeholder": placeholder,
+      contentEditable: true,
+      suppressContentEditableWarning: true,
+      onBlur: (e) => onFieldChange?.(name, e.currentTarget.textContent?.trim() ?? ""),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          e.currentTarget.blur();
+        }
+      },
+      children: value
+    }
+  );
+}
+function CoverImage({ src, className }) {
+  const { editable, onImagePick } = react.useContext(CoverEditContext);
+  if (!editable) {
+    return src ? /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-cover-image": true, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "" }) }) : null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className,
+      "data-cover-image": true,
+      role: "button",
+      tabIndex: 0,
+      onClick: () => onImagePick?.(),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onImagePick?.();
+        }
+      },
+      children: src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Adicionar imagem" })
+    }
+  );
+}
+var CoverFrame = styled6__default.default.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  font-family: ${(p) => p.$font};
+  background: ${(p) => p.$bg ?? "#FFFFFF"};
+  color: ${(p) => p.$color ?? "#111827"};
+  overflow-wrap: break-word;
+
+  [data-cover-field][contenteditable] {
+    cursor: text;
+    border-radius: 3px;
+    outline: 1px dashed transparent;
+    outline-offset: 3px;
+    transition: outline-color 0.12s ease;
+  }
+  [data-cover-field][contenteditable]:hover {
+    outline-color: rgba(0, 90, 195, 0.45);
+  }
+  [data-cover-field][contenteditable]:focus {
+    outline: 1px solid rgba(0, 90, 195, 0.8);
+  }
+  [data-cover-field][contenteditable]:empty::before {
+    content: attr(data-placeholder);
+    opacity: 0.45;
+    font-style: italic;
+  }
+  [data-cover-image][role='button'] {
+    cursor: pointer;
+    outline: 1px dashed transparent;
+    outline-offset: 3px;
+    transition: outline-color 0.12s ease;
+  }
+  [data-cover-image][role='button']:hover {
+    outline-color: rgba(0, 90, 195, 0.45);
+  }
+  [data-cover-image] img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+`;
+var FullBleedImage = styled6__default.default.div`
+  position: absolute;
+  inset: 0;
+
+  & > [data-cover-image] {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #ffffff;
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: ${(p) => p.$overlay};
+    opacity: ${(p) => p.$overlayOpacity ?? 0.55};
+  }
+`;
+var CoverLogoImg = styled6__default.default.img`
+  max-height: 48px;
+  max-width: 160px;
+  object-fit: contain;
+`;
+styled6__default.default.div`
+  font-size: 11px;
+  letter-spacing: 0.04em;
+  opacity: 0.8;
+`;
+var HAIRLINE = "#d9d9d9";
+var Chrome = styled6__default.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+  padding: 0 7cqw 8cqw;
+`;
+var TopRow = styled6__default.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 4cqw;
+`;
+var Logo = styled6__default.default(CoverLogoImg)`
+  max-width: 17cqw;
+  max-height: 17cqw;
+`;
+var Company = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 5cqw;
+  max-width: 45cqw;
+  font-size: 2.94cqw;
+  font-weight: 800;
+  line-height: 1.15;
+  letter-spacing: 0.3cqw;
+  text-align: right;
+  text-transform: uppercase;
+`;
+var Head = styled6__default.default.div`
+  display: flex;
+  flex-direction: column;
+
+  &::before,
+  &::after {
+    content: '';
+    width: 19cqw;
+    height: 0.9cqw;
+    background: ${HAIRLINE};
+  }
+  &::before {
+    margin-bottom: 6cqw;
+  }
+  &::after {
+    margin-top: 6cqw;
+  }
+`;
+var Title = styled6__default.default(CoverField)`
+  display: block;
+  font-size: 8.82cqw;
+  font-weight: 800;
+  line-height: 1.15;
+  letter-spacing: 0.88cqw;
+  text-transform: uppercase;
+`;
+var Subtitle = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 3cqw;
+  font-size: 3.53cqw;
+  font-weight: 400;
+  line-height: 1.3;
+`;
+function Model1({ fields, theme, accent, textColor, bgColor }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(CoverFrame, { $font: chunkERKU5FDV_cjs.fontStack(theme?.documentFont), $bg: fields.imageUrl ? void 0 : bgColor, $color: textColor, children: [
+    fields.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(FullBleedImage, { $overlay: accent, $overlayOpacity: 0.85, children: /* @__PURE__ */ jsxRuntime.jsx(CoverImage, { src: fields.imageUrl }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(Chrome, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(TopRow, { children: [
+        theme?.logo?.url ? /* @__PURE__ */ jsxRuntime.jsx(Logo, { src: theme.logo.url, alt: "" }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+        /* @__PURE__ */ jsxRuntime.jsx(Company, { name: "presentedBy", value: fields.presentedBy, placeholder: "Nome da empresa" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Head, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Title, { name: "title", value: fields.title, placeholder: "Digite o t\xEDtulo..." }),
+        /* @__PURE__ */ jsxRuntime.jsx(Subtitle, { name: "subtitle", value: fields.subtitle, placeholder: "Digite o subt\xEDtulo..." })
+      ] })
+    ] })
+  ] });
+}
+var BAND_BG = "#e8ecf1";
+var HAIRLINE2 = "#d5dae1";
+var Hairline = styled6__default.default.div`
+  position: absolute;
+  left: 4.7%;
+  top: 3%;
+  height: 94%;
+  width: 1px;
+  background: ${HAIRLINE2};
+`;
+var Logo2 = styled6__default.default(CoverLogoImg)`
+  position: absolute;
+  left: 10.9%;
+  top: 6%;
+  max-height: 13.6cqw;
+  max-width: 32.7cqw;
+`;
+var AccentBar = styled6__default.default.div`
+  position: absolute;
+  left: 4.7%;
+  top: 22.3%;
+  width: 1.13cqw;
+  height: 28.7%;
+  background: ${(p) => p.$accent};
+`;
+var Head2 = styled6__default.default.div`
+  position: absolute;
+  left: 10.9%;
+  right: 6%;
+  top: 22.3%;
+  display: flex;
+  flex-direction: column;
+`;
+var Title2 = styled6__default.default(CoverField)`
+  display: block;
+  font-weight: 800;
+  font-size: 12.6cqw;
+  line-height: 1.2;
+  letter-spacing: -0.63cqw;
+  text-transform: uppercase;
+`;
+var DateLine = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 3.3cqw;
+  font-size: 4.5cqw;
+  font-weight: 400;
+`;
+var Band = styled6__default.default.div`
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 29.2%;
+  background: ${BAND_BG};
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4.3cqw;
+  padding-left: 10.9%;
+  padding-right: 6%;
+  box-sizing: border-box;
+`;
+var Label = styled6__default.default.div`
+  font-size: 2.77cqw;
+  font-weight: 400;
+`;
+var Value = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 1cqw;
+  font-size: 3.4cqw;
+  font-weight: 700;
+  line-height: 1.3;
+  text-transform: uppercase;
+`;
+function Model2({ fields, theme, accent, textColor, bgColor }) {
+  const { editable } = react.useContext(CoverEditContext);
+  const showHead = editable || Boolean(fields.title || fields.date);
+  const showPrepared = editable || Boolean(fields.preparedFor);
+  const showPresented = editable || Boolean(fields.presentedBy);
+  const hasBand = showPrepared || showPresented;
+  return /* @__PURE__ */ jsxRuntime.jsxs(CoverFrame, { $font: chunkERKU5FDV_cjs.fontStack(theme?.documentFont), $bg: bgColor, $color: textColor, children: [
+    theme?.logo?.url ? /* @__PURE__ */ jsxRuntime.jsx(Logo2, { src: theme.logo.url, alt: "" }) : null,
+    showHead ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AccentBar, { $accent: accent }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Head2, { "data-cover-head": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Title2, { name: "title", value: fields.title, placeholder: "Digite o t\xEDtulo..." }),
+        /* @__PURE__ */ jsxRuntime.jsx(DateLine, { name: "date", value: fields.date, placeholder: "M\xEAs e ano" })
+      ] })
+    ] }) : null,
+    hasBand ? /* @__PURE__ */ jsxRuntime.jsxs(Band, { "data-cover-band": true, children: [
+      showPrepared ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { children: "Preparada para" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Value, { name: "preparedFor", value: fields.preparedFor, placeholder: "Nome do cliente" })
+      ] }) : null,
+      showPresented ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { children: "Apresentada por" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Value, { name: "presentedBy", value: fields.presentedBy, placeholder: "Nome da empresa" })
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(Hairline, {})
+  ] });
+}
+var ImageBand = styled6__default.default.div`
+  position: relative;
+  width: 100%;
+  height: 42.9cqw;
+  flex-shrink: 0;
+  overflow: hidden;
+  background: #1a1a1a;
+
+  & > [data-cover-image] {
+    position: absolute;
+    inset: 0;
+  }
+`;
+var Logo3 = styled6__default.default(CoverLogoImg)`
+  position: absolute;
+  top: 1.2cqw;
+  right: 5.9cqw;
+  max-width: 14.7cqw;
+  max-height: 14.7cqw;
+`;
+var Body = styled6__default.default.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 11.5cqw 9.4cqw 7.35cqw;
+`;
+var DateField = styled6__default.default(CoverField)`
+  display: block;
+  font-size: 2.94cqw;
+  font-weight: 400;
+  opacity: 0.5;
+`;
+var Title3 = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 2.35cqw;
+  font-size: 10.6cqw;
+  font-weight: 800;
+  line-height: 1.2;
+  text-transform: uppercase;
+`;
+var Subtitle2 = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 4.7cqw;
+  font-size: 3.53cqw;
+  font-weight: 400;
+  opacity: 0.62;
+`;
+var Parties = styled6__default.default.div`
+  margin-top: 13.8cqw;
+  display: flex;
+  flex-direction: column;
+  gap: 4.7cqw;
+`;
+var Label2 = styled6__default.default.div`
+  font-size: 3.53cqw;
+  font-weight: 600;
+`;
+var Value2 = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 0.7cqw;
+  font-size: 3.53cqw;
+  font-weight: 400;
+  opacity: 0.62;
+`;
+function Model3({ fields, theme, textColor, bgColor }) {
+  const { editable } = react.useContext(CoverEditContext);
+  const showPresented = editable || Boolean(fields.presentedBy);
+  const showPrepared = editable || Boolean(fields.preparedFor);
+  return /* @__PURE__ */ jsxRuntime.jsxs(CoverFrame, { $font: chunkERKU5FDV_cjs.fontStack(theme?.documentFont), $bg: bgColor, $color: textColor, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ImageBand, { children: [
+      fields.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(CoverImage, { src: fields.imageUrl }) : null,
+      theme?.logo?.url ? /* @__PURE__ */ jsxRuntime.jsx(Logo3, { src: theme.logo.url, alt: "" }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Body, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DateField, { name: "date", value: fields.date, placeholder: "M\xEAs e ano" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Title3, { name: "title", value: fields.title, placeholder: "Digite o t\xEDtulo..." }),
+      /* @__PURE__ */ jsxRuntime.jsx(Subtitle2, { name: "subtitle", value: fields.subtitle, placeholder: "Digite o subt\xEDtulo..." }),
+      showPresented || showPrepared ? /* @__PURE__ */ jsxRuntime.jsxs(Parties, { "data-cover-parties": true, children: [
+        showPresented ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { children: "Apresentada por" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Value2, { name: "presentedBy", value: fields.presentedBy, placeholder: "Nome da empresa" })
+        ] }) : null,
+        showPrepared ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label2, { children: "Preparada para" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Value2, { name: "preparedFor", value: fields.preparedFor, placeholder: "Nome do cliente" })
+        ] }) : null
+      ] }) : null
+    ] })
+  ] });
+}
+var Body2 = styled6__default.default.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 4.12cqw 9.4cqw 0;
+`;
+var Logo4 = styled6__default.default(CoverLogoImg)`
+  max-width: 14.7cqw;
+  max-height: 14.7cqw;
+`;
+var Head3 = styled6__default.default.div`
+  margin-top: 23.2cqw;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`;
+var DateChip = styled6__default.default(CoverField)`
+  display: inline-block;
+  align-self: flex-start;
+  max-width: 100%;
+  background: ${(p) => p.$accent};
+  border-radius: 1000px;
+  padding: 1.18cqw 2.94cqw;
+  font-size: 2.94cqw;
+  font-weight: 400;
+  letter-spacing: -0.29cqw;
+  color: #ffffff;
+`;
+var Title4 = styled6__default.default(CoverField)`
+  display: block;
+  align-self: stretch;
+  margin-top: 3.5cqw;
+  font-size: 14.1cqw;
+  font-weight: 300;
+  line-height: 1.1;
+  letter-spacing: -1.41cqw;
+`;
+var Footer = styled6__default.default.div`
+  margin-top: auto;
+  padding-bottom: 11cqw;
+  display: flex;
+  gap: 6cqw;
+`;
+var Party = styled6__default.default.div`
+  flex: 1;
+  min-width: 0;
+`;
+var Label3 = styled6__default.default.div`
+  font-size: 3.53cqw;
+  font-weight: 300;
+  letter-spacing: -0.35cqw;
+  opacity: 0.72;
+`;
+var Value3 = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 1.5cqw;
+  font-size: 4.12cqw;
+  font-weight: 500;
+  letter-spacing: -0.41cqw;
+`;
+function Model4({ fields, theme, accent, textColor, bgColor }) {
+  const { editable } = react.useContext(CoverEditContext);
+  const showPrepared = editable || Boolean(fields.preparedFor);
+  const showPresented = editable || Boolean(fields.presentedBy);
+  return /* @__PURE__ */ jsxRuntime.jsx(CoverFrame, { $font: chunkERKU5FDV_cjs.fontStack(theme?.documentFont), $bg: bgColor, $color: textColor, children: /* @__PURE__ */ jsxRuntime.jsxs(Body2, { children: [
+    theme?.logo?.url ? /* @__PURE__ */ jsxRuntime.jsx(Logo4, { src: theme.logo.url, alt: "" }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(Head3, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DateChip, { name: "date", value: fields.date, placeholder: "M\xEAs e ano", $accent: accent }),
+      /* @__PURE__ */ jsxRuntime.jsx(Title4, { name: "title", value: fields.title, placeholder: "Digite o t\xEDtulo..." })
+    ] }),
+    showPrepared || showPresented ? /* @__PURE__ */ jsxRuntime.jsxs(Footer, { "data-cover-footer": true, children: [
+      showPrepared ? /* @__PURE__ */ jsxRuntime.jsxs(Party, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label3, { children: "Apresentada para" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Value3, { name: "preparedFor", value: fields.preparedFor, placeholder: "Nome do cliente" })
+      ] }) : null,
+      showPresented ? /* @__PURE__ */ jsxRuntime.jsxs(Party, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label3, { children: "Apresentada por" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Value3, { name: "presentedBy", value: fields.presentedBy, placeholder: "Nome da empresa" })
+      ] }) : null
+    ] }) : null
+  ] }) });
+}
+var Spacer = styled6__default.default.div`
+  height: 24.4cqw;
+  flex-shrink: 0;
+`;
+var ImageBand2 = styled6__default.default.div`
+  position: relative;
+  width: 100%;
+  height: 64.4cqw;
+  flex-shrink: 0;
+  overflow: hidden;
+  background: #e8eef7;
+`;
+var Bar = styled6__default.default.div`
+  position: absolute;
+  width: 47.9cqw;
+  height: 2.06cqw;
+  background: ${(p) => p.$accent};
+`;
+var BarTop = styled6__default.default(Bar)`
+  top: 0;
+  right: 0;
+`;
+var BarBottom = styled6__default.default(Bar)`
+  bottom: 0;
+  left: 0;
+`;
+var Bottom = styled6__default.default.div`
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 7cqw;
+  padding: 0 4.7cqw 4cqw 7cqw;
+`;
+var LogoCol = styled6__default.default.div`
+  flex-shrink: 0;
+  width: 29.4cqw;
+`;
+var Logo5 = styled6__default.default(CoverLogoImg)`
+  max-width: 29.4cqw;
+  max-height: 29.4cqw;
+`;
+var TextCol = styled6__default.default.div`
+  flex: 1;
+  min-width: 0;
+`;
+var Title5 = styled6__default.default(CoverField)`
+  display: block;
+  font-size: 7.06cqw;
+  font-weight: 700;
+  line-height: 1.2;
+  text-transform: uppercase;
+`;
+var Subtitle3 = styled6__default.default(CoverField)`
+  display: block;
+  margin-top: 2.47cqw;
+  font-size: 2.94cqw;
+  font-weight: 400;
+  line-height: 1.2;
+  opacity: 0.72;
+`;
+var Presented = styled6__default.default.div`
+  margin-top: 3.5cqw;
+  font-size: 2.94cqw;
+  font-weight: 600;
+  line-height: 1.2;
+`;
+var PresentedValue = styled6__default.default(CoverField)`
+  font-weight: 600;
+`;
+function Model5({ fields, theme, accent, textColor, bgColor }) {
+  const { editable } = react.useContext(CoverEditContext);
+  const showPresented = editable || Boolean(fields.presentedBy);
+  return /* @__PURE__ */ jsxRuntime.jsxs(CoverFrame, { $font: chunkERKU5FDV_cjs.fontStack(theme?.documentFont), $bg: bgColor, $color: textColor, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Spacer, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(ImageBand2, { children: fields.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(FullBleedImage, { $overlay: accent, $overlayOpacity: 0.5, children: /* @__PURE__ */ jsxRuntime.jsx(CoverImage, { src: fields.imageUrl }) }) : null }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Bottom, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LogoCol, { children: theme?.logo?.url ? /* @__PURE__ */ jsxRuntime.jsx(Logo5, { src: theme.logo.url, alt: "" }) : null }),
+      /* @__PURE__ */ jsxRuntime.jsxs(TextCol, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Title5, { name: "title", value: fields.title, placeholder: "Digite o t\xEDtulo..." }),
+        /* @__PURE__ */ jsxRuntime.jsx(Subtitle3, { name: "subtitle", value: fields.subtitle, placeholder: "Digite o subt\xEDtulo..." }),
+        showPresented ? /* @__PURE__ */ jsxRuntime.jsxs(Presented, { children: [
+          "Apresentada por:",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(PresentedValue, { name: "presentedBy", value: fields.presentedBy, placeholder: "Nome da empresa" })
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(BarTop, { $accent: accent }),
+    /* @__PURE__ */ jsxRuntime.jsx(BarBottom, { $accent: accent })
+  ] });
+}
+
+// src/render/chrome/covers/index.ts
+var COVER_TEMPLATES = {
+  "model-1": Model1,
+  "model-2": Model2,
+  "model-3": Model3,
+  "model-4": Model4,
+  "model-5": Model5
+};
+var COVER_TEMPLATE_IDS = Object.keys(COVER_TEMPLATES);
+var resolveCoverAccent = (accent, theme) => accent ?? theme?.colors?.brand ?? chunkERKU5FDV_cjs.DEFAULT_DOCUMENT_COLORS.brand;
+var COVER_SURFACES = {
+  "model-1": "brand",
+  "model-2": "background",
+  "model-3": "brand",
+  "model-4": "brand",
+  "model-5": "background"
+};
+var ON_BRAND_TEXT = "#FFFFFF";
+var resolveCoverColors = (templateId, { accent, textColor, bgColor }, theme) => {
+  const colors = { ...chunkERKU5FDV_cjs.DEFAULT_DOCUMENT_COLORS, ...theme?.colors };
+  const onBrand = (COVER_SURFACES[templateId ?? ""] ?? COVER_SURFACES["model-1"]) === "brand";
+  const resolvedAccent = resolveCoverAccent(accent, theme);
+  return {
+    accent: resolvedAccent,
+    textColor: textColor ?? (onBrand ? ON_BRAND_TEXT : colors.text),
+    bgColor: bgColor ?? (onBrand ? resolvedAccent : colors.background)
+  };
+};
+function CoverPage({ templateId, accent, fields, theme, textColor, bgColor }) {
+  if (!templateId) return null;
+  const colors = { ...chunkERKU5FDV_cjs.DEFAULT_DOCUMENT_COLORS, ...theme?.colors };
+  const vars = {
+    ["--doc-brand"]: colors.brand,
+    ["--doc-text"]: colors.text,
+    ["--doc-bg"]: colors.background
+  };
+  const Template = COVER_TEMPLATES[templateId] ?? COVER_TEMPLATES["model-1"];
+  const resolved = resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "dg-cover", style: vars, children: /* @__PURE__ */ jsxRuntime.jsx(Template, { fields: fields ?? {}, theme, ...resolved }) });
+}
+var BOX = { width: 14, height: 14, "aria-hidden": true };
+var stroke = (inner) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    ...BOX,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    dangerouslySetInnerHTML: { __html: inner }
+  }
+);
+var brand = (viewBox, d) => /* @__PURE__ */ jsxRuntime.jsx("svg", { ...BOX, viewBox, fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d }) });
+var COMPANY_INFO_ICONS = {
+  companyName: stroke(
+    '<path d="M12 10h.01" /><path d="M12 14h.01" /><path d="M12 6h.01" /><path d="M16 10h.01" /><path d="M16 14h.01" /><path d="M16 6h.01" /><path d="M8 10h.01" /><path d="M8 14h.01" /><path d="M8 6h.01" /><path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" /><rect x="4" y="2" width="16" height="20" rx="2" />'
+  ),
+  cnpj: stroke(
+    '<path d="M16 10h2" /><path d="M16 14h2" /><path d="M6.17 15a3 3 0 0 1 5.66 0" /><circle cx="9" cy="11" r="2" /><rect x="2" y="5" width="20" height="14" rx="2" />'
+  ),
+  phone: stroke(
+    '<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" />'
+  ),
+  email: stroke(
+    '<path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" /><rect x="2" y="4" width="20" height="16" rx="2" />'
+  ),
+  address: stroke(
+    '<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" /><circle cx="12" cy="10" r="3" />'
+  ),
+  site: stroke(
+    '<circle cx="12" cy="12" r="10" /><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" /><path d="M2 12h20" />'
+  ),
+  instagram: brand(
+    "0 0 448 512",
+    "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
+  ),
+  facebook: brand(
+    "0 0 320 512",
+    "M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"
+  ),
+  twitter: brand(
+    "0 0 512 512",
+    "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
+  ),
+  linkedin: brand(
+    "0 0 448 512",
+    "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"
+  )
+};
+var HeaderRoot = styled6__default.default.header`
+  height: 100%;
+  color: ${(props) => props.$color};
+  font-family: ${(props) => props.$font};
+  line-height: 1.5;
+`;
+var HeaderLayout = styled6__default.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: ${(props) => props.$reverse ? "row-reverse" : "row"};
+  gap: 16px;
+  height: 100%;
+  padding: 12px 0;
+`;
+var HeaderInfo = styled6__default.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: ${(props) => props.$alignEnd ? "flex-end" : "flex-start"};
+  min-width: 0;
+  font-size: 12px;
+  text-align: ${(props) => props.$alignEnd ? "right" : "left"};
+`;
+var InfoLine = styled6__default.default.span`
+  display: flex;
+  flex-direction: ${(props) => props.$iconAfter ? "row-reverse" : "row"};
+  align-items: center;
+  gap: 8px;
+  height: 22px;
+  font-weight: ${(props) => props.$strong ? 600 : 400};
+  font-size: ${(props) => props.$strong ? "12.5px" : "12px"};
+
+  svg {
+    flex-shrink: 0;
+  }
+`;
+var HeaderLogo = styled6__default.default.img`
+  max-height: 44px;
+  max-width: 180px;
+  object-fit: contain;
+`;
+var FooterRoot = styled6__default.default.footer`
+  height: 100%;
+  color: ${(props) => props.$color};
+  font-family: ${(props) => props.$font};
+  line-height: 1.5;
+`;
+var FooterLayout = styled6__default.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+  padding: 12px 0;
+`;
+var FooterInfoRows = styled6__default.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: ${(props) => props.$justify};
+  flex-wrap: wrap;
+  column-gap: 24px;
+  font-size: 12px;
+`;
+var FooterItem = styled6__default.default.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 22px;
+  white-space: nowrap;
+
+  svg {
+    flex-shrink: 0;
+  }
+`;
+var HEADER_INFO_ORDER = ["companyName", "cnpj", "phone", "email", "address"];
+function HeaderBar({ config, companyInfo = {}, logoUrl, documentFont }) {
+  if (!config?.enabled) return null;
+  const lines = HEADER_INFO_ORDER.filter(
+    (key) => config.info?.[key] && companyInfo[key]
+  );
+  const logoLeft = config.logoPosition === "left";
+  return /* @__PURE__ */ jsxRuntime.jsx(HeaderRoot, { className: "dg-running-header", $color: config.color ?? "#3F4759", $font: chunkERKU5FDV_cjs.fontStack(documentFont), children: /* @__PURE__ */ jsxRuntime.jsxs(HeaderLayout, { $reverse: logoLeft, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(HeaderInfo, { $alignEnd: logoLeft, children: lines.map((key) => /* @__PURE__ */ jsxRuntime.jsxs(InfoLine, { $strong: key === "companyName", $iconAfter: logoLeft, children: [
+      COMPANY_INFO_ICONS[key],
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: companyInfo[key] })
+    ] }, key)) }),
+    logoUrl ? /* @__PURE__ */ jsxRuntime.jsx(HeaderLogo, { src: logoUrl, alt: "" }) : null
+  ] }) });
+}
+var FOOTER_INFO_ORDER = [
+  "phone",
+  "site",
+  "instagram",
+  "facebook",
+  "twitter",
+  "linkedin",
+  "email",
+  "address"
+];
+var ALIGNMENT_TO_JUSTIFY = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end"
+};
+function FooterBar({ config, companyInfo = {}, documentFont }) {
+  const showBand = Boolean(config?.enabled);
+  const showPageNumber = Boolean(config?.pageNumber);
+  if (!showBand && !showPageNumber) return null;
+  const lines = showBand ? FOOTER_INFO_ORDER.filter(
+    (key) => config?.info?.[key] && companyInfo[key]
+  ) : [];
+  const justify = ALIGNMENT_TO_JUSTIFY[config?.alignment ?? "center"];
+  return /* @__PURE__ */ jsxRuntime.jsxs(FooterRoot, { className: "dg-running-footer", $color: config?.color ?? "#3F4759", $font: chunkERKU5FDV_cjs.fontStack(documentFont), children: [
+    showPageNumber ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dg-page-number" }) : null,
+    showBand ? /* @__PURE__ */ jsxRuntime.jsx(FooterLayout, { children: lines.length ? /* @__PURE__ */ jsxRuntime.jsx(FooterInfoRows, { $justify: justify, children: lines.map((key) => /* @__PURE__ */ jsxRuntime.jsxs(FooterItem, { children: [
+      COMPANY_INFO_ICONS[key],
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: companyInfo[key] })
+    ] }, key)) }) : null }) : null
+  ] });
+}
+
+// src/render/messages.ts
+var DG_MESSAGE_SOURCE = "document-generator";
+var DG_READY = "dg-ready";
+var DG_ERROR = "dg-error";
+
+exports.COMPANY_INFO_ICONS = COMPANY_INFO_ICONS;
+exports.COVER_TEMPLATES = COVER_TEMPLATES;
+exports.COVER_TEMPLATE_IDS = COVER_TEMPLATE_IDS;
+exports.CoverEditContext = CoverEditContext;
+exports.CoverPage = CoverPage;
+exports.DG_ERROR = DG_ERROR;
+exports.DG_MESSAGE_SOURCE = DG_MESSAGE_SOURCE;
+exports.DG_READY = DG_READY;
+exports.DocumentRenderer = DocumentRenderer;
+exports.FOOTER_INFO_ORDER = FOOTER_INFO_ORDER;
+exports.FooterBar = FooterBar;
+exports.HEADER_INFO_ORDER = HEADER_INFO_ORDER;
+exports.HeaderBar = HeaderBar;
+exports.resolveCoverAccent = resolveCoverAccent;
+exports.resolveCoverColors = resolveCoverColors;
+//# sourceMappingURL=chunk-NDHTMYPA.cjs.map
+//# sourceMappingURL=chunk-NDHTMYPA.cjs.map