vobi_document 1.0.2 → 1.1.1

package/dist/chunk-JYSA6IM5.js

@@ -0,0 +1,1327 @@
+import { BlockIcon } from './chunk-QYBWIJXZ.js';
+import { DEFAULT_PAGE_MARGINS, DEFAULT_DOCUMENT_COLORS, useDocumentFont, buildConfig, DocumentThemeProvider, EditorShell, DrawerCard, DrawerItemIcon, DrawerHint, DOCUMENT_FONTS } from './chunk-PLQNNXS2.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';
+import { createUsePuck, blocksPlugin, outlinePlugin, fieldsPlugin, Puck, ActionBar, useGetPuck } from '@puckeditor/core';
+import { z } from 'zod';
+import styled3 from 'styled-components';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+
+// src/editor/dictionary.ts
+var ptBrDictionary = {
+  "header-publish": "Publicar",
+  "header-undo": "desfazer",
+  "header-redo": "refazer",
+  "header-toggle-leftsidebar": "Alternar barra lateral esquerda",
+  "header-toggle-rightsidebar": "Alternar barra lateral direita",
+  "header-toggle-menubar": "Alternar barra de menu",
+  "action-selectparent": "Selecionar bloco pai",
+  "action-duplicate": "Duplicar",
+  "action-delete": "Excluir",
+  "label-page": "P\xE1gina",
+  "label-component": "Bloco",
+  "outline-empty": "Nenhum item",
+  "outline-item-collapse": "Recolher",
+  "outline-item-expand": "Expandir",
+  "outline-header-title": "Estrutura",
+  "outline-header-collapseall": "Recolher tudo",
+  "outline-item-duplicate": "Duplicar",
+  "outline-item-delete": "Excluir",
+  "drawer-category-collapse": "Recolher {title}",
+  "drawer-category-expand": "Expandir {title}",
+  "drawer-category-other": "Outros",
+  "canvas-noconfig": "Sem configura\xE7\xE3o para {type}",
+  "field-readonly": "Somente leitura",
+  "field-arrayitem-summary": "Item #{index}",
+  "field-arrayitem-duplicate": "Duplicar",
+  "field-arrayitem-delete": "Excluir",
+  "field-external-selectdata": "Selecionar dados",
+  "field-external-search": "Buscar",
+  "field-external-togglefilters": "Alternar filtros",
+  "field-external-item": "Item externo",
+  "field-external-result-singular": "{count} resultado",
+  "field-external-result-plural": "{count} resultados",
+  "field-richtext-bold": "Negrito",
+  "field-richtext-italic": "It\xE1lico",
+  "field-richtext-underline": "Sublinhado",
+  "field-richtext-strikethrough": "Riscado",
+  "field-richtext-blockquote": "Cita\xE7\xE3o",
+  "field-richtext-code-inline": "C\xF3digo em linha",
+  "field-richtext-code-block": "Bloco de c\xF3digo",
+  "field-richtext-list-bullet": "Lista com marcadores",
+  "field-richtext-list-ordered": "Lista numerada",
+  "field-richtext-horizontalrule": "Linha horizontal",
+  "field-richtext-align-left": "Alinhar \xE0 esquerda",
+  "field-richtext-align-center": "Centralizar",
+  "field-richtext-align-right": "Alinhar \xE0 direita",
+  "field-richtext-align-justify": "Justificar",
+  "field-richtext-select": "Selecionar",
+  "field-richtext-headingselect-1": "T\xEDtulo 1",
+  "field-richtext-headingselect-2": "T\xEDtulo 2",
+  "field-richtext-headingselect-3": "T\xEDtulo 3",
+  "field-richtext-headingselect-4": "T\xEDtulo 4",
+  "field-richtext-headingselect-5": "T\xEDtulo 5",
+  "field-richtext-headingselect-6": "T\xEDtulo 6",
+  "field-richtext-alignselect-left": "Esquerda",
+  "field-richtext-alignselect-center": "Centro",
+  "field-richtext-alignselect-right": "Direita",
+  "field-richtext-alignselect-justify": "Justificado",
+  "field-richtext-listselect-bullet": "Lista com marcadores",
+  "field-richtext-listselect-ordered": "Lista numerada",
+  "viewport-zoom-in": "Aumentar zoom",
+  "viewport-zoom-out": "Diminuir zoom",
+  "viewport-zoom-auto": "{zoom}% (autom\xE1tico)",
+  "viewport-toggle-menu": "Alternar menu de visualiza\xE7\xE3o",
+  "viewport-switch": "Mudar para a visualiza\xE7\xE3o {label}",
+  "viewport-switch-default": "Mudar visualiza\xE7\xE3o",
+  "plugin-blocks": "Blocos",
+  "plugin-outline": "Estrutura",
+  "plugin-fields": "Campos",
+  "plugin-components": "Componentes",
+  "layout-maximize": "maximizar",
+  "layout-minimize": "minimizar",
+  "loader-loading": "carregando"
+};
+
+// src/editor/modifierStateShim.ts
+var INSTALLED = "__dgModifierStateShim";
+function installModifierStateShim() {
+  if (typeof Event === "undefined") return;
+  const proto = Event.prototype;
+  if (proto[INSTALLED]) return;
+  Object.defineProperty(Event.prototype, "getModifierState", {
+    value: () => false,
+    configurable: true,
+    writable: true
+  });
+  proto[INSTALLED] = true;
+}
+
+// src/editor/editorApi.ts
+var createEditorApi = (dispatch) => ({
+  setData: (updater) => dispatch({
+    type: "setData",
+    data: typeof updater === "function" ? updater : () => updater
+  })
+});
+var assignEditorApiRef = (ref, api) => {
+  if (!ref) return;
+  if (typeof ref === "function") ref(api);
+  else ref.current = api;
+};
+
+// src/editor/EditorApiBridge.tsx
+function EditorApiBridge({ apiRef, children }) {
+  const getPuck = useGetPuck();
+  useEffect(() => {
+    assignEditorApiRef(
+      apiRef,
+      createEditorApi((action) => getPuck().dispatch(action))
+    );
+    return () => assignEditorApiRef(apiRef, null);
+  }, [apiRef, getPuck]);
+  return createElement(Fragment, null, children);
+}
+
+// src/editor/headerApi.ts
+function headerApiFromHistory(history, extras) {
+  return {
+    undo: () => history.back(),
+    redo: () => history.forward(),
+    canUndo: history.hasPast,
+    canRedo: history.hasFuture,
+    openSettings: extras.openSettings,
+    openPreview: extras.openPreview,
+    theme: extras.theme
+  };
+}
+var usePuckState = createUsePuck();
+var pageFormatSchema = z.enum(["A4", "A5", "A3", "Letter", "Legal"]);
+var marginsSchema = z.object({
+  top: z.number(),
+  right: z.number(),
+  bottom: z.number(),
+  left: z.number()
+}).partial();
+var coverFieldsSchema = z.object({
+  title: z.string().optional(),
+  subtitle: z.string().optional(),
+  date: z.string().optional(),
+  preparedFor: z.string().optional(),
+  presentedBy: z.string().optional(),
+  imageUrl: z.string().optional()
+}).strict();
+var headerConfigSchema = z.object({
+  enabled: z.boolean().default(false),
+  background: z.string().default("#FFFFFF"),
+  color: z.string().default("#3F4759"),
+  logoPosition: z.enum(["left", "right"]).default("right"),
+  info: z.object({
+    companyName: z.boolean(),
+    cnpj: z.boolean(),
+    phone: z.boolean(),
+    email: z.boolean(),
+    address: z.boolean()
+  }).partial().strict().optional()
+}).strict();
+var footerConfigSchema = z.object({
+  enabled: z.boolean().default(false),
+  pageNumber: z.boolean().default(true),
+  background: z.string().default("#FFFFFF"),
+  color: z.string().default("#3F4759"),
+  alignment: z.enum(["left", "center", "right"]).default("center"),
+  info: z.object({
+    email: z.boolean(),
+    phone: z.boolean(),
+    instagram: z.boolean(),
+    twitter: z.boolean(),
+    address: z.boolean(),
+    site: z.boolean(),
+    facebook: z.boolean(),
+    linkedin: z.boolean()
+  }).partial().strict().optional()
+}).strict();
+var themeSchema = z.object({
+  documentFont: z.string().optional(),
+  page: z.object({
+    format: pageFormatSchema.default("A4"),
+    orientation: z.enum(["portrait", "landscape"]).default("portrait"),
+    margins: marginsSchema.optional()
+  }).strict().optional(),
+  colors: z.object({
+    brand: z.string(),
+    text: z.string(),
+    background: z.string()
+  }).partial().strict().optional(),
+  logo: z.object({
+    key: z.string().optional(),
+    url: z.string().optional()
+  }).strict().optional(),
+  header: headerConfigSchema.optional(),
+  footer: footerConfigSchema.optional(),
+  watermark: z.object({
+    text: z.string().optional(),
+    imageKey: z.string().optional(),
+    opacity: z.number().min(0).max(1).optional()
+  }).strict().optional()
+}).strict();
+
+// src/surface/resolveTheme.ts
+var DEFAULT_DOCUMENT_FONT_ID = "inter";
+var DEFAULT_HEADER_CONFIG = headerConfigSchema.parse({});
+var DEFAULT_FOOTER_CONFIG = footerConfigSchema.parse({});
+function resolveTheme(theme = {}) {
+  return {
+    ...theme,
+    documentFont: theme.documentFont ?? DEFAULT_DOCUMENT_FONT_ID,
+    colors: { ...DEFAULT_DOCUMENT_COLORS, ...theme.colors },
+    page: {
+      format: "A4",
+      orientation: "portrait",
+      ...theme.page,
+      margins: { ...DEFAULT_PAGE_MARGINS, ...theme.page?.margins }
+    },
+    header: { ...DEFAULT_HEADER_CONFIG, ...theme.header },
+    footer: { ...DEFAULT_FOOTER_CONFIG, ...theme.footer }
+  };
+}
+function u() {
+  return (u = Object.assign || function(e2) {
+    for (var r2 = 1; r2 < arguments.length; r2++) {
+      var n2 = arguments[r2];
+      for (var t2 in n2) Object.prototype.hasOwnProperty.call(n2, t2) && (e2[t2] = n2[t2]);
+    }
+    return e2;
+  }).apply(this, arguments);
+}
+function c(e2, r2) {
+  if (null == e2) return {};
+  var n2, t2, o2 = {}, a2 = Object.keys(e2);
+  for (t2 = 0; t2 < a2.length; t2++) r2.indexOf(n2 = a2[t2]) >= 0 || (o2[n2] = e2[n2]);
+  return o2;
+}
+function i(e2) {
+  var n2 = useRef(e2), t2 = useRef(function(e3) {
+    n2.current && n2.current(e3);
+  });
+  return n2.current = e2, t2.current;
+}
+var s = function(e2, r2, n2) {
+  return void 0 === r2 && (r2 = 0), void 0 === n2 && (n2 = 1), e2 > n2 ? n2 : e2 < r2 ? r2 : e2;
+};
+var f = function(e2) {
+  return "touches" in e2;
+};
+var v = function(e2) {
+  return e2 && e2.ownerDocument.defaultView || self;
+};
+var d = function(e2, r2, n2) {
+  var t2 = e2.getBoundingClientRect(), o2 = f(r2) ? (function(e3, r3) {
+    for (var n3 = 0; n3 < e3.length; n3++) if (e3[n3].identifier === r3) return e3[n3];
+    return e3[0];
+  })(r2.touches, n2) : r2;
+  return { left: s((o2.pageX - (t2.left + v(e2).pageXOffset)) / t2.width), top: s((o2.pageY - (t2.top + v(e2).pageYOffset)) / t2.height) };
+};
+var h = function(e2) {
+  !f(e2) && e2.preventDefault();
+};
+var g = e.memo(function(o2) {
+  var a2 = o2.onMove, l2 = o2.onKey, s2 = o2.onEnd, g2 = c(o2, ["onMove", "onKey", "onEnd"]), m2 = useRef(null), p2 = i(a2), b2 = i(l2), _2 = i(s2), E2 = useRef(null), C2 = useRef(false), x = useMemo(function() {
+    var e2 = function(e3) {
+      h(e3), (f(e3) ? e3.touches.length > 0 : e3.buttons > 0) && m2.current ? p2(d(m2.current, e3, E2.current)) : (n2(false), _2());
+    }, r2 = function() {
+      n2(false), _2();
+    };
+    function n2(n3) {
+      var t2 = C2.current, o3 = v(m2.current), a3 = n3 ? o3.addEventListener : o3.removeEventListener;
+      a3(t2 ? "touchmove" : "mousemove", e2), a3(t2 ? "touchend" : "mouseup", r2);
+    }
+    return [function(e3) {
+      var r3 = e3.nativeEvent, t2 = m2.current;
+      if (t2 && (h(r3), !(function(e4, r4) {
+        return r4 && !f(e4);
+      })(r3, C2.current) && t2)) {
+        if (f(r3)) {
+          C2.current = true;
+          var o3 = r3.changedTouches || [];
+          o3.length && (E2.current = o3[0].identifier);
+        }
+        t2.focus(), p2(d(t2, r3, E2.current)), n2(true);
+      }
+    }, function(e3) {
+      var r3 = e3.which || e3.keyCode;
+      r3 < 37 || r3 > 40 || (e3.preventDefault(), b2({ left: 39 === r3 ? 0.05 : 37 === r3 ? -0.05 : 0, top: 40 === r3 ? 0.05 : 38 === r3 ? -0.05 : 0 }));
+    }, function(e3) {
+      var r3 = e3.which || e3.keyCode;
+      r3 >= 37 && r3 <= 40 && _2();
+    }, n2];
+  }, [b2, p2, _2]), H = x[0], M = x[1], N = x[2], w2 = x[3];
+  return useEffect(function() {
+    return w2;
+  }, [w2]), e.createElement("div", u({}, g2, { onTouchStart: H, onMouseDown: H, className: "react-colorful__interactive", ref: m2, onKeyDown: M, onKeyUp: N, tabIndex: 0, role: "slider" }));
+});
+var m = function(e2) {
+  return e2.filter(Boolean).join(" ");
+};
+var p = function(r2) {
+  var n2 = r2.color, t2 = r2.left, o2 = r2.top, a2 = void 0 === o2 ? 0.5 : o2, l2 = m(["react-colorful__pointer", r2.className]);
+  return e.createElement("div", { className: l2, style: { top: 100 * a2 + "%", left: 100 * t2 + "%" } }, e.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: n2 } }));
+};
+var b = function(e2, r2, n2) {
+  return void 0 === r2 && (r2 = 0), void 0 === n2 && (n2 = Math.pow(10, r2)), Math.round(n2 * e2) / n2;
+};
+var E = function(e2) {
+  return L(C(e2));
+};
+var C = function(e2) {
+  return "#" === e2[0] && (e2 = e2.substring(1)), e2.length < 6 ? { r: parseInt(e2[0] + e2[0], 16), g: parseInt(e2[1] + e2[1], 16), b: parseInt(e2[2] + e2[2], 16), a: 4 === e2.length ? b(parseInt(e2[3] + e2[3], 16) / 255, 2) : 1 } : { r: parseInt(e2.substring(0, 2), 16), g: parseInt(e2.substring(2, 4), 16), b: parseInt(e2.substring(4, 6), 16), a: 8 === e2.length ? b(parseInt(e2.substring(6, 8), 16) / 255, 2) : 1 };
+};
+var w = function(e2) {
+  return D(I(e2));
+};
+var y = function(e2) {
+  var r2 = e2.s, n2 = e2.v, t2 = e2.a, o2 = (200 - r2) * n2 / 100;
+  return { h: b(e2.h), s: b(o2 > 0 && o2 < 200 ? r2 * n2 / 100 / (o2 <= 100 ? o2 : 200 - o2) * 100 : 0), l: b(o2 / 2), a: b(t2, 2) };
+};
+var q = function(e2) {
+  var r2 = y(e2);
+  return "hsl(" + r2.h + ", " + r2.s + "%, " + r2.l + "%)";
+};
+var I = function(e2) {
+  var r2 = e2.h, n2 = e2.s, t2 = e2.v, o2 = e2.a;
+  r2 = r2 / 360 * 6, n2 /= 100, t2 /= 100;
+  var a2 = Math.floor(r2), l2 = t2 * (1 - n2), u2 = t2 * (1 - (r2 - a2) * n2), c2 = t2 * (1 - (1 - r2 + a2) * n2), i2 = a2 % 6;
+  return { r: b(255 * [t2, u2, l2, l2, c2, t2][i2]), g: b(255 * [c2, t2, t2, u2, l2, l2][i2]), b: b(255 * [l2, l2, c2, t2, t2, u2][i2]), a: b(o2, 2) };
+};
+var B = function(e2) {
+  var r2 = e2.toString(16);
+  return r2.length < 2 ? "0" + r2 : r2;
+};
+var D = function(e2) {
+  var r2 = e2.r, n2 = e2.g, t2 = e2.b, o2 = e2.a, a2 = o2 < 1 ? B(b(255 * o2)) : "";
+  return "#" + B(r2) + B(n2) + B(t2) + a2;
+};
+var L = function(e2) {
+  var r2 = e2.r, n2 = e2.g, t2 = e2.b, o2 = e2.a, a2 = Math.max(r2, n2, t2), l2 = a2 - Math.min(r2, n2, t2), u2 = l2 ? a2 === r2 ? (n2 - t2) / l2 : a2 === n2 ? 2 + (t2 - r2) / l2 : 4 + (r2 - n2) / l2 : 0;
+  return { h: b(60 * (u2 < 0 ? u2 + 6 : u2)), s: b(a2 ? l2 / a2 * 100 : 0), v: b(a2 / 255 * 100), a: o2 };
+};
+var S = e.memo(function(r2) {
+  var n2 = r2.hue, t2 = r2.onChange, o2 = r2.onChangeEnd, a2 = m(["react-colorful__hue", r2.className]);
+  return e.createElement("div", { className: a2 }, e.createElement(g, { onMove: function(e2) {
+    t2({ h: 360 * e2.left });
+  }, onKey: function(e2) {
+    t2({ h: s(n2 + 360 * e2.left, 0, 360) });
+  }, onEnd: o2, "aria-label": "Hue", "aria-valuenow": b(n2), "aria-valuemax": "360", "aria-valuemin": "0" }, e.createElement(p, { className: "react-colorful__hue-pointer", left: n2 / 360, color: q({ h: n2, s: 100, v: 100, a: 1 }) })));
+});
+var T = e.memo(function(r2) {
+  var n2 = r2.hsva, t2 = r2.onChange, o2 = r2.onChangeEnd, a2 = { backgroundColor: q({ h: n2.h, s: 100, v: 100, a: 1 }) };
+  return e.createElement("div", { className: "react-colorful__saturation", style: a2 }, e.createElement(g, { onMove: function(e2) {
+    t2({ s: 100 * e2.left, v: 100 - 100 * e2.top });
+  }, onKey: function(e2) {
+    t2({ s: s(n2.s + 100 * e2.left, 0, 100), v: s(n2.v - 100 * e2.top, 0, 100) });
+  }, onEnd: o2, "aria-label": "Color", "aria-valuetext": "Saturation " + b(n2.s) + "%, Brightness " + b(n2.v) + "%" }, e.createElement(p, { className: "react-colorful__saturation-pointer", top: 1 - n2.v / 100, left: n2.s / 100, color: q(n2) })));
+});
+var F = function(e2, r2) {
+  if (e2 === r2) return true;
+  for (var n2 in e2) if (e2[n2] !== r2[n2]) return false;
+  return true;
+};
+var X = function(e2, r2) {
+  return e2.toLowerCase() === r2.toLowerCase() || F(C(e2), C(r2));
+};
+function Y(e2, n2, l2, u2) {
+  var c2 = i(l2), s2 = i(u2), f2 = useState(function() {
+    return e2.toHsva(n2);
+  }), v2 = f2[0], d2 = f2[1], h2 = useRef({ color: n2, hsva: v2 }), g2 = useRef(false);
+  useEffect(function() {
+    if (!e2.equal(n2, h2.current.color)) {
+      var r2 = e2.toHsva(n2);
+      h2.current = { hsva: r2, color: n2 }, d2(r2), g2.current = false;
+    }
+  }, [n2, e2]), useEffect(function() {
+    var r2;
+    F(v2, h2.current.hsva) || e2.equal(r2 = e2.fromHsva(v2), h2.current.color) || (h2.current = { hsva: v2, color: r2 }, c2(r2), g2.current = true);
+  }, [v2, e2, c2]);
+  var m2 = useCallback(function(e3) {
+    d2(function(r2) {
+      return Object.assign({}, r2, e3);
+    });
+  }, []), p2 = useCallback(function() {
+    g2.current && (g2.current = false, s2(h2.current.color));
+  }, [s2]);
+  return [v2, m2, p2];
+}
+var U = "undefined" != typeof window ? useLayoutEffect : useEffect;
+var V = function() {
+  return ("undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : void 0);
+};
+var G = /* @__PURE__ */ new Map();
+var J = function(e2) {
+  U(function() {
+    var r2 = e2.current ? e2.current.ownerDocument : document;
+    if (void 0 !== r2 && !G.has(r2)) {
+      var n2 = r2.createElement("style");
+      n2.innerHTML = `.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`, G.set(r2, n2);
+      var t2 = V();
+      t2 && n2.setAttribute("nonce", t2), r2.head.appendChild(n2);
+    }
+  }, []);
+};
+var Q = function(n2) {
+  var t2 = n2.className, o2 = n2.colorModel, a2 = n2.color, l2 = void 0 === a2 ? o2.defaultColor : a2, i2 = n2.onChange, s2 = n2.onChangeEnd, f2 = c(n2, ["className", "colorModel", "color", "onChange", "onChangeEnd"]), v2 = useRef(null);
+  J(v2);
+  var d2 = Y(o2, l2, i2, s2), h2 = d2[0], g2 = d2[1], p2 = d2[2], b2 = m(["react-colorful", t2]);
+  return e.createElement("div", u({}, f2, { ref: v2, className: b2 }), e.createElement(T, { hsva: h2, onChange: g2, onChangeEnd: p2 }), e.createElement(S, { hue: h2.h, onChange: g2, onChangeEnd: p2, className: "react-colorful__last-control" }));
+};
+var W = { defaultColor: "000", toHsva: E, fromHsva: function(e2) {
+  return w({ h: e2.h, s: e2.s, v: e2.v, a: 1 });
+}, equal: X };
+var Z = function(r2) {
+  return e.createElement(Q, u({}, r2, { colorModel: W }));
+};
+
+// src/editor/colorPicker/color.ts
+var HEX_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
+function normalizeHex(input) {
+  const withHash = input.startsWith("#") ? input : `#${input}`;
+  if (!HEX_RE.test(withHash)) return null;
+  if (withHash.length === 7) return withHash.toUpperCase();
+  const [r2, g2, b2] = withHash.slice(1);
+  return `#${r2}${r2}${g2}${g2}${b2}${b2}`.toUpperCase();
+}
+function hexToRgb(hex) {
+  const full = normalizeHex(hex) ?? "#000000";
+  return {
+    r: parseInt(full.slice(1, 3), 16),
+    g: parseInt(full.slice(3, 5), 16),
+    b: parseInt(full.slice(5, 7), 16)
+  };
+}
+function rgbToHex(r2, g2, b2) {
+  const channel = (value) => Math.max(0, Math.min(255, Math.round(value))).toString(16).padStart(2, "0");
+  return `#${channel(r2)}${channel(g2)}${channel(b2)}`.toUpperCase();
+}
+var Panel = styled3.div`
+  width: 100%;
+
+  .react-colorful {
+    width: 100%;
+    height: 160px;
+  }
+
+  .react-colorful__saturation {
+    border-radius: 8px;
+    border-bottom: none;
+  }
+
+  .react-colorful__hue {
+    height: 10px;
+    margin-top: 10px;
+    border-radius: 5px;
+  }
+
+  .react-colorful__pointer {
+    width: 18px;
+    height: 18px;
+    border: 3px solid #fff;
+  }
+
+  .react-colorful__hue-pointer {
+    width: 14px;
+    height: 14px;
+  }
+`;
+var Fields = styled3.div`
+  display: grid;
+  grid-template-columns: 1.8fr 1fr 1fr 1fr;
+  gap: 6px;
+  margin-top: 12px;
+`;
+var FieldColumn = styled3.label`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  color: #3f4759;
+`;
+var FieldInput = styled3.input`
+  width: 100%;
+  padding: 6px 4px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 12px;
+  text-align: center;
+  color: #3f4759;
+`;
+var CHANNELS = [
+  { key: "r", label: "R" },
+  { key: "g", label: "G" },
+  { key: "b", label: "B" }
+];
+function ColorPickerPanel({ value, onChange, debounceMs = 300 }) {
+  const [draft, setDraft] = useState(() => normalizeHex(value) ?? "#000000");
+  const [hexText, setHexText] = useState(draft);
+  const timer = useRef();
+  const pending = useRef(null);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  useEffect(() => setHexText(draft), [draft]);
+  useEffect(
+    () => () => {
+      clearTimeout(timer.current);
+      if (pending.current !== null) onChangeRef.current(pending.current);
+    },
+    []
+  );
+  const apply = (hex) => {
+    setDraft(hex);
+    pending.current = hex;
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      pending.current = null;
+      onChangeRef.current(hex);
+    }, debounceMs);
+  };
+  const rgb = hexToRgb(draft);
+  const onChannelChange = (channel, raw) => {
+    const parsed = raw === "" ? 0 : parseInt(raw, 10);
+    if (Number.isNaN(parsed)) return;
+    const next = { ...rgb, [channel]: parsed };
+    apply(rgbToHex(next.r, next.g, next.b));
+  };
+  return /* @__PURE__ */ jsxs(Panel, { children: [
+    /* @__PURE__ */ jsx(Z, { color: draft, onChange: (next) => apply(next.toUpperCase()) }),
+    /* @__PURE__ */ jsxs(Fields, { children: [
+      /* @__PURE__ */ jsxs(FieldColumn, { children: [
+        "Hex",
+        /* @__PURE__ */ jsx(
+          FieldInput,
+          {
+            "aria-label": "Hex",
+            value: hexText,
+            onChange: (e2) => {
+              setHexText(e2.target.value);
+              const normalized = normalizeHex(e2.target.value);
+              if (normalized) apply(normalized);
+            },
+            onBlur: () => setHexText(draft)
+          }
+        )
+      ] }),
+      CHANNELS.map(({ key, label }) => /* @__PURE__ */ jsxs(FieldColumn, { children: [
+        label,
+        /* @__PURE__ */ jsx(
+          FieldInput,
+          {
+            "aria-label": label,
+            inputMode: "numeric",
+            value: rgb[key],
+            onChange: (e2) => onChannelChange(key, e2.target.value)
+          }
+        )
+      ] }, key))
+    ] })
+  ] });
+}
+var Wrapper = styled3.div`
+  position: relative;
+  display: inline-flex;
+`;
+var SwatchTrigger = styled3.button`
+  width: ${(props) => props.$size}px;
+  height: ${(props) => props.$size}px;
+  padding: 0;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  cursor: pointer;
+  background: ${(props) => props.$color};
+`;
+var Popover = styled3.div`
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  width: 216px;
+  padding: 12px;
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
+  z-index: 1200;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`;
+var PresetGrid = styled3.div`
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 6px;
+`;
+var PresetSwatch = styled3.button`
+  position: relative;
+  width: 100%;
+  aspect-ratio: 1;
+  padding: 0;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+  border-radius: 7px;
+  cursor: pointer;
+  background: ${(props) => props.$color};
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    transform: scale(1.08);
+  }
+`;
+var CurrentRow = styled3.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+var CurrentSwatch = styled3.button`
+  width: 28px;
+  height: 28px;
+  flex-shrink: 0;
+  padding: 0;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  cursor: pointer;
+  background: ${(props) => props.$color};
+`;
+var HexField = styled3.input`
+  flex: 1;
+  min-width: 0;
+  padding: 6px 8px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 13px;
+  color: #3f4759;
+`;
+var InheritAction = styled3.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  align-self: flex-start;
+  padding: 0;
+  border: none;
+  background: none;
+  font-size: 13px;
+  font-weight: 500;
+  color: #1a56db;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+var DEFAULT_COLOR_PRESETS = [
+  "#000000",
+  "#434A5B",
+  "#A9B0C5",
+  "#FFFFFF",
+  "#7D2A55",
+  "#9B3FD6",
+  "#D63F94",
+  "#D63C31",
+  "#F5820B",
+  "#DFA71E",
+  "#54390B",
+  "#57AB32",
+  "#25541B",
+  "#2AA48D",
+  "#7DA8F7",
+  "#2563EB",
+  "#152C61",
+  "#6B7280"
+];
+var checkColor = (hex) => {
+  const { r: r2, g: g2, b: b2 } = hexToRgb(hex);
+  return 0.299 * r2 + 0.587 * g2 + 0.114 * b2 > 186 ? "#1F2937" : "#FFFFFF";
+};
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3 8.5 6.5 12 13 4.5",
+      stroke: "currentColor",
+      strokeWidth: "2.4",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function InheritIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.5 8a5.5 5.5 0 1 1-1.61-3.89M13.5 2.5v2.75h-2.75",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ColorPicker({
+  value,
+  fallback,
+  presets = DEFAULT_COLOR_PRESETS,
+  onChange,
+  inheritLabel,
+  ariaLabel,
+  size = 28
+}) {
+  const [open, setOpen] = useState(false);
+  const [advanced, setAdvanced] = useState(false);
+  const [hexDraft, setHexDraft] = useState(null);
+  const wrapperRef = useRef(null);
+  const effective = value ?? fallback ?? "#000000";
+  if (presets.length % 6 !== 0) {
+    console.warn(`[vobi-document] paleta com ${presets.length} cores n\xE3o fecha linhas de 6 (docs/theme.md).`);
+  }
+  useEffect(() => {
+    if (!open) return void 0;
+    const close = (event) => {
+      const el = wrapperRef.current;
+      if (el && !el.contains(event.target)) {
+        setOpen(false);
+        setAdvanced(false);
+      }
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [open]);
+  const commit = (hex) => {
+    setHexDraft(null);
+    onChange(hex);
+  };
+  return /* @__PURE__ */ jsxs(Wrapper, { ref: wrapperRef, children: [
+    /* @__PURE__ */ jsx(
+      SwatchTrigger,
+      {
+        type: "button",
+        "aria-label": ariaLabel,
+        $color: effective,
+        $size: size,
+        onClick: () => setOpen((prev) => !prev)
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PresetGrid, { children: presets.map((preset) => /* @__PURE__ */ jsx(
+        PresetSwatch,
+        {
+          type: "button",
+          "aria-label": preset,
+          $color: preset,
+          style: { color: checkColor(preset) },
+          onClick: () => commit(preset),
+          children: value?.toUpperCase() === preset.toUpperCase() ? /* @__PURE__ */ jsx(CheckIcon, {}) : null
+        },
+        preset
+      )) }),
+      /* @__PURE__ */ jsxs(CurrentRow, { children: [
+        /* @__PURE__ */ jsx(
+          CurrentSwatch,
+          {
+            type: "button",
+            "aria-label": "Cor personalizada",
+            $color: effective,
+            onClick: () => setAdvanced((prev) => !prev)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          HexField,
+          {
+            "aria-label": "Cor (hex)",
+            value: hexDraft ?? effective.toUpperCase(),
+            onChange: (e2) => {
+              const next = e2.target.value;
+              const normalized = normalizeHex(next);
+              if (normalized) {
+                commit(normalized);
+                return;
+              }
+              setHexDraft(next);
+            },
+            onBlur: () => setHexDraft(null)
+          }
+        )
+      ] }),
+      advanced ? /* @__PURE__ */ jsx(ColorPickerPanel, { value: effective, onChange: (next) => commit(next) }) : null,
+      inheritLabel ? /* @__PURE__ */ jsxs(
+        InheritAction,
+        {
+          type: "button",
+          onClick: () => {
+            commit(void 0);
+            setOpen(false);
+          },
+          children: [
+            /* @__PURE__ */ jsx(InheritIcon, {}),
+            inheritLabel
+          ]
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
+var Backdrop = styled3.div`
+  position: fixed;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+`;
+var Dialog = styled3.div`
+  width: 560px;
+  max-width: calc(100vw - 32px);
+  max-height: calc(100vh - 64px);
+  background: #fff;
+  border-radius: 12px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  font-family:
+    'Inter',
+    -apple-system,
+    sans-serif;
+`;
+var Head = styled3.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 24px;
+  border-bottom: 1px solid #eef0f3;
+  font-size: 18px;
+  font-weight: 600;
+  color: #1f2937;
+`;
+var CloseButton = styled3.button`
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 20px;
+  color: #6b7280;
+  line-height: 1;
+`;
+var Panel2 = styled3.div`
+  flex: 1;
+  padding: 24px 28px;
+  overflow: auto;
+`;
+var SectionTitle = styled3.h3`
+  margin: 0 0 16px;
+  font-size: 15px;
+  font-weight: 600;
+  color: #1f2937;
+`;
+var ColorRow = styled3.label`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 0;
+  font-size: 14px;
+  color: #3f4759;
+`;
+var ColorControls = styled3.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+`;
+styled3.input`
+  width: 96px;
+  padding: 6px 8px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 13px;
+  text-align: right;
+  color: #6b7280;
+`;
+styled3.button`
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  cursor: pointer;
+  background: ${(props) => props.$color};
+`;
+var Field = styled3.div`
+  margin-top: 24px;
+`;
+var FieldLabel = styled3.label`
+  display: block;
+  margin-bottom: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #1f2937;
+`;
+var Select = styled3.select`
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  font-size: 14px;
+  color: #3f4759;
+  background: #fff;
+`;
+var LogoBox = styled3.div`
+  margin-top: 12px;
+  width: 160px;
+  height: 160px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f5f7fa;
+  overflow: hidden;
+  position: relative;
+`;
+var LogoImg = styled3.img`
+  max-width: 100%;
+  max-height: 100%;
+`;
+var UploadLabel = styled3.label`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 12px;
+  padding: 8px 14px;
+  border-radius: 6px;
+  background: #1a56db;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+`;
+var HiddenFile = styled3.input`
+  display: none;
+`;
+var Placeholder = styled3.div`
+  color: #9aa3af;
+  font-size: 14px;
+`;
+function ColorField({ label, value, onCommit }) {
+  return /* @__PURE__ */ jsxs(ColorRow, { as: "div", children: [
+    /* @__PURE__ */ jsx("span", { children: label }),
+    /* @__PURE__ */ jsx(ColorControls, { children: /* @__PURE__ */ jsx(
+      ColorPicker,
+      {
+        value,
+        ariaLabel: `${label} (seletor)`,
+        onChange: (next) => {
+          if (next) onCommit(next);
+        }
+      }
+    ) })
+  ] });
+}
+var COLOR_FIELDS = [
+  { key: "brand", label: "Cor de marca" },
+  { key: "text", label: "Texto" },
+  { key: "background", label: "Fundo" }
+];
+function VisualTab({ theme, onPatch, onLogoUpload }) {
+  const colors = { ...DEFAULT_DOCUMENT_COLORS, ...theme.colors };
+  const setColor = (key, value) => onPatch({ colors: { ...theme.colors, [key]: value } });
+  const handleLogo = async (file) => {
+    if (!file || !onLogoUpload) return;
+    const result = await onLogoUpload(file);
+    onPatch({ logo: result });
+  };
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(SectionTitle, { children: "Cores" }),
+    COLOR_FIELDS.map((field) => /* @__PURE__ */ jsx(
+      ColorField,
+      {
+        label: field.label,
+        value: colors[field.key],
+        onCommit: (next) => setColor(field.key, next)
+      },
+      field.key
+    )),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "docgen-font", children: "Fonte" }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          id: "docgen-font",
+          "aria-label": "Fonte",
+          value: theme.documentFont ?? DEFAULT_DOCUMENT_FONT_ID,
+          onChange: (e2) => onPatch({ documentFont: e2.target.value }),
+          children: DOCUMENT_FONTS.map((font) => /* @__PURE__ */ jsx("option", { value: font.id, children: font.label }, font.id))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldLabel, { as: "span", children: "Logo" }),
+      /* @__PURE__ */ jsx(LogoBox, { children: theme.logo?.url ? /* @__PURE__ */ jsx(LogoImg, { src: theme.logo.url, alt: "Logo" }) : /* @__PURE__ */ jsx(Placeholder, { children: "Sem logo" }) }),
+      /* @__PURE__ */ jsxs(UploadLabel, { children: [
+        "Alterar",
+        /* @__PURE__ */ jsx(
+          HiddenFile,
+          {
+            type: "file",
+            accept: "image/*",
+            "aria-label": "Alterar logo",
+            onChange: (e2) => handleLogo(e2.target.files?.[0])
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DocumentSettingsModal({
+  open,
+  onClose,
+  theme,
+  onThemeChange,
+  onLogoUpload
+}) {
+  if (!open) return null;
+  const patch = (next) => onThemeChange({ ...theme, ...next });
+  return /* @__PURE__ */ jsx(Backdrop, { role: "dialog", "aria-modal": "true", "aria-label": "Configura\xE7\xF5es do documento", children: /* @__PURE__ */ jsxs(Dialog, { children: [
+    /* @__PURE__ */ jsxs(Head, { children: [
+      /* @__PURE__ */ jsx("span", { children: "Configura\xE7\xF5es do documento" }),
+      /* @__PURE__ */ jsx(CloseButton, { type: "button", "aria-label": "Fechar", onClick: onClose, children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ jsx(Panel2, { children: /* @__PURE__ */ jsx(VisualTab, { theme, onPatch: patch, onLogoUpload }) })
+  ] }) });
+}
+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,
+  ctx = {},
+  keys = []
+}) {
+  const keysHash = useMemo(() => [...keys].sort().join("|"), [keys]);
+  const ctxHash = useMemo(() => JSON.stringify(ctx), [ctx]);
+  const [state, setState] = useState({ ctxHash, raw: EMPTY_RAW, attempted: [] });
+  const catalogRef = useRef(catalog);
+  catalogRef.current = catalog;
+  const resolverRef = useRef(resolver);
+  resolverRef.current = resolver;
+  const ctxRef = useRef(ctx);
+  ctxRef.current = ctx;
+  const ctxHashRef = useRef(ctxHash);
+  ctxHashRef.current = ctxHash;
+  const keysRef = useRef(keys);
+  keysRef.current = keys;
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  const resolved = useMemo(
+    () => state.ctxHash === ctxHash ? 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));
+  };
+  const merge = (forCtx, list, next) => setState((prev) => {
+    const stale = prev.ctxHash !== forCtx;
+    return {
+      ctxHash: forCtx,
+      raw: { ...stale ? EMPTY_RAW : prev.raw, ...next },
+      attempted: [.../* @__PURE__ */ new Set([...stale ? [] : prev.attempted, ...list])]
+    };
+  });
+  const fetchKeys = useCallback((list) => {
+    const currentResolver = resolverRef.current;
+    if (!currentResolver || list.length === 0) return Promise.resolve(null);
+    return currentResolver(list, ctxRef.current);
+  }, []);
+  useEffect(() => {
+    const forCtx = ctxHash;
+    const missing = missingFor(keysRef.current, forCtx);
+    if (!missing.length) return void 0;
+    let active = true;
+    fetchKeys(missing).then((next) => {
+      if (active && next) merge(forCtx, missing, next);
+    });
+    return () => {
+      active = false;
+    };
+  }, [keysHash, ctxHash, fetchKeys, resolver]);
+  const ensureResolved = useCallback(
+    (list) => {
+      const forCtx = ctxHashRef.current;
+      const missing = missingFor(list, forCtx);
+      if (!missing.length) return Promise.resolve();
+      return fetchKeys(missing).then((next) => {
+        if (next) merge(forCtx, missing, next);
+      });
+    },
+    [fetchKeys]
+  );
+  return { resolved, ensureResolved };
+}
+var EMPTY2 = { content: [], root: {} };
+function DocumentEditor({
+  registry,
+  data,
+  onChange,
+  onPublish,
+  iframe = { enabled: false },
+  theme = {},
+  onThemeChange,
+  onLogoUpload,
+  renderSettings,
+  renderHeader,
+  renderBlockActions,
+  catalog = [],
+  translator = {},
+  resolver,
+  ctx = {},
+  unresolvedDisplay = "placeholder",
+  metadata,
+  dictionary = ptBrDictionary,
+  patchModifierState = true,
+  disabledBlocks = [],
+  apiRef
+}) {
+  if (patchModifierState) installModifierStateShim();
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  useDocumentFont(theme.documentFont);
+  const disabledByKey = useMemo(
+    () => Object.fromEntries(disabledBlocks.map((block) => [block.key, block.reason ?? ""])),
+    [disabledBlocks.map((block) => `${block.key}:${block.reason ?? ""}`).join("|")]
+  );
+  const baseConfig = useMemo(() => buildConfig(registry), [registry]);
+  const config = useMemo(() => {
+    const disabledKeys = Object.keys(disabledByKey);
+    if (!disabledKeys.length) return baseConfig;
+    const components = { ...baseConfig.components };
+    disabledKeys.forEach((key) => {
+      if (!components[key]) return;
+      components[key] = {
+        ...components[key],
+        permissions: { ...components[key].permissions, insert: false }
+      };
+    });
+    return { ...baseConfig, components };
+  }, [baseConfig, disabledByKey]);
+  const themeRef = useRef(theme);
+  themeRef.current = theme;
+  const renderHeaderRef = useRef(renderHeader);
+  renderHeaderRef.current = renderHeader;
+  const apiRefRef = useRef(apiRef);
+  apiRefRef.current = apiRef;
+  const renderBlockActionsRef = useRef(renderBlockActions);
+  renderBlockActionsRef.current = renderBlockActions;
+  const usedKeys = useMemo(() => extractBindingKeys(data), [data]);
+  const { resolved, ensureResolved } = useVariableResolution({ catalog, resolver, ctx, keys: usedKeys });
+  const blockByKey = useMemo(() => {
+    const map = {};
+    registry.forEach((block) => {
+      map[block.key] = { icon: block.icon, label: block.label };
+    });
+    return map;
+  }, [registry]);
+  const plugins = useMemo(
+    () => [
+      { ...blocksPlugin(), label: "Blocos" },
+      { ...outlinePlugin(), label: "Estrutura" },
+      { ...fieldsPlugin(), label: "Campos" }
+    ],
+    []
+  );
+  const overrides = useMemo(() => {
+    const base = {
+      // eslint-disable-next-line react/no-unstable-nested-components, react/no-unused-prop-types
+      drawerItem: ({ name }) => {
+        const card = /* @__PURE__ */ jsxs(DrawerCard, { $disabled: name in disabledByKey, children: [
+          /* @__PURE__ */ jsx(DrawerItemIcon, { children: blockByKey[name]?.icon ?? /* @__PURE__ */ jsx(BlockIcon, {}) }),
+          /* @__PURE__ */ jsx("span", { children: blockByKey[name]?.label ?? name })
+        ] });
+        if (!(name in disabledByKey)) return card;
+        return /* @__PURE__ */ jsx(DrawerHint, { "data-hint": disabledByKey[name] || void 0, children: card });
+      }
+    };
+    const withBridge = apiRefRef.current ? {
+      ...base,
+      // eslint-disable-next-line react/no-unstable-nested-components, react/no-unused-prop-types
+      puck: ({ children }) => createElement(EditorApiBridge, { apiRef: apiRefRef.current }, children)
+    } : base;
+    function BlockActionBar({ label, children, parentAction }) {
+      const selectedItem = usePuckState((state) => state.selectedItem);
+      const extra = renderBlockActionsRef.current?.(selectedItem ?? null);
+      return /* @__PURE__ */ jsxs(ActionBar, { children: [
+        /* @__PURE__ */ jsxs(ActionBar.Group, { children: [
+          parentAction,
+          label ? /* @__PURE__ */ jsx(ActionBar.Label, { label }) : null
+        ] }),
+        extra ? /* @__PURE__ */ jsx(ActionBar.Group, { children: extra }) : null,
+        /* @__PURE__ */ jsx(ActionBar.Group, { children })
+      ] });
+    }
+    const withActions = renderBlockActionsRef.current ? { ...withBridge, actionBar: BlockActionBar } : withBridge;
+    if (!renderHeaderRef.current) return withActions;
+    function Header() {
+      const getPuck = useGetPuck();
+      const hasPast = usePuckState((state) => state.history.hasPast);
+      const hasFuture = usePuckState((state) => state.history.hasFuture);
+      const api = headerApiFromHistory(
+        {
+          hasPast,
+          hasFuture,
+          back: () => getPuck().history.back(),
+          forward: () => getPuck().history.forward()
+        },
+        {
+          openSettings: () => setSettingsOpen(true),
+          openPreview: () => getPuck().dispatch({
+            type: "setUi",
+            ui: (prev) => ({ previewMode: prev.previewMode === "edit" ? "interactive" : "edit" })
+          }),
+          theme: themeRef.current
+        }
+      );
+      return createElement(Fragment, null, renderHeaderRef.current?.(api));
+    }
+    return { ...withActions, header: Header };
+  }, [blockByKey, disabledByKey, Boolean(renderHeader), Boolean(apiRef), Boolean(renderBlockActions)]);
+  return /* @__PURE__ */ jsx(DocumentThemeProvider, { theme, children: /* @__PURE__ */ jsx(CatalogProvider, { catalog, translator, children: /* @__PURE__ */ jsxs(ResolvedProvider, { resolved, ensureResolved, unresolvedDisplay, children: [
+    /* @__PURE__ */ jsx(EditorShell, { children: /* @__PURE__ */ jsx(
+      Puck,
+      {
+        config,
+        data: { ...EMPTY2, ...data },
+        onChange,
+        onPublish,
+        iframe,
+        overrides,
+        plugins,
+        metadata,
+        dictionary
+      }
+    ) }),
+    renderSettings ? renderSettings({
+      open: settingsOpen,
+      onClose: () => setSettingsOpen(false),
+      theme,
+      onThemeChange: onThemeChange ?? (() => void 0),
+      onLogoUpload
+    }) : /* @__PURE__ */ jsx(
+      DocumentSettingsModal,
+      {
+        open: settingsOpen,
+        onClose: () => setSettingsOpen(false),
+        theme,
+        onThemeChange: onThemeChange ?? (() => void 0),
+        onLogoUpload
+      }
+    )
+  ] }) }) });
+}
+function useDocumentAutosave({
+  doc,
+  save,
+  delay = 3e3,
+  initialSavedAt = null,
+  enabled = true
+}) {
+  const [status, setStatus] = useState("saved");
+  const [lastSavedAt, setLastSavedAt] = useState(initialSavedAt);
+  const lastSaved = useRef(null);
+  const timer = useRef();
+  const inFlight = useRef(false);
+  const tail = useRef(Promise.resolve());
+  const latest = useRef(doc);
+  latest.current = doc;
+  const enabledRef = useRef(enabled);
+  enabledRef.current = enabled;
+  const saveRef = useRef(save);
+  saveRef.current = save;
+  const flush = useCallback(() => {
+    if (!enabledRef.current) return Promise.resolve();
+    const run = async () => {
+      inFlight.current = true;
+      try {
+        const snapshot = JSON.stringify(latest.current);
+        if (snapshot === lastSaved.current) return;
+        setStatus("saving");
+        await saveRef.current(latest.current);
+        lastSaved.current = snapshot;
+        setStatus("saved");
+        setLastSavedAt(/* @__PURE__ */ new Date());
+      } catch {
+        setStatus("error");
+        clearTimeout(timer.current);
+        timer.current = setTimeout(flush, delay);
+      } finally {
+        inFlight.current = false;
+      }
+    };
+    const chained = inFlight.current ? tail.current.then(run) : run();
+    tail.current = chained;
+    return chained;
+  }, [delay]);
+  useEffect(() => {
+    if (!enabled || lastSaved.current === null) {
+      lastSaved.current = JSON.stringify(doc);
+      return void 0;
+    }
+    clearTimeout(timer.current);
+    timer.current = setTimeout(flush, delay);
+    return () => clearTimeout(timer.current);
+  }, [doc, delay, flush, enabled]);
+  return { status, lastSavedAt, flushNow: flush };
+}
+
+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-JYSA6IM5.js.map
+//# sourceMappingURL=chunk-JYSA6IM5.js.map