vobi_document 1.0.2 → 1.1.0

package/dist/chunk-IUDN2CGP.js

@@ -0,0 +1,863 @@
+import { TextIcon, HeadingIcon, ListIcon, QuoteIcon, ButtonIcon, DividerIcon, SpacerIcon, ImageIcon, ImageGridIcon, TwoColumnsIcon, ImageTextIcon, IconTextIcon, TableIcon, PageBreakIcon } from './chunk-QYBWIJXZ.js';
+import { devWarn } from './chunk-ZOJBDFKU.js';
+import { CHIP_CLASS, INVALID_CHIP_CLASS, resolveVariableHtml } from './chunk-JEVWEGSE.js';
+import { useResolvedVariables, useCatalog, useUnresolvedDisplay } from './chunk-M2TPAU2F.js';
+import { z } from 'zod';
+import styled4 from 'styled-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/blocks/defineBlock.ts
+function defineBlock(entry) {
+  return entry;
+}
+var Prose = styled4.div`
+  > :first-child {
+    margin-top: 0;
+  }
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  p,
+  ul,
+  ol {
+    margin: 0 0 8px;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4 {
+    margin: 0 0 8px;
+    line-height: 1.25;
+  }
+
+  a {
+    color: var(--doc-brand, #005ac3);
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  .${CHIP_CLASS} {
+    padding: 1px 6px;
+    border-radius: 4px;
+    background: color-mix(in srgb, var(--doc-brand, #005ac3) 12%, transparent);
+    color: var(--doc-brand, #005ac3);
+    font-size: 0.94em;
+    white-space: nowrap;
+  }
+
+  .${INVALID_CHIP_CLASS} {
+    background: #fdecea;
+    color: #b4341b;
+  }
+`;
+function RichText({ html = "", editing = false, as, className }) {
+  const resolved = useResolvedVariables();
+  const catalog = useCatalog();
+  const unresolved = useUnresolvedDisplay();
+  return /* @__PURE__ */ jsx(
+    Prose,
+    {
+      as,
+      className,
+      dangerouslySetInnerHTML: {
+        __html: resolveVariableHtml(html, resolved, { keepChip: editing, catalog, unresolved })
+      }
+    }
+  );
+}
+var TextBlock = defineBlock({
+  key: "Text",
+  label: "Texto",
+  category: "Conte\xFAdo",
+  icon: /* @__PURE__ */ jsx(TextIcon, {}),
+  fields: {
+    content: { type: "textarea", label: "Conte\xFAdo (HTML)" }
+  },
+  propsSchema: z.object({ content: z.string() }),
+  defaultProps: { content: "<p>Escreva o texto do documento aqui.</p>" },
+  component: ({ content, puck }) => /* @__PURE__ */ jsx(RichText, { html: content, editing: puck?.isEditing })
+});
+var HeadingBlock = defineBlock({
+  key: "Heading",
+  label: "T\xEDtulo",
+  category: "Conte\xFAdo",
+  icon: /* @__PURE__ */ jsx(HeadingIcon, {}),
+  fields: {
+    text: { type: "text", label: "T\xEDtulo" },
+    level: {
+      type: "select",
+      label: "N\xEDvel",
+      options: [
+        { label: "T\xEDtulo 1", value: 1 },
+        { label: "T\xEDtulo 2", value: 2 },
+        { label: "T\xEDtulo 3", value: 3 },
+        { label: "T\xEDtulo 4", value: 4 }
+      ]
+    }
+  },
+  propsSchema: z.object({ text: z.string(), level: z.union([z.literal(1), z.literal(2), z.literal(3), z.literal(4)]) }),
+  defaultProps: { text: "T\xEDtulo da se\xE7\xE3o", level: 2 },
+  component: ({ text, level, puck }) => /* @__PURE__ */ jsx(RichText, { as: `h${level ?? 2}`, html: text, editing: puck?.isEditing })
+});
+var List = styled4.ul`
+  margin: 0;
+  padding-left: 22px;
+
+  li {
+    margin-bottom: 4px;
+  }
+  li::marker {
+    color: var(--doc-brand, #005ac3);
+  }
+`;
+var ListBlock = defineBlock({
+  key: "List",
+  label: "Lista",
+  category: "Conte\xFAdo",
+  icon: /* @__PURE__ */ jsx(ListIcon, {}),
+  fields: {
+    ordered: {
+      type: "radio",
+      label: "Marcador",
+      options: [
+        { label: "Bolinha", value: false },
+        { label: "Numerada", value: true }
+      ]
+    },
+    items: {
+      type: "array",
+      label: "Itens",
+      getItemSummary: (item, index) => item?.text || `Item ${(index ?? 0) + 1}`,
+      arrayFields: { text: { type: "text", label: "Texto" } },
+      defaultItemProps: { text: "Novo item" }
+    }
+  },
+  propsSchema: z.object({ items: z.array(z.object({ text: z.string() })), ordered: z.boolean() }),
+  defaultProps: {
+    ordered: false,
+    items: [{ text: "Primeiro item" }, { text: "Segundo item" }]
+  },
+  component: ({ items = [], ordered, puck }) => /* @__PURE__ */ jsx(List, { as: ordered ? "ol" : "ul", children: items.map((item, index) => (
+    // eslint-disable-next-line react/no-array-index-key -- o item não tem id próprio; a ordem é a identidade
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(RichText, { as: "span", html: item?.text, editing: puck?.isEditing }) }, index)
+  )) })
+});
+var Callout = styled4.blockquote`
+  margin: 0;
+  padding: 12px 0 12px 16px;
+  border-left: 3px solid var(--doc-brand, #005ac3);
+`;
+var Author = styled4.footer`
+  margin-top: 6px;
+  font-size: 0.9em;
+  opacity: 0.75;
+`;
+var QuoteBlock = defineBlock({
+  key: "Quote",
+  label: "Destaque",
+  category: "Conte\xFAdo",
+  icon: /* @__PURE__ */ jsx(QuoteIcon, {}),
+  fields: {
+    content: { type: "textarea", label: "Texto (HTML)" },
+    author: { type: "text", label: "Autor (opcional)" }
+  },
+  propsSchema: z.object({ content: z.string(), author: z.string().optional() }),
+  defaultProps: { content: "<p>Texto em destaque.</p>", author: "" },
+  component: ({ content, author, puck }) => /* @__PURE__ */ jsxs(Callout, { children: [
+    /* @__PURE__ */ jsx(RichText, { html: content, editing: puck?.isEditing }),
+    author ? /* @__PURE__ */ jsx(Author, { children: author }) : null
+  ] })
+});
+var SIZE_WIDTH = { small: "33%", medium: "66%", large: "100%" };
+var GAP_PX = { none: 0, small: 8, medium: 16, large: 24 };
+var Placeholder = styled4.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 64px;
+  padding: 16px;
+  border: 1px dashed #c3c9d2;
+  border-radius: 8px;
+  color: #9aa3af;
+  font-size: 13px;
+  text-align: center;
+`;
+var LinkButton = styled4.a`
+  display: inline-block;
+  padding: 8px 16px;
+  border-radius: 6px;
+  background: var(--doc-brand, #1a56db);
+  color: #fff;
+  text-decoration: none;
+  font-weight: 500;
+`;
+var PageBreakMark = styled4.div`
+  break-after: page;
+  margin: 8px 0;
+  border-top: 1px dashed #c3c9d2;
+  text-align: center;
+  color: #9aa3af;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+`;
+var SlotColumn = styled4.div`
+  flex: ${(props) => props.$basis} 1 0;
+  min-width: 0;
+`;
+var Row = styled4.div`
+  display: flex;
+  gap: ${(props) => props.$gap}px;
+  align-items: ${(props) => props.$align ?? "flex-start"};
+`;
+var renderSlot = (slot) => typeof slot === "function" ? slot() : null;
+var ButtonBlock = defineBlock({
+  key: "Button",
+  label: "Bot\xE3o",
+  category: "Conte\xFAdo",
+  icon: /* @__PURE__ */ jsx(ButtonIcon, {}),
+  fields: {
+    text: { type: "text", label: "Texto do bot\xE3o", contentEditable: true },
+    href: { type: "text", label: "Link ao clicar" }
+  },
+  propsSchema: z.object({ text: z.string(), href: z.string() }),
+  defaultProps: { text: "Clique aqui", href: "#" },
+  component: ({ text, href }) => /* @__PURE__ */ jsx(LinkButton, { href: href || "#", target: "_blank", rel: "noopener noreferrer", children: text })
+});
+var Rule = styled4.hr`
+  border: none;
+  border-top: 1px ${(props) => props.$variant} currentColor;
+  opacity: 0.25;
+  margin: ${(props) => props.$spacing}px 0;
+`;
+var DividerBlock = defineBlock({
+  key: "Divider",
+  label: "Divisor",
+  category: "Conte\xFAdo",
+  icon: /* @__PURE__ */ jsx(DividerIcon, {}),
+  fields: {
+    variant: {
+      type: "select",
+      label: "Tra\xE7o",
+      options: [
+        { label: "Cont\xEDnuo", value: "solid" },
+        { label: "Tracejado", value: "dashed" },
+        { label: "Pontilhado", value: "dotted" }
+      ]
+    },
+    spacing: {
+      type: "select",
+      label: "Espa\xE7amento",
+      options: [
+        { label: "Nenhum", value: "none" },
+        { label: "Pequeno", value: "small" },
+        { label: "M\xE9dio", value: "medium" },
+        { label: "Grande", value: "large" }
+      ]
+    }
+  },
+  propsSchema: z.object({
+    variant: z.enum(["solid", "dashed", "dotted"]),
+    spacing: z.enum(["none", "small", "medium", "large"])
+  }),
+  defaultProps: { variant: "solid", spacing: "medium" },
+  component: ({ variant, spacing }) => /* @__PURE__ */ jsx(Rule, { $variant: variant ?? "solid", $spacing: GAP_PX[spacing] ?? 16 })
+});
+var Gap = styled4.div`
+  height: ${(props) => props.$height}px;
+  ${(props) => props.$editing ? "border: 1px dashed #dbe0e6; border-radius: 4px;" : ""}
+`;
+var SpacerBlock = defineBlock({
+  key: "Spacer",
+  label: "Espa\xE7o",
+  category: "Conte\xFAdo",
+  icon: /* @__PURE__ */ jsx(SpacerIcon, {}),
+  fields: {
+    height: { type: "number", label: "Altura (px)", min: 4, max: 400 }
+  },
+  propsSchema: z.object({ height: z.number().int().min(1).max(600) }),
+  defaultProps: { height: 24 },
+  component: ({ height, puck }) => /* @__PURE__ */ jsx(Gap, { $height: height ?? 24, $editing: Boolean(puck?.isEditing) })
+});
+var Figure = styled4.figure`
+  margin: 0;
+`;
+var Caption = styled4.figcaption`
+  margin-top: 6px;
+  font-size: 0.85em;
+  opacity: 0.7;
+`;
+var ImageBlock = defineBlock({
+  key: "Image",
+  label: "Imagem",
+  category: "M\xEDdia",
+  icon: /* @__PURE__ */ jsx(ImageIcon, {}),
+  fields: {
+    src: { type: "text", label: "Imagem (URL)" },
+    alt: { type: "text", label: "Texto alternativo" },
+    caption: { type: "text", label: "Legenda (opcional)" },
+    size: {
+      type: "select",
+      label: "Tamanho",
+      options: [
+        { label: "Pequeno", value: "small" },
+        { label: "M\xE9dio", value: "medium" },
+        { label: "Grande", value: "large" }
+      ]
+    },
+    opacity: { type: "number", label: "Opacidade (%)", min: 0, max: 100 }
+  },
+  propsSchema: z.object({
+    src: z.string(),
+    alt: z.string(),
+    caption: z.string().optional(),
+    size: z.enum(["small", "medium", "large"]),
+    opacity: z.number().min(0).max(100)
+  }),
+  defaultProps: { src: "", alt: "", caption: "", size: "medium", opacity: 100 },
+  component: ({ src, alt, caption, size, opacity, puck }) => {
+    if (!src) return puck?.isEditing ? /* @__PURE__ */ jsx(Placeholder, { children: "Informe a URL da imagem" }) : null;
+    return /* @__PURE__ */ jsxs(Figure, { children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: alt ?? "",
+          style: { width: SIZE_WIDTH[size] ?? "66%", maxWidth: "100%", opacity: (opacity ?? 100) / 100 }
+        }
+      ),
+      caption ? /* @__PURE__ */ jsx(Caption, { children: caption }) : null
+    ] });
+  }
+});
+var RATIO = {
+  square: "1 / 1",
+  landscape: "4 / 3",
+  portrait: "3 / 4",
+  auto: void 0
+};
+var Grid = styled4.div`
+  display: grid;
+  grid-template-columns: repeat(${(props) => props.$columns}, 1fr);
+  gap: ${(props) => props.$gap}px;
+`;
+var Cell = styled4.img`
+  width: 100%;
+  height: ${(props) => props.$ratio ? "100%" : "auto"};
+  aspect-ratio: ${(props) => props.$ratio ?? "auto"};
+  object-fit: ${(props) => props.$ratio ? "cover" : "contain"};
+  display: block;
+`;
+var ImageGridBlock = defineBlock({
+  key: "ImageGrid",
+  label: "Grade de imagens",
+  category: "M\xEDdia",
+  icon: /* @__PURE__ */ jsx(ImageGridIcon, {}),
+  fields: {
+    images: {
+      type: "array",
+      label: "Imagens",
+      getItemSummary: (item, index) => item?.alt || item?.src || `Imagem ${(index ?? 0) + 1}`,
+      arrayFields: {
+        src: { type: "text", label: "URL" },
+        alt: { type: "text", label: "Texto alternativo" }
+      },
+      defaultItemProps: { src: "", alt: "" }
+    },
+    columns: { type: "number", label: "Colunas", min: 1, max: 4 },
+    gap: {
+      type: "select",
+      label: "Espa\xE7amento",
+      options: [
+        { label: "Nenhum", value: "none" },
+        { label: "Pequeno", value: "small" },
+        { label: "M\xE9dio", value: "medium" },
+        { label: "Grande", value: "large" }
+      ]
+    },
+    ratio: {
+      type: "select",
+      label: "Propor\xE7\xE3o",
+      options: [
+        { label: "Quadrada", value: "square" },
+        { label: "Paisagem", value: "landscape" },
+        { label: "Retrato", value: "portrait" },
+        { label: "Original", value: "auto" }
+      ]
+    }
+  },
+  propsSchema: z.object({
+    images: z.array(z.object({ src: z.string(), alt: z.string().optional() })),
+    columns: z.number().int().min(1).max(4),
+    gap: z.enum(["none", "small", "medium", "large"]),
+    ratio: z.enum(["square", "landscape", "portrait", "auto"])
+  }),
+  defaultProps: { images: [], columns: 2, gap: "small", ratio: "square" },
+  component: ({ images = [], columns, gap, ratio, puck }) => {
+    const filled = images.filter((image) => image?.src);
+    if (!filled.length) return puck?.isEditing ? /* @__PURE__ */ jsx(Placeholder, { children: "Adicione imagens \xE0 grade" }) : null;
+    return /* @__PURE__ */ jsx(Grid, { $columns: columns ?? 2, $gap: GAP_PX[gap] ?? 8, children: filled.map((image, index) => (
+      // eslint-disable-next-line react/no-array-index-key -- a imagem não tem id próprio; a ordem é a identidade
+      /* @__PURE__ */ jsx(Cell, { src: image.src, alt: image.alt ?? "", $ratio: RATIO[ratio ?? "square"] }, index)
+    )) });
+  }
+});
+var slotSchema = z.array(z.unknown()).optional();
+var TwoColumnsBlock = defineBlock({
+  key: "TwoColumns",
+  label: "Duas colunas",
+  category: "Layout",
+  icon: /* @__PURE__ */ jsx(TwoColumnsIcon, {}),
+  fields: {
+    left: { type: "slot", label: "Coluna esquerda" },
+    right: { type: "slot", label: "Coluna direita" },
+    ratio: { type: "number", label: "Largura da esquerda (%)", min: 20, max: 80 },
+    gap: {
+      type: "select",
+      label: "Espa\xE7amento",
+      options: [
+        { label: "Nenhum", value: "none" },
+        { label: "Pequeno", value: "small" },
+        { label: "M\xE9dio", value: "medium" },
+        { label: "Grande", value: "large" }
+      ]
+    },
+    align: {
+      type: "radio",
+      label: "Alinhamento vertical",
+      options: [
+        { label: "Topo", value: "start" },
+        { label: "Centro", value: "center" }
+      ]
+    }
+  },
+  propsSchema: z.object({
+    left: slotSchema,
+    right: slotSchema,
+    ratio: z.number().min(0).max(100),
+    gap: z.enum(["none", "small", "medium", "large"]),
+    align: z.enum(["start", "center"])
+  }),
+  defaultProps: { ratio: 50, gap: "medium", align: "start" },
+  component: ({ left, right, ratio = 50, gap, align }) => /* @__PURE__ */ jsxs(Row, { $gap: GAP_PX[gap] ?? 16, $align: align === "center" ? "center" : "flex-start", children: [
+    /* @__PURE__ */ jsx(SlotColumn, { $basis: ratio, children: renderSlot(left) }),
+    /* @__PURE__ */ jsx(SlotColumn, { $basis: 100 - ratio, children: renderSlot(right) })
+  ] })
+});
+var slotSchema2 = z.array(z.unknown()).optional();
+var ImageTextBlock = defineBlock({
+  key: "ImageText",
+  label: "Imagem e texto",
+  category: "Layout",
+  icon: /* @__PURE__ */ jsx(ImageTextIcon, {}),
+  fields: {
+    image: { type: "slot", label: "Imagem", allow: ["Image", "ImageGrid"] },
+    text: { type: "slot", label: "Texto", allow: ["Text", "Heading", "List", "Quote", "Button"] },
+    ratio: { type: "number", label: "Largura da imagem (%)", min: 20, max: 80 },
+    imageRight: {
+      type: "radio",
+      label: "Posi\xE7\xE3o da imagem",
+      options: [
+        { label: "Esquerda", value: false },
+        { label: "Direita", value: true }
+      ]
+    },
+    gap: {
+      type: "select",
+      label: "Espa\xE7amento",
+      options: [
+        { label: "Nenhum", value: "none" },
+        { label: "Pequeno", value: "small" },
+        { label: "M\xE9dio", value: "medium" },
+        { label: "Grande", value: "large" }
+      ]
+    }
+  },
+  propsSchema: z.object({
+    image: slotSchema2,
+    text: slotSchema2,
+    ratio: z.number().min(0).max(100),
+    imageRight: z.boolean(),
+    gap: z.enum(["none", "small", "medium", "large"])
+  }),
+  defaultProps: {
+    ratio: 40,
+    imageRight: false,
+    gap: "medium",
+    image: [{ type: "Image", props: {} }],
+    text: [{ type: "Text", props: {} }]
+  },
+  component: ({ image, text, ratio = 40, imageRight, gap }) => {
+    const imageColumn = /* @__PURE__ */ jsx(SlotColumn, { $basis: ratio, children: renderSlot(image) });
+    const textColumn = /* @__PURE__ */ jsx(SlotColumn, { $basis: 100 - ratio, children: renderSlot(text) });
+    return /* @__PURE__ */ jsxs(Row, { $gap: GAP_PX[gap] ?? 16, children: [
+      imageRight ? textColumn : imageColumn,
+      imageRight ? imageColumn : textColumn
+    ] });
+  }
+});
+var SOCIAL = "Social e contato";
+var ACTIONS = "A\xE7\xF5es";
+var NAV = "Navega\xE7\xE3o";
+var TIME_PLACE = "Tempo e local";
+var GENERAL = "Gerais";
+var CONTENT_ICON_CATALOG = {
+  whatsapp: {
+    label: "WhatsApp",
+    group: SOCIAL,
+    variant: "fill",
+    viewBox: "0 0 448 512",
+    inner: '<path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/>'
+  },
+  instagram: {
+    label: "Instagram",
+    group: SOCIAL,
+    variant: "fill",
+    viewBox: "0 0 448 512",
+    inner: '<path d="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: {
+    label: "Facebook",
+    group: SOCIAL,
+    variant: "fill",
+    viewBox: "0 0 320 512",
+    inner: '<path d="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"/>'
+  },
+  email: {
+    label: "E-mail",
+    group: SOCIAL,
+    viewBox: "0 0 24 24",
+    inner: '<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" />'
+  },
+  telefone: {
+    label: "Telefone",
+    group: SOCIAL,
+    viewBox: "0 0 24 24",
+    inner: '<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" />'
+  },
+  link: {
+    label: "Link",
+    group: SOCIAL,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />'
+  },
+  download: {
+    label: "Download",
+    group: ACTIONS,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M12 15V3" /><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><path d="m7 10 5 5 5-5" />'
+  },
+  check: {
+    label: "Check",
+    group: ACTIONS,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M20 6 9 17l-5-5" />'
+  },
+  enviar: {
+    label: "Enviar",
+    group: ACTIONS,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" /><path d="m21.854 2.147-10.94 10.939" />'
+  },
+  cifrao: {
+    label: "Cifr\xE3o",
+    group: ACTIONS,
+    viewBox: "0 0 24 24",
+    inner: '<line x1="12" x2="12" y1="2" y2="22" /><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />'
+  },
+  "seta-esquerda": {
+    label: "Seta esquerda",
+    group: NAV,
+    viewBox: "0 0 24 24",
+    inner: '<path d="m12 19-7-7 7-7" /><path d="M19 12H5" />'
+  },
+  "seta-direita": {
+    label: "Seta direita",
+    group: NAV,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M5 12h14" /><path d="m12 5 7 7-7 7" />'
+  },
+  "link-externo": {
+    label: "Link externo",
+    group: NAV,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M15 3h6v6" /><path d="M10 14 21 3" /><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />'
+  },
+  calendario: {
+    label: "Calend\xE1rio",
+    group: TIME_PLACE,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M8 2v3" /><path d="M16 2v3" /><rect x="3" y="3" width="18" height="18" rx="2" /><path d="M3 9h18" />'
+  },
+  relogio: {
+    label: "Rel\xF3gio",
+    group: TIME_PLACE,
+    viewBox: "0 0 24 24",
+    inner: '<circle cx="12" cy="12" r="10" /><path d="M12 6v6l4 2" />'
+  },
+  localizacao: {
+    label: "Localiza\xE7\xE3o",
+    group: TIME_PLACE,
+    viewBox: "0 0 24 24",
+    inner: '<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" />'
+  },
+  predio: {
+    label: "Pr\xE9dio",
+    group: TIME_PLACE,
+    viewBox: "0 0 24 24",
+    inner: '<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" />'
+  },
+  estrela: {
+    label: "Estrela",
+    group: GENERAL,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" />'
+  },
+  coracao: {
+    label: "Cora\xE7\xE3o",
+    group: GENERAL,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5" />'
+  },
+  globo: {
+    label: "Globo",
+    group: GENERAL,
+    viewBox: "0 0 24 24",
+    inner: '<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" />'
+  },
+  usuario: {
+    label: "Usu\xE1rio",
+    group: GENERAL,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" />'
+  },
+  arquivo: {
+    label: "Arquivo",
+    group: GENERAL,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" /><path d="M14 2v5a1 1 0 0 0 1 1h5" />'
+  },
+  imagem: {
+    label: "Imagem",
+    group: GENERAL,
+    viewBox: "0 0 24 24",
+    inner: '<rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />'
+  },
+  camera: {
+    label: "C\xE2mera",
+    group: GENERAL,
+    viewBox: "0 0 24 24",
+    inner: '<path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" /><circle cx="12" cy="13" r="3" />'
+  }
+};
+var CONTENT_ICON_NAMES = Object.keys(CONTENT_ICON_CATALOG);
+function ContentIcon({
+  name,
+  size = "1em",
+  color = "currentColor",
+  strokeWidth = 2,
+  style,
+  className
+}) {
+  const def = name ? CONTENT_ICON_CATALOG[name] : void 0;
+  if (!def) return null;
+  const stroked = def.variant !== "fill";
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: def.viewBox,
+      fill: stroked ? "none" : color,
+      ...stroked ? { stroke: color, strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" } : {},
+      "aria-hidden": "true",
+      focusable: "false",
+      className,
+      style: { display: "inline-block", verticalAlign: "-0.125em", flexShrink: 0, ...style },
+      dangerouslySetInnerHTML: { __html: def.inner }
+    }
+  );
+}
+var IconSlot = styled4.span`
+  flex: none;
+  color: var(--doc-brand, #005ac3);
+  line-height: 1;
+`;
+var Body = styled4.div`
+  flex: 1;
+  min-width: 0;
+`;
+var IconTextBlock = defineBlock({
+  key: "IconText",
+  label: "\xCDcone e texto",
+  category: "Layout",
+  icon: /* @__PURE__ */ jsx(IconTextIcon, {}),
+  fields: {
+    icon: {
+      type: "select",
+      label: "\xCDcone",
+      options: CONTENT_ICON_NAMES.map((name) => ({ label: CONTENT_ICON_CATALOG[name].label, value: name }))
+    },
+    content: { type: "textarea", label: "Texto (HTML)" },
+    iconSize: { type: "number", label: "Tamanho do \xEDcone (px)", min: 12, max: 96 },
+    iconRight: {
+      type: "radio",
+      label: "Posi\xE7\xE3o do \xEDcone",
+      options: [
+        { label: "Esquerda", value: false },
+        { label: "Direita", value: true }
+      ]
+    },
+    gap: {
+      type: "select",
+      label: "Espa\xE7amento",
+      options: [
+        { label: "Nenhum", value: "none" },
+        { label: "Pequeno", value: "small" },
+        { label: "M\xE9dio", value: "medium" },
+        { label: "Grande", value: "large" }
+      ]
+    }
+  },
+  propsSchema: z.object({
+    icon: z.string(),
+    content: z.string(),
+    iconSize: z.number().int().min(8).max(128),
+    iconRight: z.boolean(),
+    gap: z.enum(["none", "small", "medium", "large"])
+  }),
+  defaultProps: { icon: "check", content: "<p>Descreva o item.</p>", iconSize: 24, iconRight: false, gap: "small" },
+  component: ({ icon, content, iconSize, iconRight, gap, puck }) => {
+    const glyph = /* @__PURE__ */ jsx(IconSlot, { children: /* @__PURE__ */ jsx(ContentIcon, { name: icon, size: iconSize ?? 24 }) });
+    return /* @__PURE__ */ jsxs(Row, { $gap: GAP_PX[gap] ?? 8, $align: "flex-start", children: [
+      iconRight ? null : glyph,
+      /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(RichText, { html: content, editing: puck?.isEditing }) }),
+      iconRight ? glyph : null
+    ] });
+  }
+});
+var Grid2 = styled4.table`
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.95em;
+
+  th,
+  td {
+    padding: 8px 10px;
+    border-bottom: 1px solid rgba(127, 137, 152, 0.28);
+    text-align: left;
+    vertical-align: top;
+  }
+
+  th {
+    font-weight: 600;
+    background: color-mix(in srgb, var(--doc-brand, #005ac3) 8%, transparent);
+  }
+`;
+var TableBlock = defineBlock({
+  key: "Table",
+  label: "Tabela",
+  category: "Dados",
+  icon: /* @__PURE__ */ jsx(TableIcon, {}),
+  fields: {
+    headerRow: {
+      type: "radio",
+      label: "Primeira linha \xE9 cabe\xE7alho",
+      options: [
+        { label: "Sim", value: true },
+        { label: "N\xE3o", value: false }
+      ]
+    },
+    rows: {
+      type: "array",
+      label: "Linhas",
+      getItemSummary: (row, index) => row?.cells?.map((cell) => cell?.value).filter(Boolean).join(" \xB7 ") || `Linha ${(index ?? 0) + 1}`,
+      arrayFields: {
+        cells: {
+          type: "array",
+          label: "C\xE9lulas",
+          getItemSummary: (cell, index) => cell?.value || `Coluna ${(index ?? 0) + 1}`,
+          arrayFields: { value: { type: "text", label: "Conte\xFAdo" } },
+          defaultItemProps: { value: "" }
+        }
+      },
+      defaultItemProps: { cells: [{ value: "" }, { value: "" }] }
+    }
+  },
+  propsSchema: z.object({
+    rows: z.array(z.object({ cells: z.array(z.object({ value: z.string() })) })),
+    headerRow: z.boolean()
+  }),
+  defaultProps: {
+    headerRow: true,
+    rows: [{ cells: [{ value: "Item" }, { value: "Valor" }] }, { cells: [{ value: "Exemplo" }, { value: "R$ 0,00" }] }]
+  },
+  component: ({ rows = [], headerRow, puck }) => {
+    if (!rows.length) return puck?.isEditing ? /* @__PURE__ */ jsx(Placeholder, { children: "Adicione linhas \xE0 tabela" }) : null;
+    const [first, ...rest] = rows;
+    const body = headerRow ? rest : rows;
+    return /* @__PURE__ */ jsxs(Grid2, { children: [
+      headerRow ? /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: (first?.cells ?? []).map((cell, index) => (
+        // eslint-disable-next-line react/no-array-index-key -- a célula não tem id; a posição é a identidade
+        /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(RichText, { as: "span", html: cell?.value, editing: puck?.isEditing }) }, index)
+      )) }) }) : null,
+      /* @__PURE__ */ jsx("tbody", { children: body.map((row, rowIndex) => (
+        // eslint-disable-next-line react/no-array-index-key -- idem
+        /* @__PURE__ */ jsx("tr", { children: (row?.cells ?? []).map((cell, cellIndex) => (
+          // eslint-disable-next-line react/no-array-index-key -- idem
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(RichText, { as: "span", html: cell?.value, editing: puck?.isEditing }) }, cellIndex)
+        )) }, rowIndex)
+      )) })
+    ] });
+  }
+});
+var PageBreakBlock = defineBlock({
+  key: "PageBreak",
+  label: "Quebra de p\xE1gina",
+  category: "Estrutura",
+  icon: /* @__PURE__ */ jsx(PageBreakIcon, {}),
+  fields: {},
+  propsSchema: z.object({}),
+  component: ({ puck }) => puck?.isEditing ? /* @__PURE__ */ jsx(PageBreakMark, { children: "Quebra de p\xE1gina" }) : null
+});
+
+// src/blocks/defaults.tsx
+var defaultBlocks = [
+  TextBlock,
+  HeadingBlock,
+  ListBlock,
+  QuoteBlock,
+  ButtonBlock,
+  DividerBlock,
+  SpacerBlock,
+  ImageBlock,
+  ImageGridBlock,
+  TwoColumnsBlock,
+  ImageTextBlock,
+  IconTextBlock,
+  TableBlock,
+  PageBreakBlock
+];
+var blocksByKey = Object.fromEntries(
+  defaultBlocks.map((block) => [block.key, block])
+);
+
+// src/blocks/overrideBlock.ts
+function overrideBlock(key, patch = {}) {
+  const base = blocksByKey[key];
+  if (!base) {
+    devWarn(
+      `override-unknown-block:${key}`,
+      `overrideBlock('${key}') n\xE3o achou bloco default com essa key \u2014 nada foi herdado. Bloco que \xE9 s\xF3 do host se declara com defineBlock.`
+    );
+  }
+  return { ...base, key, ...patch };
+}
+
+export { ButtonBlock, CONTENT_ICON_CATALOG, CONTENT_ICON_NAMES, ContentIcon, DividerBlock, HeadingBlock, IconTextBlock, ImageBlock, ImageGridBlock, ImageTextBlock, ListBlock, PageBreakBlock, QuoteBlock, RichText, SpacerBlock, TableBlock, TextBlock, TwoColumnsBlock, blocksByKey, defaultBlocks, defineBlock, overrideBlock };
+//# sourceMappingURL=chunk-IUDN2CGP.js.map
+//# sourceMappingURL=chunk-IUDN2CGP.js.map