@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

package/dist/editor/PropertyEditor/CollapsiblePropertyGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsiblePropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/CollapsiblePropertyGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,UAAU,6BAA6B;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,aAAa,CAAC;QACpB,KAAK,EAAE,GAAG,CAAC;KACZ,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,qFAAqF;IACrF,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACvD,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,qEAmEnC,CAAC"}
+{"version":3,"file":"CollapsiblePropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/CollapsiblePropertyGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,UAAU,6BAA6B;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,aAAa,CAAC;QACpB,KAAK,EAAE,GAAG,CAAC;KACZ,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,qFAAqF;IACrF,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACvD,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,qEA6FnC,CAAC"}

package/dist/editor/PropertyEditor/CollapsiblePropertyGroup.js

@@ -1,63 +1,77 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { memo as f, useState as x, useMemo as h } from "react";
-import { renderPropertyInput as k } from "./renderPropertyInput.js";
-import { cn as i } from "../../utils/cn.js";
-import v from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-const O = f(function({
-  groupName: d,
-  props: n,
-  onPropChange: u,
-  onMultiUpdate: e,
-  allProps: t,
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { memo as h, useState as k, useRef as w, useMemo as v, useEffect as N } from "react";
+import { Pencil as C, ChevronDown as j } from "lucide-react";
+import { renderPropertyInput as I } from "./renderPropertyInput.js";
+import { cn as s } from "../../utils/cn.js";
+const A = h(function({
+  groupName: l,
+  props: p,
+  onPropChange: c,
+  onMultiUpdate: o,
+  allProps: a,
   uploadConfig: g,
-  defaultOpen: c = !0
+  defaultOpen: m = !0,
+  isFocused: r
 }) {
-  const [r, l] = x(c), m = h(() => {
-    if (t && e)
-      return { allProps: t, onMultiUpdate: e };
-  }, [t, e]);
-  return n.length === 0 ? null : /* @__PURE__ */ a("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg", children: [
-    /* @__PURE__ */ a(
+  const [e, u] = k(m), i = w(null), f = v(() => {
+    if (a && o)
+      return { allProps: a, onMultiUpdate: o };
+  }, [a, o]);
+  return N(() => {
+    r && i.current && (u(!0), requestAnimationFrame(() => {
+      i.current?.scrollIntoView({ behavior: "smooth", block: "start" });
+    }));
+  }, [r]), p.length === 0 ? null : /* @__PURE__ */ t("div", { ref: i, id: `prop-group-${l}`, className: s(
+    "border rounded-lg transition-colors",
+    r ? "border-purple-400 dark:border-purple-600 ring-1 ring-purple-200 dark:ring-purple-800" : "border-gray-200 dark:border-gray-700"
+  ), children: [
+    /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        onClick: () => l(!r),
-        className: i(
+        onClick: () => u(!e),
+        className: s(
           "flex items-center justify-between w-full px-3 py-2.5",
           "bg-gray-50 dark:bg-gray-800/50",
           "hover:bg-gray-100 dark:hover:bg-gray-800",
           "transition-colors cursor-pointer",
           "focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500",
           "rounded-t-lg",
-          !r && "rounded-b-lg"
+          !e && "rounded-b-lg"
         ),
         children: [
-          /* @__PURE__ */ o("span", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide", children: d }),
-          /* @__PURE__ */ o(
-            v,
+          /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ n("span", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide", children: l }),
+            r && /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-semibold bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-300 animate-pulse", children: [
+              /* @__PURE__ */ n(C, { className: "w-2.5 h-2.5" }),
+              "Editando"
+            ] })
+          ] }),
+          /* @__PURE__ */ n(
+            j,
             {
-              className: i(
+              className: s(
                 "w-4 h-4 text-gray-500 dark:text-gray-400 transition-transform duration-200",
-                r && "rotate-180"
+                e && "rotate-180"
               )
             }
           )
         ]
       }
     ),
-    r && /* @__PURE__ */ o("div", { className: "p-3 space-y-3 bg-white dark:bg-gray-900 rounded-b-lg", children: n.map(
-      ({ propName: s, meta: b, value: p }) => k(
-        s,
+    e && /* @__PURE__ */ n("div", { className: "p-3 space-y-3 bg-white dark:bg-gray-900 rounded-b-lg", children: p.map(
+      ({ propName: d, meta: b, value: x }) => I(
+        d,
         b,
-        p,
-        (y) => u(s, y),
+        x,
+        (y) => c(d, y),
         g,
-        m
+        f
       )
     ) })
   ] });
 });
 export {
-  O as CollapsiblePropertyGroup
+  A as CollapsiblePropertyGroup
 };
 //# sourceMappingURL=CollapsiblePropertyGroup.js.map

package/dist/editor/PropertyEditor/CollapsiblePropertyGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsiblePropertyGroup.js","sources":["../../../src/editor/PropertyEditor/CollapsiblePropertyGroup.tsx"],"sourcesContent":["import { memo, useState, useMemo } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { InspectorMeta } from \"../../engine\";\nimport { renderPropertyInput, type RenderInputContext } from \"./renderPropertyInput\";\nimport { cn } from \"../../utils/cn\";\nimport type { UploadConfig } from \"../LandingPageEditorV2\";\n\ninterface CollapsiblePropertyGroupProps {\n  groupName: string;\n  props: Array<{\n    propName: string;\n    meta: InspectorMeta;\n    value: any;\n  }>;\n  onPropChange: (propName: string, value: any) => void;\n  /** Callback to update multiple props at once (for special inputs like image-grid) */\n  onMultiUpdate?: (updates: Record<string, any>) => void;\n  /** All current prop values (for special inputs that need to read multiple props) */\n  allProps?: Record<string, any>;\n  uploadConfig?: UploadConfig;\n  defaultOpen?: boolean;\n}\n\n/**\n * Grupo de propriedades colapsável\n * Memoizado para evitar re-renders desnecessários\n */\nexport const CollapsiblePropertyGroup = memo(function CollapsiblePropertyGroup({\n  groupName,\n  props,\n  onPropChange,\n  onMultiUpdate,\n  allProps,\n  uploadConfig,\n  defaultOpen = true,\n}: CollapsiblePropertyGroupProps) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n\n  // Create context for special inputs\n  const renderContext = useMemo<RenderInputContext | undefined>(() => {\n    if (allProps && onMultiUpdate) {\n      return { allProps, onMultiUpdate };\n    }\n    return undefined;\n  }, [allProps, onMultiUpdate]);\n\n  if (props.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"border border-gray-200 dark:border-gray-700 rounded-lg\">\n      {/* Header clicável */}\n      <button\n        type=\"button\"\n        onClick={() => setIsOpen(!isOpen)}\n        className={cn(\n          \"flex items-center justify-between w-full px-3 py-2.5\",\n          \"bg-gray-50 dark:bg-gray-800/50\",\n          \"hover:bg-gray-100 dark:hover:bg-gray-800\",\n          \"transition-colors cursor-pointer\",\n          \"focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500\",\n          \"rounded-t-lg\",\n          !isOpen && \"rounded-b-lg\"\n        )}\n      >\n        <span className=\"text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide\">\n          {groupName}\n        </span>\n        <ChevronDown\n          className={cn(\n            \"w-4 h-4 text-gray-500 dark:text-gray-400 transition-transform duration-200\",\n            isOpen && \"rotate-180\"\n          )}\n        />\n      </button>\n\n      {/* Conteúdo colapsável */}\n      {isOpen && (\n        <div className=\"p-3 space-y-3 bg-white dark:bg-gray-900 rounded-b-lg\">\n          {props.map(({ propName, meta, value }) =>\n            renderPropertyInput(\n              propName,\n              meta,\n              value,\n              (newValue) => onPropChange(propName, newValue),\n              uploadConfig,\n              renderContext\n            )\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["CollapsiblePropertyGroup","memo","groupName","props","onPropChange","onMultiUpdate","allProps","uploadConfig","defaultOpen","isOpen","setIsOpen","useState","renderContext","useMemo","jsxs","cn","jsx","ChevronDown","propName","meta","value","renderPropertyInput","newValue"],"mappings":";;;;;AA2BO,MAAMA,IAA2BC,EAAK,SAAkC;AAAA,EAC7E,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAChB,GAAkC;AAChC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASH,CAAW,GAG1CI,IAAgBC,EAAwC,MAAM;AAClE,QAAIP,KAAYD;AACd,aAAO,EAAE,UAAAC,GAAU,eAAAD,EAAA;AAAA,EAGvB,GAAG,CAACC,GAAUD,CAAa,CAAC;AAE5B,SAAIF,EAAM,WAAW,IACZ,OAIP,gBAAAW,EAAC,OAAA,EAAI,WAAU,0DAEb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMJ,EAAU,CAACD,CAAM;AAAA,QAChC,WAAWM;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,CAACN,KAAU;AAAA,QAAA;AAAA,QAGb,UAAA;AAAA,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,kFACb,UAAAd,GACH;AAAA,UACA,gBAAAc;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAWF;AAAA,gBACT;AAAA,gBACAN,KAAU;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAIDA,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,wDACZ,UAAAb,EAAM;AAAA,MAAI,CAAC,EAAE,UAAAe,GAAU,MAAAC,GAAM,OAAAC,QAC5BC;AAAA,QACEH;AAAA,QACAC;AAAA,QACAC;AAAA,QACA,CAACE,MAAalB,EAAac,GAAUI,CAAQ;AAAA,QAC7Cf;AAAA,QACAK;AAAA,MAAA;AAAA,IACF,EACF,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"CollapsiblePropertyGroup.js","sources":["../../../src/editor/PropertyEditor/CollapsiblePropertyGroup.tsx"],"sourcesContent":["import { memo, useState, useMemo, useEffect, useRef } from \"react\";\nimport { ChevronDown, Pencil } from \"lucide-react\";\nimport { InspectorMeta } from \"../../engine\";\nimport { renderPropertyInput, type RenderInputContext } from \"./renderPropertyInput\";\nimport { cn } from \"../../utils/cn\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\n\ninterface CollapsiblePropertyGroupProps {\n  groupName: string;\n  props: Array<{\n    propName: string;\n    meta: InspectorMeta;\n    value: any;\n  }>;\n  onPropChange: (propName: string, value: any) => void;\n  /** Callback to update multiple props at once (for special inputs like image-grid) */\n  onMultiUpdate?: (updates: Record<string, any>) => void;\n  /** All current prop values (for special inputs that need to read multiple props) */\n  allProps?: Record<string, any>;\n  uploadConfig?: UploadConfig;\n  defaultOpen?: boolean;\n  /** When true, opens the group and scrolls it into view */\n  isFocused?: boolean;\n}\n\n/**\n * Grupo de propriedades colapsável\n * Memoizado para evitar re-renders desnecessários\n */\nexport const CollapsiblePropertyGroup = memo(function CollapsiblePropertyGroup({\n  groupName,\n  props,\n  onPropChange,\n  onMultiUpdate,\n  allProps,\n  uploadConfig,\n  defaultOpen = true,\n  isFocused,\n}: CollapsiblePropertyGroupProps) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  // Create context for special inputs\n  const renderContext = useMemo<RenderInputContext | undefined>(() => {\n    if (allProps && onMultiUpdate) {\n      return { allProps, onMultiUpdate };\n    }\n    return undefined;\n  }, [allProps, onMultiUpdate]);\n\n  // When focused, open and scroll into view\n  useEffect(() => {\n    if (isFocused && groupRef.current) {\n      setIsOpen(true);\n      // Small delay to ensure the group content is rendered before scrolling\n      requestAnimationFrame(() => {\n        groupRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      });\n    }\n  }, [isFocused]);\n\n  if (props.length === 0) {\n    return null;\n  }\n\n  return (\n    <div ref={groupRef} id={`prop-group-${groupName}`} className={cn(\n      \"border rounded-lg transition-colors\",\n      isFocused\n        ? \"border-purple-400 dark:border-purple-600 ring-1 ring-purple-200 dark:ring-purple-800\"\n        : \"border-gray-200 dark:border-gray-700\"\n    )}>\n      {/* Header clicável */}\n      <button\n        type=\"button\"\n        onClick={() => setIsOpen(!isOpen)}\n        className={cn(\n          \"flex items-center justify-between w-full px-3 py-2.5\",\n          \"bg-gray-50 dark:bg-gray-800/50\",\n          \"hover:bg-gray-100 dark:hover:bg-gray-800\",\n          \"transition-colors cursor-pointer\",\n          \"focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500\",\n          \"rounded-t-lg\",\n          !isOpen && \"rounded-b-lg\"\n        )}\n      >\n        <span className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide\">\n            {groupName}\n          </span>\n          {isFocused && (\n            <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-semibold bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-300 animate-pulse\">\n              <Pencil className=\"w-2.5 h-2.5\" />\n              Editando\n            </span>\n          )}\n        </span>\n        <ChevronDown\n          className={cn(\n            \"w-4 h-4 text-gray-500 dark:text-gray-400 transition-transform duration-200\",\n            isOpen && \"rotate-180\"\n          )}\n        />\n      </button>\n\n      {/* Conteúdo colapsável */}\n      {isOpen && (\n        <div className=\"p-3 space-y-3 bg-white dark:bg-gray-900 rounded-b-lg\">\n          {props.map(({ propName, meta, value }) =>\n            renderPropertyInput(\n              propName,\n              meta,\n              value,\n              (newValue) => onPropChange(propName, newValue),\n              uploadConfig,\n              renderContext\n            )\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["CollapsiblePropertyGroup","memo","groupName","props","onPropChange","onMultiUpdate","allProps","uploadConfig","defaultOpen","isFocused","isOpen","setIsOpen","useState","groupRef","useRef","renderContext","useMemo","useEffect","jsxs","cn","jsx","Pencil","ChevronDown","propName","meta","value","renderPropertyInput","newValue"],"mappings":";;;;;AA6BO,MAAMA,IAA2BC,EAAK,SAAkC;AAAA,EAC7E,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AACF,GAAkC;AAChC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASJ,CAAW,GAC1CK,IAAWC,EAAuB,IAAI,GAGtCC,IAAgBC,EAAwC,MAAM;AAClE,QAAIV,KAAYD;AACd,aAAO,EAAE,UAAAC,GAAU,eAAAD,EAAA;AAAA,EAGvB,GAAG,CAACC,GAAUD,CAAa,CAAC;AAa5B,SAVAY,EAAU,MAAM;AACd,IAAIR,KAAaI,EAAS,YACxBF,EAAU,EAAI,GAEd,sBAAsB,MAAM;AAC1B,MAAAE,EAAS,SAAS,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS;AAAA,IACzE,CAAC;AAAA,EAEL,GAAG,CAACJ,CAAS,CAAC,GAEVN,EAAM,WAAW,IACZ,OAIP,gBAAAe,EAAC,SAAI,KAAKL,GAAU,IAAI,cAAcX,CAAS,IAAI,WAAWiB;AAAA,IAC5D;AAAA,IACAV,IACI,yFACA;AAAA,EAAA,GAGJ,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMP,EAAU,CAACD,CAAM;AAAA,QAChC,WAAWS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,CAACT,KAAU;AAAA,QAAA;AAAA,QAGb,UAAA;AAAA,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,kFACb,UAAAlB,GACH;AAAA,YACCO,KACC,gBAAAS,EAAC,QAAA,EAAK,WAAU,yKACd,UAAA;AAAA,cAAA,gBAAAE,EAACC,GAAA,EAAO,WAAU,cAAA,CAAc;AAAA,cAAE;AAAA,YAAA,EAAA,CAEpC;AAAA,UAAA,GAEJ;AAAA,UACA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAWH;AAAA,gBACT;AAAA,gBACAT,KAAU;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAIDA,KACC,gBAAAU,EAAC,OAAA,EAAI,WAAU,wDACZ,UAAAjB,EAAM;AAAA,MAAI,CAAC,EAAE,UAAAoB,GAAU,MAAAC,GAAM,OAAAC,QAC5BC;AAAA,QACEH;AAAA,QACAC;AAAA,QACAC;AAAA,QACA,CAACE,MAAavB,EAAamB,GAAUI,CAAQ;AAAA,QAC7CpB;AAAA,QACAQ;AAAA,MAAA;AAAA,IACF,EACF,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

package/dist/editor/PropertyEditor/PropertyGroup.d.ts

@@ -1,5 +1,5 @@
 import { InspectorMeta } from '../../engine';
-import { UploadConfig } from '../LandingPageEditorV2';
+import { UploadConfig } from '../LandingPageEditor';
 interface PropertyGroupProps {
     groupName: string;
     props: Array<{

package/dist/editor/PropertyEditor/PropertyGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/PropertyGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,aAAa,CAAC;QACpB,KAAK,EAAE,GAAG,CAAC;KACZ,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,0DA4BxB,CAAC"}
+{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/PropertyGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,aAAa,CAAC;QACpB,KAAK,EAAE,GAAG,CAAC;KACZ,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,0DA4BxB,CAAC"}

package/dist/editor/PropertyEditor/VariationSelector.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Block } from '../../engine';
 interface VariationSelectorProps {
     block: Block;
@@ -7,6 +8,6 @@ interface VariationSelectorProps {
  * Componente para selecionar variações de Hero e Navbar
  * Preserva props customizadas ao trocar variação
  */
-export declare function VariationSelector({ block, onUpdate }: VariationSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const VariationSelector: React.NamedExoticComponent<VariationSelectorProps>;
 export {};
 //# sourceMappingURL=VariationSelector.d.ts.map

package/dist/editor/PropertyEditor/VariationSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VariationSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/VariationSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAUrC,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAClD;AAyGD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,kDAgI5E"}
+{"version":3,"file":"VariationSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/VariationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAUrC,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAClD;AAyGD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oDAqI5B,CAAC"}

package/dist/editor/PropertyEditor/VariationSelector.js

@@ -1,11 +1,12 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { cn as c } from "../../utils/cn.js";
-import { heroVariationIds as g, heroVariations as b } from "../../engine/presets/heroVariations.js";
-import { navbarVariationIds as p, navbarVariations as v } from "../../engine/presets/navbarVariations.js";
-function r(o, i) {
-  return o[i] !== void 0 ? { [i]: o[i] } : {};
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import g from "react";
+import { cn as u } from "../../utils/cn.js";
+import { heroVariationIds as m, heroVariations as p } from "../../engine/presets/heroVariations.js";
+import { navbarVariationIds as v, navbarVariations as f } from "../../engine/presets/navbarVariations.js";
+function r(n, o) {
+  return n[o] !== void 0 ? { [o]: n[o] } : {};
 }
-const m = {
+const y = {
   // Variant e variation
   variation: void 0,
   variant: "centered",
@@ -59,7 +60,7 @@ const m = {
   imageGridPreset: "four-equal",
   imageGridImages: [],
   imageGridGap: 8
-}, f = {
+}, h = {
   variation: void 0,
   layout: "expanded",
   floating: !1,
@@ -90,14 +91,13 @@ const m = {
   buttonHoverIntensity: 50,
   buttonHoverOverlay: "none",
   buttonHoverIconName: "arrow-right"
-};
-function C({ block: o, onUpdate: i }) {
+}, I = g.memo(function({ block: o, onUpdate: l }) {
   if (o.type === "hero") {
-    const d = o.props.variation, e = o.props;
-    return /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+    const e = o.props, d = e.variation;
+    return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
       /* @__PURE__ */ t("h4", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide", children: "Variações" }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2", children: g.map((a) => {
-        const n = b[a];
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2", children: m.map((a) => {
+        const i = p[a];
         return /* @__PURE__ */ t(
           "button",
           {
@@ -105,9 +105,9 @@ function C({ block: o, onUpdate: i }) {
             onClick: () => {
               const s = {
                 // 1. RESET: Limpa todas as props visuais para evitar vazamento
-                ...m,
+                ...y,
                 // 2. Aplica os defaults da nova variação
-                ...n.defaultProps,
+                ...i.defaultProps,
                 // 3. Preserva APENAS o conteúdo editado pelo usuário
                 ...r(e, "title"),
                 ...r(e, "subtitle"),
@@ -120,15 +120,19 @@ function C({ block: o, onUpdate: i }) {
                 ...r(e, "imageGridEnabled"),
                 ...r(e, "imageGridPreset"),
                 ...r(e, "imageGridImages"),
-                ...r(e, "imageGridGap")
+                ...r(e, "imageGridGap"),
+                // 5. Preserva configuração do Carousel
+                ...r(e, "carouselImages"),
+                ...r(e, "carouselInterval"),
+                ...r(e, "carouselTransition")
               };
-              i(s);
+              l(s);
             },
-            className: c(
+            className: u(
               "flex items-center gap-2 p-2 rounded-lg border-2 text-left transition-all",
               d === a ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border-gray-200 dark:border-gray-600 hover:border-blue-300 dark:hover:border-blue-700"
             ),
-            children: /* @__PURE__ */ t("span", { className: "text-xs font-medium text-gray-800 dark:text-gray-100", children: n.name })
+            children: /* @__PURE__ */ t("span", { className: "text-xs font-medium text-gray-800 dark:text-gray-100", children: i.name })
           },
           a
         );
@@ -136,11 +140,11 @@ function C({ block: o, onUpdate: i }) {
     ] });
   }
   if (o.type === "navbar") {
-    const d = o.props.variation, e = o.props;
-    return /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+    const e = o.props, d = e.variation;
+    return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
       /* @__PURE__ */ t("h4", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide", children: "Variações" }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2", children: p.map((a) => {
-        const n = v[a];
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2", children: v.map((a) => {
+        const i = f[a];
         return /* @__PURE__ */ t(
           "button",
           {
@@ -148,9 +152,9 @@ function C({ block: o, onUpdate: i }) {
             onClick: () => {
               const s = {
                 // 1. RESET: Limpa todas as props visuais para evitar vazamento
-                ...f,
+                ...h,
                 // 2. Aplica os defaults da nova variação
-                ...n.defaultProps,
+                ...i.defaultProps,
                 // 3. Preserva APENAS o conteúdo editado pelo usuário
                 ...r(e, "logo"),
                 ...r(e, "logoText"),
@@ -158,13 +162,13 @@ function C({ block: o, onUpdate: i }) {
                 ...r(e, "links"),
                 ...r(e, "ctaButton")
               };
-              i(s);
+              l(s);
             },
-            className: c(
+            className: u(
               "flex items-center gap-2 p-2 rounded-lg border-2 text-left transition-all",
               d === a ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border-gray-200 dark:border-gray-600 hover:border-blue-300 dark:hover:border-blue-700"
             ),
-            children: /* @__PURE__ */ t("span", { className: "text-xs font-medium text-gray-800 dark:text-gray-100", children: n.name })
+            children: /* @__PURE__ */ t("span", { className: "text-xs font-medium text-gray-800 dark:text-gray-100", children: i.name })
           },
           a
         );
@@ -172,8 +176,8 @@ function C({ block: o, onUpdate: i }) {
     ] });
   }
   return null;
-}
+});
 export {
-  C as VariationSelector
+  I as VariationSelector
 };
 //# sourceMappingURL=VariationSelector.js.map

package/dist/editor/PropertyEditor/VariationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariationSelector.js","sources":["../../../src/editor/PropertyEditor/VariationSelector.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { Block } from \"../../engine\";\nimport {\n  heroVariations,\n  heroVariationIds,\n} from \"../../engine/presets/heroVariations\";\nimport {\n  navbarVariations,\n  navbarVariationIds,\n} from \"../../engine/presets/navbarVariations\";\n\ninterface VariationSelectorProps {\n  block: Block;\n  onUpdate: (updates: Record<string, any>) => void;\n}\n\n/**\n * Helper para preservar um valor se ele existir (não undefined)\n */\nfunction preserveIfDefined(obj: Record<string, any>, key: string): Record<string, any> {\n  return obj[key] !== undefined ? { [key]: obj[key] } : {};\n}\n\n/**\n * Props visuais do Hero que DEVEM ser resetadas ao trocar de variação\n * para evitar \"vazamento\" de estilos entre variações\n */\nconst HERO_VISUAL_PROPS_TO_RESET: Record<string, any> = {\n  // Variant e variation\n  variation: undefined,\n  variant: \"centered\",\n  // Layout\n  align: \"center\",\n  contentPosition: \"center\",\n  contentSpacing: \"default\",\n  blockGap: \"default\",\n  minHeight: \"70vh\",\n  contentMaxWidth: \"700px\",\n  paddingY: undefined,\n  // Background & Overlay\n  background: undefined,\n  overlay: false,\n  overlayColor: undefined,\n  // Typography colors (legacy)\n  titleColor: undefined,\n  subtitleColor: undefined,\n  descriptionColor: undefined,\n  // Typography config (novo sistema)\n  titleTypography: undefined,\n  subtitleTypography: undefined,\n  descriptionTypography: undefined,\n  // Badge styling\n  badgeColor: undefined,\n  badgeTextColor: undefined,\n  // Image styling\n  imageRadius: 16,\n  imageShadow: \"lg\",\n  imagePosition: \"right\",\n  // Button styling\n  buttonSize: \"md\",\n  primaryButtonVariant: \"solid\",\n  primaryButtonColor: undefined,\n  primaryButtonTextColor: undefined,\n  primaryButtonRadius: 8,\n  secondaryButtonVariant: \"outline\",\n  secondaryButtonColor: undefined,\n  secondaryButtonTextColor: undefined,\n  secondaryButtonRadius: 8,\n  // Button hover\n  buttonHoverEffect: \"scale\",\n  buttonHoverIntensity: 50,\n  buttonHoverOverlay: \"none\",\n  buttonHoverIconName: \"arrow-right\",\n  // Decorative\n  showWave: false,\n  waveColor: \"rgba(255,255,255,0.1)\",\n  // Image Grid\n  imageGridEnabled: false,\n  imageGridPreset: \"four-equal\",\n  imageGridImages: [],\n  imageGridGap: 8,\n};\n\n/**\n * Props visuais da Navbar que DEVEM ser resetadas ao trocar de variação\n */\nconst NAVBAR_VISUAL_PROPS_TO_RESET: Record<string, any> = {\n  variation: undefined,\n  layout: \"expanded\",\n  floating: false,\n  sticky: true,\n  // Aparência\n  bg: \"#ffffff\",\n  opacity: 100,\n  blurOpacity: 0,\n  borderRadius: 0,\n  shadow: \"sm\",\n  // Borda\n  borderPosition: \"none\",\n  borderWidth: 1,\n  borderColor: \"#e5e7eb\",\n  // Links\n  linkColor: \"#374151\",\n  linkHoverColor: \"#2563eb\",\n  linkFontSize: \"md\",\n  linkHoverEffect: \"background\",\n  linkHoverIntensity: 50,\n  // Botão\n  buttonVariant: \"solid\",\n  buttonColor: \"#2563eb\",\n  buttonTextColor: \"#ffffff\",\n  buttonBorderRadius: 8,\n  buttonSize: \"md\",\n  buttonHoverEffect: \"darken\",\n  buttonHoverIntensity: 50,\n  buttonHoverOverlay: \"none\",\n  buttonHoverIconName: \"arrow-right\",\n};\n\n/**\n * Componente para selecionar variações de Hero e Navbar\n * Preserva props customizadas ao trocar variação\n */\nexport function VariationSelector({ block, onUpdate }: VariationSelectorProps) {\n  // Hero variations\n  if (block.type === \"hero\") {\n    const currentVariation = (block.props as any).variation;\n    const props = block.props as any;\n\n    return (\n      <div className=\"space-y-2\">\n        <h4 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide\">\n          Variações\n        </h4>\n        <div className=\"grid grid-cols-2 gap-2\">\n          {heroVariationIds.map((id) => {\n            const v = heroVariations[id];\n            const isActive = currentVariation === id;\n            return (\n              <button\n                key={id}\n                type=\"button\"\n                onClick={() => {\n                  // IMPORTANTE: Ao trocar variação:\n                  // 1. Primeiro RESETA todas as props visuais para valores padrão\n                  // 2. Depois aplica os defaults da nova variação\n                  // 3. Por fim preserva o conteúdo do usuário\n\n                  const newProps = {\n                    // 1. RESET: Limpa todas as props visuais para evitar vazamento\n                    ...HERO_VISUAL_PROPS_TO_RESET,\n\n                    // 2. Aplica os defaults da nova variação\n                    ...v.defaultProps,\n\n                    // 3. Preserva APENAS o conteúdo editado pelo usuário\n                    ...preserveIfDefined(props, \"title\"),\n                    ...preserveIfDefined(props, \"subtitle\"),\n                    ...preserveIfDefined(props, \"description\"),\n                    ...preserveIfDefined(props, \"badge\"),\n                    ...preserveIfDefined(props, \"primaryButton\"),\n                    ...preserveIfDefined(props, \"secondaryButton\"),\n                    ...preserveIfDefined(props, \"image\"),\n\n                    // 4. Preserva configuração da Image Grid\n                    ...preserveIfDefined(props, \"imageGridEnabled\"),\n                    ...preserveIfDefined(props, \"imageGridPreset\"),\n                    ...preserveIfDefined(props, \"imageGridImages\"),\n                    ...preserveIfDefined(props, \"imageGridGap\"),\n                  };\n\n                  onUpdate(newProps);\n                }}\n                className={cn(\n                  \"flex items-center gap-2 p-2 rounded-lg border-2 text-left transition-all\",\n                  isActive\n                    ? \"border-blue-500 bg-blue-50 dark:bg-blue-900/20\"\n                    : \"border-gray-200 dark:border-gray-600 hover:border-blue-300 dark:hover:border-blue-700\",\n                )}\n              >\n                <span className=\"text-xs font-medium text-gray-800 dark:text-gray-100\">\n                  {v.name}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  // Navbar variations\n  if (block.type === \"navbar\") {\n    const currentVariation = (block.props as any).variation;\n    const props = block.props as any;\n\n    return (\n      <div className=\"space-y-2\">\n        <h4 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide\">\n          Variações\n        </h4>\n        <div className=\"grid grid-cols-2 gap-2\">\n          {navbarVariationIds.map((id) => {\n            const v = navbarVariations[id];\n            const isActive = currentVariation === id;\n            return (\n              <button\n                key={id}\n                type=\"button\"\n                onClick={() => {\n                  // IMPORTANTE: Ao trocar variação:\n                  // 1. Primeiro RESETA todas as props visuais para valores padrão\n                  // 2. Depois aplica os defaults da nova variação\n                  // 3. Por fim preserva o conteúdo do usuário\n\n                  const newProps = {\n                    // 1. RESET: Limpa todas as props visuais para evitar vazamento\n                    ...NAVBAR_VISUAL_PROPS_TO_RESET,\n\n                    // 2. Aplica os defaults da nova variação\n                    ...v.defaultProps,\n\n                    // 3. Preserva APENAS o conteúdo editado pelo usuário\n                    ...preserveIfDefined(props, \"logo\"),\n                    ...preserveIfDefined(props, \"logoText\"),\n                    ...preserveIfDefined(props, \"logoHeight\"),\n                    ...preserveIfDefined(props, \"links\"),\n                    ...preserveIfDefined(props, \"ctaButton\"),\n                  };\n\n                  onUpdate(newProps);\n                }}\n                className={cn(\n                  \"flex items-center gap-2 p-2 rounded-lg border-2 text-left transition-all\",\n                  isActive\n                    ? \"border-blue-500 bg-blue-50 dark:bg-blue-900/20\"\n                    : \"border-gray-200 dark:border-gray-600 hover:border-blue-300 dark:hover:border-blue-700\",\n                )}\n              >\n                <span className=\"text-xs font-medium text-gray-800 dark:text-gray-100\">\n                  {v.name}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n}\n"],"names":["preserveIfDefined","obj","key","HERO_VISUAL_PROPS_TO_RESET","NAVBAR_VISUAL_PROPS_TO_RESET","VariationSelector","block","onUpdate","currentVariation","props","jsxs","jsx","heroVariationIds","id","v","heroVariations","newProps","cn","navbarVariationIds","navbarVariations"],"mappings":"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"}
+{"version":3,"file":"VariationSelector.js","sources":["../../../src/editor/PropertyEditor/VariationSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Block } from \"../../engine\";\nimport {\n  heroVariations,\n  heroVariationIds,\n} from \"../../engine/presets/heroVariations\";\nimport {\n  navbarVariations,\n  navbarVariationIds,\n} from \"../../engine/presets/navbarVariations\";\n\ninterface VariationSelectorProps {\n  block: Block;\n  onUpdate: (updates: Record<string, any>) => void;\n}\n\n/**\n * Helper para preservar um valor se ele existir (não undefined)\n */\nfunction preserveIfDefined(obj: Record<string, any>, key: string): Record<string, any> {\n  return obj[key] !== undefined ? { [key]: obj[key] } : {};\n}\n\n/**\n * Props visuais do Hero que DEVEM ser resetadas ao trocar de variação\n * para evitar \"vazamento\" de estilos entre variações\n */\nconst HERO_VISUAL_PROPS_TO_RESET: Record<string, any> = {\n  // Variant e variation\n  variation: undefined,\n  variant: \"centered\",\n  // Layout\n  align: \"center\",\n  contentPosition: \"center\",\n  contentSpacing: \"default\",\n  blockGap: \"default\",\n  minHeight: \"70vh\",\n  contentMaxWidth: \"700px\",\n  paddingY: undefined,\n  // Background & Overlay\n  background: undefined,\n  overlay: false,\n  overlayColor: undefined,\n  // Typography colors (legacy)\n  titleColor: undefined,\n  subtitleColor: undefined,\n  descriptionColor: undefined,\n  // Typography config (novo sistema)\n  titleTypography: undefined,\n  subtitleTypography: undefined,\n  descriptionTypography: undefined,\n  // Badge styling\n  badgeColor: undefined,\n  badgeTextColor: undefined,\n  // Image styling\n  imageRadius: 16,\n  imageShadow: \"lg\",\n  imagePosition: \"right\",\n  // Button styling\n  buttonSize: \"md\",\n  primaryButtonVariant: \"solid\",\n  primaryButtonColor: undefined,\n  primaryButtonTextColor: undefined,\n  primaryButtonRadius: 8,\n  secondaryButtonVariant: \"outline\",\n  secondaryButtonColor: undefined,\n  secondaryButtonTextColor: undefined,\n  secondaryButtonRadius: 8,\n  // Button hover\n  buttonHoverEffect: \"scale\",\n  buttonHoverIntensity: 50,\n  buttonHoverOverlay: \"none\",\n  buttonHoverIconName: \"arrow-right\",\n  // Decorative\n  showWave: false,\n  waveColor: \"rgba(255,255,255,0.1)\",\n  // Image Grid\n  imageGridEnabled: false,\n  imageGridPreset: \"four-equal\",\n  imageGridImages: [],\n  imageGridGap: 8,\n};\n\n/**\n * Props visuais da Navbar que DEVEM ser resetadas ao trocar de variação\n */\nconst NAVBAR_VISUAL_PROPS_TO_RESET: Record<string, any> = {\n  variation: undefined,\n  layout: \"expanded\",\n  floating: false,\n  sticky: true,\n  // Aparência\n  bg: \"#ffffff\",\n  opacity: 100,\n  blurOpacity: 0,\n  borderRadius: 0,\n  shadow: \"sm\",\n  // Borda\n  borderPosition: \"none\",\n  borderWidth: 1,\n  borderColor: \"#e5e7eb\",\n  // Links\n  linkColor: \"#374151\",\n  linkHoverColor: \"#2563eb\",\n  linkFontSize: \"md\",\n  linkHoverEffect: \"background\",\n  linkHoverIntensity: 50,\n  // Botão\n  buttonVariant: \"solid\",\n  buttonColor: \"#2563eb\",\n  buttonTextColor: \"#ffffff\",\n  buttonBorderRadius: 8,\n  buttonSize: \"md\",\n  buttonHoverEffect: \"darken\",\n  buttonHoverIntensity: 50,\n  buttonHoverOverlay: \"none\",\n  buttonHoverIconName: \"arrow-right\",\n};\n\n/**\n * Componente para selecionar variações de Hero e Navbar\n * Preserva props customizadas ao trocar variação\n */\nexport const VariationSelector = React.memo(function VariationSelector({ block, onUpdate }: VariationSelectorProps) {\n  // Hero variations\n  if (block.type === \"hero\") {\n    const props = block.props as Record<string, any>;\n    const currentVariation = props.variation;\n\n    return (\n      <div className=\"space-y-2\">\n        <h4 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide\">\n          Variações\n        </h4>\n        <div className=\"grid grid-cols-2 gap-2\">\n          {heroVariationIds.map((id) => {\n            const v = heroVariations[id];\n            const isActive = currentVariation === id;\n            return (\n              <button\n                key={id}\n                type=\"button\"\n                onClick={() => {\n                  // IMPORTANTE: Ao trocar variação:\n                  // 1. Primeiro RESETA todas as props visuais para valores padrão\n                  // 2. Depois aplica os defaults da nova variação\n                  // 3. Por fim preserva o conteúdo do usuário\n\n                  const newProps = {\n                    // 1. RESET: Limpa todas as props visuais para evitar vazamento\n                    ...HERO_VISUAL_PROPS_TO_RESET,\n\n                    // 2. Aplica os defaults da nova variação\n                    ...v.defaultProps,\n\n                    // 3. Preserva APENAS o conteúdo editado pelo usuário\n                    ...preserveIfDefined(props, \"title\"),\n                    ...preserveIfDefined(props, \"subtitle\"),\n                    ...preserveIfDefined(props, \"description\"),\n                    ...preserveIfDefined(props, \"badge\"),\n                    ...preserveIfDefined(props, \"primaryButton\"),\n                    ...preserveIfDefined(props, \"secondaryButton\"),\n                    ...preserveIfDefined(props, \"image\"),\n\n                    // 4. Preserva configuração da Image Grid\n                    ...preserveIfDefined(props, \"imageGridEnabled\"),\n                    ...preserveIfDefined(props, \"imageGridPreset\"),\n                    ...preserveIfDefined(props, \"imageGridImages\"),\n                    ...preserveIfDefined(props, \"imageGridGap\"),\n\n                    // 5. Preserva configuração do Carousel\n                    ...preserveIfDefined(props, \"carouselImages\"),\n                    ...preserveIfDefined(props, \"carouselInterval\"),\n                    ...preserveIfDefined(props, \"carouselTransition\"),\n                  };\n\n                  onUpdate(newProps);\n                }}\n                className={cn(\n                  \"flex items-center gap-2 p-2 rounded-lg border-2 text-left transition-all\",\n                  isActive\n                    ? \"border-blue-500 bg-blue-50 dark:bg-blue-900/20\"\n                    : \"border-gray-200 dark:border-gray-600 hover:border-blue-300 dark:hover:border-blue-700\",\n                )}\n              >\n                <span className=\"text-xs font-medium text-gray-800 dark:text-gray-100\">\n                  {v.name}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  // Navbar variations\n  if (block.type === \"navbar\") {\n    const props = block.props as Record<string, any>;\n    const currentVariation = props.variation;\n\n    return (\n      <div className=\"space-y-2\">\n        <h4 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide\">\n          Variações\n        </h4>\n        <div className=\"grid grid-cols-2 gap-2\">\n          {navbarVariationIds.map((id) => {\n            const v = navbarVariations[id];\n            const isActive = currentVariation === id;\n            return (\n              <button\n                key={id}\n                type=\"button\"\n                onClick={() => {\n                  // IMPORTANTE: Ao trocar variação:\n                  // 1. Primeiro RESETA todas as props visuais para valores padrão\n                  // 2. Depois aplica os defaults da nova variação\n                  // 3. Por fim preserva o conteúdo do usuário\n\n                  const newProps = {\n                    // 1. RESET: Limpa todas as props visuais para evitar vazamento\n                    ...NAVBAR_VISUAL_PROPS_TO_RESET,\n\n                    // 2. Aplica os defaults da nova variação\n                    ...v.defaultProps,\n\n                    // 3. Preserva APENAS o conteúdo editado pelo usuário\n                    ...preserveIfDefined(props, \"logo\"),\n                    ...preserveIfDefined(props, \"logoText\"),\n                    ...preserveIfDefined(props, \"logoHeight\"),\n                    ...preserveIfDefined(props, \"links\"),\n                    ...preserveIfDefined(props, \"ctaButton\"),\n                  };\n\n                  onUpdate(newProps);\n                }}\n                className={cn(\n                  \"flex items-center gap-2 p-2 rounded-lg border-2 text-left transition-all\",\n                  isActive\n                    ? \"border-blue-500 bg-blue-50 dark:bg-blue-900/20\"\n                    : \"border-gray-200 dark:border-gray-600 hover:border-blue-300 dark:hover:border-blue-700\",\n                )}\n              >\n                <span className=\"text-xs font-medium text-gray-800 dark:text-gray-100\">\n                  {v.name}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n});\n"],"names":["preserveIfDefined","obj","key","HERO_VISUAL_PROPS_TO_RESET","NAVBAR_VISUAL_PROPS_TO_RESET","VariationSelector","React","block","onUpdate","props","currentVariation","jsxs","jsx","heroVariationIds","id","v","heroVariations","newProps","cn","navbarVariationIds","navbarVariations"],"mappings":"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"}

package/dist/editor/PropertyEditor/index.js

@@ -1,33 +1,35 @@
 import { BlockPropertyEditor as o } from "./BlockPropertyEditor.js";
-import { VariationSelector as n } from "./VariationSelector.js";
-import "./PropertyGroup.js";
-import { renderPropertyInput as u } from "./renderPropertyInput.js";
-import { TextInput as I } from "./inputs/TextInput.js";
-import { TextAreaInput as l } from "./inputs/TextAreaInput.js";
-import { ColorInput as d } from "./inputs/ColorInput.js";
-import { NumberInput as g } from "./inputs/NumberInput.js";
-import { SelectInput as T } from "./inputs/SelectInput.js";
-import { SliderInput as G } from "./inputs/SliderInput.js";
-import "react/jsx-runtime";
-import { ToggleButton as P } from "./inputs/ToggleButton.js";
-import { ButtonGroupInput as h } from "./inputs/ButtonGroupInput.js";
-import { IconGridInput as A } from "./inputs/IconGridInput.js";
-import { ImageGridInput as E } from "./inputs/ImageGridInput.js";
-import { TypographyInput as V } from "./inputs/TypographyInput.js";
+import { VariationSelector as e } from "./VariationSelector.js";
+import { renderPropertyInput as n } from "./renderPropertyInput.js";
+import { ButtonGroupInput as x } from "./inputs/ButtonGroupInput.js";
+import { CarouselImagesInput as f } from "./inputs/CarouselImagesInput.js";
+import { ColorInput as i } from "./inputs/ColorInput.js";
+import { IconGridInput as g } from "./inputs/IconGridInput.js";
+import { ImageGridInput as c } from "./inputs/ImageGridInput.js";
+import { ImageInput as T } from "./inputs/ImageInput.js";
+import { NumberInput as G } from "./inputs/NumberInput.js";
+import { SelectInput as s } from "./inputs/SelectInput.js";
+import { SliderInput as P } from "./inputs/SliderInput.js";
+import { TextAreaInput as h } from "./inputs/TextAreaInput.js";
+import { TextInput as A } from "./inputs/TextInput.js";
+import { ToggleButton as N } from "./inputs/ToggleButton.js";
+import { TypographyInput as j } from "./inputs/TypographyInput.js";
 export {
   o as BlockPropertyEditor,
-  h as ButtonGroupInput,
-  d as ColorInput,
-  A as IconGridInput,
-  E as ImageGridInput,
-  g as NumberInput,
-  T as SelectInput,
-  G as SliderInput,
-  l as TextAreaInput,
-  I as TextInput,
-  P as ToggleButton,
-  V as TypographyInput,
-  n as VariationSelector,
-  u as renderPropertyInput
+  x as ButtonGroupInput,
+  f as CarouselImagesInput,
+  i as ColorInput,
+  g as IconGridInput,
+  c as ImageGridInput,
+  T as ImageInput,
+  G as NumberInput,
+  s as SelectInput,
+  P as SliderInput,
+  h as TextAreaInput,
+  A as TextInput,
+  N as ToggleButton,
+  j as TypographyInput,
+  e as VariationSelector,
+  n as renderPropertyInput
 };
 //# sourceMappingURL=index.js.map

package/dist/editor/PropertyEditor/inputs/CarouselImagesInput.d.ts

@@ -0,0 +1,16 @@
+import { UploadConfig } from '../../LandingPageEditor';
+interface CarouselImagesInputProps {
+    /** Array de URLs de imagens */
+    images: string[];
+    /** Callback ao atualizar imagens */
+    onImagesChange: (images: string[]) => void;
+    /** Label do componente */
+    label?: string;
+    /** Descrição */
+    description?: string;
+    /** Configuração de upload */
+    uploadConfig?: UploadConfig;
+}
+export declare function CarouselImagesInput({ images, onImagesChange, label, description, }: CarouselImagesInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CarouselImagesInput.d.ts.map

package/dist/editor/PropertyEditor/inputs/CarouselImagesInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselImagesInput.d.ts","sourceRoot":"","sources":["../../../../src/editor/PropertyEditor/inputs/CarouselImagesInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,UAAU,wBAAwB;IAChC,+BAA+B;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,oCAAoC;IACpC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAqHD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,KAAK,EACL,WAAW,GACZ,EAAE,wBAAwB,2CAgF1B"}