@brunoalz/smartgesti-site-editor 1.10.0 → 1.10.2

package/dist/editor/PropertyEditor/index.js

@@ -1,35 +1,37 @@
 import { BlockPropertyEditor as o } from "./BlockPropertyEditor.js";
-import { VariationSelector as e } from "./VariationSelector.js";
+import { VariationSelector as p } 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";
+import { ColorInput as l } from "./inputs/ColorInput.js";
+import { GalleryImagesInput as i } from "./inputs/GalleryImagesInput.js";
+import { IconGridInput as y } from "./inputs/IconGridInput.js";
+import { ImageGridInput as G } from "./inputs/ImageGridInput.js";
+import { ImageInput as s } from "./inputs/ImageInput.js";
+import { NumberInput as S } from "./inputs/NumberInput.js";
+import { SelectInput as P } from "./inputs/SelectInput.js";
+import { SliderInput as h } from "./inputs/SliderInput.js";
+import { TextAreaInput as A } from "./inputs/TextAreaInput.js";
+import { TextInput as N } from "./inputs/TextInput.js";
+import { ToggleButton as j } from "./inputs/ToggleButton.js";
+import { TypographyInput as v } from "./inputs/TypographyInput.js";
 export {
   o as BlockPropertyEditor,
   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,
+  l as ColorInput,
+  i as GalleryImagesInput,
+  y as IconGridInput,
+  G as ImageGridInput,
+  s as ImageInput,
+  S as NumberInput,
+  P as SelectInput,
+  h as SliderInput,
+  A as TextAreaInput,
+  N as TextInput,
+  j as ToggleButton,
+  v as TypographyInput,
+  p as VariationSelector,
   n as renderPropertyInput
 };
 //# sourceMappingURL=index.js.map

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/GalleryImagesInput.d.ts

@@ -0,0 +1,14 @@
+import { GalleryImage } from '../../../engine/schema/siteDocument';
+import { UploadConfig } from '../../LandingPageEditor';
+interface GalleryImagesInputProps {
+    images: GalleryImage[];
+    onImagesChange: (images: GalleryImage[]) => void;
+    label?: string;
+    description?: string;
+    uploadConfig?: UploadConfig;
+    /** Aviso de performance a partir de N imagens */
+    warningThreshold?: number;
+}
+export declare function GalleryImagesInput({ images, onImagesChange, label, description, warningThreshold, }: GalleryImagesInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GalleryImagesInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryImagesInput.d.ts","sourceRoot":"","sources":["../../../../src/editor/PropertyEditor/inputs/GalleryImagesInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,UAAU,uBAAuB;IAC/B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAoZD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,cAAc,EACd,KAAK,EACL,WAAW,EACX,gBAAqB,GACtB,EAAE,uBAAuB,2CAyLzB"}

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

@@ -0,0 +1,469 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as k, useRef as R, useCallback as B } from "react";
+import E from "react-dom";
+import { cn as i } from "../../../utils/cn.js";
+import { logger as j } from "../../../utils/logger.js";
+function I() {
+  return `img-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+}
+function z({ draft: r, onDraftChange: o, onSave: h, onCancel: c, isEditing: x }) {
+  const g = R(null), [d, b] = k(!1), [m, n] = k(!1), p = B(
+    (s) => {
+      const y = s.target.files?.[0];
+      if (!y || !y.type.startsWith("image/")) return;
+      if (y.size > 10 * 1024 * 1024) {
+        j.warn("[GalleryImagesInput] Arquivo muito grande (máx 10MB)");
+        return;
+      }
+      b(!0);
+      const u = new FileReader();
+      u.onload = (v) => {
+        o({ ...r, src: v.target?.result }), b(!1);
+      }, u.onerror = () => {
+        j.error("[GalleryImagesInput] Erro ao ler arquivo"), b(!1);
+      }, u.readAsDataURL(y);
+    },
+    [r, o]
+  ), w = () => {
+    if (!r.alt.trim()) {
+      n(!0);
+      return;
+    }
+    n(!1), h();
+  }, N = r.tags?.join(", ") ?? "", L = /* @__PURE__ */ e(
+    "div",
+    {
+      className: "fixed inset-0 z-[9999] flex items-center justify-center p-4",
+      style: { backgroundColor: "rgba(0,0,0,0.5)" },
+      onMouseDown: (s) => {
+        s.target === s.currentTarget && c();
+      },
+      children: /* @__PURE__ */ a("div", { className: "bg-white dark:bg-gray-900 rounded-xl shadow-2xl w-full max-w-md max-h-[90vh] overflow-y-auto", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-5 py-4 border-b border-gray-200 dark:border-gray-700", children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: x ? "Editar imagem" : "Adicionar imagem" }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: c,
+              className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 transition-colors",
+              children: /* @__PURE__ */ e("svg", { className: "w-5 h-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                  clipRule: "evenodd"
+                }
+              ) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "px-5 py-4 space-y-4", children: [
+          r.src && /* @__PURE__ */ e("div", { className: "w-full h-40 rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ e("img", { src: r.src, alt: "preview", className: "w-full h-full object-contain" }) }),
+          /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300", children: "Imagem" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                ref: g,
+                type: "file",
+                accept: "image/*",
+                onChange: p,
+                className: "hidden"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  g.current && (g.current.value = "", g.current.click());
+                },
+                disabled: d,
+                className: i(
+                  "w-full h-10 rounded-lg border-2 border-dashed transition-colors",
+                  "border-gray-300 dark:border-gray-600",
+                  "hover:border-blue-400 dark:hover:border-blue-500",
+                  "flex items-center justify-center gap-2",
+                  "bg-gray-50 dark:bg-gray-800 text-sm text-gray-500 dark:text-gray-400",
+                  d && "opacity-50 cursor-not-allowed"
+                ),
+                children: [
+                  /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
+                    }
+                  ) }),
+                  d ? "Carregando..." : "Enviar arquivo"
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "text-center text-xs text-gray-400", children: "ou" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                placeholder: "https://... (URL externa)",
+                value: r.src.startsWith("data:") ? "" : r.src,
+                onChange: (s) => o({ ...r, src: s.target.value }),
+                className: i(
+                  "w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all",
+                  "border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none",
+                  "text-gray-900 dark:text-gray-100 placeholder:text-gray-400"
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300", children: [
+              "Texto alternativo",
+              " ",
+              /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" }),
+              /* @__PURE__ */ e("span", { className: "font-normal text-gray-400 ml-1", children: "(obrigatório para acessibilidade)" })
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                placeholder: "Descrição da imagem para leitores de tela",
+                value: r.alt,
+                onChange: (s) => {
+                  n(!1), o({ ...r, alt: s.target.value });
+                },
+                className: i(
+                  "w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all",
+                  "focus:outline-none",
+                  m ? "border-red-400 dark:border-red-500" : "border-gray-300 dark:border-gray-600 focus:border-blue-500",
+                  "text-gray-900 dark:text-gray-100 placeholder:text-gray-400"
+                )
+              }
+            ),
+            m && /* @__PURE__ */ e("p", { className: "text-xs text-red-500", children: "O texto alternativo é obrigatório." })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300", children: [
+              "Título ",
+              /* @__PURE__ */ e("span", { className: "font-normal text-gray-400", children: "(opcional)" })
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                placeholder: "Ex: Projeto de design para cliente X",
+                value: r.title ?? "",
+                onChange: (s) => o({ ...r, title: s.target.value || void 0 }),
+                className: i(
+                  "w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all",
+                  "border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none",
+                  "text-gray-900 dark:text-gray-100 placeholder:text-gray-400"
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300", children: [
+              "Descrição ",
+              /* @__PURE__ */ e("span", { className: "font-normal text-gray-400", children: "(opcional)" })
+            ] }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                placeholder: "Legenda exibida no lightbox",
+                value: r.description ?? "",
+                onChange: (s) => o({ ...r, description: s.target.value || void 0 }),
+                rows: 2,
+                className: i(
+                  "w-full rounded-lg border-2 bg-white dark:bg-gray-800 px-3 py-2 text-sm transition-all resize-none",
+                  "border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none",
+                  "text-gray-900 dark:text-gray-100 placeholder:text-gray-400"
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300", children: [
+              "Tags ",
+              /* @__PURE__ */ e("span", { className: "font-normal text-gray-400", children: "(opcional, separadas por vírgula)" })
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                placeholder: "Ex: produto, destaque, azul",
+                value: N,
+                onChange: (s) => {
+                  const u = s.target.value.split(",").map((v) => v.trim()).filter(Boolean);
+                  o({ ...r, tags: u.length > 0 ? u : void 0 });
+                },
+                className: i(
+                  "w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all",
+                  "border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none",
+                  "text-gray-900 dark:text-gray-100 placeholder:text-gray-400"
+                )
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-end gap-2 px-5 py-4 border-t border-gray-200 dark:border-gray-700", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: c,
+              className: i(
+                "px-4 py-2 text-sm rounded-lg transition-colors",
+                "text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800"
+              ),
+              children: "Cancelar"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: w,
+              disabled: !r.src,
+              className: i(
+                "px-4 py-2 text-sm rounded-lg font-medium transition-colors",
+                "bg-blue-600 hover:bg-blue-700 text-white",
+                !r.src && "opacity-50 cursor-not-allowed"
+              ),
+              children: x ? "Salvar" : "Adicionar"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+  return E.createPortal(L, document.body);
+}
+function W({ image: r, index: o, total: h, onEdit: c, onRemove: x, onMoveUp: g, onMoveDown: d }) {
+  return /* @__PURE__ */ a("div", { className: "relative group flex-shrink-0", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: c,
+        className: i(
+          "w-16 h-16 rounded-lg overflow-hidden border-2 transition-all block",
+          "bg-gray-100 dark:bg-gray-800",
+          "border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500"
+        ),
+        title: r.alt || r.title || `Imagem ${o + 1}`,
+        children: r.src ? /* @__PURE__ */ e("img", { src: r.src, alt: r.alt, className: "w-full h-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-6 h-6 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
+          "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"
+          }
+        ) }) })
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: i(
+      "absolute inset-0 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity",
+      "flex flex-col items-center justify-between p-0.5",
+      "bg-black/20"
+    ), children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: g,
+          disabled: o === 0,
+          className: i(
+            "w-5 h-5 rounded bg-white/90 dark:bg-gray-800/90 flex items-center justify-center",
+            "text-gray-700 dark:text-gray-200 transition-colors",
+            o === 0 ? "opacity-30 cursor-not-allowed" : "hover:bg-white dark:hover:bg-gray-700"
+          ),
+          title: "Mover para cima",
+          children: /* @__PURE__ */ e("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 15l7-7 7 7" }) })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: x,
+          className: i(
+            "w-5 h-5 rounded bg-red-500/90 hover:bg-red-600 flex items-center justify-center",
+            "text-white transition-colors"
+          ),
+          title: "Remover imagem",
+          children: /* @__PURE__ */ e("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: d,
+          disabled: o === h - 1,
+          className: i(
+            "w-5 h-5 rounded bg-white/90 dark:bg-gray-800/90 flex items-center justify-center",
+            "text-gray-700 dark:text-gray-200 transition-colors",
+            o === h - 1 ? "opacity-30 cursor-not-allowed" : "hover:bg-white dark:hover:bg-gray-700"
+          ),
+          title: "Mover para baixo",
+          children: /* @__PURE__ */ e("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M19 9l-7 7-7-7" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-[9px] text-center py-0.5 rounded-b-lg pointer-events-none", children: o + 1 })
+  ] });
+}
+const f = { src: "", alt: "", title: void 0, description: void 0, tags: void 0 };
+function q({
+  images: r,
+  onImagesChange: o,
+  label: h,
+  description: c,
+  warningThreshold: x = 50
+}) {
+  const [g, d] = k(!1), [b, m] = k(null), [n, p] = k(f), w = () => {
+    p(f), m(null), d(!0);
+  }, N = (l) => {
+    const t = r[l];
+    p({
+      src: t.src,
+      alt: t.alt,
+      title: t.title,
+      description: t.description,
+      tags: t.tags
+    }), m(l), d(!0);
+  }, L = () => {
+    if (!(!n.src || !n.alt.trim())) {
+      if (b !== null) {
+        const l = r.map(
+          (t, M) => M === b ? {
+            ...t,
+            src: n.src,
+            alt: n.alt.trim(),
+            title: n.title,
+            description: n.description,
+            tags: n.tags
+          } : t
+        );
+        o(l);
+      } else {
+        const l = {
+          id: I(),
+          src: n.src,
+          alt: n.alt.trim(),
+          title: n.title,
+          description: n.description,
+          tags: n.tags
+        };
+        o([...r, l]);
+      }
+      d(!1), p(f), m(null);
+    }
+  }, s = () => {
+    d(!1), p(f), m(null);
+  }, y = (l) => {
+    o(r.filter((t, M) => M !== l));
+  }, u = (l) => {
+    if (l === 0) return;
+    const t = [...r];
+    [t[l - 1], t[l]] = [t[l], t[l - 1]], o(t);
+  }, v = (l) => {
+    if (l === r.length - 1) return;
+    const t = [...r];
+    [t[l], t[l + 1]] = [t[l + 1], t[l]], o(t);
+  }, C = r.length >= x;
+  return /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+    h && /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-800 dark:text-gray-100", children: h }),
+      /* @__PURE__ */ a("span", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: [
+        r.length,
+        " ",
+        r.length === 1 ? "imagem" : "imagens"
+      ] })
+    ] }),
+    c && /* @__PURE__ */ e("p", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: c }),
+    r.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 max-h-52 overflow-y-auto pr-1", children: r.map((l, t) => /* @__PURE__ */ e(
+      W,
+      {
+        image: l,
+        index: t,
+        total: r.length,
+        onEdit: () => N(t),
+        onRemove: () => y(t),
+        onMoveUp: () => u(t),
+        onMoveDown: () => v(t)
+      },
+      l.id
+    )) }) : /* @__PURE__ */ a("div", { className: i(
+      "w-full py-6 rounded-lg border-2 border-dashed",
+      "border-gray-200 dark:border-gray-700",
+      "flex flex-col items-center justify-center gap-1",
+      "text-gray-400 dark:text-gray-500"
+    ), children: [
+      /* @__PURE__ */ e("svg", { className: "w-7 h-7", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          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"
+        }
+      ) }),
+      /* @__PURE__ */ e("span", { className: "text-xs", children: "Nenhuma imagem adicionada" })
+    ] }),
+    C && /* @__PURE__ */ a("div", { className: "flex items-start gap-2 p-2 bg-amber-50 dark:bg-amber-900/20 rounded-lg border border-amber-200 dark:border-amber-700", children: [
+      /* @__PURE__ */ e("svg", { className: "w-4 h-4 text-amber-500 flex-shrink-0 mt-0.5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+          clipRule: "evenodd"
+        }
+      ) }),
+      /* @__PURE__ */ a("p", { className: "text-[10px] text-amber-700 dark:text-amber-300", children: [
+        /* @__PURE__ */ a("strong", { children: [
+          r.length,
+          " imagens"
+        ] }),
+        " — muitas imagens podem afetar o desempenho da página."
+      ] })
+    ] }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: w,
+        className: i(
+          "w-full h-9 rounded-lg border-2 border-dashed transition-colors",
+          "border-gray-300 dark:border-gray-600",
+          "hover:border-blue-400 dark:hover:border-blue-500",
+          "flex items-center justify-center gap-1.5",
+          "text-sm text-gray-500 dark:text-gray-400 hover:text-blue-500 dark:hover:text-blue-400",
+          "bg-gray-50 dark:bg-gray-800/50"
+        ),
+        children: [
+          /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }),
+          "Adicionar imagem"
+        ]
+      }
+    ),
+    g && /* @__PURE__ */ e(
+      z,
+      {
+        draft: n,
+        onDraftChange: p,
+        onSave: L,
+        onCancel: s,
+        isEditing: b !== null
+      }
+    )
+  ] });
+}
+export {
+  q as GalleryImagesInput
+};
+//# sourceMappingURL=GalleryImagesInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryImagesInput.js","sources":["../../../../src/editor/PropertyEditor/inputs/GalleryImagesInput.tsx"],"sourcesContent":["/**\n * GalleryImagesInput\n * Modal avançado para gerenciar imagens da galeria:\n * - Upload (FileReader) ou URL externa\n * - Alt text obrigatório (a11y)\n * - Título, descrição, tags opcionais\n * - Reordenação (mover para cima/baixo)\n * - Aviso de performance acima de 50 imagens\n */\n\nimport { useState, useRef, useCallback } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { cn } from \"../../../utils/cn\";\nimport { logger } from \"../../../utils/logger\";\nimport type { GalleryImage } from \"../../../engine/schema/siteDocument\";\nimport type { UploadConfig } from \"../../LandingPageEditor\";\n\ninterface GalleryImagesInputProps {\n  images: GalleryImage[];\n  onImagesChange: (images: GalleryImage[]) => void;\n  label?: string;\n  description?: string;\n  uploadConfig?: UploadConfig;\n  /** Aviso de performance a partir de N imagens */\n  warningThreshold?: number;\n}\n\ntype DraftImage = Partial<GalleryImage> & { src: string; alt: string };\n\n/** Gera um ID único simples */\nfunction generateId(): string {\n  return `img-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n}\n\n// ─────────────────────────────────────────────────────────\n// Modal de add/edit\n// ─────────────────────────────────────────────────────────\n\ninterface ImageModalProps {\n  draft: DraftImage;\n  onDraftChange: (d: DraftImage) => void;\n  onSave: () => void;\n  onCancel: () => void;\n  isEditing: boolean;\n}\n\nfunction ImageModal({ draft, onDraftChange, onSave, onCancel, isEditing }: ImageModalProps) {\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [uploading, setUploading] = useState(false);\n  const [altError, setAltError] = useState(false);\n\n  const handleFileChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0];\n      if (!file) return;\n      if (!file.type.startsWith(\"image/\")) return;\n      if (file.size > 10 * 1024 * 1024) {\n        logger.warn(\"[GalleryImagesInput] Arquivo muito grande (máx 10MB)\");\n        return;\n      }\n\n      setUploading(true);\n      const reader = new FileReader();\n      reader.onload = (evt) => {\n        onDraftChange({ ...draft, src: evt.target?.result as string });\n        setUploading(false);\n      };\n      reader.onerror = () => {\n        logger.error(\"[GalleryImagesInput] Erro ao ler arquivo\");\n        setUploading(false);\n      };\n      reader.readAsDataURL(file);\n    },\n    [draft, onDraftChange],\n  );\n\n  const handleSave = () => {\n    if (!draft.alt.trim()) {\n      setAltError(true);\n      return;\n    }\n    setAltError(false);\n    onSave();\n  };\n\n  const tagsString = draft.tags?.join(\", \") ?? \"\";\n\n  const content = (\n    <div\n      className=\"fixed inset-0 z-[9999] flex items-center justify-center p-4\"\n      style={{ backgroundColor: \"rgba(0,0,0,0.5)\" }}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) onCancel();\n      }}\n    >\n      <div className=\"bg-white dark:bg-gray-900 rounded-xl shadow-2xl w-full max-w-md max-h-[90vh] overflow-y-auto\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-5 py-4 border-b border-gray-200 dark:border-gray-700\">\n          <h3 className=\"text-sm font-semibold text-gray-900 dark:text-white\">\n            {isEditing ? \"Editar imagem\" : \"Adicionar imagem\"}\n          </h3>\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 transition-colors\"\n          >\n            <svg className=\"w-5 h-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </button>\n        </div>\n\n        {/* Body */}\n        <div className=\"px-5 py-4 space-y-4\">\n          {/* Preview */}\n          {draft.src && (\n            <div className=\"w-full h-40 rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700\">\n              <img src={draft.src} alt=\"preview\" className=\"w-full h-full object-contain\" />\n            </div>\n          )}\n\n          {/* Fonte da imagem */}\n          <div className=\"space-y-2\">\n            <label className=\"block text-xs font-medium text-gray-700 dark:text-gray-300\">\n              Imagem\n            </label>\n\n            {/* Upload */}\n            <input\n              ref={fileInputRef}\n              type=\"file\"\n              accept=\"image/*\"\n              onChange={handleFileChange}\n              className=\"hidden\"\n            />\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (fileInputRef.current) {\n                  fileInputRef.current.value = \"\";\n                  fileInputRef.current.click();\n                }\n              }}\n              disabled={uploading}\n              className={cn(\n                \"w-full h-10 rounded-lg border-2 border-dashed transition-colors\",\n                \"border-gray-300 dark:border-gray-600\",\n                \"hover:border-blue-400 dark:hover:border-blue-500\",\n                \"flex items-center justify-center gap-2\",\n                \"bg-gray-50 dark:bg-gray-800 text-sm text-gray-500 dark:text-gray-400\",\n                uploading && \"opacity-50 cursor-not-allowed\",\n              )}\n            >\n              <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12\"\n                />\n              </svg>\n              {uploading ? \"Carregando...\" : \"Enviar arquivo\"}\n            </button>\n\n            <div className=\"text-center text-xs text-gray-400\">ou</div>\n\n            {/* URL */}\n            <input\n              type=\"text\"\n              placeholder=\"https://... (URL externa)\"\n              value={draft.src.startsWith(\"data:\") ? \"\" : draft.src}\n              onChange={(e) => onDraftChange({ ...draft, src: e.target.value })}\n              className={cn(\n                \"w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all\",\n                \"border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none\",\n                \"text-gray-900 dark:text-gray-100 placeholder:text-gray-400\",\n              )}\n            />\n          </div>\n\n          {/* Alt text (obrigatório) */}\n          <div className=\"space-y-1\">\n            <label className=\"block text-xs font-medium text-gray-700 dark:text-gray-300\">\n              Texto alternativo{\" \"}\n              <span className=\"text-red-500\">*</span>\n              <span className=\"font-normal text-gray-400 ml-1\">(obrigatório para acessibilidade)</span>\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Descrição da imagem para leitores de tela\"\n              value={draft.alt}\n              onChange={(e) => {\n                setAltError(false);\n                onDraftChange({ ...draft, alt: e.target.value });\n              }}\n              className={cn(\n                \"w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all\",\n                \"focus:outline-none\",\n                altError\n                  ? \"border-red-400 dark:border-red-500\"\n                  : \"border-gray-300 dark:border-gray-600 focus:border-blue-500\",\n                \"text-gray-900 dark:text-gray-100 placeholder:text-gray-400\",\n              )}\n            />\n            {altError && (\n              <p className=\"text-xs text-red-500\">O texto alternativo é obrigatório.</p>\n            )}\n          </div>\n\n          {/* Título (opcional) */}\n          <div className=\"space-y-1\">\n            <label className=\"block text-xs font-medium text-gray-700 dark:text-gray-300\">\n              Título <span className=\"font-normal text-gray-400\">(opcional)</span>\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Ex: Projeto de design para cliente X\"\n              value={draft.title ?? \"\"}\n              onChange={(e) =>\n                onDraftChange({ ...draft, title: e.target.value || undefined })\n              }\n              className={cn(\n                \"w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all\",\n                \"border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none\",\n                \"text-gray-900 dark:text-gray-100 placeholder:text-gray-400\",\n              )}\n            />\n          </div>\n\n          {/* Descrição (opcional) */}\n          <div className=\"space-y-1\">\n            <label className=\"block text-xs font-medium text-gray-700 dark:text-gray-300\">\n              Descrição <span className=\"font-normal text-gray-400\">(opcional)</span>\n            </label>\n            <textarea\n              placeholder=\"Legenda exibida no lightbox\"\n              value={draft.description ?? \"\"}\n              onChange={(e) =>\n                onDraftChange({ ...draft, description: e.target.value || undefined })\n              }\n              rows={2}\n              className={cn(\n                \"w-full rounded-lg border-2 bg-white dark:bg-gray-800 px-3 py-2 text-sm transition-all resize-none\",\n                \"border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none\",\n                \"text-gray-900 dark:text-gray-100 placeholder:text-gray-400\",\n              )}\n            />\n          </div>\n\n          {/* Tags (opcional) */}\n          <div className=\"space-y-1\">\n            <label className=\"block text-xs font-medium text-gray-700 dark:text-gray-300\">\n              Tags <span className=\"font-normal text-gray-400\">(opcional, separadas por vírgula)</span>\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Ex: produto, destaque, azul\"\n              value={tagsString}\n              onChange={(e) => {\n                const raw = e.target.value;\n                const tags = raw\n                  .split(\",\")\n                  .map((t) => t.trim())\n                  .filter(Boolean);\n                onDraftChange({ ...draft, tags: tags.length > 0 ? tags : undefined });\n              }}\n              className={cn(\n                \"w-full h-9 rounded-lg border-2 bg-white dark:bg-gray-800 px-3 text-sm transition-all\",\n                \"border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:outline-none\",\n                \"text-gray-900 dark:text-gray-100 placeholder:text-gray-400\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-2 px-5 py-4 border-t border-gray-200 dark:border-gray-700\">\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className={cn(\n              \"px-4 py-2 text-sm rounded-lg transition-colors\",\n              \"text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800\",\n            )}\n          >\n            Cancelar\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleSave}\n            disabled={!draft.src}\n            className={cn(\n              \"px-4 py-2 text-sm rounded-lg font-medium transition-colors\",\n              \"bg-blue-600 hover:bg-blue-700 text-white\",\n              !draft.src && \"opacity-50 cursor-not-allowed\",\n            )}\n          >\n            {isEditing ? \"Salvar\" : \"Adicionar\"}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n\n  return ReactDOM.createPortal(content, document.body);\n}\n\n// ─────────────────────────────────────────────────────────\n// Thumbnail individual\n// ─────────────────────────────────────────────────────────\n\ninterface ImageThumbProps {\n  image: GalleryImage;\n  index: number;\n  total: number;\n  onEdit: () => void;\n  onRemove: () => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n}\n\nfunction ImageThumb({ image, index, total, onEdit, onRemove, onMoveUp, onMoveDown }: ImageThumbProps) {\n  return (\n    <div className=\"relative group flex-shrink-0\">\n      {/* Thumbnail */}\n      <button\n        type=\"button\"\n        onClick={onEdit}\n        className={cn(\n          \"w-16 h-16 rounded-lg overflow-hidden border-2 transition-all block\",\n          \"bg-gray-100 dark:bg-gray-800\",\n          \"border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500\",\n        )}\n        title={image.alt || image.title || `Imagem ${index + 1}`}\n      >\n        {image.src ? (\n          <img src={image.src} alt={image.alt} className=\"w-full h-full object-cover\" />\n        ) : (\n          <div className=\"w-full h-full flex items-center justify-center\">\n            <svg className=\"w-6 h-6 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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          </div>\n        )}\n      </button>\n\n      {/* Ações no hover */}\n      <div className={cn(\n        \"absolute inset-0 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity\",\n        \"flex flex-col items-center justify-between p-0.5\",\n        \"bg-black/20\",\n      )}>\n        {/* Mover para cima */}\n        <button\n          type=\"button\"\n          onClick={onMoveUp}\n          disabled={index === 0}\n          className={cn(\n            \"w-5 h-5 rounded bg-white/90 dark:bg-gray-800/90 flex items-center justify-center\",\n            \"text-gray-700 dark:text-gray-200 transition-colors\",\n            index === 0\n              ? \"opacity-30 cursor-not-allowed\"\n              : \"hover:bg-white dark:hover:bg-gray-700\",\n          )}\n          title=\"Mover para cima\"\n        >\n          <svg className=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2.5} d=\"M5 15l7-7 7 7\" />\n          </svg>\n        </button>\n\n        {/* Remover */}\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          className={cn(\n            \"w-5 h-5 rounded bg-red-500/90 hover:bg-red-600 flex items-center justify-center\",\n            \"text-white transition-colors\",\n          )}\n          title=\"Remover imagem\"\n        >\n          <svg className=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2.5} d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        </button>\n\n        {/* Mover para baixo */}\n        <button\n          type=\"button\"\n          onClick={onMoveDown}\n          disabled={index === total - 1}\n          className={cn(\n            \"w-5 h-5 rounded bg-white/90 dark:bg-gray-800/90 flex items-center justify-center\",\n            \"text-gray-700 dark:text-gray-200 transition-colors\",\n            index === total - 1\n              ? \"opacity-30 cursor-not-allowed\"\n              : \"hover:bg-white dark:hover:bg-gray-700\",\n          )}\n          title=\"Mover para baixo\"\n        >\n          <svg className=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2.5} d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Número */}\n      <div className=\"absolute bottom-0 left-0 right-0 bg-black/50 text-white text-[9px] text-center py-0.5 rounded-b-lg pointer-events-none\">\n        {index + 1}\n      </div>\n    </div>\n  );\n}\n\n// ─────────────────────────────────────────────────────────\n// Componente principal\n// ─────────────────────────────────────────────────────────\n\nconst EMPTY_DRAFT: DraftImage = { src: \"\", alt: \"\", title: undefined, description: undefined, tags: undefined };\n\nexport function GalleryImagesInput({\n  images,\n  onImagesChange,\n  label,\n  description,\n  warningThreshold = 50,\n}: GalleryImagesInputProps) {\n  const [showModal, setShowModal] = useState(false);\n  const [editingIndex, setEditingIndex] = useState<number | null>(null);\n  const [draft, setDraft] = useState<DraftImage>(EMPTY_DRAFT);\n\n  const openAdd = () => {\n    setDraft(EMPTY_DRAFT);\n    setEditingIndex(null);\n    setShowModal(true);\n  };\n\n  const openEdit = (index: number) => {\n    const img = images[index];\n    setDraft({\n      src: img.src,\n      alt: img.alt,\n      title: img.title,\n      description: img.description,\n      tags: img.tags,\n    });\n    setEditingIndex(index);\n    setShowModal(true);\n  };\n\n  const handleSave = () => {\n    if (!draft.src || !draft.alt.trim()) return;\n\n    if (editingIndex !== null) {\n      // Editar existente\n      const updated = images.map((img, i) =>\n        i === editingIndex\n          ? {\n              ...img,\n              src: draft.src,\n              alt: draft.alt.trim(),\n              title: draft.title,\n              description: draft.description,\n              tags: draft.tags,\n            }\n          : img,\n      );\n      onImagesChange(updated);\n    } else {\n      // Adicionar novo\n      const newImage: GalleryImage = {\n        id: generateId(),\n        src: draft.src,\n        alt: draft.alt.trim(),\n        title: draft.title,\n        description: draft.description,\n        tags: draft.tags,\n      };\n      onImagesChange([...images, newImage]);\n    }\n\n    setShowModal(false);\n    setDraft(EMPTY_DRAFT);\n    setEditingIndex(null);\n  };\n\n  const handleCancel = () => {\n    setShowModal(false);\n    setDraft(EMPTY_DRAFT);\n    setEditingIndex(null);\n  };\n\n  const handleRemove = (index: number) => {\n    onImagesChange(images.filter((_, i) => i !== index));\n  };\n\n  const handleMoveUp = (index: number) => {\n    if (index === 0) return;\n    const arr = [...images];\n    [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]];\n    onImagesChange(arr);\n  };\n\n  const handleMoveDown = (index: number) => {\n    if (index === images.length - 1) return;\n    const arr = [...images];\n    [arr[index], arr[index + 1]] = [arr[index + 1], arr[index]];\n    onImagesChange(arr);\n  };\n\n  const showWarning = images.length >= warningThreshold;\n\n  return (\n    <div className=\"space-y-2\">\n      {/* Label */}\n      {label && (\n        <div className=\"flex items-center justify-between\">\n          <label className=\"block text-xs font-medium text-gray-800 dark:text-gray-100\">\n            {label}\n          </label>\n          <span className=\"text-[10px] text-gray-500 dark:text-gray-400\">\n            {images.length} {images.length === 1 ? \"imagem\" : \"imagens\"}\n          </span>\n        </div>\n      )}\n      {description && (\n        <p className=\"text-[10px] text-gray-500 dark:text-gray-400\">{description}</p>\n      )}\n\n      {/* Grid de thumbnails */}\n      {images.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2 max-h-52 overflow-y-auto pr-1\">\n          {images.map((img, index) => (\n            <ImageThumb\n              key={img.id}\n              image={img}\n              index={index}\n              total={images.length}\n              onEdit={() => openEdit(index)}\n              onRemove={() => handleRemove(index)}\n              onMoveUp={() => handleMoveUp(index)}\n              onMoveDown={() => handleMoveDown(index)}\n            />\n          ))}\n        </div>\n      ) : (\n        <div className={cn(\n          \"w-full py-6 rounded-lg border-2 border-dashed\",\n          \"border-gray-200 dark:border-gray-700\",\n          \"flex flex-col items-center justify-center gap-1\",\n          \"text-gray-400 dark:text-gray-500\",\n        )}>\n          <svg className=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\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          <span className=\"text-xs\">Nenhuma imagem adicionada</span>\n        </div>\n      )}\n\n      {/* Aviso de performance */}\n      {showWarning && (\n        <div className=\"flex items-start gap-2 p-2 bg-amber-50 dark:bg-amber-900/20 rounded-lg border border-amber-200 dark:border-amber-700\">\n          <svg className=\"w-4 h-4 text-amber-500 flex-shrink-0 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <p className=\"text-[10px] text-amber-700 dark:text-amber-300\">\n            <strong>{images.length} imagens</strong> — muitas imagens podem afetar o desempenho da página.\n          </p>\n        </div>\n      )}\n\n      {/* Botão adicionar */}\n      <button\n        type=\"button\"\n        onClick={openAdd}\n        className={cn(\n          \"w-full h-9 rounded-lg border-2 border-dashed transition-colors\",\n          \"border-gray-300 dark:border-gray-600\",\n          \"hover:border-blue-400 dark:hover:border-blue-500\",\n          \"flex items-center justify-center gap-1.5\",\n          \"text-sm text-gray-500 dark:text-gray-400 hover:text-blue-500 dark:hover:text-blue-400\",\n          \"bg-gray-50 dark:bg-gray-800/50\",\n        )}\n      >\n        <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n        </svg>\n        Adicionar imagem\n      </button>\n\n      {/* Modal */}\n      {showModal && (\n        <ImageModal\n          draft={draft}\n          onDraftChange={setDraft}\n          onSave={handleSave}\n          onCancel={handleCancel}\n          isEditing={editingIndex !== null}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["generateId","ImageModal","draft","onDraftChange","onSave","onCancel","isEditing","fileInputRef","useRef","uploading","setUploading","useState","altError","setAltError","handleFileChange","useCallback","e","file","logger","reader","evt","handleSave","tagsString","content","jsx","jsxs","cn","tags","t","ReactDOM","ImageThumb","image","index","total","onEdit","onRemove","onMoveUp","onMoveDown","EMPTY_DRAFT","GalleryImagesInput","images","onImagesChange","label","description","warningThreshold","showModal","setShowModal","editingIndex","setEditingIndex","setDraft","openAdd","openEdit","img","updated","i","newImage","handleCancel","handleRemove","_","handleMoveUp","arr","handleMoveDown","showWarning"],"mappings":"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"}

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

@@ -12,4 +12,5 @@ export { ImageGridInput } from './ImageGridInput';
 export { TypographyInput } from './TypographyInput';
 export { ImageInput } from './ImageInput';
 export { CarouselImagesInput } from './CarouselImagesInput';
+export { GalleryImagesInput } from './GalleryImagesInput';
 //# sourceMappingURL=index.d.ts.map