vobi_document 1.0.1 → 1.1.0

package/dist/chunk-ERKU5FDV.cjs

@@ -0,0 +1,407 @@
+'use strict';
+
+var styled = require('styled-components');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+// src/surface/surface.tsx
+var DEFAULT_DOCUMENT_FONT = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+var DEFAULT_DOCUMENT_COLORS = {
+  brand: "#005AC3",
+  text: "#3F4759",
+  background: "#FFFFFF"
+};
+var PAGE_WIDTH_PX = {
+  A4: 794,
+  A5: 559,
+  A3: 1123,
+  Letter: 816,
+  Legal: 816
+};
+var DEFAULT_PAGE_MARGINS = { top: 24, right: 24, bottom: 24, left: 24 };
+function pageWidthPx(format = "A4") {
+  return PAGE_WIDTH_PX[format];
+}
+function marginsToPadding(margins) {
+  const m = { ...DEFAULT_PAGE_MARGINS, ...margins };
+  return `${m.top}px ${m.right}px ${m.bottom}px ${m.left}px`;
+}
+var PageFrame = styled__default.default.div`
+  --doc-brand: ${(props) => props.$brand};
+  --doc-text: ${(props) => props.$text};
+  --doc-bg: ${(props) => props.$bg};
+  font-family: ${(props) => props.$font};
+  width: ${(props) => props.$width}px;
+  max-width: 100%;
+  min-height: 100%;
+  margin: 0 auto;
+  padding: ${(props) => props.$padding};
+  background: var(--doc-bg);
+  color: var(--doc-text);
+  box-sizing: border-box;
+
+  &,
+  & *,
+  & *::before,
+  & *::after {
+    box-sizing: border-box;
+  }
+
+  & [data-docgen-block] {
+    margin-bottom: 16px;
+  }
+
+  /* A capa é full-bleed (no preview/PDF ela sai do PageFrame via hoist). No editor
+     ela renderiza em fluxo dentro do padding da folha — neutralizamos esse padding
+     só pra ela, pra bater com o preview. O bleed vai no wrapper do Puck
+     ([data-puck-component]) e não no bloco interno, senão a borda de seleção do Puck
+     (desenhada no wrapper) fica inset. No PDF/viewer esse seletor nem existe (hoist). */
+  & [data-puck-component]:has([data-docgen-block='Cover']) {
+    margin-top: ${(props) => -(props.$padTop ?? 0)}px;
+    margin-left: ${(props) => -(props.$padLeft ?? 0)}px;
+    margin-right: ${(props) => -(props.$padRight ?? 0)}px;
+    width: calc(100% + ${(props) => (props.$padLeft ?? 0) + (props.$padRight ?? 0)}px);
+  }
+`;
+var EditorShell = styled__default.default.div`
+  height: 100%;
+
+  li[data-puck-layer-tree-id] button > div,
+  li[data-puck-layer-tree-id] button > div > div {
+    overflow: hidden;
+  }
+
+  #puck-canvas-root,
+  [class*='_PuckCanvas_'] {
+    background: #e8e9eb;
+    outline: none;
+  }
+
+  [class*='_PuckCanvas_'][class*='_PuckCanvas_'][class*='_PuckCanvas_'] {
+    padding: 0;
+  }
+
+  #preview-frame {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    box-sizing: border-box;
+    min-height: 100%;
+    padding: 32px 16px;
+  }
+
+  #preview-frame > * {
+    flex: 1 0 auto;
+    min-height: 0;
+    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.14);
+  }
+`;
+var DrawerCard = styled__default.default.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 11px 12px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  background: #fff;
+  cursor: grab;
+  font-size: 14px;
+  color: #1f2937;
+
+  &:hover {
+    background: #f3f6fb;
+    border-color: #c3c9d2;
+  }
+
+  ${(props) => props.$disabled && `
+    opacity: 0.45;
+    cursor: not-allowed;
+
+    &:hover {
+      background: #fff;
+      border-color: #e5e7eb;
+    }
+  `}
+`;
+var DrawerHint = styled__default.default.div`
+  position: relative;
+
+  &[data-hint]:not([data-hint=''])::after {
+    content: attr(data-hint);
+    position: absolute;
+    left: 50%;
+    top: calc(100% + 6px);
+    transform: translateX(-50%) translateY(-2px);
+    width: max-content;
+    max-width: 220px;
+    padding: 6px 10px;
+    background: #1f2937;
+    color: #fff;
+    font-size: 12px;
+    line-height: 1.35;
+    text-align: center;
+    border-radius: 6px;
+    opacity: 0;
+    pointer-events: none;
+    transition:
+      opacity 0.12s ease,
+      transform 0.12s ease;
+    z-index: 20;
+  }
+
+  &[data-hint]:not([data-hint=''])::before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: calc(100% + 1px);
+    transform: translateX(-50%);
+    border: 5px solid transparent;
+    border-bottom-color: #1f2937;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.12s ease;
+    z-index: 20;
+  }
+
+  &[data-hint]:not([data-hint='']):hover::after,
+  &[data-hint]:not([data-hint='']):hover::before {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+
+  &[data-hint]:not([data-hint='']):hover::before {
+    transform: translateX(-50%);
+  }
+`;
+var PanelPlaceholder = styled__default.default.div`
+  padding: 24px 12px;
+  color: #6b7280;
+  font-size: 13px;
+  line-height: 1.5;
+  text-align: center;
+`;
+var DrawerItemIcon = styled__default.default.span`
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  color: #6b7280;
+`;
+
+// src/surface/fonts.ts
+var DOCUMENT_FONTS = [
+  { id: "inter", label: "Inter", stack: "'Inter', sans-serif", gfont: "Inter:wght@400;500;600;700" },
+  { id: "arial", label: "Arial", stack: "Arial, Helvetica, sans-serif" },
+  { id: "calibri", label: "Calibri", stack: "Calibri, Carlito, 'Segoe UI', sans-serif" },
+  { id: "times-new-roman", label: "Times New Roman", stack: "'Times New Roman', Times, serif" },
+  { id: "roboto", label: "Roboto", stack: "'Roboto', sans-serif", gfont: "Roboto:wght@400;500;700" },
+  { id: "open-sans", label: "Open Sans", stack: "'Open Sans', sans-serif", gfont: "Open+Sans:wght@400;500;600;700" },
+  {
+    id: "montserrat",
+    label: "Montserrat",
+    stack: "'Montserrat', sans-serif",
+    gfont: "Montserrat:wght@400;500;600;700"
+  },
+  { id: "lato", label: "Lato", stack: "'Lato', sans-serif", gfont: "Lato:wght@400;700" },
+  { id: "georgia", label: "Georgia", stack: "Georgia, 'Times New Roman', serif" },
+  { id: "helvetica", label: "Helvetica", stack: "'Helvetica Neue', Helvetica, Arial, sans-serif" }
+];
+var byId = new Map(DOCUMENT_FONTS.map((f) => [f.id, f]));
+var primaryFamily = (stack) => stack.split(",")[0].trim().replace(/^['"]|['"]$/g, "");
+function docFontFamilies(id) {
+  const font = id ? byId.get(id) : void 0;
+  if (!font?.gfont) return null;
+  const primary = primaryFamily(font.stack);
+  return { primary, alias: `${primary} Doc` };
+}
+function fontStack(id) {
+  const font = id ? byId.get(id) : void 0;
+  if (!font) return DEFAULT_DOCUMENT_FONT;
+  const families = docFontFamilies(id);
+  return families ? `'${families.alias}', ${font.stack}` : font.stack;
+}
+function gfontHref(id) {
+  const font = id ? byId.get(id) : void 0;
+  if (!font?.gfont) return null;
+  return `https://fonts.googleapis.com/css2?family=${font.gfont}&display=swap`;
+}
+var EMPTY_THEME = {};
+var DocumentThemeContext = react.createContext(null);
+function DocumentThemeProvider({ theme, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DocumentThemeContext.Provider, { value: theme ?? EMPTY_THEME, children });
+}
+function useDocumentTheme() {
+  return react.useContext(DocumentThemeContext) ?? EMPTY_THEME;
+}
+function useOptionalDocumentTheme() {
+  return react.useContext(DocumentThemeContext);
+}
+function DocumentPage({ children, fallbackTheme }) {
+  const theme = useOptionalDocumentTheme() ?? fallbackTheme ?? {};
+  const margins = { ...DEFAULT_PAGE_MARGINS, ...theme.page?.margins ?? {} };
+  const colors = { ...DEFAULT_DOCUMENT_COLORS, ...theme.colors };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageFrame,
+    {
+      "data-docgen-root": "",
+      $width: pageWidthPx(theme.page?.format),
+      $padding: marginsToPadding(theme.page?.margins),
+      $padTop: margins.top,
+      $padRight: margins.right,
+      $padLeft: margins.left,
+      $font: fontStack(theme.documentFont),
+      $brand: colors.brand,
+      $text: colors.text,
+      $bg: colors.background,
+      children
+    }
+  );
+}
+
+// src/surface/appearance.ts
+var FONT_WEIGHT = { normal: 400, medium: 500, bold: 700 };
+function appearanceToStyle(a) {
+  const style = {};
+  if (!a) return style;
+  if (a.brand !== void 0) style["--doc-brand"] = a.brand;
+  if (a.text !== void 0) {
+    style["--doc-text"] = a.text;
+    style.color = a.text;
+  }
+  if (a.background !== void 0) style.background = a.background;
+  if (a.fontSize !== void 0) style.fontSize = a.fontSize;
+  if (a.fontFamily !== void 0) style.fontFamily = fontStack(a.fontFamily);
+  if (a.fontWeight !== void 0) style.fontWeight = FONT_WEIGHT[a.fontWeight];
+  if (a.textAlign !== void 0) style.textAlign = a.textAlign;
+  return style;
+}
+function useDocumentFont(id) {
+  react.useEffect(() => {
+    const href = gfontHref(id);
+    if (!href || typeof document === "undefined") return void 0;
+    const selector = `[data-docgen-font="${id}"]`;
+    if (document.head.querySelector(selector)) return void 0;
+    if (typeof fetch === "undefined") {
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = href;
+      link.setAttribute("data-docgen-font", id);
+      document.head.appendChild(link);
+      return void 0;
+    }
+    const families = docFontFamilies(id);
+    const style = document.createElement("style");
+    style.setAttribute("data-docgen-font", id);
+    document.head.appendChild(style);
+    fetch(href).then((res) => {
+      if (!res.ok) throw new Error(`gfont css ${res.status}`);
+      return res.text();
+    }).then((css) => {
+      style.textContent = families ? css.split(`font-family: '${families.primary}'`).join(`font-family: '${families.alias}'`) : css;
+    }).catch(() => {
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = href;
+      link.setAttribute("data-docgen-font", id);
+      style.replaceWith(link);
+    });
+    return void 0;
+  }, [id]);
+}
+function BlockShell({ blockKey, appearance, children }) {
+  useDocumentFont(appearance?.fontFamily);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-docgen-block": blockKey, style: appearanceToStyle(appearance), children });
+}
+
+// src/core/buildConfig.ts
+var blockRenderCache = /* @__PURE__ */ new WeakMap();
+function blockRender(key, Component) {
+  let byKey = blockRenderCache.get(Component);
+  if (!byKey) {
+    byKey = /* @__PURE__ */ new Map();
+    blockRenderCache.set(Component, byKey);
+  }
+  const cached = byKey.get(key);
+  if (cached) return cached;
+  function Block(props) {
+    return react.createElement(BlockShell, { blockKey: key, appearance: props.appearance }, react.createElement(Component, props));
+  }
+  Block.displayName = `DocumentBlock(${key})`;
+  byKey.set(key, Block);
+  return Block;
+}
+var fallbackPageCache = /* @__PURE__ */ new WeakMap();
+function fallbackPage(theme) {
+  const cached = fallbackPageCache.get(theme);
+  if (cached) return cached;
+  function Page(props) {
+    return react.createElement(DocumentPage, { ...props, fallbackTheme: theme });
+  }
+  Page.displayName = "DocumentPage(fallback)";
+  fallbackPageCache.set(theme, Page);
+  return Page;
+}
+function buildConfig(registry, options = {}) {
+  const { theme } = options;
+  const byKey = /* @__PURE__ */ new Map();
+  registry.forEach((entry) => {
+    byKey.set(entry.key, entry);
+  });
+  const components = {};
+  const categoryMap = {};
+  byKey.forEach((entry, key) => {
+    const { fields, defaultProps, component: Component } = entry;
+    components[key] = {
+      label: entry.label ?? key,
+      fields,
+      defaultProps,
+      ...entry.permissions && { permissions: entry.permissions },
+      render: blockRender(key, Component)
+    };
+    const category = entry.category ?? "other";
+    if (!categoryMap[category]) categoryMap[category] = [];
+    categoryMap[category].push(key);
+  });
+  const categories = {};
+  Object.keys(categoryMap).forEach((name) => {
+    categories[name] = { components: categoryMap[name] };
+  });
+  const root = {
+    label: "P\xE1gina",
+    fields: {
+      placeholder: {
+        type: "custom",
+        render: () => react.createElement(PanelPlaceholder, null, "Selecione um bloco para editar suas propriedades.")
+      }
+    },
+    render: theme ? fallbackPage(theme) : DocumentPage
+  };
+  return { root, components, categories };
+}
+
+exports.DEFAULT_DOCUMENT_COLORS = DEFAULT_DOCUMENT_COLORS;
+exports.DEFAULT_DOCUMENT_FONT = DEFAULT_DOCUMENT_FONT;
+exports.DEFAULT_PAGE_MARGINS = DEFAULT_PAGE_MARGINS;
+exports.DOCUMENT_FONTS = DOCUMENT_FONTS;
+exports.DocumentPage = DocumentPage;
+exports.DocumentThemeProvider = DocumentThemeProvider;
+exports.DrawerCard = DrawerCard;
+exports.DrawerHint = DrawerHint;
+exports.DrawerItemIcon = DrawerItemIcon;
+exports.EditorShell = EditorShell;
+exports.FONT_WEIGHT = FONT_WEIGHT;
+exports.PageFrame = PageFrame;
+exports.appearanceToStyle = appearanceToStyle;
+exports.buildConfig = buildConfig;
+exports.fontStack = fontStack;
+exports.gfontHref = gfontHref;
+exports.marginsToPadding = marginsToPadding;
+exports.pageWidthPx = pageWidthPx;
+exports.useDocumentFont = useDocumentFont;
+exports.useDocumentTheme = useDocumentTheme;
+//# sourceMappingURL=chunk-ERKU5FDV.cjs.map
+//# sourceMappingURL=chunk-ERKU5FDV.cjs.map

package/dist/chunk-ERKU5FDV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/surface/surface.tsx","../src/surface/fonts.ts","../src/surface/themeContext.tsx","../src/surface/DocumentPage.tsx","../src/surface/appearance.ts","../src/surface/useDocumentFont.ts","../src/surface/BlockShell.tsx","../src/core/buildConfig.ts"],"names":["styled","createContext","useContext","jsx","useEffect","createElement"],"mappings":"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","file":"chunk-ERKU5FDV.cjs","sourcesContent":["import styled from 'styled-components';\n\nexport const DEFAULT_DOCUMENT_FONT =\n  \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\";\n\nexport const DEFAULT_DOCUMENT_COLORS = {\n  brand: '#005AC3',\n  text: '#3F4759',\n  background: '#FFFFFF'\n} as const;\n\nexport type PageFormat = 'A4' | 'A5' | 'A3' | 'Letter' | 'Legal';\nexport type PageMargins = { top?: number; right?: number; bottom?: number; left?: number };\nexport type PageOptions = { format?: PageFormat; margins?: PageMargins };\n\nconst PAGE_WIDTH_PX: Record<PageFormat, number> = {\n  A4: 794,\n  A5: 559,\n  A3: 1123,\n  Letter: 816,\n  Legal: 816\n};\n\nexport const DEFAULT_PAGE_MARGINS: Required<PageMargins> = { top: 24, right: 24, bottom: 24, left: 24 };\n\nexport function pageWidthPx(format: PageFormat = 'A4'): number {\n  return PAGE_WIDTH_PX[format];\n}\n\nexport function marginsToPadding(margins?: PageMargins): string {\n  const m = { ...DEFAULT_PAGE_MARGINS, ...margins };\n  return `${m.top}px ${m.right}px ${m.bottom}px ${m.left}px`;\n}\n\n/** A página do documento — compartilhada pelo editor, viewer e PDF via `root` do Puck. */\nexport const PageFrame = styled.div<{\n  $width: number;\n  $padding: string;\n  $font: string;\n  $brand: string;\n  $text: string;\n  $bg: string;\n  $padTop?: number;\n  $padRight?: number;\n  $padLeft?: number;\n  'data-docgen-root'?: string;\n}>`\n  --doc-brand: ${props => props.$brand};\n  --doc-text: ${props => props.$text};\n  --doc-bg: ${props => props.$bg};\n  font-family: ${props => props.$font};\n  width: ${props => props.$width}px;\n  max-width: 100%;\n  min-height: 100%;\n  margin: 0 auto;\n  padding: ${props => props.$padding};\n  background: var(--doc-bg);\n  color: var(--doc-text);\n  box-sizing: border-box;\n\n  &,\n  & *,\n  & *::before,\n  & *::after {\n    box-sizing: border-box;\n  }\n\n  & [data-docgen-block] {\n    margin-bottom: 16px;\n  }\n\n  /* A capa é full-bleed (no preview/PDF ela sai do PageFrame via hoist). No editor\n     ela renderiza em fluxo dentro do padding da folha — neutralizamos esse padding\n     só pra ela, pra bater com o preview. O bleed vai no wrapper do Puck\n     ([data-puck-component]) e não no bloco interno, senão a borda de seleção do Puck\n     (desenhada no wrapper) fica inset. No PDF/viewer esse seletor nem existe (hoist). */\n  & [data-puck-component]:has([data-docgen-block='Cover']) {\n    margin-top: ${props => -(props.$padTop ?? 0)}px;\n    margin-left: ${props => -(props.$padLeft ?? 0)}px;\n    margin-right: ${props => -(props.$padRight ?? 0)}px;\n    width: calc(100% + ${props => (props.$padLeft ?? 0) + (props.$padRight ?? 0)}px);\n  }\n`;\n\n/** Chrome do editor: mesa cinza + folha com sombra (só editor). Porquês: docs/architecture.md. */\nexport const EditorShell = styled.div`\n  height: 100%;\n\n  li[data-puck-layer-tree-id] button > div,\n  li[data-puck-layer-tree-id] button > div > div {\n    overflow: hidden;\n  }\n\n  #puck-canvas-root,\n  [class*='_PuckCanvas_'] {\n    background: #e8e9eb;\n    outline: none;\n  }\n\n  [class*='_PuckCanvas_'][class*='_PuckCanvas_'][class*='_PuckCanvas_'] {\n    padding: 0;\n  }\n\n  #preview-frame {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n    min-height: 100%;\n    padding: 32px 16px;\n  }\n\n  #preview-frame > * {\n    flex: 1 0 auto;\n    min-height: 0;\n    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.14);\n  }\n`;\n\n/** Card custom do item no palette (substitui o item padrão do Puck): ícone + nome. */\nexport const DrawerCard = styled.div<{ $disabled?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 11px 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  background: #fff;\n  cursor: grab;\n  font-size: 14px;\n  color: #1f2937;\n\n  &:hover {\n    background: #f3f6fb;\n    border-color: #c3c9d2;\n  }\n\n  ${props =>\n    props.$disabled &&\n    `\n    opacity: 0.45;\n    cursor: not-allowed;\n\n    &:hover {\n      background: #fff;\n      border-color: #e5e7eb;\n    }\n  `}\n`;\n\n/**\n * Tooltip imediato para o card desabilitado do palette (o title nativo demora ~1s).\n * Os seletores de hover repetem `[data-hint]:not([data-hint=''])` para empatar a\n * especificidade da regra base — `&:hover::after` sozinho perde e o tooltip nunca aparece.\n */\nexport const DrawerHint = styled.div`\n  position: relative;\n\n  &[data-hint]:not([data-hint=''])::after {\n    content: attr(data-hint);\n    position: absolute;\n    left: 50%;\n    top: calc(100% + 6px);\n    transform: translateX(-50%) translateY(-2px);\n    width: max-content;\n    max-width: 220px;\n    padding: 6px 10px;\n    background: #1f2937;\n    color: #fff;\n    font-size: 12px;\n    line-height: 1.35;\n    text-align: center;\n    border-radius: 6px;\n    opacity: 0;\n    pointer-events: none;\n    transition:\n      opacity 0.12s ease,\n      transform 0.12s ease;\n    z-index: 20;\n  }\n\n  &[data-hint]:not([data-hint=''])::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: calc(100% + 1px);\n    transform: translateX(-50%);\n    border: 5px solid transparent;\n    border-bottom-color: #1f2937;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.12s ease;\n    z-index: 20;\n  }\n\n  &[data-hint]:not([data-hint='']):hover::after,\n  &[data-hint]:not([data-hint='']):hover::before {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n\n  &[data-hint]:not([data-hint='']):hover::before {\n    transform: translateX(-50%);\n  }\n`;\n\n/** Mensagem do painel de propriedades quando nenhum bloco está selecionado. */\nexport const PanelPlaceholder = styled.div`\n  padding: 24px 12px;\n  color: #6b7280;\n  font-size: 13px;\n  line-height: 1.5;\n  text-align: center;\n`;\n\nexport const DrawerItemIcon = styled.span`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  color: #6b7280;\n`;\n","import { DEFAULT_DOCUMENT_FONT } from './surface';\n\nexport type DocumentFont = {\n  id: string;\n  label: string;\n  stack: string;\n  /** Família no Google Fonts; ausente = fonte de sistema (nada a carregar). */\n  gfont?: string;\n};\n\nexport const DOCUMENT_FONTS: readonly DocumentFont[] = [\n  { id: 'inter', label: 'Inter', stack: \"'Inter', sans-serif\", gfont: 'Inter:wght@400;500;600;700' },\n  { id: 'arial', label: 'Arial', stack: 'Arial, Helvetica, sans-serif' },\n  { id: 'calibri', label: 'Calibri', stack: \"Calibri, Carlito, 'Segoe UI', sans-serif\" },\n  { id: 'times-new-roman', label: 'Times New Roman', stack: \"'Times New Roman', Times, serif\" },\n  { id: 'roboto', label: 'Roboto', stack: \"'Roboto', sans-serif\", gfont: 'Roboto:wght@400;500;700' },\n  { id: 'open-sans', label: 'Open Sans', stack: \"'Open Sans', sans-serif\", gfont: 'Open+Sans:wght@400;500;600;700' },\n  {\n    id: 'montserrat',\n    label: 'Montserrat',\n    stack: \"'Montserrat', sans-serif\",\n    gfont: 'Montserrat:wght@400;500;600;700'\n  },\n  { id: 'lato', label: 'Lato', stack: \"'Lato', sans-serif\", gfont: 'Lato:wght@400;700' },\n  { id: 'georgia', label: 'Georgia', stack: \"Georgia, 'Times New Roman', serif\" },\n  { id: 'helvetica', label: 'Helvetica', stack: \"'Helvetica Neue', Helvetica, Arial, sans-serif\" }\n] as const;\n\nconst byId = new Map(DOCUMENT_FONTS.map(f => [f.id, f]));\n\nconst primaryFamily = (stack: string): string =>\n  stack\n    .split(',')[0]\n    .trim()\n    .replace(/^['\"]|['\"]$/g, '');\n\n/**\n * Fontes do Google ganham um alias próprio (`<Família> Doc`) no topo do stack: o app\n * hospedeiro pode ter um @font-face com o mesmo nome apontando pra outros arquivos\n * (ex.: Inter estática do FBO), e o alias garante que o documento use os arquivos do\n * Google nos dois lados — no editor via useDocumentFont (CSS reescrito) e no artifact\n * o alias não resolve e cai na família original do <link> (mesmos arquivos).\n */\nexport function docFontFamilies(id?: string): { primary: string; alias: string } | null {\n  const font = id ? byId.get(id) : undefined;\n  if (!font?.gfont) return null;\n  const primary = primaryFamily(font.stack);\n  return { primary, alias: `${primary} Doc` };\n}\n\nexport function fontStack(id?: string): string {\n  const font = id ? byId.get(id) : undefined;\n  if (!font) return DEFAULT_DOCUMENT_FONT;\n  const families = docFontFamilies(id);\n  return families ? `'${families.alias}', ${font.stack}` : font.stack;\n}\n\nexport function gfontHref(id?: string): string | null {\n  const font = id ? byId.get(id) : undefined;\n  if (!font?.gfont) return null;\n  return `https://fonts.googleapis.com/css2?family=${font.gfont}&display=swap`;\n}\n","import { createContext, useContext, type ReactNode } from 'react';\nimport type { Theme } from '../schema/theme';\n\nconst EMPTY_THEME: Theme = {};\n\n/** `null` distingue \"sem provider\" de \"provider com tema vazio\" — ver DocumentPage. */\nconst DocumentThemeContext = createContext<Theme | null>(null);\n\nexport type DocumentThemeProviderProps = {\n  theme?: Theme;\n  children?: ReactNode;\n};\n\n/**\n * Publica o tema do documento na árvore. Montado por `DocumentEditor` e\n * `DocumentRenderer` — é o canal que mantém o `Config` do Puck estável quando o\n * tema muda (ver docs/theme.md).\n */\nexport function DocumentThemeProvider({ theme, children }: DocumentThemeProviderProps) {\n  return <DocumentThemeContext.Provider value={theme ?? EMPTY_THEME}>{children}</DocumentThemeContext.Provider>;\n}\n\n/** Tema do documento; `{}` quando não há provider acima. */\nexport function useDocumentTheme(): Theme {\n  return useContext(DocumentThemeContext) ?? EMPTY_THEME;\n}\n\n/** Igual ao `useDocumentTheme`, mas devolve `null` sem provider (uso interno). */\nexport function useOptionalDocumentTheme(): Theme | null {\n  return useContext(DocumentThemeContext);\n}\n","import type { ReactNode } from 'react';\nimport type { Theme } from '../schema/theme';\nimport { DEFAULT_DOCUMENT_COLORS, DEFAULT_PAGE_MARGINS, PageFrame, marginsToPadding, pageWidthPx } from './surface';\nimport { fontStack } from './fonts';\nimport { useOptionalDocumentTheme } from './themeContext';\n\nexport type DocumentPageProps = {\n  children?: ReactNode;\n  /** Usado só quando não há `DocumentThemeProvider` acima (ver `BuildConfigOptions.theme`). */\n  fallbackTheme?: Theme;\n};\n\n/**\n * `root.render` do Puck: a folha do documento (largura, margens, fonte e CSS vars\n * de cor). Lê o tema do contexto em vez de recebê-lo por closure — assim o\n * componente tem identidade estável e trocar de tema não remonta os blocos.\n */\nexport function DocumentPage({ children, fallbackTheme }: DocumentPageProps) {\n  const theme = useOptionalDocumentTheme() ?? fallbackTheme ?? {};\n  const margins = { ...DEFAULT_PAGE_MARGINS, ...(theme.page?.margins ?? {}) };\n  const colors = { ...DEFAULT_DOCUMENT_COLORS, ...theme.colors };\n\n  return (\n    <PageFrame\n      data-docgen-root=\"\"\n      $width={pageWidthPx(theme.page?.format)}\n      $padding={marginsToPadding(theme.page?.margins)}\n      $padTop={margins.top}\n      $padRight={margins.right}\n      $padLeft={margins.left}\n      $font={fontStack(theme.documentFont)}\n      $brand={colors.brand}\n      $text={colors.text}\n      $bg={colors.background}\n    >\n      {children}\n    </PageFrame>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport type { Appearance } from '../schema/appearance';\nimport { fontStack } from './fonts';\n\nexport const FONT_WEIGHT: Record<string, number> = { normal: 400, medium: 500, bold: 700 };\n\n/** Sobrescrita por bloco → estilo do wrapper (cores viram CSS vars locais; não-set herda o tema). */\nexport function appearanceToStyle(a?: Appearance): CSSProperties {\n  const style: Record<string, string | number> = {};\n  if (!a) return style;\n  if (a.brand !== undefined) style['--doc-brand'] = a.brand;\n  if (a.text !== undefined) {\n    style['--doc-text'] = a.text;\n    style.color = a.text;\n  }\n  if (a.background !== undefined) style.background = a.background;\n  if (a.fontSize !== undefined) style.fontSize = a.fontSize;\n  if (a.fontFamily !== undefined) style.fontFamily = fontStack(a.fontFamily);\n  if (a.fontWeight !== undefined) style.fontWeight = FONT_WEIGHT[a.fontWeight];\n  if (a.textAlign !== undefined) style.textAlign = a.textAlign;\n  return style as CSSProperties;\n}\n","import { useEffect } from 'react';\nimport { docFontFamilies, gfontHref } from './fonts';\n\n/**\n * Carrega a fonte do documento no app hospedeiro. O CSS do Google é baixado e\n * reescrito pra família alias (`<Família> Doc`, ver docFontFamilies) — assim o\n * canvas do editor usa os MESMOS arquivos do preview mesmo quando o app já tem\n * um @font-face com o nome original. Se o fetch falhar, cai pro <link> direto\n * (família original — comportamento antigo).\n */\nexport function useDocumentFont(id?: string): void {\n  useEffect(() => {\n    const href = gfontHref(id);\n    if (!href || typeof document === 'undefined') return undefined;\n\n    const selector = `[data-docgen-font=\"${id}\"]`;\n    if (document.head.querySelector(selector)) return undefined;\n\n    if (typeof fetch === 'undefined') {\n      const link = document.createElement('link');\n      link.rel = 'stylesheet';\n      link.href = href;\n      link.setAttribute('data-docgen-font', id as string);\n      document.head.appendChild(link);\n      return undefined;\n    }\n\n    const families = docFontFamilies(id);\n    const style = document.createElement('style');\n    style.setAttribute('data-docgen-font', id as string);\n    document.head.appendChild(style);\n\n    fetch(href)\n      .then(res => {\n        if (!res.ok) throw new Error(`gfont css ${res.status}`);\n        return res.text();\n      })\n      .then(css => {\n        style.textContent = families\n          ? css.split(`font-family: '${families.primary}'`).join(`font-family: '${families.alias}'`)\n          : css;\n      })\n      .catch(() => {\n        const link = document.createElement('link');\n        link.rel = 'stylesheet';\n        link.href = href;\n        link.setAttribute('data-docgen-font', id as string);\n        style.replaceWith(link);\n      });\n    return undefined;\n  }, [id]);\n}\n","import type { ReactNode } from 'react';\nimport type { Appearance } from '../schema/appearance';\nimport { appearanceToStyle } from './appearance';\nimport { useDocumentFont } from './useDocumentFont';\n\nexport type BlockShellProps = {\n  blockKey: string;\n  appearance?: Appearance;\n  children?: ReactNode;\n};\n\n/** Wrapper de todo bloco: aplica a aparência local e carrega a Google Font do bloco. */\nexport function BlockShell({ blockKey, appearance, children }: BlockShellProps) {\n  useDocumentFont(appearance?.fontFamily);\n\n  return (\n    <div data-docgen-block={blockKey} style={appearanceToStyle(appearance)}>\n      {children}\n    </div>\n  );\n}\n","import { createElement, type ComponentType } from 'react';\nimport type { ComponentConfig, Config } from '@puckeditor/core';\nimport type { BlockEntry, Registry } from '../blocks/types';\nimport { PanelPlaceholder } from '../surface/surface';\nimport { DocumentPage, type DocumentPageProps } from '../surface/DocumentPage';\nimport type { Theme } from '../schema/theme';\nimport { BlockShell } from '../surface/BlockShell';\n\nexport type BuildConfigOptions = {\n  /**\n   * Tema aplicado apenas quando NÃO há `DocumentThemeProvider` acima (uso avulso\n   * de `buildConfig` + `<Render>`). No editor e no renderer o tema vem do provider:\n   * passá-lo aqui troca a identidade de `root.render` a cada mudança e o Puck\n   * remonta a árvore inteira. Ver docs/theme.md.\n   */\n  theme?: Theme;\n};\n\n/**\n * O Puck monta `componentConfig.render` como TIPO de elemento\n * (`<Component {...props}/>`), então uma closure nova por build desmonta e remonta\n * o bloco inteiro — perdendo foco, seleção e estado de editores embutidos. O cache\n * abaixo dá identidade estável por (componente, key). Ver docs/architecture.md.\n */\nconst blockRenderCache = new WeakMap<ComponentType<any>, Map<string, ComponentType<any>>>();\n\nfunction blockRender(key: string, Component: ComponentType<any>): ComponentType<any> {\n  let byKey = blockRenderCache.get(Component);\n  if (!byKey) {\n    byKey = new Map();\n    blockRenderCache.set(Component, byKey);\n  }\n\n  const cached = byKey.get(key);\n  if (cached) return cached;\n\n  function Block(props: any) {\n    return createElement(BlockShell, { blockKey: key, appearance: props.appearance }, createElement(Component, props));\n  }\n  Block.displayName = `DocumentBlock(${key})`;\n  byKey.set(key, Block);\n  return Block;\n}\n\nconst fallbackPageCache = new WeakMap<Theme, ComponentType<any>>();\n\nfunction fallbackPage(theme: Theme): ComponentType<any> {\n  const cached = fallbackPageCache.get(theme);\n  if (cached) return cached;\n\n  function Page(props: DocumentPageProps) {\n    return createElement(DocumentPage, { ...props, fallbackTheme: theme });\n  }\n  Page.displayName = 'DocumentPage(fallback)';\n  fallbackPageCache.set(theme, Page);\n  return Page;\n}\n\n/**\n * Registry → Puck `Config` (mesmo config no editor, viewer e PDF). Replace-by-key;\n * `root.render` embrulha tudo no PageFrame do documento, que lê o tema do contexto.\n */\nexport function buildConfig(registry: Registry, options: BuildConfigOptions = {}): Config {\n  const { theme } = options;\n\n  const byKey = new Map<string, BlockEntry>();\n  registry.forEach(entry => {\n    byKey.set(entry.key, entry);\n  });\n\n  const components: Record<string, ComponentConfig<any>> = {};\n  const categoryMap: Record<string, string[]> = {};\n\n  byKey.forEach((entry, key) => {\n    const { fields, defaultProps, component: Component } = entry;\n\n    components[key] = {\n      label: entry.label ?? key,\n      fields,\n      defaultProps,\n      ...(entry.permissions && { permissions: entry.permissions }),\n      render: blockRender(key, Component as ComponentType<any>)\n    } as ComponentConfig<any>;\n\n    const category = entry.category ?? 'other';\n    if (!categoryMap[category]) categoryMap[category] = [];\n    categoryMap[category].push(key);\n  });\n\n  const categories: NonNullable<Config['categories']> = {};\n  Object.keys(categoryMap).forEach(name => {\n    categories[name] = { components: categoryMap[name] };\n  });\n\n  const root: Config['root'] = {\n    label: 'Página',\n    fields: {\n      placeholder: {\n        type: 'custom',\n        render: () => createElement(PanelPlaceholder, null, 'Selecione um bloco para editar suas propriedades.')\n      }\n    },\n    render: (theme ? fallbackPage(theme) : DocumentPage) as NonNullable<Config['root']>['render']\n  };\n\n  return { root, components, categories } as Config;\n}\n"]}

package/dist/chunk-FKX46GKE.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var core = require('@puckeditor/core');
+
+
+
+Object.defineProperty(exports, "ActionBar", {
+  enumerable: true,
+  get: function () { return core.ActionBar; }
+});
+Object.defineProperty(exports, "Puck", {
+  enumerable: true,
+  get: function () { return core.Puck; }
+});
+Object.defineProperty(exports, "Render", {
+  enumerable: true,
+  get: function () { return core.Render; }
+});
+Object.defineProperty(exports, "createUsePuck", {
+  enumerable: true,
+  get: function () { return core.createUsePuck; }
+});
+Object.defineProperty(exports, "registerOverlayPortal", {
+  enumerable: true,
+  get: function () { return core.registerOverlayPortal; }
+});
+Object.defineProperty(exports, "useGetPuck", {
+  enumerable: true,
+  get: function () { return core.useGetPuck; }
+});
+Object.defineProperty(exports, "usePuck", {
+  enumerable: true,
+  get: function () { return core.usePuck; }
+});
+//# sourceMappingURL=chunk-FKX46GKE.cjs.map
+//# sourceMappingURL=chunk-FKX46GKE.cjs.map

package/dist/chunk-FKX46GKE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-FKX46GKE.cjs","sourcesContent":[]}

package/dist/chunk-GVBGVF6Y.js

@@ -0,0 +1,3 @@
+export { ActionBar, Puck, Render, createUsePuck, registerOverlayPortal, useGetPuck, usePuck } from '@puckeditor/core';
+//# sourceMappingURL=chunk-GVBGVF6Y.js.map
+//# sourceMappingURL=chunk-GVBGVF6Y.js.map

package/dist/{chunk-SY4NYXKN.js.map → chunk-GVBGVF6Y.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-SY4NYXKN.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-GVBGVF6Y.js","sourcesContent":[]}