@brunoalz/smartgesti-site-editor 1.13.0 → 1.14.0

package/dist/editor/BlockPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockPalette.d.ts","sourceRoot":"","sources":["../../src/editor/BlockPalette.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,SAAS,EAAmB,MAAM,WAAW,CAAC;AAyBvD,UAAU,iBAAiB;IACzB,UAAU,EAAE,CACV,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,qBAAqB,EACrB,aAAa,EACb,kBAAkB,GACnB,EAAE,iBAAiB,2CAiJnB"}
+{"version":3,"file":"BlockPalette.d.ts","sourceRoot":"","sources":["../../src/editor/BlockPalette.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,SAAS,EAAmB,MAAM,WAAW,CAAC;AA0BvD,UAAU,iBAAiB;IACzB,UAAU,EAAE,CACV,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,qBAAqB,EACrB,aAAa,EACb,kBAAkB,GACnB,EAAE,iBAAiB,2CA0JnB"}

package/dist/editor/BlockPalette.js

@@ -1,9 +1,10 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { useState as w, useMemo as i } from "react";
 import { cn as d } from "../utils/cn.js";
 import { getBlockIcon as B } from "../utils/blockIcons.js";
 import { Search as C } from "lucide-react";
-import { componentRegistry as E } from "../engine/registry/registry.js";
+import { DraggablePaletteItem as E } from "./dnd/DraggablePaletteItem.js";
+import { componentRegistry as O } from "../engine/registry/registry.js";
 const y = [
   "Banner e Navegação",
   "Marketing",
@@ -17,43 +18,43 @@ const y = [
   "Texto e Mídia",
   "Estrutura",
   "Formulários"
-], O = /* @__PURE__ */ new Set(["navbar", "footer"]);
-function q({
-  onAddBlock: p,
-  selectedParentBlockId: b,
+], A = /* @__PURE__ */ new Set(["navbar", "footer"]);
+function M({
+  onAddBlock: b,
+  selectedParentBlockId: p,
   activePlugins: u,
   existingBlockTypes: x
 }) {
-  const [n, h] = w(""), g = i(() => E.getAll().filter((e) => !(e.isChildBlock || e.pluginId && !u?.includes(e.pluginId))), [u]), c = i(() => {
+  const [n, h] = w(""), g = i(() => O.getAll().filter((e) => !(e.isChildBlock || e.pluginId && !u?.includes(e.pluginId))), [u]), c = i(() => {
     const e = n.toLowerCase().trim(), t = {};
     for (const r of g) {
       if (e) {
         const a = r.name.toLowerCase().includes(e), v = r.description.toLowerCase().includes(e), N = r.type.toLowerCase().includes(e);
         if (!a && !v && !N) continue;
       }
-      const o = r.userCategory || "Outros";
-      t[o] || (t[o] = []), t[o].push(r);
+      const s = r.userCategory || "Outros";
+      t[s] || (t[s] = []), t[s].push(r);
     }
     return t;
   }, [g, n]), f = i(() => Object.keys(c).sort((t, r) => {
-    const o = y.indexOf(t), a = y.indexOf(r);
-    return o === -1 && a === -1 ? t.localeCompare(r) : o === -1 ? 1 : a === -1 ? -1 : o - a;
+    const s = y.indexOf(t), a = y.indexOf(r);
+    return s === -1 && a === -1 ? t.localeCompare(r) : s === -1 ? 1 : a === -1 ? -1 : s - a;
   }), [c]), k = (e) => {
-    p(e, b || void 0);
+    b(e, p || void 0);
   }, m = Object.values(c).reduce(
     (e, t) => e + t.length,
     0
   );
   return /* @__PURE__ */ l("div", { className: "h-full flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ l("div", { className: "flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900", children: [
-      /* @__PURE__ */ s("h2", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: "Adicionar Bloco" }),
+      /* @__PURE__ */ o("h2", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: "Adicionar Bloco" }),
       /* @__PURE__ */ l("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
         m,
         " blocos disponíveis"
       ] }),
       /* @__PURE__ */ l("div", { className: "relative mt-2", children: [
-        /* @__PURE__ */ s(C, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(C, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
+        /* @__PURE__ */ o(
           "input",
           {
             type: "text",
@@ -74,38 +75,45 @@ function q({
       f.map((e) => {
         const t = c[e];
         return !t || t.length === 0 ? null : /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ s("h3", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide mb-2", children: e }),
-          /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-2", children: t.map((r) => {
-            const a = O.has(r.type) && x?.includes(r.type);
-            return /* @__PURE__ */ l(
-              "button",
+          /* @__PURE__ */ o("h3", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide mb-2", children: e }),
+          /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-2", children: t.map((r) => {
+            const a = A.has(r.type) && x?.includes(r.type);
+            return /* @__PURE__ */ o(
+              E,
               {
-                onClick: () => !a && k(r.type),
+                blockType: r.type,
                 disabled: !!a,
-                className: d(
-                  "flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all",
-                  a ? "opacity-40 cursor-not-allowed bg-gray-100 dark:bg-gray-800 border-gray-200 dark:border-gray-700" : d(
-                    "bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 cursor-pointer",
-                    "hover:border-blue-500 dark:hover:border-blue-500 hover:bg-blue-50 dark:hover:bg-blue-950/20",
-                    "hover:scale-[1.02] active:scale-[0.98]"
-                  )
-                ),
-                title: a ? `${r.name} já existe na página` : r.description,
-                children: [
-                  /* @__PURE__ */ s("div", { className: "text-2xl", children: B(r.type) }),
-                  /* @__PURE__ */ s("div", { className: "text-xs font-medium text-gray-700 dark:text-gray-300 text-center", children: r.name })
-                ]
+                children: /* @__PURE__ */ l(
+                  "button",
+                  {
+                    onClick: () => !a && k(r.type),
+                    disabled: !!a,
+                    className: d(
+                      "flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all w-full",
+                      a ? "opacity-40 cursor-not-allowed bg-gray-100 dark:bg-gray-800 border-gray-200 dark:border-gray-700" : d(
+                        "bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700",
+                        "hover:border-blue-500 dark:hover:border-blue-500 hover:bg-blue-50 dark:hover:bg-blue-950/20",
+                        "hover:scale-[1.02] active:scale-[0.98]"
+                      )
+                    ),
+                    title: a ? `${r.name} já existe na página` : r.description,
+                    children: [
+                      /* @__PURE__ */ o("div", { className: "text-2xl", children: B(r.type) }),
+                      /* @__PURE__ */ o("div", { className: "text-xs font-medium text-gray-700 dark:text-gray-300 text-center", children: r.name })
+                    ]
+                  }
+                )
               },
               r.type
             );
           }) })
         ] }, e);
       }),
-      m === 0 && /* @__PURE__ */ s("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-8", children: n ? "Nenhum bloco encontrado" : "Nenhum bloco disponível" })
+      m === 0 && /* @__PURE__ */ o("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-8", children: n ? "Nenhum bloco encontrado" : "Nenhum bloco disponível" })
     ] })
   ] });
 }
 export {
-  q as BlockPalette
+  M as BlockPalette
 };
 //# sourceMappingURL=BlockPalette.js.map

package/dist/editor/BlockPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockPalette.js","sources":["../../src/editor/BlockPalette.tsx"],"sourcesContent":["/**\n * Block Palette\n * Paleta de blocos disponíveis para adicionar, agrupados por userCategory\n */\n\nimport { useMemo, useState } from \"react\";\nimport { BlockType, BlockDefinition } from \"../engine\";\nimport { componentRegistry } from \"../engine\";\nimport { cn } from \"../utils/cn\";\nimport { getBlockIcon } from \"../utils/blockIcons\";\nimport { Search } from \"lucide-react\";\n\n/** Ordem fixa das categorias na paleta */\nconst CATEGORY_ORDER = [\n  \"Banner e Navegação\",\n  \"Marketing\",\n  \"Prova Social\",\n  \"Galeria e Mídia\",\n  \"Equipe\",\n  \"Institucional\",\n  \"Blog e Notícias\",\n  \"Blog (Plugin)\",\n  \"Educação\",\n  \"Texto e Mídia\",\n  \"Estrutura\",\n  \"Formulários\",\n];\n\n/** Blocos que só podem existir uma vez por página */\nconst UNIQUE_BLOCK_TYPES = new Set<string>([\"navbar\", \"footer\"]);\n\ninterface BlockPaletteProps {\n  onAddBlock: (\n    blockType: BlockType,\n    parentBlockId?: string,\n    position?: number,\n  ) => void;\n  selectedParentBlockId?: string | null;\n  activePlugins?: string[];\n  existingBlockTypes?: string[];\n}\n\nexport function BlockPalette({\n  onAddBlock,\n  selectedParentBlockId,\n  activePlugins,\n  existingBlockTypes,\n}: BlockPaletteProps) {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  // Filtrar blocos disponíveis\n  const availableBlocks = useMemo(() => {\n    return componentRegistry.getAll().filter((def) => {\n      if (def.isChildBlock) return false;\n      if (def.pluginId && !activePlugins?.includes(def.pluginId)) return false;\n      return true;\n    });\n  }, [activePlugins]);\n\n  // Agrupar por userCategory e filtrar por busca\n  const blocksByUserCategory = useMemo(() => {\n    const query = searchQuery.toLowerCase().trim();\n    const groups: Record<string, BlockDefinition[]> = {};\n\n    for (const def of availableBlocks) {\n      // Filtrar por busca\n      if (query) {\n        const matchesName = def.name.toLowerCase().includes(query);\n        const matchesDesc = def.description.toLowerCase().includes(query);\n        const matchesType = def.type.toLowerCase().includes(query);\n        if (!matchesName && !matchesDesc && !matchesType) continue;\n      }\n\n      const cat = def.userCategory || \"Outros\";\n      if (!groups[cat]) groups[cat] = [];\n      groups[cat].push(def);\n    }\n\n    return groups;\n  }, [availableBlocks, searchQuery]);\n\n  // Categorias ordenadas\n  const sortedCategories = useMemo(() => {\n    const cats = Object.keys(blocksByUserCategory);\n    return cats.sort((a, b) => {\n      const idxA = CATEGORY_ORDER.indexOf(a);\n      const idxB = CATEGORY_ORDER.indexOf(b);\n      if (idxA === -1 && idxB === -1) return a.localeCompare(b);\n      if (idxA === -1) return 1;\n      if (idxB === -1) return -1;\n      return idxA - idxB;\n    });\n  }, [blocksByUserCategory]);\n\n  const handleAddBlock = (blockType: BlockType) => {\n    onAddBlock(blockType, selectedParentBlockId || undefined);\n  };\n\n  const totalAvailable = Object.values(blocksByUserCategory).reduce(\n    (sum, arr) => sum + arr.length,\n    0,\n  );\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">\n          Adicionar Bloco\n        </h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalAvailable} blocos disponíveis\n        </p>\n\n        {/* Campo de busca */}\n        <div className=\"relative mt-2\">\n          <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400\" />\n          <input\n            type=\"text\"\n            placeholder=\"Buscar blocos...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className={cn(\n              \"w-full pl-8 pr-3 py-1.5 text-xs rounded-lg border transition-colors\",\n              \"bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700\",\n              \"focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500\",\n              \"text-gray-700 dark:text-gray-300 placeholder-gray-400\",\n            )}\n          />\n        </div>\n      </div>\n\n      {/* Lista de blocos por userCategory */}\n      <div className=\"flex-1 overflow-y-auto p-3 space-y-4\">\n        {sortedCategories.map((category) => {\n          const blocks = blocksByUserCategory[category];\n          if (!blocks || blocks.length === 0) return null;\n\n          return (\n            <div key={category}>\n              <h3 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide mb-2\">\n                {category}\n              </h3>\n              <div className=\"grid grid-cols-2 gap-2\">\n                {blocks.map((def) => {\n                  const isUnique = UNIQUE_BLOCK_TYPES.has(def.type);\n                  const alreadyExists =\n                    isUnique && existingBlockTypes?.includes(def.type);\n\n                  return (\n                    <button\n                      key={def.type}\n                      onClick={() => !alreadyExists && handleAddBlock(def.type)}\n                      disabled={!!alreadyExists}\n                      className={cn(\n                        \"flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all\",\n                        alreadyExists\n                          ? \"opacity-40 cursor-not-allowed bg-gray-100 dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n                          : cn(\n                              \"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 cursor-pointer\",\n                              \"hover:border-blue-500 dark:hover:border-blue-500 hover:bg-blue-50 dark:hover:bg-blue-950/20\",\n                              \"hover:scale-[1.02] active:scale-[0.98]\",\n                            ),\n                      )}\n                      title={\n                        alreadyExists\n                          ? `${def.name} já existe na página`\n                          : def.description\n                      }\n                    >\n                      <div className=\"text-2xl\">{getBlockIcon(def.type)}</div>\n                      <div className=\"text-xs font-medium text-gray-700 dark:text-gray-300 text-center\">\n                        {def.name}\n                      </div>\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n          );\n        })}\n\n        {totalAvailable === 0 && (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            {searchQuery\n              ? \"Nenhum bloco encontrado\"\n              : \"Nenhum bloco disponível\"}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ORDER","UNIQUE_BLOCK_TYPES","BlockPalette","onAddBlock","selectedParentBlockId","activePlugins","existingBlockTypes","searchQuery","setSearchQuery","useState","availableBlocks","useMemo","componentRegistry","def","blocksByUserCategory","query","groups","matchesName","matchesDesc","matchesType","cat","sortedCategories","a","b","idxA","idxB","handleAddBlock","blockType","totalAvailable","sum","arr","jsxs","jsx","Search","cn","category","blocks","alreadyExists","getBlockIcon"],"mappings":"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"}
+{"version":3,"file":"BlockPalette.js","sources":["../../src/editor/BlockPalette.tsx"],"sourcesContent":["/**\n * Block Palette\n * Paleta de blocos disponíveis para adicionar, agrupados por userCategory\n */\n\nimport { useMemo, useState } from \"react\";\nimport { BlockType, BlockDefinition } from \"../engine\";\nimport { componentRegistry } from \"../engine\";\nimport { cn } from \"../utils/cn\";\nimport { getBlockIcon } from \"../utils/blockIcons\";\nimport { Search } from \"lucide-react\";\nimport { DraggablePaletteItem } from \"./dnd\";\n\n/** Ordem fixa das categorias na paleta */\nconst CATEGORY_ORDER = [\n  \"Banner e Navegação\",\n  \"Marketing\",\n  \"Prova Social\",\n  \"Galeria e Mídia\",\n  \"Equipe\",\n  \"Institucional\",\n  \"Blog e Notícias\",\n  \"Blog (Plugin)\",\n  \"Educação\",\n  \"Texto e Mídia\",\n  \"Estrutura\",\n  \"Formulários\",\n];\n\n/** Blocos que só podem existir uma vez por página */\nconst UNIQUE_BLOCK_TYPES = new Set<string>([\"navbar\", \"footer\"]);\n\ninterface BlockPaletteProps {\n  onAddBlock: (\n    blockType: BlockType,\n    parentBlockId?: string,\n    position?: number,\n  ) => void;\n  selectedParentBlockId?: string | null;\n  activePlugins?: string[];\n  existingBlockTypes?: string[];\n}\n\nexport function BlockPalette({\n  onAddBlock,\n  selectedParentBlockId,\n  activePlugins,\n  existingBlockTypes,\n}: BlockPaletteProps) {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  // Filtrar blocos disponíveis\n  const availableBlocks = useMemo(() => {\n    return componentRegistry.getAll().filter((def) => {\n      if (def.isChildBlock) return false;\n      if (def.pluginId && !activePlugins?.includes(def.pluginId)) return false;\n      return true;\n    });\n  }, [activePlugins]);\n\n  // Agrupar por userCategory e filtrar por busca\n  const blocksByUserCategory = useMemo(() => {\n    const query = searchQuery.toLowerCase().trim();\n    const groups: Record<string, BlockDefinition[]> = {};\n\n    for (const def of availableBlocks) {\n      // Filtrar por busca\n      if (query) {\n        const matchesName = def.name.toLowerCase().includes(query);\n        const matchesDesc = def.description.toLowerCase().includes(query);\n        const matchesType = def.type.toLowerCase().includes(query);\n        if (!matchesName && !matchesDesc && !matchesType) continue;\n      }\n\n      const cat = def.userCategory || \"Outros\";\n      if (!groups[cat]) groups[cat] = [];\n      groups[cat].push(def);\n    }\n\n    return groups;\n  }, [availableBlocks, searchQuery]);\n\n  // Categorias ordenadas\n  const sortedCategories = useMemo(() => {\n    const cats = Object.keys(blocksByUserCategory);\n    return cats.sort((a, b) => {\n      const idxA = CATEGORY_ORDER.indexOf(a);\n      const idxB = CATEGORY_ORDER.indexOf(b);\n      if (idxA === -1 && idxB === -1) return a.localeCompare(b);\n      if (idxA === -1) return 1;\n      if (idxB === -1) return -1;\n      return idxA - idxB;\n    });\n  }, [blocksByUserCategory]);\n\n  const handleAddBlock = (blockType: BlockType) => {\n    onAddBlock(blockType, selectedParentBlockId || undefined);\n  };\n\n  const totalAvailable = Object.values(blocksByUserCategory).reduce(\n    (sum, arr) => sum + arr.length,\n    0,\n  );\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">\n          Adicionar Bloco\n        </h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalAvailable} blocos disponíveis\n        </p>\n\n        {/* Campo de busca */}\n        <div className=\"relative mt-2\">\n          <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400\" />\n          <input\n            type=\"text\"\n            placeholder=\"Buscar blocos...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className={cn(\n              \"w-full pl-8 pr-3 py-1.5 text-xs rounded-lg border transition-colors\",\n              \"bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700\",\n              \"focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500\",\n              \"text-gray-700 dark:text-gray-300 placeholder-gray-400\",\n            )}\n          />\n        </div>\n      </div>\n\n      {/* Lista de blocos por userCategory */}\n      <div className=\"flex-1 overflow-y-auto p-3 space-y-4\">\n        {sortedCategories.map((category) => {\n          const blocks = blocksByUserCategory[category];\n          if (!blocks || blocks.length === 0) return null;\n\n          return (\n            <div key={category}>\n              <h3 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide mb-2\">\n                {category}\n              </h3>\n              <div className=\"grid grid-cols-2 gap-2\">\n                {blocks.map((def) => {\n                  const isUnique = UNIQUE_BLOCK_TYPES.has(def.type);\n                  const alreadyExists =\n                    isUnique && existingBlockTypes?.includes(def.type);\n\n                  return (\n                    <DraggablePaletteItem\n                      key={def.type}\n                      blockType={def.type}\n                      disabled={!!alreadyExists}\n                    >\n                      <button\n                        onClick={() =>\n                          !alreadyExists && handleAddBlock(def.type)\n                        }\n                        disabled={!!alreadyExists}\n                        className={cn(\n                          \"flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all w-full\",\n                          alreadyExists\n                            ? \"opacity-40 cursor-not-allowed bg-gray-100 dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n                            : cn(\n                                \"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700\",\n                                \"hover:border-blue-500 dark:hover:border-blue-500 hover:bg-blue-50 dark:hover:bg-blue-950/20\",\n                                \"hover:scale-[1.02] active:scale-[0.98]\",\n                              ),\n                        )}\n                        title={\n                          alreadyExists\n                            ? `${def.name} já existe na página`\n                            : def.description\n                        }\n                      >\n                        <div className=\"text-2xl\">\n                          {getBlockIcon(def.type)}\n                        </div>\n                        <div className=\"text-xs font-medium text-gray-700 dark:text-gray-300 text-center\">\n                          {def.name}\n                        </div>\n                      </button>\n                    </DraggablePaletteItem>\n                  );\n                })}\n              </div>\n            </div>\n          );\n        })}\n\n        {totalAvailable === 0 && (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            {searchQuery\n              ? \"Nenhum bloco encontrado\"\n              : \"Nenhum bloco disponível\"}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ORDER","UNIQUE_BLOCK_TYPES","BlockPalette","onAddBlock","selectedParentBlockId","activePlugins","existingBlockTypes","searchQuery","setSearchQuery","useState","availableBlocks","useMemo","componentRegistry","def","blocksByUserCategory","query","groups","matchesName","matchesDesc","matchesType","cat","sortedCategories","a","b","idxA","idxB","handleAddBlock","blockType","totalAvailable","sum","arr","jsxs","jsx","Search","cn","category","blocks","alreadyExists","DraggablePaletteItem","getBlockIcon"],"mappings":"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"}

package/dist/editor/BlockSelector.d.ts

@@ -5,6 +5,7 @@ interface BlockSelectorProps {
     selectedBlockId: string | null;
     onSelectBlock: (blockId: string) => void;
     onDeleteBlock: (blockId: string) => void;
+    overIndex?: number | null;
 }
 export declare const BlockSelector: React.NamedExoticComponent<BlockSelectorProps>;
 export {};

package/dist/editor/BlockSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockSelector.d.ts","sourceRoot":"","sources":["../../src/editor/BlockSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAKjC,UAAU,kBAAkB;IAC1B,SAAS,EAAE,KAAK,EAAE,CAAA;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAiJD,eAAO,MAAM,aAAa,gDAkFxB,CAAC"}
+{"version":3,"file":"BlockSelector.d.ts","sourceRoot":"","sources":["../../src/editor/BlockSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAQjC,UAAU,kBAAkB;IAC1B,SAAS,EAAE,KAAK,EAAE,CAAA;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B;AAiKD,eAAO,MAAM,aAAa,gDAgGxB,CAAC"}

package/dist/editor/BlockSelector.js

@@ -1,186 +1,144 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import A, { useMemo as N } from "react";
-import { Trash2 as j, ChevronRight as k } from "lucide-react";
-import { cn as h } from "../utils/cn.js";
-import { componentRegistry as v } from "../engine/registry/registry.js";
-import "../engine/registry/blocks/layout/container.js";
-import "../engine/registry/blocks/layout/stack.js";
-import "../engine/registry/blocks/layout/grid.js";
-import "../engine/registry/blocks/layout/box.js";
-import "../engine/registry/blocks/layout/spacer.js";
-import "../engine/registry/blocks/content/heading.js";
-import "../engine/registry/blocks/content/text.js";
-import "../engine/registry/blocks/content/image.js";
-import "../engine/registry/blocks/content/button.js";
-import "../engine/registry/blocks/content/link.js";
-import "../engine/registry/blocks/content/divider.js";
-import "../engine/registry/blocks/content/badge.js";
-import "../engine/registry/blocks/content/icon.js";
-import "../engine/registry/blocks/content/avatar.js";
-import "../engine/registry/blocks/content/video.js";
-import "../engine/registry/blocks/content/socialLinks.js";
-import "../engine/registry/blocks/composition/card.js";
-import "../engine/registry/blocks/composition/section.js";
-import "../engine/registry/blocks/sections/hero.js";
-import "../engine/registry/blocks/sections/navbar.js";
-import "../engine/registry/blocks/sections/footer.js";
-import "../engine/registry/blocks/sections/feature.js";
-import "../engine/registry/blocks/sections/featureGrid.js";
-import "../engine/registry/blocks/sections/pricing.js";
-import "../engine/registry/blocks/sections/pricingCard.js";
-import "../engine/registry/blocks/sections/testimonial.js";
-import "../engine/registry/blocks/sections/testimonialGrid.js";
-import "../engine/registry/blocks/sections/faq.js";
-import "../engine/registry/blocks/sections/faqItem.js";
-import "../engine/registry/blocks/sections/cta.js";
-import "../engine/registry/blocks/sections/stats.js";
-import "../engine/registry/blocks/sections/statItem.js";
-import "../engine/registry/blocks/sections/logoCloud.js";
-import "../engine/registry/blocks/sections/countdown.js";
-import "../engine/registry/blocks/sections/carousel.js";
-import "../engine/registry/blocks/sections/blogCard.js";
-import "../engine/registry/blocks/sections/blogCardGrid.js";
-import "../engine/registry/blocks/sections/teamCard.js";
-import "../engine/registry/blocks/sections/teamGrid.js";
-import "../engine/registry/blocks/sections/courseCardGrid.js";
-import "../engine/registry/blocks/sections/categoryCardGrid.js";
-import "../engine/registry/blocks/sections/blogPostCard.js";
-import "../engine/registry/blocks/sections/blogPostGrid.js";
-import "../engine/registry/blocks/sections/blogPostDetail.js";
-import "../engine/registry/blocks/sections/blogCategoryFilter.js";
-import "../engine/registry/blocks/sections/blogSearchBar.js";
-import "../engine/registry/blocks/sections/productShowcase.js";
-import "../engine/registry/blocks/sections/aboutSection.js";
-import "../engine/registry/blocks/sections/contactSection.js";
-import "../engine/registry/blocks/sections/blogRecentPosts.js";
-import "../engine/registry/blocks/sections/blogTagCloud.js";
-import "../engine/registry/blocks/sections/imageGallery.js";
-import "../engine/registry/blocks/forms/form.js";
-import "../engine/registry/blocks/forms/input.js";
-import "../engine/registry/blocks/forms/textarea.js";
-import "../engine/registry/blocks/forms/select.js";
-function x(t) {
-  return v.get(t)?.name || t;
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import j, { useMemo as N } from "react";
+import { Trash2 as C, ChevronRight as k } from "lucide-react";
+import { cn as u } from "../utils/cn.js";
+import { SortableContext as B, verticalListSortingStrategy as I } from "@dnd-kit/sortable";
+import { useDroppable as T } from "@dnd-kit/core";
+import { SortableBlockItem as R } from "./dnd/SortableBlockItem.js";
+import { componentRegistry as w } from "../engine/registry/registry.js";
+function f(e) {
+  return w.get(e)?.name || e;
 }
-function C(t) {
-  const r = t.props;
-  switch (t.type) {
+function $(e) {
+  const t = e.props;
+  switch (e.type) {
     case "heading":
-      return r.text || "Heading";
+      return t.text || "Heading";
     case "text":
-      return r.text ? String(r.text).substring(0, 30) + (String(r.text).length > 30 ? "..." : "") : "Text";
+      return t.text ? String(t.text).substring(0, 30) + (String(t.text).length > 30 ? "..." : "") : "Text";
     case "button":
-      return r.text || "Button";
+      return t.text || "Button";
     case "link":
-      return r.text || "Link";
+      return t.text || "Link";
     case "image":
-      return r.alt || r.src, "Image";
+      return t.alt || t.src, "Image";
     case "container":
     case "stack":
     case "grid":
     case "box":
-      return `${x(t.type)} (${Array.isArray(r.children) ? r.children.length : 0} children)`;
+      return `${f(e.type)} (${Array.isArray(t.children) ? t.children.length : 0} children)`;
     case "section":
-      return r.id ? `Section: ${r.id}` : "Section";
+      return t.id ? `Section: ${t.id}` : "Section";
     case "card":
       return "Card";
     case "divider":
       return "Divider";
     default:
-      return x(t.type);
+      return f(e.type);
   }
 }
-function b(t, r, c, d, l) {
-  if (!t || typeof t != "object" || !t.id || !t.type)
+function S(e, t, d, g, p) {
+  if (!e || typeof e != "object" || !e.id || !e.type)
     return null;
-  const a = t.id === c, n = t.props, i = n && typeof n == "object" && n.children && Array.isArray(n.children) && n.children.length > 0;
+  const c = e.id === d, r = e.props, x = r && typeof r == "object" && r.children && Array.isArray(r.children) && r.children.length > 0;
   return /* @__PURE__ */ s("div", { children: [
     /* @__PURE__ */ s(
       "div",
       {
-        className: h(
+        className: u(
           "flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group",
           "hover:scale-[1.01] active:scale-[0.99]",
-          a ? "bg-blue-500 text-white shadow-md shadow-blue-500/20" : "bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300",
-          r > 0 && "ml-4"
+          c ? "bg-blue-500 text-white shadow-md shadow-blue-500/20" : "bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300",
+          t > 0 && "ml-4"
         ),
-        style: { paddingLeft: `${r * 12 + 8}px` },
-        onClick: () => d(t.id),
+        style: { paddingLeft: `${t * 12 + 8}px` },
+        onClick: () => g(e.id),
         children: [
-          r > 0 && /* @__PURE__ */ o("div", { className: "flex-shrink-0 w-4 flex items-center justify-center", children: /* @__PURE__ */ o(k, { className: "w-3 h-3 opacity-50" }) }),
-          /* @__PURE__ */ o(
+          t > 0 && /* @__PURE__ */ i("div", { className: "flex-shrink-0 w-4 flex items-center justify-center", children: /* @__PURE__ */ i(k, { className: "w-3 h-3 opacity-50" }) }),
+          /* @__PURE__ */ i(
             "div",
             {
-              className: h(
+              className: u(
                 "flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center",
-                a ? "bg-white/20 text-white" : v.get(t.type)?.pluginId ? "bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400" : "bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400"
+                c ? "bg-white/20 text-white" : w.get(e.type)?.pluginId ? "bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400" : "bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400"
               ),
-              title: x(t.type),
-              children: v.get(t.type)?.pluginId ? "🧩" : t.type.substring(0, 2).toUpperCase()
+              title: f(e.type),
+              children: w.get(e.type)?.pluginId ? "🧩" : e.type.substring(0, 2).toUpperCase()
             }
           ),
           /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ o("div", { className: "text-xs font-medium truncate", children: x(t.type) }),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i("div", { className: "text-xs font-medium truncate", children: f(e.type) }),
+            /* @__PURE__ */ i(
               "div",
               {
-                className: h(
+                className: u(
                   "text-xs truncate",
-                  a ? "text-white/80" : "text-gray-500 dark:text-gray-400"
+                  c ? "text-white/80" : "text-gray-500 dark:text-gray-400"
                 ),
-                children: C(t)
+                children: $(e)
               }
             )
           ] }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ i(
             "button",
             {
-              onClick: (e) => {
-                e.stopPropagation(), l(t.id);
+              onClick: (n) => {
+                n.stopPropagation(), p(e.id);
               },
-              className: h(
+              className: u(
                 "p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100",
                 "hover:bg-white/30 dark:hover:bg-gray-700/50",
                 "hover:scale-110 active:scale-95",
-                a ? "text-white hover:bg-white/40" : "text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"
+                c ? "text-white hover:bg-white/40" : "text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"
               ),
               title: "Deletar bloco",
-              children: /* @__PURE__ */ o(j, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ i(C, { className: "w-3.5 h-3.5" })
             }
           )
         ]
       }
     ),
-    i && /* @__PURE__ */ o("div", { className: "mt-1", children: n.children.filter((e) => e && e.id && e.type).map(
-      (e) => b(e, r + 1, c, d, l)
+    x && /* @__PURE__ */ i("div", { className: "mt-1", children: r.children.filter((n) => n && n.id && n.type).map(
+      (n) => S(n, t + 1, d, g, p)
     ) })
-  ] }, t.id);
+  ] }, e.id);
 }
-const Pt = A.memo(function({
-  structure: r,
-  selectedBlockId: c,
-  onSelectBlock: d,
-  onDeleteBlock: l
+function D({ index: e }) {
+  const { setNodeRef: t, isOver: d } = T({
+    id: "end-drop-zone",
+    data: { index: e }
+  });
+  return /* @__PURE__ */ i("div", { ref: t, className: "h-8 mt-1", children: d && /* @__PURE__ */ i("div", { className: "h-0.5 bg-blue-500 rounded-full mx-2" }) });
+}
+const Z = j.memo(function({
+  structure: t,
+  selectedBlockId: d,
+  onSelectBlock: g,
+  onDeleteBlock: p,
+  overIndex: c
 }) {
-  const a = N(() => !r || !Array.isArray(r) ? [] : r.filter((i) => i && typeof i == "object" && i.id && i.type), [r]), n = N(() => {
-    const i = (e) => {
-      if (!e || !Array.isArray(e) || e.length === 0) return 0;
-      let u = 0;
-      for (let f = 0; f < e.length; f++) {
-        const p = e[f];
-        if (!(!p || typeof p != "object" || !p.id || !p.type)) {
-          u++;
+  const r = N(() => !t || !Array.isArray(t) ? [] : t.filter((a) => a && typeof a == "object" && a.id && a.type), [t]), x = N(
+    () => r.map((a) => a.id),
+    [r]
+  ), n = N(() => {
+    const a = (o) => {
+      if (!o || !Array.isArray(o) || o.length === 0) return 0;
+      let v = 0;
+      for (let b = 0; b < o.length; b++) {
+        const l = o[b];
+        if (!(!l || typeof l != "object" || !l.id || !l.type)) {
+          v++;
           try {
-            if (!p.props)
+            if (!l.props)
               continue;
-            const m = p.props;
-            if (m && typeof m == "object" && !Array.isArray(m)) {
-              const g = m.children;
-              if (g && Array.isArray(g) && g.length > 0) {
-                const w = g.filter(
-                  (y) => y && typeof y == "object" && y.id && y.type
+            const y = l.props;
+            if (y && typeof y == "object" && !Array.isArray(y)) {
+              const h = y.children;
+              if (h && Array.isArray(h) && h.length > 0) {
+                const A = h.filter(
+                  (m) => m && typeof m == "object" && m.id && m.type
                 );
-                w.length > 0 && (u += i(w));
+                A.length > 0 && (v += a(A));
               }
             }
           } catch {
@@ -188,25 +146,36 @@ const Pt = A.memo(function({
           }
         }
       }
-      return u;
+      return v;
     };
-    return i(a);
-  }, [a]);
+    return a(r);
+  }, [r]);
   return /* @__PURE__ */ s("div", { className: "h-full flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ s("div", { className: "flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900", children: [
-      /* @__PURE__ */ o("h2", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: "Blocos" }),
+      /* @__PURE__ */ i("h2", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: "Blocos" }),
       /* @__PURE__ */ s("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
         n,
         " ",
         n === 1 ? "bloco" : "blocos"
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: !a || a.length === 0 ? /* @__PURE__ */ o("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-8", children: "Nenhum bloco adicionado ainda" }) : a.map(
-      (i) => b(i, 0, c, d, l)
-    ) })
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: !r || r.length === 0 ? /* @__PURE__ */ i("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-8", children: "Nenhum bloco adicionado ainda" }) : /* @__PURE__ */ s(B, { items: x, strategy: I, children: [
+      r.map((a, o) => /* @__PURE__ */ i(
+        R,
+        {
+          id: a.id,
+          blockType: a.type,
+          index: o,
+          isOver: c === o,
+          children: S(a, 0, d, g, p)
+        },
+        a.id
+      )),
+      /* @__PURE__ */ i(D, { index: r.length })
+    ] }) })
   ] });
 });
 export {
-  Pt as BlockSelector
+  Z as BlockSelector
 };
 //# sourceMappingURL=BlockSelector.js.map

package/dist/editor/BlockSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- dynamic access for preview\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? String(props.text).substring(0, 30) + (String(props.text).length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${Array.isArray(props.children) ? props.children.length : 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      return getBlockTypeName(block.type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  // Verificar se o bloco é válido\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as Record<string, any>\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {/* Indentação visual */}\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : componentRegistry.get(block.type)?.pluginId\n                ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400'\n                : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {componentRegistry.get(block.type)?.pluginId ? '🧩' : block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type) // Filtrar children inválidos\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const BlockSelector = React.memo(function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // Contar total de blocos (incluindo children) - usando useMemo para evitar recálculos\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n      \n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n        \n        // Verificar se o bloco é válido ANTES de acessar qualquer propriedade\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n        \n        total++ // Contar o bloco atual\n        \n        // Verificar props de forma segura - SEMPRE dentro de try-catch\n        try {\n          if (!block.props) {\n            continue\n          }\n          \n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as Record<string, any>).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              // Filtrar children inválidos antes de contar recursivamente\n              const validChildren = children.filter(\n                (child: unknown) => child && typeof child === 'object' && (child as Block).id && (child as Block).type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch (error) {\n          // Se houver erro ao acessar props, apenas continuar\n          continue\n        }\n      }\n      return total\n    }\n    \n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          validStructure.map((block) =>\n            renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)\n          )\n        )}\n      </div>\n    </div>\n  )\n});\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","Trash2","child","BlockSelector","React","structure","validStructure","useMemo","b","totalBlocks","count","blocks","total","i","children","validChildren"],"mappings":"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"}
+{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica com drag & drop\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { useDroppable } from '@dnd-kit/core'\nimport { SortableBlockItem } from './dnd'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n  overIndex?: number | null\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- dynamic access for preview\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? String(props.text).substring(0, 30) + (String(props.text).length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${Array.isArray(props.children) ? props.children.length : 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      return getBlockTypeName(block.type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as Record<string, any>\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : componentRegistry.get(block.type)?.pluginId\n                ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400'\n                : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {componentRegistry.get(block.type)?.pluginId ? '🧩' : block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type)\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * Zona de drop no final da lista\n */\nfunction EndDropZone({ index }: { index: number }) {\n  const { setNodeRef, isOver } = useDroppable({\n    id: \"end-drop-zone\",\n    data: { index },\n  });\n\n  return (\n    <div ref={setNodeRef} className=\"h-8 mt-1\">\n      {isOver && (\n        <div className=\"h-0.5 bg-blue-500 rounded-full mx-2\" />\n      )}\n    </div>\n  );\n}\n\nexport const BlockSelector = React.memo(function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n  overIndex,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // IDs para SortableContext\n  const blockIds = useMemo(\n    () => validStructure.map((b) => b.id),\n    [validStructure]\n  )\n\n  // Contar total de blocos (incluindo children)\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n\n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n\n        total++\n\n        try {\n          if (!block.props) {\n            continue\n          }\n\n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as Record<string, any>).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              const validChildren = children.filter(\n                (child: unknown) => child && typeof child === 'object' && (child as Block).id && (child as Block).type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch {\n          continue\n        }\n      }\n      return total\n    }\n\n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          <SortableContext items={blockIds} strategy={verticalListSortingStrategy}>\n            {validStructure.map((block, index) => (\n              <SortableBlockItem\n                key={block.id}\n                id={block.id}\n                blockType={block.type}\n                index={index}\n                isOver={overIndex === index}\n              >\n                {renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)}\n              </SortableBlockItem>\n            ))}\n            <EndDropZone index={validStructure.length} />\n          </SortableContext>\n        )}\n      </div>\n    </div>\n  )\n});\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","e","Trash2","child","EndDropZone","index","setNodeRef","isOver","useDroppable","BlockSelector","React","structure","overIndex","validStructure","useMemo","b","blockIds","totalBlocks","count","blocks","total","i","children","validChildren","SortableContext","verticalListSortingStrategy","SortableBlockItem"],"mappings":"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"}

package/dist/editor/LandingPageEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LandingPageEditor.d.ts","sourceRoot":"","sources":["../../src/editor/LandingPageEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAgB,MAAM,WAAW,CAAC;AAEvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAYtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAMD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,sBAAsB,2CAgWxB"}
+{"version":3,"file":"LandingPageEditor.d.ts","sourceRoot":"","sources":["../../src/editor/LandingPageEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAgB,MAAM,WAAW,CAAC;AAEvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAYtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAMD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,sBAAsB,2CAkWxB"}