@brunoalz/smartgesti-site-editor 1.5.2 → 1.7.0

package/dist/engine/registry/blocks/sections/blogSearchBar.js

@@ -13,7 +13,9 @@ const a = {
     searchUrl: "/site/p/blog",
     filterCategories: !1,
     filterTags: !1,
-    filterDate: !1
+    filterDate: !1,
+    borderRadius: "0.75rem",
+    shadow: "none"
   },
   inspectorMeta: {
     placeholder: { label: "Placeholder", inputType: "text", group: "Conteúdo" },
@@ -46,6 +48,26 @@ const a = {
       inputType: "checkbox",
       group: "Filtros",
       showWhen: { field: "variant", equals: "with-filters" }
+    },
+    borderRadius: {
+      label: "Arredondamento",
+      inputType: "select",
+      options: [
+        { label: "Nenhum", value: "0" },
+        { label: "Padrão", value: "0.75rem" },
+        { label: "Grande", value: "1.25rem" }
+      ],
+      group: "Aparência"
+    },
+    shadow: {
+      label: "Sombra",
+      inputType: "select",
+      options: [
+        { label: "Nenhuma", value: "none" },
+        { label: "Suave", value: "sm" },
+        { label: "Média", value: "md" }
+      ],
+      group: "Aparência"
     }
   }
 };

package/dist/engine/registry/blocks/sections/blogSearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"blogSearchBar.js","sources":["../../../../../src/engine/registry/blocks/sections/blogSearchBar.ts"],"sourcesContent":["import { BlockDefinition } from \"../../types\";\nimport { componentRegistry } from \"../../registry\";\n\nexport const blogSearchBarBlock: BlockDefinition<\"blogSearchBar\"> = {\n  type: \"blogSearchBar\",\n  name: \"Blog Search Bar\",\n  description: \"Barra de busca para o blog (plugin Blog)\",\n  category: \"sections\",\n  pluginId: \"blog\",\n  canHaveChildren: false,\n  defaultProps: {\n    placeholder: \"Buscar posts...\",\n    variant: \"simple\",\n    showIcon: true,\n    searchUrl: \"/site/p/blog\",\n    filterCategories: false,\n    filterTags: false,\n    filterDate: false,\n  },\n  inspectorMeta: {\n    placeholder: { label: \"Placeholder\", inputType: \"text\", group: \"Conteúdo\" },\n    variant: {\n      label: \"Variante\",\n      inputType: \"select\",\n      group: \"Aparência\",\n      options: [\n        { value: \"simple\", label: \"Simples\" },\n        { value: \"expanded\", label: \"Expandida\" },\n        { value: \"with-filters\", label: \"Com filtros\" },\n      ],\n    },\n    showIcon: { label: \"Mostrar Ícone\", inputType: \"checkbox\", group: \"Aparência\" },\n    searchUrl: { label: \"URL de Busca\", inputType: \"text\", group: \"Comportamento\" },\n    filterCategories: {\n      label: \"Filtro por Categoria\",\n      inputType: \"checkbox\",\n      group: \"Filtros\",\n      showWhen: { field: \"variant\", equals: \"with-filters\" },\n    },\n    filterTags: {\n      label: \"Filtro por Tag\",\n      inputType: \"checkbox\",\n      group: \"Filtros\",\n      showWhen: { field: \"variant\", equals: \"with-filters\" },\n    },\n    filterDate: {\n      label: \"Filtro por Período\",\n      inputType: \"checkbox\",\n      group: \"Filtros\",\n      showWhen: { field: \"variant\", equals: \"with-filters\" },\n    },\n  },\n};\n\n// Auto-registro\ncomponentRegistry.register(blogSearchBarBlock);\n"],"names":["blogSearchBarBlock","componentRegistry"],"mappings":";AAGO,MAAMA,IAAuD;AAAA,EAClE,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,eAAe;AAAA,IACb,aAAa,EAAE,OAAO,eAAe,WAAW,QAAQ,OAAO,WAAA;AAAA,IAC/D,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,QAC1B,EAAE,OAAO,YAAY,OAAO,YAAA;AAAA,QAC5B,EAAE,OAAO,gBAAgB,OAAO,cAAA;AAAA,MAAc;AAAA,IAChD;AAAA,IAEF,UAAU,EAAE,OAAO,iBAAiB,WAAW,YAAY,OAAO,YAAA;AAAA,IAClE,WAAW,EAAE,OAAO,gBAAgB,WAAW,QAAQ,OAAO,gBAAA;AAAA,IAC9D,kBAAkB;AAAA,MAChB,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,EAAE,OAAO,WAAW,QAAQ,eAAA;AAAA,IAAe;AAAA,IAEvD,YAAY;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,EAAE,OAAO,WAAW,QAAQ,eAAA;AAAA,IAAe;AAAA,IAEvD,YAAY;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,EAAE,OAAO,WAAW,QAAQ,eAAA;AAAA,IAAe;AAAA,EACvD;AAEJ;AAGAC,EAAkB,SAASD,CAAkB;"}
+{"version":3,"file":"blogSearchBar.js","sources":["../../../../../src/engine/registry/blocks/sections/blogSearchBar.ts"],"sourcesContent":["import { BlockDefinition } from \"../../types\";\nimport { componentRegistry } from \"../../registry\";\n\nexport const blogSearchBarBlock: BlockDefinition<\"blogSearchBar\"> = {\n  type: \"blogSearchBar\",\n  name: \"Blog Search Bar\",\n  description: \"Barra de busca para o blog (plugin Blog)\",\n  category: \"sections\",\n  pluginId: \"blog\",\n  canHaveChildren: false,\n  defaultProps: {\n    placeholder: \"Buscar posts...\",\n    variant: \"simple\",\n    showIcon: true,\n    searchUrl: \"/site/p/blog\",\n    filterCategories: false,\n    filterTags: false,\n    filterDate: false,\n    borderRadius: \"0.75rem\",\n    shadow: \"none\",\n  },\n  inspectorMeta: {\n    placeholder: { label: \"Placeholder\", inputType: \"text\", group: \"Conteúdo\" },\n    variant: {\n      label: \"Variante\",\n      inputType: \"select\",\n      group: \"Aparência\",\n      options: [\n        { value: \"simple\", label: \"Simples\" },\n        { value: \"expanded\", label: \"Expandida\" },\n        { value: \"with-filters\", label: \"Com filtros\" },\n      ],\n    },\n    showIcon: { label: \"Mostrar Ícone\", inputType: \"checkbox\", group: \"Aparência\" },\n    searchUrl: { label: \"URL de Busca\", inputType: \"text\", group: \"Comportamento\" },\n    filterCategories: {\n      label: \"Filtro por Categoria\",\n      inputType: \"checkbox\",\n      group: \"Filtros\",\n      showWhen: { field: \"variant\", equals: \"with-filters\" },\n    },\n    filterTags: {\n      label: \"Filtro por Tag\",\n      inputType: \"checkbox\",\n      group: \"Filtros\",\n      showWhen: { field: \"variant\", equals: \"with-filters\" },\n    },\n    filterDate: {\n      label: \"Filtro por Período\",\n      inputType: \"checkbox\",\n      group: \"Filtros\",\n      showWhen: { field: \"variant\", equals: \"with-filters\" },\n    },\n    borderRadius: {\n      label: \"Arredondamento\",\n      inputType: \"select\",\n      options: [\n        { label: \"Nenhum\", value: \"0\" },\n        { label: \"Padrão\", value: \"0.75rem\" },\n        { label: \"Grande\", value: \"1.25rem\" },\n      ],\n      group: \"Aparência\",\n    },\n    shadow: {\n      label: \"Sombra\",\n      inputType: \"select\",\n      options: [\n        { label: \"Nenhuma\", value: \"none\" },\n        { label: \"Suave\", value: \"sm\" },\n        { label: \"Média\", value: \"md\" },\n      ],\n      group: \"Aparência\",\n    },\n  },\n};\n\n// Auto-registro\ncomponentRegistry.register(blogSearchBarBlock);\n"],"names":["blogSearchBarBlock","componentRegistry"],"mappings":";AAGO,MAAMA,IAAuD;AAAA,EAClE,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA,EAEV,eAAe;AAAA,IACb,aAAa,EAAE,OAAO,eAAe,WAAW,QAAQ,OAAO,WAAA;AAAA,IAC/D,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,QAC1B,EAAE,OAAO,YAAY,OAAO,YAAA;AAAA,QAC5B,EAAE,OAAO,gBAAgB,OAAO,cAAA;AAAA,MAAc;AAAA,IAChD;AAAA,IAEF,UAAU,EAAE,OAAO,iBAAiB,WAAW,YAAY,OAAO,YAAA;AAAA,IAClE,WAAW,EAAE,OAAO,gBAAgB,WAAW,QAAQ,OAAO,gBAAA;AAAA,IAC9D,kBAAkB;AAAA,MAChB,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,EAAE,OAAO,WAAW,QAAQ,eAAA;AAAA,IAAe;AAAA,IAEvD,YAAY;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,EAAE,OAAO,WAAW,QAAQ,eAAA;AAAA,IAAe;AAAA,IAEvD,YAAY;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,EAAE,OAAO,WAAW,QAAQ,eAAA;AAAA,IAAe;AAAA,IAEvD,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,IAAA;AAAA,QAC1B,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,QAC1B,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,MAAU;AAAA,MAEtC,OAAO;AAAA,IAAA;AAAA,IAET,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,QACP,EAAE,OAAO,WAAW,OAAO,OAAA;AAAA,QAC3B,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,QACzB,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MAAK;AAAA,MAEhC,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAGAC,EAAkB,SAASD,CAAkB;"}

package/dist/engine/registry/blocks/sections/blogTagCloud.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blogTagCloud.d.ts","sourceRoot":"","sources":["../../../../../src/engine/registry/blocks/sections/blogTagCloud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,eAAO,MAAM,iBAAiB,EAAE,eAwB/B,CAAC"}
+{"version":3,"file":"blogTagCloud.d.ts","sourceRoot":"","sources":["../../../../../src/engine/registry/blocks/sections/blogTagCloud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,eAAO,MAAM,iBAAiB,EAAE,eAiF/B,CAAC"}

package/dist/engine/registry/blocks/sections/blogTagCloud.js

@@ -1,5 +1,5 @@
-import { componentRegistry as t } from "../../registry.js";
-const e = {
+import { componentRegistry as e } from "../../registry.js";
+const l = {
   type: "blogTagCloud",
   name: "Nuvem de Tags",
   description: "Widget com tags dos posts do blog",
@@ -8,7 +8,13 @@ const e = {
   defaultProps: {
     title: "Tags",
     tags: [],
-    variant: "badges"
+    variant: "badges",
+    linkColor: "#374151",
+    linkHoverColor: "#2563eb",
+    linkHoverEffect: "background",
+    linkHoverIntensity: 50,
+    borderRadius: "0.75rem",
+    shadow: "none"
   },
   inspectorMeta: {
     title: { label: "Título", inputType: "text", group: "Conteúdo" },
@@ -21,11 +27,62 @@ const e = {
       ],
       group: "Exibição"
     },
-    tags: { label: "Tags", inputType: "text", readOnly: !0, group: "Dados" }
+    tags: { label: "Tags", inputType: "text", readOnly: !0, group: "Dados" },
+    linkColor: {
+      label: "Cor do Texto",
+      inputType: "color-advanced",
+      group: "Links"
+    },
+    linkHoverColor: {
+      label: "Cor (Hover)",
+      inputType: "color-advanced",
+      group: "Links"
+    },
+    linkHoverEffect: {
+      label: "Efeito Hover",
+      inputType: "select",
+      options: [
+        { label: "Fundo", value: "background" },
+        { label: "Sublinhado", value: "underline" },
+        { label: "Sublinhado Centro", value: "underline-center" },
+        { label: "Fundo Subindo", value: "slide-bg" },
+        { label: "Escala", value: "scale" },
+        { label: "Brilho Neon", value: "glow" }
+      ],
+      group: "Links"
+    },
+    linkHoverIntensity: {
+      label: "Intensidade",
+      inputType: "slider",
+      min: 10,
+      max: 100,
+      step: 10,
+      group: "Links"
+    },
+    borderRadius: {
+      label: "Arredondamento",
+      inputType: "select",
+      options: [
+        { label: "Nenhum", value: "0" },
+        { label: "Padrão", value: "0.75rem" },
+        { label: "Grande", value: "1.25rem" }
+      ],
+      group: "Aparência"
+    },
+    shadow: {
+      label: "Sombra",
+      inputType: "select",
+      options: [
+        { label: "Nenhuma", value: "none" },
+        { label: "Suave", value: "sm" },
+        { label: "Média", value: "md" }
+      ],
+      group: "Aparência"
+    }
   }
 };
-t.register(e);
+e.register(l);
 export {
-  e as blogTagCloudBlock
+  l as blogTagCloudBlock
 };
 //# sourceMappingURL=blogTagCloud.js.map

package/dist/engine/registry/blocks/sections/blogTagCloud.js.map

@@ -1 +1 @@
-{"version":3,"file":"blogTagCloud.js","sources":["../../../../../src/engine/registry/blocks/sections/blogTagCloud.ts"],"sourcesContent":["import { BlockDefinition } from \"../../types\";\nimport { componentRegistry } from \"../../registry\";\n\nexport const blogTagCloudBlock: BlockDefinition = {\n  type: \"blogTagCloud\",\n  name: \"Nuvem de Tags\",\n  description: \"Widget com tags dos posts do blog\",\n  category: \"sections\",\n  pluginId: \"blog\",\n  defaultProps: {\n    title: \"Tags\",\n    tags: [],\n    variant: \"badges\",\n  },\n  inspectorMeta: {\n    title: { label: \"Título\", inputType: \"text\", group: \"Conteúdo\" },\n    variant: {\n      label: \"Estilo\",\n      inputType: \"select\",\n      options: [\n        { value: \"badges\", label: \"Badges\" },\n        { value: \"list\", label: \"Lista\" },\n      ],\n      group: \"Exibição\",\n    },\n    tags: { label: \"Tags\", inputType: \"text\", readOnly: true, group: \"Dados\" },\n  },\n};\n\n// Auto-registro\ncomponentRegistry.register(blogTagCloudBlock);\n"],"names":["blogTagCloudBlock","componentRegistry"],"mappings":";AAGO,MAAMA,IAAqC;AAAA,EAChD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,MAAM,CAAA;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,eAAe;AAAA,IACb,OAAO,EAAE,OAAO,UAAU,WAAW,QAAQ,OAAO,WAAA;AAAA,IACpD,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,QAC1B,EAAE,OAAO,QAAQ,OAAO,QAAA;AAAA,MAAQ;AAAA,MAElC,OAAO;AAAA,IAAA;AAAA,IAET,MAAM,EAAE,OAAO,QAAQ,WAAW,QAAQ,UAAU,IAAM,OAAO,QAAA;AAAA,EAAQ;AAE7E;AAGAC,EAAkB,SAASD,CAAiB;"}
+{"version":3,"file":"blogTagCloud.js","sources":["../../../../../src/engine/registry/blocks/sections/blogTagCloud.ts"],"sourcesContent":["import { BlockDefinition } from \"../../types\";\nimport { componentRegistry } from \"../../registry\";\n\nexport const blogTagCloudBlock: BlockDefinition = {\n  type: \"blogTagCloud\",\n  name: \"Nuvem de Tags\",\n  description: \"Widget com tags dos posts do blog\",\n  category: \"sections\",\n  pluginId: \"blog\",\n  defaultProps: {\n    title: \"Tags\",\n    tags: [],\n    variant: \"badges\",\n    linkColor: \"#374151\",\n    linkHoverColor: \"#2563eb\",\n    linkHoverEffect: \"background\",\n    linkHoverIntensity: 50,\n    borderRadius: \"0.75rem\",\n    shadow: \"none\",\n  },\n  inspectorMeta: {\n    title: { label: \"Título\", inputType: \"text\", group: \"Conteúdo\" },\n    variant: {\n      label: \"Estilo\",\n      inputType: \"select\",\n      options: [\n        { value: \"badges\", label: \"Badges\" },\n        { value: \"list\", label: \"Lista\" },\n      ],\n      group: \"Exibição\",\n    },\n    tags: { label: \"Tags\", inputType: \"text\", readOnly: true, group: \"Dados\" },\n    linkColor: {\n      label: \"Cor do Texto\",\n      inputType: \"color-advanced\",\n      group: \"Links\",\n    },\n    linkHoverColor: {\n      label: \"Cor (Hover)\",\n      inputType: \"color-advanced\",\n      group: \"Links\",\n    },\n    linkHoverEffect: {\n      label: \"Efeito Hover\",\n      inputType: \"select\",\n      options: [\n        { label: \"Fundo\", value: \"background\" },\n        { label: \"Sublinhado\", value: \"underline\" },\n        { label: \"Sublinhado Centro\", value: \"underline-center\" },\n        { label: \"Fundo Subindo\", value: \"slide-bg\" },\n        { label: \"Escala\", value: \"scale\" },\n        { label: \"Brilho Neon\", value: \"glow\" },\n      ],\n      group: \"Links\",\n    },\n    linkHoverIntensity: {\n      label: \"Intensidade\",\n      inputType: \"slider\",\n      min: 10,\n      max: 100,\n      step: 10,\n      group: \"Links\",\n    },\n    borderRadius: {\n      label: \"Arredondamento\",\n      inputType: \"select\",\n      options: [\n        { label: \"Nenhum\", value: \"0\" },\n        { label: \"Padrão\", value: \"0.75rem\" },\n        { label: \"Grande\", value: \"1.25rem\" },\n      ],\n      group: \"Aparência\",\n    },\n    shadow: {\n      label: \"Sombra\",\n      inputType: \"select\",\n      options: [\n        { label: \"Nenhuma\", value: \"none\" },\n        { label: \"Suave\", value: \"sm\" },\n        { label: \"Média\", value: \"md\" },\n      ],\n      group: \"Aparência\",\n    },\n  },\n};\n\n// Auto-registro\ncomponentRegistry.register(blogTagCloudBlock);\n"],"names":["blogTagCloudBlock","componentRegistry"],"mappings":";AAGO,MAAMA,IAAqC;AAAA,EAChD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,MAAM,CAAA;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA,EAEV,eAAe;AAAA,IACb,OAAO,EAAE,OAAO,UAAU,WAAW,QAAQ,OAAO,WAAA;AAAA,IACpD,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,QAC1B,EAAE,OAAO,QAAQ,OAAO,QAAA;AAAA,MAAQ;AAAA,MAElC,OAAO;AAAA,IAAA;AAAA,IAET,MAAM,EAAE,OAAO,QAAQ,WAAW,QAAQ,UAAU,IAAM,OAAO,QAAA;AAAA,IACjE,WAAW;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,IAET,gBAAgB;AAAA,MACd,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,IAET,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,QACP,EAAE,OAAO,SAAS,OAAO,aAAA;AAAA,QACzB,EAAE,OAAO,cAAc,OAAO,YAAA;AAAA,QAC9B,EAAE,OAAO,qBAAqB,OAAO,mBAAA;AAAA,QACrC,EAAE,OAAO,iBAAiB,OAAO,WAAA;AAAA,QACjC,EAAE,OAAO,UAAU,OAAO,QAAA;AAAA,QAC1B,EAAE,OAAO,eAAe,OAAO,OAAA;AAAA,MAAO;AAAA,MAExC,OAAO;AAAA,IAAA;AAAA,IAET,oBAAoB;AAAA,MAClB,OAAO;AAAA,MACP,WAAW;AAAA,MACX,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,IAAA;AAAA,QAC1B,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,QAC1B,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,MAAU;AAAA,MAEtC,OAAO;AAAA,IAAA;AAAA,IAET,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,QACP,EAAE,OAAO,WAAW,OAAO,OAAA;AAAA,QAC3B,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,QACzB,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MAAK;AAAA,MAEhC,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAGAC,EAAkB,SAASD,CAAiB;"}

package/dist/engine/render/renderers/layout/GridRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/layout/GridRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,SAAS,CA2DjB"}
+{"version":3,"file":"GridRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/layout/GridRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,SAAS,CAmIjB"}

package/dist/engine/render/renderers/layout/GridRenderer.js

@@ -1,27 +1,60 @@
-import { jsx as p, jsxs as y } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import g from "react";
-import { renderBlockNode as v } from "../../renderNodeImpl.js";
-function $(e, l) {
-  const { cols: r = 3, colTemplate: a, gap: c = "1rem", maxWidth: t, padding: d, paddingTop: n, children: f = [] } = e.props, h = typeof r == "number" ? r : r.lg || r.md || r.sm || 3, u = a || `repeat(${h}, 1fr)`, o = a ? `@media (max-width: 767px) { #grid-${e.id} { grid-template-columns: 1fr !important; } }` : "", i = {};
-  (t || d || n) && (t && (i.maxWidth = t, i.marginLeft = "auto", i.marginRight = "auto"), d && (i.paddingLeft = d, i.paddingRight = d), n && (i.paddingTop = n));
-  const x = t || d || n, m = /* @__PURE__ */ p(
+import { renderBlockNode as B } from "../../renderNodeImpl.js";
+function k(t, c) {
+  const {
+    cols: n = 2,
+    colTemplate: f,
+    gap: C = "2.5rem",
+    maxWidth: u,
+    padding: l,
+    paddingTop: h,
+    paddingBottom: y,
+    contentPosition: b = "center",
+    bg: s,
+    bgImage: d,
+    bgOverlay: R,
+    bgOverlayColor: S = "rgba(0,0,0,0.5)",
+    bgGradient: m,
+    children: v = []
+  } = t.props, $ = typeof n == "number" ? n : n.lg || n.md || n.sm || 2, w = f || `repeat(${$}, 1fr)`, a = f ? `@media (max-width: 767px) { #grid-${t.id} { grid-template-columns: 1fr !important; } }` : "", i = {
+    display: "grid",
+    gridTemplateColumns: w,
+    gap: C,
+    boxSizing: "border-box",
+    width: "100%",
+    position: "relative"
+  };
+  if (u && (i.maxWidth = u, b === "left" ? i.marginRight = "auto" : b === "right" ? i.marginLeft = "auto" : (i.marginLeft = "auto", i.marginRight = "auto")), l && (i.paddingLeft = l, i.paddingRight = l), h && (i.paddingTop = h), y && (i.paddingBottom = y), !(s || d || m))
+    return /* @__PURE__ */ p(g.Fragment, { children: [
+      a && /* @__PURE__ */ r("style", { children: a }),
+      /* @__PURE__ */ r("div", { id: `grid-${t.id}`, style: i, children: v.map((o) => /* @__PURE__ */ r(g.Fragment, { children: B(o, c + 1) }, o.id)) })
+    ] }, t.id);
+  const e = {
+    width: "100%",
+    position: "relative"
+  };
+  s && (e.backgroundColor = s), d && (e.backgroundImage = `url(${d})`, e.backgroundSize = "cover", e.backgroundPosition = "center", e.backgroundRepeat = "no-repeat"), m && !d && (e.background = m);
+  const x = d && R ? /* @__PURE__ */ r(
     "div",
     {
-      id: `grid-${e.id}`,
       style: {
-        display: "grid",
-        gridTemplateColumns: u,
-        gap: c
-      },
-      children: f.map((s) => /* @__PURE__ */ p(g.Fragment, { children: v(s, l + 1) }, s.id))
+        position: "absolute",
+        inset: 0,
+        backgroundColor: S,
+        zIndex: 0
+      }
     }
-  );
-  return /* @__PURE__ */ y(g.Fragment, { children: [
-    o && /* @__PURE__ */ p("style", { children: o }),
-    x ? /* @__PURE__ */ p("div", { style: i, children: m }) : m
-  ] }, e.id);
+  ) : null;
+  return x && (i.position = "relative", i.zIndex = 1), /* @__PURE__ */ p(g.Fragment, { children: [
+    a && /* @__PURE__ */ r("style", { children: a }),
+    /* @__PURE__ */ p("div", { style: e, children: [
+      x,
+      /* @__PURE__ */ r("div", { id: `grid-${t.id}`, style: i, children: v.map((o) => /* @__PURE__ */ r(g.Fragment, { children: B(o, c + 1) }, o.id)) })
+    ] })
+  ] }, t.id);
 }
 export {
-  $ as renderGrid
+  k as renderGrid
 };
 //# sourceMappingURL=GridRenderer.js.map

package/dist/engine/render/renderers/layout/GridRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridRenderer.js","sources":["../../../../../src/engine/render/renderers/layout/GridRenderer.tsx"],"sourcesContent":["/**\n * Grid Renderer\n * Renderiza bloco de grid com CSS Grid\n * Suporte a colTemplate para templates customizados (ex: \"1fr 320px\")\n * Suporte a maxWidth e padding para espaçamento\n */\n\nimport React from \"react\";\nimport { GridBlock } from \"../../../schema/siteDocument\";\nimport { renderBlockNode } from \"../../renderNodeImpl\";\n\nexport function renderGrid(\n  block: GridBlock,\n  depth: number,\n): React.ReactNode {\n  const { cols = 3, colTemplate, gap = \"1rem\", maxWidth, padding, paddingTop, children = [] } = block.props;\n\n  const gridCols =\n    typeof cols === \"number\" ? cols : cols.lg || cols.md || cols.sm || 3;\n\n  const gridTemplateColumns = colTemplate || `repeat(${gridCols}, 1fr)`;\n\n  // When colTemplate is used, add responsive style to collapse to 1fr on mobile\n  const responsiveStyle = colTemplate\n    ? `@media (max-width: 767px) { #grid-${block.id} { grid-template-columns: 1fr !important; } }`\n    : \"\";\n\n  // Wrapper styles for maxWidth + padding (container-like behavior)\n  const wrapperStyle: React.CSSProperties = {};\n  if (maxWidth || padding || paddingTop) {\n    if (maxWidth) {\n      wrapperStyle.maxWidth = maxWidth;\n      wrapperStyle.marginLeft = \"auto\";\n      wrapperStyle.marginRight = \"auto\";\n    }\n    if (padding) {\n      wrapperStyle.paddingLeft = padding;\n      wrapperStyle.paddingRight = padding;\n    }\n    if (paddingTop) {\n      wrapperStyle.paddingTop = paddingTop;\n    }\n  }\n\n  const hasWrapper = maxWidth || padding || paddingTop;\n\n  const gridDiv = (\n    <div\n      id={`grid-${block.id}`}\n      style={{\n        display: \"grid\",\n        gridTemplateColumns,\n        gap,\n      }}\n    >\n      {children.map((child) => (\n        <React.Fragment key={child.id}>\n          {renderBlockNode(child, depth + 1)}\n        </React.Fragment>\n      ))}\n    </div>\n  );\n\n  return (\n    <React.Fragment key={block.id}>\n      {responsiveStyle && <style>{responsiveStyle}</style>}\n      {hasWrapper ? (\n        <div style={wrapperStyle}>{gridDiv}</div>\n      ) : (\n        gridDiv\n      )}\n    </React.Fragment>\n  );\n}\n"],"names":["renderGrid","block","depth","cols","colTemplate","gap","maxWidth","padding","paddingTop","children","gridCols","gridTemplateColumns","responsiveStyle","wrapperStyle","hasWrapper","gridDiv","jsx","child","React","renderBlockNode","jsxs"],"mappings":";;;AAWO,SAASA,EACdC,GACAC,GACiB;AACjB,QAAM,EAAE,MAAAC,IAAO,GAAG,aAAAC,GAAa,KAAAC,IAAM,QAAQ,UAAAC,GAAU,SAAAC,GAAS,YAAAC,GAAY,UAAAC,IAAW,CAAA,EAAC,IAAMR,EAAM,OAE9FS,IACJ,OAAOP,KAAS,WAAWA,IAAOA,EAAK,MAAMA,EAAK,MAAMA,EAAK,MAAM,GAE/DQ,IAAsBP,KAAe,UAAUM,CAAQ,UAGvDE,IAAkBR,IACpB,qCAAqCH,EAAM,EAAE,kDAC7C,IAGEY,IAAoC,CAAA;AAC1C,GAAIP,KAAYC,KAAWC,OACrBF,MACFO,EAAa,WAAWP,GACxBO,EAAa,aAAa,QAC1BA,EAAa,cAAc,SAEzBN,MACFM,EAAa,cAAcN,GAC3BM,EAAa,eAAeN,IAE1BC,MACFK,EAAa,aAAaL;AAI9B,QAAMM,IAAaR,KAAYC,KAAWC,GAEpCO,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,QAAQf,EAAM,EAAE;AAAA,MACpB,OAAO;AAAA,QACL,SAAS;AAAA,QACT,qBAAAU;AAAA,QACA,KAAAN;AAAA,MAAA;AAAA,MAGD,UAAAI,EAAS,IAAI,CAACQ,wBACZC,EAAM,UAAN,EACE,UAAAC,EAAgBF,GAAOf,IAAQ,CAAC,EAAA,GADde,EAAM,EAE3B,CACD;AAAA,IAAA;AAAA,EAAA;AAIL,SACE,gBAAAG,EAACF,EAAM,UAAN,EACE,UAAA;AAAA,IAAAN,KAAmB,gBAAAI,EAAC,WAAO,UAAAJ,EAAA,CAAgB;AAAA,IAC3CE,IACC,gBAAAE,EAAC,OAAA,EAAI,OAAOH,GAAe,aAAQ,IAEnCE;AAAA,EAAA,EAAA,GALiBd,EAAM,EAO3B;AAEJ;"}
+{"version":3,"file":"GridRenderer.js","sources":["../../../../../src/engine/render/renderers/layout/GridRenderer.tsx"],"sourcesContent":["/**\n * Grid Renderer\n * Full-width outer wrapper for background effects (color, image, gradient, overlay)\n * Inner grid constrained by maxWidth with CSS Grid columns\n * Responsive: colTemplate collapses to 1fr on mobile\n */\n\nimport React from \"react\";\nimport { GridBlock } from \"../../../schema/siteDocument\";\nimport { renderBlockNode } from \"../../renderNodeImpl\";\n\nexport function renderGrid(\n  block: GridBlock,\n  depth: number,\n): React.ReactNode {\n  const {\n    cols = 2,\n    colTemplate,\n    gap = \"2.5rem\",\n    maxWidth,\n    padding,\n    paddingTop,\n    paddingBottom,\n    contentPosition = \"center\",\n    bg,\n    bgImage,\n    bgOverlay,\n    bgOverlayColor = \"rgba(0,0,0,0.5)\",\n    bgGradient,\n    children = [],\n  } = block.props;\n\n  const gridCols =\n    typeof cols === \"number\" ? cols : cols.lg || cols.md || cols.sm || 2;\n\n  const gridTemplateColumns = colTemplate || `repeat(${gridCols}, 1fr)`;\n\n  // Responsive style: collapse to 1fr on mobile when colTemplate is used\n  const responsiveStyle = colTemplate\n    ? `@media (max-width: 767px) { #grid-${block.id} { grid-template-columns: 1fr !important; } }`\n    : \"\";\n\n  // Inner grid styles\n  const gridStyle: React.CSSProperties = {\n    display: \"grid\",\n    gridTemplateColumns,\n    gap,\n    boxSizing: \"border-box\",\n    width: \"100%\",\n    position: \"relative\",\n  };\n\n  if (maxWidth) {\n    gridStyle.maxWidth = maxWidth;\n    if (contentPosition === \"left\") {\n      gridStyle.marginRight = \"auto\";\n    } else if (contentPosition === \"right\") {\n      gridStyle.marginLeft = \"auto\";\n    } else {\n      gridStyle.marginLeft = \"auto\";\n      gridStyle.marginRight = \"auto\";\n    }\n  }\n  if (padding) {\n    gridStyle.paddingLeft = padding;\n    gridStyle.paddingRight = padding;\n  }\n  if (paddingTop) {\n    gridStyle.paddingTop = paddingTop;\n  }\n  if (paddingBottom) {\n    gridStyle.paddingBottom = paddingBottom;\n  }\n\n  // Check if we need an outer wrapper for background effects\n  const hasBgEffects = bg || bgImage || bgGradient;\n\n  if (!hasBgEffects) {\n    // No background effects — render grid directly (no wrapper overhead)\n    return (\n      <React.Fragment key={block.id}>\n        {responsiveStyle && <style>{responsiveStyle}</style>}\n        <div id={`grid-${block.id}`} style={gridStyle}>\n          {children.map((child) => (\n            <React.Fragment key={child.id}>\n              {renderBlockNode(child, depth + 1)}\n            </React.Fragment>\n          ))}\n        </div>\n      </React.Fragment>\n    );\n  }\n\n  // Full-width outer wrapper for background effects\n  const wrapperStyle: React.CSSProperties = {\n    width: \"100%\",\n    position: \"relative\",\n  };\n\n  if (bg) {\n    wrapperStyle.backgroundColor = bg;\n  }\n  if (bgImage) {\n    wrapperStyle.backgroundImage = `url(${bgImage})`;\n    wrapperStyle.backgroundSize = \"cover\";\n    wrapperStyle.backgroundPosition = \"center\";\n    wrapperStyle.backgroundRepeat = \"no-repeat\";\n  }\n  if (bgGradient && !bgImage) {\n    wrapperStyle.background = bgGradient;\n  }\n\n  // Overlay element (only if bgImage + bgOverlay)\n  const overlayEl = bgImage && bgOverlay ? (\n    <div\n      style={{\n        position: \"absolute\",\n        inset: 0,\n        backgroundColor: bgOverlayColor,\n        zIndex: 0,\n      }}\n    />\n  ) : null;\n\n  // When using wrapper, the grid is positioned above the overlay\n  if (overlayEl) {\n    gridStyle.position = \"relative\";\n    gridStyle.zIndex = 1;\n  }\n\n  return (\n    <React.Fragment key={block.id}>\n      {responsiveStyle && <style>{responsiveStyle}</style>}\n      <div style={wrapperStyle}>\n        {overlayEl}\n        <div id={`grid-${block.id}`} style={gridStyle}>\n          {children.map((child) => (\n            <React.Fragment key={child.id}>\n              {renderBlockNode(child, depth + 1)}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </React.Fragment>\n  );\n}\n"],"names":["renderGrid","block","depth","cols","colTemplate","gap","maxWidth","padding","paddingTop","paddingBottom","contentPosition","bg","bgImage","bgOverlay","bgOverlayColor","bgGradient","children","gridCols","gridTemplateColumns","responsiveStyle","gridStyle","jsxs","React","jsx","child","renderBlockNode","wrapperStyle","overlayEl"],"mappings":";;;AAWO,SAASA,EACdC,GACAC,GACiB;AACjB,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,aAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,YAAAC;AAAA,IACA,UAAAC,IAAW,CAAA;AAAA,EAAC,IACVf,EAAM,OAEJgB,IACJ,OAAOd,KAAS,WAAWA,IAAOA,EAAK,MAAMA,EAAK,MAAMA,EAAK,MAAM,GAE/De,IAAsBd,KAAe,UAAUa,CAAQ,UAGvDE,IAAkBf,IACpB,qCAAqCH,EAAM,EAAE,kDAC7C,IAGEmB,IAAiC;AAAA,IACrC,SAAS;AAAA,IACT,qBAAAF;AAAA,IACA,KAAAb;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AA4BZ,MAzBIC,MACFc,EAAU,WAAWd,GACjBI,MAAoB,SACtBU,EAAU,cAAc,SACfV,MAAoB,UAC7BU,EAAU,aAAa,UAEvBA,EAAU,aAAa,QACvBA,EAAU,cAAc,UAGxBb,MACFa,EAAU,cAAcb,GACxBa,EAAU,eAAeb,IAEvBC,MACFY,EAAU,aAAaZ,IAErBC,MACFW,EAAU,gBAAgBX,IAMxB,EAFiBE,KAAMC,KAAWG;AAIpC,WACE,gBAAAM,EAACC,EAAM,UAAN,EACE,UAAA;AAAA,MAAAH,KAAmB,gBAAAI,EAAC,WAAO,UAAAJ,EAAA,CAAgB;AAAA,MAC5C,gBAAAI,EAAC,OAAA,EAAI,IAAI,QAAQtB,EAAM,EAAE,IAAI,OAAOmB,GACjC,UAAAJ,EAAS,IAAI,CAACQ,MACb,gBAAAD,EAACD,EAAM,UAAN,EACE,UAAAG,EAAgBD,GAAOtB,IAAQ,CAAC,EAAA,GADdsB,EAAM,EAE3B,CACD,EAAA,CACH;AAAA,IAAA,EAAA,GARmBvB,EAAM,EAS3B;AAKJ,QAAMyB,IAAoC;AAAA,IACxC,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAGZ,EAAIf,MACFe,EAAa,kBAAkBf,IAE7BC,MACFc,EAAa,kBAAkB,OAAOd,CAAO,KAC7Cc,EAAa,iBAAiB,SAC9BA,EAAa,qBAAqB,UAClCA,EAAa,mBAAmB,cAE9BX,KAAc,CAACH,MACjBc,EAAa,aAAaX;AAI5B,QAAMY,IAAYf,KAAWC,IAC3B,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP,iBAAiBT;AAAA,QACjB,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,IAEA;AAGJ,SAAIa,MACFP,EAAU,WAAW,YACrBA,EAAU,SAAS,IAInB,gBAAAC,EAACC,EAAM,UAAN,EACE,UAAA;AAAA,IAAAH,KAAmB,gBAAAI,EAAC,WAAO,UAAAJ,EAAA,CAAgB;AAAA,IAC5C,gBAAAE,EAAC,OAAA,EAAI,OAAOK,GACT,UAAA;AAAA,MAAAC;AAAA,MACD,gBAAAJ,EAAC,OAAA,EAAI,IAAI,QAAQtB,EAAM,EAAE,IAAI,OAAOmB,GACjC,UAAAJ,EAAS,IAAI,CAACQ,MACb,gBAAAD,EAACD,EAAM,UAAN,EACE,UAAAG,EAAgBD,GAAOtB,IAAQ,CAAC,EAAA,GADdsB,EAAM,EAE3B,CACD,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,GAXmBvB,EAAM,EAY3B;AAEJ;"}

package/dist/engine/render/renderers/layout/StackRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/layout/StackRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1D,wBAAgB,WAAW,CACzB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,SAAS,CAsEjB"}
+{"version":3,"file":"StackRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/layout/StackRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1D,wBAAgB,WAAW,CACzB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,SAAS,CAkFjB"}

package/dist/engine/render/renderers/layout/StackRenderer.js

@@ -1,43 +1,48 @@
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import c from "react";
-import { renderBlockNode as u } from "../../renderNodeImpl.js";
-function v(t, o) {
+import { jsxs as j, jsx as r } from "react/jsx-runtime";
+import d from "react";
+import { renderBlockNode as k } from "../../renderNodeImpl.js";
+function $(t, p) {
   const {
-    direction: l = "col",
-    gap: p = "1rem",
-    align: r = "stretch",
+    direction: s = "col",
+    gap: l = "1rem",
+    align: i = "stretch",
     justify: e = "start",
-    wrap: d = !1,
-    sticky: s = !1,
-    stickyOffset: f = "80px",
-    children: m = []
-  } = t.props, x = l === "row" ? "row" : "column", y = r === "start" ? "flex-start" : r === "end" ? "flex-end" : r === "center" ? "center" : "stretch", h = e === "start" ? "flex-start" : e === "end" ? "flex-end" : e === "center" ? "center" : e === "space-between" ? "space-between" : "space-around", w = s ? {
+    wrap: f = !1,
+    sticky: a = !1,
+    stickyOffset: m = "80px",
+    paddingBottom: x,
+    children: y = []
+  } = t.props, h = s === "row" ? "row" : "column", u = i === "start" ? "flex-start" : i === "end" ? "flex-end" : i === "center" ? "center" : "stretch", w = e === "start" ? "flex-start" : e === "end" ? "flex-end" : e === "center" ? "center" : e === "space-between" ? "space-between" : "space-around", g = a ? {
     position: "sticky",
-    top: f,
+    top: m,
     alignSelf: "flex-start"
-  } : {}, i = s ? `@media (max-width: 767px) { #stack-${t.id} { position: static !important; align-self: stretch !important; } }` : "";
-  return /* @__PURE__ */ g(c.Fragment, { children: [
-    i && /* @__PURE__ */ n("style", { children: i }),
-    /* @__PURE__ */ n(
+  } : {}, n = [];
+  s === "row" && n.push(`@media (max-width: 767px) { #stack-${t.id} { flex-direction: column !important; } }`), a && n.push(`@media (max-width: 767px) { #stack-${t.id} { position: static !important; align-self: stretch !important; } }`);
+  const o = n.join(`
+`);
+  return /* @__PURE__ */ j(d.Fragment, { children: [
+    o && /* @__PURE__ */ r("style", { children: o }),
+    /* @__PURE__ */ r(
       "div",
       {
         id: `stack-${t.id}`,
         style: {
           display: "flex",
-          flexDirection: x,
-          gap: p,
-          alignItems: y,
-          justifyContent: h,
-          flexWrap: d ? "wrap" : "nowrap",
-          ...w
+          flexDirection: h,
+          gap: l,
+          alignItems: u,
+          justifyContent: w,
+          flexWrap: f ? "wrap" : "nowrap",
+          paddingBottom: x || void 0,
+          ...g
         },
-        children: m.map((a) => /* @__PURE__ */ n(c.Fragment, { children: u(a, o + 1) }, a.id))
+        children: y.map((c) => /* @__PURE__ */ r(d.Fragment, { children: k(c, p + 1) }, c.id))
       },
       t.id
     )
   ] }, t.id);
 }
 export {
-  v as renderStack
+  $ as renderStack
 };
 //# sourceMappingURL=StackRenderer.js.map

package/dist/engine/render/renderers/layout/StackRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackRenderer.js","sources":["../../../../../src/engine/render/renderers/layout/StackRenderer.tsx"],"sourcesContent":["/**\n * Stack Renderer\n * Renderiza bloco de stack com flex layout\n * Suporte a sticky positioning para sidebars\n */\n\nimport React from \"react\";\nimport { StackBlock } from \"../../../schema/siteDocument\";\nimport { renderBlockNode } from \"../../renderNodeImpl\";\n\nexport function renderStack(\n  block: StackBlock,\n  depth: number,\n): React.ReactNode {\n  const {\n    direction = \"col\",\n    gap = \"1rem\",\n    align = \"stretch\",\n    justify = \"start\",\n    wrap = false,\n    sticky = false,\n    stickyOffset = \"80px\",\n    children = [],\n  } = block.props;\n\n  const flexDirection = direction === \"row\" ? \"row\" : \"column\";\n  const alignItems =\n    align === \"start\"\n      ? \"flex-start\"\n      : align === \"end\"\n        ? \"flex-end\"\n        : align === \"center\"\n          ? \"center\"\n          : \"stretch\";\n  const justifyContent =\n    justify === \"start\"\n      ? \"flex-start\"\n      : justify === \"end\"\n        ? \"flex-end\"\n        : justify === \"center\"\n          ? \"center\"\n          : justify === \"space-between\"\n            ? \"space-between\"\n            : \"space-around\";\n\n  // Sticky: position sticky + top offset + align-self flex-start (required in grid)\n  const stickyStyles: React.CSSProperties = sticky\n    ? {\n        position: \"sticky\",\n        top: stickyOffset,\n        alignSelf: \"flex-start\",\n      }\n    : {};\n\n  // Responsive: disable sticky on mobile via media query\n  const responsiveStyle = sticky\n    ? `@media (max-width: 767px) { #stack-${block.id} { position: static !important; align-self: stretch !important; } }`\n    : \"\";\n\n  return (\n    <React.Fragment key={block.id}>\n      {responsiveStyle && <style>{responsiveStyle}</style>}\n      <div\n        id={`stack-${block.id}`}\n        key={block.id}\n        style={{\n          display: \"flex\",\n          flexDirection,\n          gap,\n          alignItems,\n          justifyContent,\n          flexWrap: wrap ? \"wrap\" : \"nowrap\",\n          ...stickyStyles,\n        }}\n      >\n        {children.map((child) => (\n          <React.Fragment key={child.id}>\n            {renderBlockNode(child, depth + 1)}\n          </React.Fragment>\n        ))}\n      </div>\n    </React.Fragment>\n  );\n}\n"],"names":["renderStack","block","depth","direction","gap","align","justify","wrap","sticky","stickyOffset","children","flexDirection","alignItems","justifyContent","stickyStyles","responsiveStyle","jsxs","React","jsx","child","renderBlockNode"],"mappings":";;;AAUO,SAASA,EACdC,GACAC,GACiB;AACjB,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,UAAAC,IAAW,CAAA;AAAA,EAAC,IACVT,EAAM,OAEJU,IAAgBR,MAAc,QAAQ,QAAQ,UAC9CS,IACJP,MAAU,UACN,eACAA,MAAU,QACR,aACAA,MAAU,WACR,WACA,WACJQ,IACJP,MAAY,UACR,eACAA,MAAY,QACV,aACAA,MAAY,WACV,WACAA,MAAY,kBACV,kBACA,gBAGNQ,IAAoCN,IACtC;AAAA,IACE,UAAU;AAAA,IACV,KAAKC;AAAA,IACL,WAAW;AAAA,EAAA,IAEb,CAAA,GAGEM,IAAkBP,IACpB,sCAAsCP,EAAM,EAAE,wEAC9C;AAEJ,SACE,gBAAAe,EAACC,EAAM,UAAN,EACE,UAAA;AAAA,IAAAF,KAAmB,gBAAAG,EAAC,WAAO,UAAAH,EAAA,CAAgB;AAAA,IAC5C,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,SAASjB,EAAM,EAAE;AAAA,QAErB,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAAU;AAAA,UACA,KAAAP;AAAA,UACA,YAAAQ;AAAA,UACA,gBAAAC;AAAA,UACA,UAAUN,IAAO,SAAS;AAAA,UAC1B,GAAGO;AAAA,QAAA;AAAA,QAGJ,UAAAJ,EAAS,IAAI,CAACS,wBACZF,EAAM,UAAN,EACE,UAAAG,EAAgBD,GAAOjB,IAAQ,CAAC,EAAA,GADdiB,EAAM,EAE3B,CACD;AAAA,MAAA;AAAA,MAfIlB,EAAM;AAAA,IAAA;AAAA,EAgBb,EAAA,GApBmBA,EAAM,EAqB3B;AAEJ;"}
+{"version":3,"file":"StackRenderer.js","sources":["../../../../../src/engine/render/renderers/layout/StackRenderer.tsx"],"sourcesContent":["/**\n * Stack Renderer\n * Renderiza bloco de stack com flex layout\n * Suporte a sticky positioning para sidebars\n */\n\nimport React from \"react\";\nimport { StackBlock } from \"../../../schema/siteDocument\";\nimport { renderBlockNode } from \"../../renderNodeImpl\";\n\nexport function renderStack(\n  block: StackBlock,\n  depth: number,\n): React.ReactNode {\n  const {\n    direction = \"col\",\n    gap = \"1rem\",\n    align = \"stretch\",\n    justify = \"start\",\n    wrap = false,\n    sticky = false,\n    stickyOffset = \"80px\",\n    paddingBottom,\n    children = [],\n  } = block.props;\n\n  const flexDirection = direction === \"row\" ? \"row\" : \"column\";\n  const alignItems =\n    align === \"start\"\n      ? \"flex-start\"\n      : align === \"end\"\n        ? \"flex-end\"\n        : align === \"center\"\n          ? \"center\"\n          : \"stretch\";\n  const justifyContent =\n    justify === \"start\"\n      ? \"flex-start\"\n      : justify === \"end\"\n        ? \"flex-end\"\n        : justify === \"center\"\n          ? \"center\"\n          : justify === \"space-between\"\n            ? \"space-between\"\n            : \"space-around\";\n\n  // Sticky: position sticky + top offset + align-self flex-start (required in grid)\n  const stickyStyles: React.CSSProperties = sticky\n    ? {\n        position: \"sticky\",\n        top: stickyOffset,\n        alignSelf: \"flex-start\",\n      }\n    : {};\n\n  // Responsive media queries\n  const mediaQueryParts: string[] = [];\n\n  // direction=row → force column on mobile\n  if (direction === \"row\") {\n    mediaQueryParts.push(`@media (max-width: 767px) { #stack-${block.id} { flex-direction: column !important; } }`);\n  }\n\n  // Sticky → disable on mobile\n  if (sticky) {\n    mediaQueryParts.push(`@media (max-width: 767px) { #stack-${block.id} { position: static !important; align-self: stretch !important; } }`);\n  }\n\n  const responsiveStyle = mediaQueryParts.join(\"\\n\");\n\n  return (\n    <React.Fragment key={block.id}>\n      {responsiveStyle && <style>{responsiveStyle}</style>}\n      <div\n        id={`stack-${block.id}`}\n        key={block.id}\n        style={{\n          display: \"flex\",\n          flexDirection,\n          gap,\n          alignItems,\n          justifyContent,\n          flexWrap: wrap ? \"wrap\" : \"nowrap\",\n          paddingBottom: paddingBottom || undefined,\n          ...stickyStyles,\n        }}\n      >\n        {children.map((child) => (\n          <React.Fragment key={child.id}>\n            {renderBlockNode(child, depth + 1)}\n          </React.Fragment>\n        ))}\n      </div>\n    </React.Fragment>\n  );\n}\n"],"names":["renderStack","block","depth","direction","gap","align","justify","wrap","sticky","stickyOffset","paddingBottom","children","flexDirection","alignItems","justifyContent","stickyStyles","mediaQueryParts","responsiveStyle","jsxs","React","jsx","child","renderBlockNode"],"mappings":";;;AAUO,SAASA,EACdC,GACAC,GACiB;AACjB,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,eAAAC;AAAA,IACA,UAAAC,IAAW,CAAA;AAAA,EAAC,IACVV,EAAM,OAEJW,IAAgBT,MAAc,QAAQ,QAAQ,UAC9CU,IACJR,MAAU,UACN,eACAA,MAAU,QACR,aACAA,MAAU,WACR,WACA,WACJS,IACJR,MAAY,UACR,eACAA,MAAY,QACV,aACAA,MAAY,WACV,WACAA,MAAY,kBACV,kBACA,gBAGNS,IAAoCP,IACtC;AAAA,IACE,UAAU;AAAA,IACV,KAAKC;AAAA,IACL,WAAW;AAAA,EAAA,IAEb,CAAA,GAGEO,IAA4B,CAAA;AAGlC,EAAIb,MAAc,SAChBa,EAAgB,KAAK,sCAAsCf,EAAM,EAAE,2CAA2C,GAI5GO,KACFQ,EAAgB,KAAK,sCAAsCf,EAAM,EAAE,qEAAqE;AAG1I,QAAMgB,IAAkBD,EAAgB,KAAK;AAAA,CAAI;AAEjD,SACE,gBAAAE,EAACC,EAAM,UAAN,EACE,UAAA;AAAA,IAAAF,KAAmB,gBAAAG,EAAC,WAAO,UAAAH,EAAA,CAAgB;AAAA,IAC5C,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,SAASnB,EAAM,EAAE;AAAA,QAErB,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAAW;AAAA,UACA,KAAAR;AAAA,UACA,YAAAS;AAAA,UACA,gBAAAC;AAAA,UACA,UAAUP,IAAO,SAAS;AAAA,UAC1B,eAAeG,KAAiB;AAAA,UAChC,GAAGK;AAAA,QAAA;AAAA,QAGJ,UAAAJ,EAAS,IAAI,CAACU,wBACZF,EAAM,UAAN,EACE,UAAAG,EAAgBD,GAAOnB,IAAQ,CAAC,EAAA,GADdmB,EAAM,EAE3B,CACD;AAAA,MAAA;AAAA,MAhBIpB,EAAM;AAAA,IAAA;AAAA,EAiBb,EAAA,GArBmBA,EAAM,EAsB3B;AAEJ;"}

package/dist/engine/render/renderers/sections/BlogCategoryFilterRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogCategoryFilterRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogCategoryFilterRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAsOpE"}
+{"version":3,"file":"BlogCategoryFilterRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogCategoryFilterRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CA0QpE"}