@brunoalz/smartgesti-site-editor 1.0.0 → 1.2.0

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 { ChevronDown as k } from "lucide-react";
-import { renderPropertyInput as v } from "./renderPropertyInput.js";
-import { cn as i } from "../../utils/cn.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(
-            k,
+          /* @__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 }) => v(
-        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 \"../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}\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/VariationSelector.d.ts.map

@@ -1 +1 @@
-{"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,oDAgI5B,CAAC"}
+{"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,7 +1,7 @@
 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 p, heroVariations as m } from "../../engine/presets/heroVariations.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] } : {};
@@ -91,13 +91,13 @@ const y = {
   buttonHoverIntensity: 50,
   buttonHoverOverlay: "none",
   buttonHoverIconName: "arrow-right"
-}, B = g.memo(function({ block: o, onUpdate: l }) {
+}, I = g.memo(function({ block: o, onUpdate: l }) {
   if (o.type === "hero") {
     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 i = m[a];
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2", children: m.map((a) => {
+        const i = p[a];
         return /* @__PURE__ */ t(
           "button",
           {
@@ -120,7 +120,11 @@ const y = {
                 ...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")
               };
               l(s);
             },
@@ -174,6 +178,6 @@ const y = {
   return null;
 });
 export {
-  B 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 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\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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"}
+{"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,32 +1,34 @@
 import { BlockPropertyEditor as o } from "./BlockPropertyEditor.js";
 import { VariationSelector as e } from "./VariationSelector.js";
 import { renderPropertyInput as n } from "./renderPropertyInput.js";
-import { ButtonGroupInput as u } from "./inputs/ButtonGroupInput.js";
-import { ColorInput as I } from "./inputs/ColorInput.js";
-import { IconGridInput as a } from "./inputs/IconGridInput.js";
-import { ImageGridInput as d } from "./inputs/ImageGridInput.js";
-import { ImageInput as c } from "./inputs/ImageInput.js";
-import { NumberInput as T } from "./inputs/NumberInput.js";
-import { SelectInput as G } from "./inputs/SelectInput.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 E } from "./inputs/ToggleButton.js";
-import { TypographyInput as V } from "./inputs/TypographyInput.js";
+import { ToggleButton as N } from "./inputs/ToggleButton.js";
+import { TypographyInput as j } from "./inputs/TypographyInput.js";
 export {
   o as BlockPropertyEditor,
-  u as ButtonGroupInput,
-  I as ColorInput,
-  a as IconGridInput,
-  d as ImageGridInput,
-  c as ImageInput,
-  T as NumberInput,
-  G as SelectInput,
+  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,
-  E as ToggleButton,
-  V as TypographyInput,
+  N as ToggleButton,
+  j as TypographyInput,
   e as VariationSelector,
   n as renderPropertyInput
 };

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

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

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"}

package/dist/editor/PropertyEditor/inputs/CarouselImagesInput.js

@@ -0,0 +1,170 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useRef as y } from "react";
+import { cn as m } from "../../../utils/cn.js";
+const x = 2, f = 5;
+function k({
+  index: t,
+  src: a,
+  onChange: c,
+  onRemove: d,
+  canRemove: i
+}) {
+  const n = y(null), u = (l) => {
+    const e = l.target.files?.[0];
+    if (!e || !e.type.startsWith("image/") || e.size > 10 * 1024 * 1024) return;
+    const o = new FileReader();
+    o.onload = (b) => {
+      const p = b.target?.result;
+      c(p);
+    }, o.readAsDataURL(e);
+  }, h = () => {
+    n.current && (n.current.value = "", n.current.click());
+  }, g = !!a && !a.includes("placehold.co");
+  return /* @__PURE__ */ s("div", { className: "relative group", children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ref: n,
+        type: "file",
+        accept: "image/*",
+        onChange: u,
+        className: "hidden"
+      }
+    ),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        onClick: h,
+        className: m(
+          "w-20 h-12 rounded-lg overflow-hidden border-2 transition-all",
+          "flex items-center justify-center",
+          "bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700",
+          g ? "border-blue-400 dark:border-blue-500" : "border-dashed border-gray-300 dark:border-gray-600 hover:border-blue-400"
+        ),
+        children: a ? /* @__PURE__ */ r(
+          "img",
+          {
+            src: a,
+            alt: `Slide ${t + 1}`,
+            className: "w-full h-full object-cover"
+          }
+        ) : /* @__PURE__ */ r(
+          "svg",
+          {
+            className: "w-5 h-5 text-gray-400",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ r(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+              }
+            )
+          }
+        )
+      }
+    ),
+    i && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        onClick: d,
+        className: m(
+          "absolute -top-1 -right-1 w-5 h-5 rounded-full",
+          "bg-red-500 text-white",
+          "flex items-center justify-center",
+          "opacity-0 group-hover:opacity-100 transition-opacity",
+          "text-xs font-bold"
+        ),
+        children: "×"
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-[10px] text-center py-0.5", children: t + 1 })
+  ] });
+}
+function C({
+  images: t,
+  onImagesChange: a,
+  label: c,
+  description: d
+}) {
+  const i = t.length < f, n = t.length > x, u = (l, e) => {
+    const o = [...t];
+    o[l] = e, a(o);
+  }, h = (l) => {
+    if (!n) return;
+    const e = t.filter((o, b) => b !== l);
+    a(e);
+  }, g = () => {
+    i && a([...t, ""]);
+  };
+  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+    c && /* @__PURE__ */ s("label", { className: "block text-xs font-medium text-gray-800 dark:text-gray-100", children: [
+      c,
+      d && /* @__PURE__ */ r("span", { className: "text-gray-500 dark:text-gray-400 text-xs font-normal ml-1", children: d })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ s("span", { className: "text-[10px] text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: [
+        "Slides (",
+        t.length,
+        "/",
+        f,
+        ")"
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-2 items-center", children: [
+        t.map((l, e) => /* @__PURE__ */ r(
+          k,
+          {
+            index: e,
+            src: l,
+            onChange: (o) => u(e, o),
+            onRemove: () => h(e),
+            canRemove: n
+          },
+          e
+        )),
+        i && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: g,
+            className: m(
+              "w-20 h-12 rounded-lg border-2 border-dashed",
+              "border-gray-300 dark:border-gray-600",
+              "hover:border-blue-400 dark:hover:border-blue-500",
+              "flex items-center justify-center transition-colors",
+              "bg-gray-50 dark:bg-gray-800"
+            ),
+            children: /* @__PURE__ */ r(
+              "svg",
+              {
+                className: "w-5 h-5 text-gray-400",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ r(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M12 4v16m8-8H4"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  C as CarouselImagesInput
+};
+//# sourceMappingURL=CarouselImagesInput.js.map

package/dist/editor/PropertyEditor/inputs/CarouselImagesInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselImagesInput.js","sources":["../../../../src/editor/PropertyEditor/inputs/CarouselImagesInput.tsx"],"sourcesContent":["/**\n * CarouselImagesInput\n * Componente para editar array de imagens do carrossel hero (2-5 imagens)\n */\n\nimport { useRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport type { UploadConfig } from \"../../LandingPageEditor\";\n\ninterface CarouselImagesInputProps {\n  /** Array de URLs de imagens */\n  images: string[];\n  /** Callback ao atualizar imagens */\n  onImagesChange: (images: string[]) => void;\n  /** Label do componente */\n  label?: string;\n  /** Descrição */\n  description?: string;\n  /** Configuração de upload */\n  uploadConfig?: UploadConfig;\n}\n\nconst MIN_IMAGES = 2;\nconst MAX_IMAGES = 5;\n\n/**\n * Slot individual de imagem do carrossel\n */\nfunction CarouselSlot({\n  index,\n  src,\n  onChange,\n  onRemove,\n  canRemove,\n}: {\n  index: number;\n  src: string;\n  onChange: (src: string) => void;\n  onRemove: () => void;\n  canRemove: boolean;\n}) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (!file) return;\n\n    if (!file.type.startsWith(\"image/\")) return;\n    if (file.size > 10 * 1024 * 1024) return;\n\n    const reader = new FileReader();\n    reader.onload = (evt) => {\n      const dataUrl = evt.target?.result as string;\n      onChange(dataUrl);\n    };\n    reader.readAsDataURL(file);\n  };\n\n  const handleClick = () => {\n    if (inputRef.current) {\n      inputRef.current.value = \"\";\n      inputRef.current.click();\n    }\n  };\n\n  const hasImage = !!src && !src.includes(\"placehold.co\");\n\n  return (\n    <div className=\"relative group\">\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        onChange={handleFileChange}\n        className=\"hidden\"\n      />\n\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className={cn(\n          \"w-20 h-12 rounded-lg overflow-hidden border-2 transition-all\",\n          \"flex items-center justify-center\",\n          \"bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700\",\n          hasImage\n            ? \"border-blue-400 dark:border-blue-500\"\n            : \"border-dashed border-gray-300 dark:border-gray-600 hover:border-blue-400\"\n        )}\n      >\n        {src ? (\n          <img\n            src={src}\n            alt={`Slide ${index + 1}`}\n            className=\"w-full h-full object-cover\"\n          />\n        ) : (\n          <svg\n            className=\"w-5 h-5 text-gray-400\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n        )}\n      </button>\n\n      {/* Botão de remover */}\n      {canRemove && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          className={cn(\n            \"absolute -top-1 -right-1 w-5 h-5 rounded-full\",\n            \"bg-red-500 text-white\",\n            \"flex items-center justify-center\",\n            \"opacity-0 group-hover:opacity-100 transition-opacity\",\n            \"text-xs font-bold\"\n          )}\n        >\n          ×\n        </button>\n      )}\n\n      {/* Número do slide */}\n      <div className=\"absolute bottom-0 left-0 right-0 bg-black/50 text-white text-[10px] text-center py-0.5\">\n        {index + 1}\n      </div>\n    </div>\n  );\n}\n\nexport function CarouselImagesInput({\n  images,\n  onImagesChange,\n  label,\n  description,\n}: CarouselImagesInputProps) {\n  const canAdd = images.length < MAX_IMAGES;\n  const canRemove = images.length > MIN_IMAGES;\n\n  const handleImageChange = (index: number, src: string) => {\n    const newImages = [...images];\n    newImages[index] = src;\n    onImagesChange(newImages);\n  };\n\n  const handleImageRemove = (index: number) => {\n    if (!canRemove) return;\n    const newImages = images.filter((_, i) => i !== index);\n    onImagesChange(newImages);\n  };\n\n  const handleAddImage = () => {\n    if (!canAdd) return;\n    onImagesChange([...images, \"\"]);\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {label && (\n        <label className=\"block text-xs font-medium text-gray-800 dark:text-gray-100\">\n          {label}\n          {description && (\n            <span className=\"text-gray-500 dark:text-gray-400 text-xs font-normal ml-1\">\n              {description}\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className=\"space-y-1\">\n        <span className=\"text-[10px] text-gray-500 dark:text-gray-400 uppercase tracking-wide\">\n          Slides ({images.length}/{MAX_IMAGES})\n        </span>\n        <div className=\"flex flex-wrap gap-2 items-center\">\n          {images.map((src, index) => (\n            <CarouselSlot\n              key={index}\n              index={index}\n              src={src}\n              onChange={(newSrc) => handleImageChange(index, newSrc)}\n              onRemove={() => handleImageRemove(index)}\n              canRemove={canRemove}\n            />\n          ))}\n          {canAdd && (\n            <button\n              type=\"button\"\n              onClick={handleAddImage}\n              className={cn(\n                \"w-20 h-12 rounded-lg border-2 border-dashed\",\n                \"border-gray-300 dark:border-gray-600\",\n                \"hover:border-blue-400 dark:hover:border-blue-500\",\n                \"flex items-center justify-center transition-colors\",\n                \"bg-gray-50 dark:bg-gray-800\"\n              )}\n            >\n              <svg\n                className=\"w-5 h-5 text-gray-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M12 4v16m8-8H4\"\n                />\n              </svg>\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["MIN_IMAGES","MAX_IMAGES","CarouselSlot","index","src","onChange","onRemove","canRemove","inputRef","useRef","handleFileChange","e","file","reader","evt","dataUrl","handleClick","hasImage","jsxs","jsx","cn","CarouselImagesInput","images","onImagesChange","label","description","canAdd","handleImageChange","newImages","handleImageRemove","_","i","handleAddImage","newSrc"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageGridInput.d.ts","sourceRoot":"","sources":["../../../../src/editor/PropertyEditor/inputs/ImageGridInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,eAAe,EAGrB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,UAAU,mBAAmB;IAC3B,mBAAmB;IACnB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,uBAAuB;IACvB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,sCAAsC;IACtC,cAAc,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAClD,kCAAkC;IAClC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAqMD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,WAAW,GACZ,EAAE,mBAAmB,2CAkHrB"}
+{"version":3,"file":"ImageGridInput.d.ts","sourceRoot":"","sources":["../../../../src/editor/PropertyEditor/inputs/ImageGridInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,eAAe,EAGrB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,UAAU,mBAAmB;IAC3B,mBAAmB;IACnB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,uBAAuB;IACvB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,sCAAsC;IACtC,cAAc,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAClD,kCAAkC;IAClC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAiOD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,WAAW,GACZ,EAAE,mBAAmB,2CA6HrB"}