@brunoalz/smartgesti-site-editor 0.2.0 → 0.2.2

package/dist/components/inputs/ColorInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/ColorInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,UAAU,eAAgB,SAAQ,gBAAgB;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AASD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAuB,EACvB,IAAe,GAChB,EAAE,eAAe,2CAmLjB"}
+{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/ColorInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,UAAU,eAAgB,SAAQ,gBAAgB;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAiBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAuB,EACvB,IAAe,GAChB,EAAE,eAAe,2CA4MjB"}

package/dist/components/inputs/ColorInput.js

@@ -1,181 +1,180 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useState as x, useRef as l, useEffect as h } from "react";
-import { createPortal as N } from "react-dom";
-import { HexColorPicker as S } from "../../node_modules/react-colorful/dist/index.js";
-import { cn as k } from "../../utils/cn.js";
-const z = [
-  "#ffffff",
-  "#f3f4f6",
-  "#d1d5db",
-  "#9ca3af",
-  "#6b7280",
-  "#374151",
-  "#1f2937",
-  "#000000",
-  "#ef4444",
-  "#f97316",
-  "#eab308",
-  "#22c55e",
-  "#06b6d4",
-  "#3b82f6",
-  "#8b5cf6",
-  "#ec4899"
-];
-function I({
-  value: w,
-  onChange: u,
-  onClear: f,
-  label: y,
-  placeholder: v = "#ffffff",
-  size: i = "medium"
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { useState as m, useRef as b, useEffect as h } from "react";
+import { createPortal as E } from "react-dom";
+import { HexColorPicker as _ } from "../../node_modules/react-colorful/dist/index.js";
+import { cn as R } from "../../utils/cn.js";
+function C(r, o) {
+  if (!r || r === "") return o;
+  if (/^#[0-9A-Fa-f]{6}$/i.test(r)) return r;
+  if (/^#[0-9A-Fa-f]{3}$/i.test(r)) {
+    const t = r.slice(1);
+    return `#${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`;
+  }
+  return o;
+}
+function S({
+  value: r,
+  onChange: o,
+  onClear: t,
+  label: d,
+  placeholder: l = "#ffffff",
+  size: u = "medium"
 }) {
-  const [t, d] = x(!1), c = l(null), o = l(null), s = l(null), n = w || v;
+  const [a, f] = m(!1), g = b(null), i = b(null), p = b(null), v = C(r, l), [N, x] = m(v);
   h(() => {
-    const e = (m) => {
-      c.current && !c.current.contains(m.target) && o.current && !o.current.contains(m.target) && d(!1);
+    const e = C(r, l);
+    x(e);
+  }, [r, l]), h(() => {
+    const e = (w) => {
+      g.current && !g.current.contains(w.target) && i.current && !i.current.contains(w.target) && f(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, []);
-  const p = {
-    small: { width: 32, height: 24, pickerSize: 180 },
-    medium: { width: 48, height: 32, pickerSize: 200 },
-    large: { width: 64, height: 40, pickerSize: 220 }
-  }[i], g = () => {
-    if (!o.current) return { top: 0, left: 0 };
-    const e = o.current.getBoundingClientRect();
+  const y = () => {
+    if (!i.current) return { top: 0, left: 0 };
+    const e = i.current.getBoundingClientRect();
     return {
       top: e.bottom + window.scrollY + 8,
-      left: e.left + window.scrollX
+      left: Math.max(8, e.left + window.scrollX)
     };
-  }, [b, C] = x(g());
-  return h(() => {
-    if (!t) return;
-    const e = () => C(g());
+  }, [k, $] = m(y());
+  h(() => {
+    if (!a) return;
+    const e = () => $(y());
     return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), e(), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [t]), /* @__PURE__ */ a("div", { className: "relative flex items-center gap-2", children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        ref: o,
-        type: "button",
-        onClick: () => d(!t),
-        "aria-label": y || "Selecionar cor",
-        className: k(
-          "relative cursor-pointer transition-all rounded-lg border-2",
-          "hover:scale-105 active:scale-95",
-          t ? "ring-2 ring-blue-500 ring-offset-2" : "border-gray-300 dark:border-gray-600",
-          i === "small" && "w-8 h-6",
-          i === "medium" && "w-12 h-8",
-          i === "large" && "w-16 h-10"
-        ),
-        style: { backgroundColor: n },
-        children: [
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: "absolute inset-0.5 rounded-md",
-              style: {
-                background: `linear-gradient(45deg, #ccc 25%, transparent 25%), 
-                         linear-gradient(-45deg, #ccc 25%, transparent 25%), 
-                         linear-gradient(45deg, transparent 75%, #ccc 75%), 
-                         linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
-                backgroundSize: "8px 8px",
-                backgroundPosition: "0 0, 0 4px, 4px -4px, -4px 0px"
-              }
-            }
+  }, [a]);
+  const L = (e) => {
+    x(e), p.current && window.clearTimeout(p.current), p.current = window.setTimeout(() => {
+      o(e);
+    }, 50);
+  }, P = (e) => {
+    (/^#[0-9A-Fa-f]{0,6}$/.test(e) || e === "#" || e === "") && (x(e || "#"), /^#[0-9A-Fa-f]{6}$/i.test(e) && o(e));
+  }, s = N;
+  return /* @__PURE__ */ c("div", { className: "space-y-1.5", ref: i, children: [
+    d && /* @__PURE__ */ n("label", { className: "block text-xs font-medium text-gray-800 dark:text-gray-100", children: d }),
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => f(!a),
+          "aria-label": d || "Selecionar cor",
+          className: R(
+            "relative cursor-pointer transition-all rounded-lg border-2 flex-shrink-0",
+            "hover:scale-[1.02] active:scale-[0.98]",
+            a ? "ring-2 ring-blue-500 ring-offset-2 dark:ring-offset-gray-900" : "border-gray-300 dark:border-gray-600",
+            u === "small" && "w-10 h-8",
+            u === "medium" && "w-12 h-9",
+            u === "large" && "w-16 h-10"
           ),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: "absolute inset-0.5 rounded-md",
-              style: { backgroundColor: n }
-            }
-          )
-        ]
-      }
-    ),
-    t && N(
-      /* @__PURE__ */ a(
+          children: [
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: "absolute inset-0.5 rounded-md",
+                style: {
+                  background: `linear-gradient(45deg, #ccc 25%, transparent 25%),
+                           linear-gradient(-45deg, #ccc 25%, transparent 25%),
+                           linear-gradient(45deg, transparent 75%, #ccc 75%),
+                           linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
+                  backgroundSize: "8px 8px",
+                  backgroundPosition: "0 0, 0 4px, 4px -4px, -4px 0px"
+                }
+              }
+            ),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: "absolute inset-0.5 rounded-md",
+                style: { backgroundColor: s }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: "text-xs font-mono text-gray-600 dark:text-gray-400 uppercase", children: s }),
+      t && /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            t(), f(!1);
+          },
+          className: "ml-auto text-xs text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors",
+          children: "Limpar"
+        }
+      )
+    ] }),
+    a && E(
+      /* @__PURE__ */ c(
         "div",
         {
-          ref: c,
-          className: "fixed z-[2147483000] bg-white dark:bg-gray-900 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 p-3",
+          ref: g,
+          className: "fixed bg-white dark:bg-gray-900 rounded-xl shadow-2xl border border-gray-200 dark:border-gray-700 p-4",
           style: {
-            top: b.top,
-            left: b.left
+            top: k.top,
+            left: k.left,
+            zIndex: 2147483647
+            // Máximo z-index possível
           },
           children: [
-            /* @__PURE__ */ r("style", { children: `
+            /* @__PURE__ */ n("style", { children: `
               .react-colorful {
-                width: ${p.pickerSize}px !important;
-                height: ${p.pickerSize * 0.75}px !important;
+                width: 220px !important;
+                height: 160px !important;
               }
               .react-colorful__saturation {
                 border-radius: 8px 8px 0 0;
               }
               .react-colorful__hue {
-                height: 24px;
+                height: 20px;
                 border-radius: 0 0 8px 8px;
               }
               .react-colorful__pointer {
-                width: 20px;
-                height: 20px;
+                width: 18px;
+                height: 18px;
                 border: 2px solid #ffffff;
-                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
+                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
               }
             ` }),
-            /* @__PURE__ */ r(
-              S,
+            /* @__PURE__ */ n(
+              _,
               {
-                color: n,
-                onChange: (e) => {
-                  s.current && window.clearTimeout(s.current), s.current = window.setTimeout(() => {
-                    u(e);
-                  }, 50);
-                }
+                color: s,
+                onChange: L
               }
             ),
-            /* @__PURE__ */ r("div", { className: "mt-2.5 px-2.5 py-1.5 bg-gray-50 dark:bg-gray-800 rounded-md border border-gray-200 dark:border-gray-700 text-center", children: /* @__PURE__ */ r("span", { className: "text-xs font-mono font-semibold text-gray-700 dark:text-gray-300", children: n.toUpperCase() }) }),
-            /* @__PURE__ */ a("div", { className: "mt-2.5", children: [
-              /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-gray-500 dark:text-gray-400 mb-2", children: "Cores Rápidas" }),
-              /* @__PURE__ */ r("div", { className: "grid grid-cols-8 gap-1", children: z.map((e) => /* @__PURE__ */ r(
-                "button",
+            /* @__PURE__ */ c("div", { className: "mt-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ n(
+                "div",
                 {
-                  type: "button",
-                  onClick: () => u(e),
-                  className: k(
-                    "w-5 h-5 rounded border transition-all cursor-pointer",
-                    "hover:scale-110",
-                    n === e ? "border-2 border-blue-500" : "border border-gray-300 dark:border-gray-600"
-                  ),
-                  style: { backgroundColor: e }
-                },
-                e
-              )) })
+                  className: "w-8 h-8 rounded-lg border-2 border-gray-200 dark:border-gray-700 flex-shrink-0",
+                  style: { backgroundColor: s }
+                }
+              ),
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  type: "text",
+                  value: s.toUpperCase(),
+                  onChange: (e) => P(e.target.value),
+                  className: "flex-1 px-2 py-1.5 text-xs font-mono bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-700 dark:text-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500",
+                  placeholder: "#000000"
+                }
+              )
             ] })
           ]
         }
       ),
       document.body
-    ),
-    f && /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          f(), d(!1);
-        },
-        className: "h-8 rounded-md px-3 text-xs font-medium border border-input bg-background text-gray-600 dark:text-gray-300 hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer",
-        children: "Limpar"
-      }
     )
   ] });
 }
 export {
-  I as ColorInput
+  S as ColorInput
 };
 //# sourceMappingURL=ColorInput.js.map

package/dist/components/inputs/ColorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.js","sources":["../../../src/components/inputs/ColorInput.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\nimport { HexColorPicker } from 'react-colorful'\nimport { ColorInputConfig } from './types'\nimport { cn } from '../../utils/cn'\n\ninterface ColorInputProps extends ColorInputConfig {\n  onClear?: () => void\n}\n\nconst QUICK_COLORS = [\n  '#ffffff', '#f3f4f6', '#d1d5db', '#9ca3af',\n  '#6b7280', '#374151', '#1f2937', '#000000',\n  '#ef4444', '#f97316', '#eab308', '#22c55e',\n  '#06b6d4', '#3b82f6', '#8b5cf6', '#ec4899',\n]\n\nexport function ColorInput({\n  value,\n  onChange,\n  onClear,\n  label,\n  placeholder = '#ffffff',\n  size = 'medium',\n}: ColorInputProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const pickerRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const debounceRef = useRef<number | null>(null)\n\n  const currentColor = value || placeholder\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        pickerRef.current &&\n        !pickerRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  const sizeConfig = {\n    small: { width: 32, height: 24, pickerSize: 180 },\n    medium: { width: 48, height: 32, pickerSize: 200 },\n    large: { width: 64, height: 40, pickerSize: 220 },\n  }\n\n  const config = sizeConfig[size]\n\n  const computePickerPosition = () => {\n    if (!buttonRef.current) return { top: 0, left: 0 }\n    const rect = buttonRef.current.getBoundingClientRect()\n    return {\n      top: rect.bottom + window.scrollY + 8,\n      left: rect.left + window.scrollX,\n    }\n  }\n\n  const [pickerPos, setPickerPos] = useState(computePickerPosition())\n\n  useEffect(() => {\n    if (!isOpen) return\n    const update = () => setPickerPos(computePickerPosition())\n    window.addEventListener('scroll', update, true)\n    window.addEventListener('resize', update)\n    update()\n    return () => {\n      window.removeEventListener('scroll', update, true)\n      window.removeEventListener('resize', update)\n    }\n  }, [isOpen])\n\n  return (\n    <div className=\"relative flex items-center gap-2\">\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={() => setIsOpen(!isOpen)}\n        aria-label={label || 'Selecionar cor'}\n        className={cn(\n          'relative cursor-pointer transition-all rounded-lg border-2',\n          'hover:scale-105 active:scale-95',\n          isOpen\n            ? 'ring-2 ring-blue-500 ring-offset-2'\n            : 'border-gray-300 dark:border-gray-600',\n          size === 'small' && 'w-8 h-6',\n          size === 'medium' && 'w-12 h-8',\n          size === 'large' && 'w-16 h-10'\n        )}\n        style={{ backgroundColor: currentColor }}\n      >\n        {/* Checkerboard pattern for transparency */}\n        <div\n          className=\"absolute inset-0.5 rounded-md\"\n          style={{\n            background: `linear-gradient(45deg, #ccc 25%, transparent 25%), \n                         linear-gradient(-45deg, #ccc 25%, transparent 25%), \n                         linear-gradient(45deg, transparent 75%, #ccc 75%), \n                         linear-gradient(-45deg, transparent 75%, #ccc 75%)`,\n            backgroundSize: '8px 8px',\n            backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',\n          }}\n        />\n        <div\n          className=\"absolute inset-0.5 rounded-md\"\n          style={{ backgroundColor: currentColor }}\n        />\n      </button>\n\n      {isOpen &&\n        createPortal(\n          <div\n            ref={pickerRef}\n            className=\"fixed z-[2147483000] bg-white dark:bg-gray-900 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 p-3\"\n            style={{\n              top: pickerPos.top,\n              left: pickerPos.left,\n            }}\n          >\n            <style>{`\n              .react-colorful {\n                width: ${config.pickerSize}px !important;\n                height: ${config.pickerSize * 0.75}px !important;\n              }\n              .react-colorful__saturation {\n                border-radius: 8px 8px 0 0;\n              }\n              .react-colorful__hue {\n                height: 24px;\n                border-radius: 0 0 8px 8px;\n              }\n              .react-colorful__pointer {\n                width: 20px;\n                height: 20px;\n                border: 2px solid #ffffff;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);\n              }\n            `}</style>\n            <HexColorPicker\n              color={currentColor}\n              onChange={(c) => {\n                if (debounceRef.current) {\n                  window.clearTimeout(debounceRef.current)\n                }\n                debounceRef.current = window.setTimeout(() => {\n                  onChange(c)\n                }, 50) as unknown as number\n              }}\n            />\n            <div className=\"mt-2.5 px-2.5 py-1.5 bg-gray-50 dark:bg-gray-800 rounded-md border border-gray-200 dark:border-gray-700 text-center\">\n              <span className=\"text-xs font-mono font-semibold text-gray-700 dark:text-gray-300\">\n                {currentColor.toUpperCase()}\n              </span>\n            </div>\n            <div className=\"mt-2.5\">\n              <div className=\"text-xs font-semibold text-gray-500 dark:text-gray-400 mb-2\">\n                Cores Rápidas\n              </div>\n              <div className=\"grid grid-cols-8 gap-1\">\n                {QUICK_COLORS.map((color) => (\n                  <button\n                    key={color}\n                    type=\"button\"\n                    onClick={() => onChange(color)}\n                    className={cn(\n                      'w-5 h-5 rounded border transition-all cursor-pointer',\n                      'hover:scale-110',\n                      currentColor === color\n                        ? 'border-2 border-blue-500'\n                        : 'border border-gray-300 dark:border-gray-600'\n                    )}\n                    style={{ backgroundColor: color }}\n                  />\n                ))}\n              </div>\n            </div>\n          </div>,\n          document.body\n        )}\n\n      {onClear && (\n        <button\n          type=\"button\"\n          onClick={() => {\n            onClear()\n            setIsOpen(false)\n          }}\n          className=\"h-8 rounded-md px-3 text-xs font-medium border border-input bg-background text-gray-600 dark:text-gray-300 hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer\"\n        >\n          Limpar\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["QUICK_COLORS","ColorInput","value","onChange","onClear","label","placeholder","size","isOpen","setIsOpen","useState","pickerRef","useRef","buttonRef","debounceRef","currentColor","useEffect","handleClickOutside","event","config","computePickerPosition","rect","pickerPos","setPickerPos","update","jsxs","cn","jsx","createPortal","HexColorPicker","c","color"],"mappings":"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"}
+{"version":3,"file":"ColorInput.js","sources":["../../../src/components/inputs/ColorInput.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\nimport { HexColorPicker } from 'react-colorful'\nimport { ColorInputConfig } from './types'\nimport { cn } from '../../utils/cn'\n\ninterface ColorInputProps extends ColorInputConfig {\n  onClear?: () => void\n}\n\n/**\n * Normaliza uma cor para garantir que é um hex válido\n */\nfunction normalizeColor(color: string | undefined, fallback: string): string {\n  if (!color || color === '') return fallback\n  // Se já é um hex válido, retorna\n  if (/^#[0-9A-Fa-f]{6}$/i.test(color)) return color\n  // Se é hex curto, expande\n  if (/^#[0-9A-Fa-f]{3}$/i.test(color)) {\n    const hex = color.slice(1)\n    return `#${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}`\n  }\n  return fallback\n}\n\nexport function ColorInput({\n  value,\n  onChange,\n  onClear,\n  label,\n  placeholder = '#ffffff',\n  size = 'medium',\n}: ColorInputProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const pickerRef = useRef<HTMLDivElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const debounceRef = useRef<number | null>(null)\n\n  // Cor efetiva - sempre normalizada\n  const effectiveColor = normalizeColor(value, placeholder)\n\n  // Estado local para feedback visual imediato durante drag\n  const [localColor, setLocalColor] = useState(effectiveColor)\n\n  // Sincronizar estado local quando o value externo mudar\n  useEffect(() => {\n    const normalized = normalizeColor(value, placeholder)\n    setLocalColor(normalized)\n  }, [value, placeholder])\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        pickerRef.current &&\n        !pickerRef.current.contains(event.target as Node) &&\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  const computePickerPosition = () => {\n    if (!containerRef.current) return { top: 0, left: 0 }\n    const rect = containerRef.current.getBoundingClientRect()\n    return {\n      top: rect.bottom + window.scrollY + 8,\n      left: Math.max(8, rect.left + window.scrollX),\n    }\n  }\n\n  const [pickerPos, setPickerPos] = useState(computePickerPosition())\n\n  useEffect(() => {\n    if (!isOpen) return\n    const update = () => setPickerPos(computePickerPosition())\n    window.addEventListener('scroll', update, true)\n    window.addEventListener('resize', update)\n    update()\n    return () => {\n      window.removeEventListener('scroll', update, true)\n      window.removeEventListener('resize', update)\n    }\n  }, [isOpen])\n\n  const handleColorChange = (color: string) => {\n    // Atualizar o estado local imediatamente para feedback visual\n    setLocalColor(color)\n\n    // Debounce para chamar o onChange\n    if (debounceRef.current) {\n      window.clearTimeout(debounceRef.current)\n    }\n    debounceRef.current = window.setTimeout(() => {\n      onChange(color)\n    }, 50) as unknown as number\n  }\n\n  const handleTextChange = (val: string) => {\n    // Permitir digitação parcial\n    if (/^#[0-9A-Fa-f]{0,6}$/.test(val) || val === '#' || val === '') {\n      setLocalColor(val || '#')\n      // Só chamar onChange quando for um hex completo\n      if (/^#[0-9A-Fa-f]{6}$/i.test(val)) {\n        onChange(val)\n      }\n    }\n  }\n\n  // Cor a ser exibida (usa localColor para feedback imediato)\n  const displayColor = localColor\n\n  return (\n    <div className=\"space-y-1.5\" ref={containerRef}>\n      {/* Label */}\n      {label && (\n        <label className=\"block text-xs font-medium text-gray-800 dark:text-gray-100\">\n          {label}\n        </label>\n      )}\n\n      {/* Color swatch com hex */}\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          onClick={() => setIsOpen(!isOpen)}\n          aria-label={label || 'Selecionar cor'}\n          className={cn(\n            'relative cursor-pointer transition-all rounded-lg border-2 flex-shrink-0',\n            'hover:scale-[1.02] active:scale-[0.98]',\n            isOpen\n              ? 'ring-2 ring-blue-500 ring-offset-2 dark:ring-offset-gray-900'\n              : 'border-gray-300 dark:border-gray-600',\n            size === 'small' && 'w-10 h-8',\n            size === 'medium' && 'w-12 h-9',\n            size === 'large' && 'w-16 h-10'\n          )}\n        >\n          {/* Checkerboard pattern for transparency */}\n          <div\n            className=\"absolute inset-0.5 rounded-md\"\n            style={{\n              background: `linear-gradient(45deg, #ccc 25%, transparent 25%),\n                           linear-gradient(-45deg, #ccc 25%, transparent 25%),\n                           linear-gradient(45deg, transparent 75%, #ccc 75%),\n                           linear-gradient(-45deg, transparent 75%, #ccc 75%)`,\n              backgroundSize: '8px 8px',\n              backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',\n            }}\n          />\n          <div\n            className=\"absolute inset-0.5 rounded-md\"\n            style={{ backgroundColor: displayColor }}\n          />\n        </button>\n\n        {/* Hex value display */}\n        <span className=\"text-xs font-mono text-gray-600 dark:text-gray-400 uppercase\">\n          {displayColor}\n        </span>\n\n        {onClear && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              onClear()\n              setIsOpen(false)\n            }}\n            className=\"ml-auto text-xs text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors\"\n          >\n            Limpar\n          </button>\n        )}\n      </div>\n\n      {/* Color picker portal - z-index muito alto para ficar acima de tudo */}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={pickerRef}\n            className=\"fixed bg-white dark:bg-gray-900 rounded-xl shadow-2xl border border-gray-200 dark:border-gray-700 p-4\"\n            style={{\n              top: pickerPos.top,\n              left: pickerPos.left,\n              zIndex: 2147483647, // Máximo z-index possível\n            }}\n          >\n            <style>{`\n              .react-colorful {\n                width: 220px !important;\n                height: 160px !important;\n              }\n              .react-colorful__saturation {\n                border-radius: 8px 8px 0 0;\n              }\n              .react-colorful__hue {\n                height: 20px;\n                border-radius: 0 0 8px 8px;\n              }\n              .react-colorful__pointer {\n                width: 18px;\n                height: 18px;\n                border: 2px solid #ffffff;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n              }\n            `}</style>\n            <HexColorPicker\n              color={displayColor}\n              onChange={handleColorChange}\n            />\n\n            {/* Hex value input */}\n            <div className=\"mt-3 flex items-center gap-2\">\n              <div\n                className=\"w-8 h-8 rounded-lg border-2 border-gray-200 dark:border-gray-700 flex-shrink-0\"\n                style={{ backgroundColor: displayColor }}\n              />\n              <input\n                type=\"text\"\n                value={displayColor.toUpperCase()}\n                onChange={(e) => handleTextChange(e.target.value)}\n                className=\"flex-1 px-2 py-1.5 text-xs font-mono bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-700 dark:text-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder=\"#000000\"\n              />\n            </div>\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n}\n"],"names":["normalizeColor","color","fallback","hex","ColorInput","value","onChange","onClear","label","placeholder","size","isOpen","setIsOpen","useState","pickerRef","useRef","containerRef","debounceRef","effectiveColor","localColor","setLocalColor","useEffect","normalized","handleClickOutside","event","computePickerPosition","rect","pickerPos","setPickerPos","update","handleColorChange","handleTextChange","val","displayColor","jsxs","jsx","cn","createPortal","HexColorPicker"],"mappings":"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"}

package/dist/components/inputs/ImageInput.js

@@ -17,8 +17,8 @@ function F({
   onPendingFile: y
 }) {
   const [n, v] = E(!1), [k, a] = E(null);
-  return /* @__PURE__ */ w("div", { className: "space-y-2", children: [
-    f && /* @__PURE__ */ t("label", { className: "block text-xs font-medium text-gray-800 dark:text-gray-100", children: f }),
+  return /* @__PURE__ */ w("div", { className: "space-y-2 flex flex-col items-center", children: [
+    f && /* @__PURE__ */ t("label", { className: "block text-xs font-medium text-gray-800 dark:text-gray-100 text-center", children: f }),
     /* @__PURE__ */ t(
       "input",
       {
@@ -103,7 +103,7 @@ function F({
         disabled: n,
         className: N(
           "rounded-lg overflow-hidden border-2 transition-all duration-200",
-          "flex items-center justify-center w-full",
+          "flex items-center justify-center",
           "bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700",
           i ? "border-blue-400 dark:border-blue-500 hover:border-blue-500" : "border-dashed border-gray-300 dark:border-gray-600 hover:border-blue-400",
           n && "opacity-50 cursor-not-allowed",
@@ -111,7 +111,7 @@ function F({
         ),
         style: {
           height: h?.height || 120,
-          maxWidth: h?.width || 200
+          width: h?.width || 200
         },
         children: i ? /* @__PURE__ */ t(
           "img",

package/dist/components/inputs/ImageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageInput.js","sources":["../../../src/components/inputs/ImageInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { cn } from '../../utils/cn'\n\ninterface ImageInputProps {\n  value?: string\n  onChange: (v?: string) => void\n  label?: string\n  size?: { width: number; height: number }\n  showUrlInput?: boolean\n  maxSizeMB?: number\n  // Novos: Contexto para upload seguro\n  tenantId?: string\n  schoolId?: string\n  siteId?: string\n  authToken?: string\n  assetType?: 'image' | 'video' | 'icon' | 'logo'\n  // Novo: Modo de preview (Data URL) sem upload imediato\n  deferUpload?: boolean\n  onPendingFile?: (file: File | null) => void\n}\n\nexport function ImageInput({\n  value,\n  onChange,\n  label,\n  size,\n  showUrlInput = true,\n  maxSizeMB = 5,\n  tenantId,\n  schoolId,\n  siteId,\n  authToken,\n  assetType = 'image',\n  deferUpload = false,\n  onPendingFile,\n}: ImageInputProps) {\n  const [uploading, setUploading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    console.log('[ImageInput] Upload config:', { tenantId, schoolId, siteId, hasAuthToken: !!authToken, assetType })\n    const file = e.target.files?.[0]\n    if (!file) return\n\n    // Validação de tamanho\n    const maxBytes = maxSizeMB * 1024 * 1024\n    if (file.size > maxBytes) {\n      setError(`Arquivo muito grande. Máximo: ${maxSizeMB}MB`)\n      return\n    }\n\n    // Validação de tipo\n    if (!file.type.startsWith('image/') && !file.type.startsWith('video/')) {\n      setError('Apenas imagens e vídeos são permitidos')\n      return\n    }\n\n    setError(null)\n\n    // MODO PREVIEW: Usar Data URL sem fazer upload imediato\n    if (deferUpload) {\n      try {\n        const reader = new FileReader()\n        reader.onload = (e) => {\n          const dataUrl = e.target?.result as string\n          onChange(dataUrl) // Passa Data URL para preview\n          if (onPendingFile) {\n            onPendingFile(file) // Notifica que há upload pendente\n          }\n        }\n        reader.onerror = () => {\n          setError('Erro ao ler o arquivo')\n        }\n        reader.readAsDataURL(file)\n      } catch (err) {\n        console.error(\"Erro ao criar preview:\", err)\n        setError(err instanceof Error ? err.message : \"Erro ao processar imagem\")\n      }\n      return\n    }\n\n    // MODO NORMAL: Upload imediato (comportamento original)\n    // Verificar se tem autenticação (novo endpoint requer)\n    if (!authToken) {\n      setError('Autenticação necessária para upload')\n      return\n    }\n\n    if (!tenantId) {\n      setError('Contexto do tenant é necessário')\n      return\n    }\n\n    setUploading(true)\n\n    try {\n      const formData = new FormData()\n      formData.append('file', file)\n\n      const apiUrl = (import.meta as any).env.VITE_API_URL || 'http://localhost:3001'\n\n      // Construir query parameters\n      const params = new URLSearchParams({ tenantId, assetType })\n      if (schoolId) params.append('schoolId', schoolId)\n      if (siteId) params.append('siteId', siteId)\n\n      const res = await fetch(`${apiUrl}/api/site-assets/upload?${params}`, {\n        method: 'POST',\n        headers: {\n          'Authorization': `Bearer ${authToken}`,\n        },\n        body: formData,\n      })\n\n      if (!res.ok) {\n        const errorData = await res.json().catch(() => ({}))\n        if (res.status === 401) {\n          throw new Error('Sessão expirada. Faça login novamente.')\n        }\n        throw new Error(errorData.message || 'Upload falhou')\n      }\n\n      const data = await res.json()\n      // Usar a URL pública retornada do Supabase Storage\n      onChange(data.url)\n      setError(null)\n    } catch (err) {\n      console.error(\"Erro no upload:\", err)\n      setError(err instanceof Error ? err.message : \"Erro ao fazer upload da imagem\")\n    } finally {\n      setUploading(false)\n    }\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {/* Label */}\n      {label && (\n        <label className=\"block text-xs font-medium text-gray-800 dark:text-gray-100\">\n          {label}\n        </label>\n      )}\n\n      {/* Input file oculto */}\n      <input\n        ref={(el) => {\n          if (el) (window as any).__imageInputRef = el;\n        }}\n        type=\"file\"\n        accept=\"image/*\"\n        onChange={handleFileChange}\n        disabled={uploading}\n        className=\"hidden\"\n        id={`image-input-${Math.random()}`}\n      />\n\n      {/* Preview clicável - Funciona como botão */}\n      <button\n        type=\"button\"\n        onClick={() => {\n          const input = document.querySelector('input[type=\"file\"][accept=\"image/*\"]') as HTMLInputElement;\n          if (input) {\n            input.value = ''; // Limpar valor para permitir selecionar o mesmo arquivo novamente\n            input.click();\n          }\n        }}\n        disabled={uploading}\n        className={cn(\n          'rounded-lg overflow-hidden border-2 transition-all duration-200',\n          'flex items-center justify-center w-full',\n          'bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700',\n          value\n            ? 'border-blue-400 dark:border-blue-500 hover:border-blue-500'\n            : 'border-dashed border-gray-300 dark:border-gray-600 hover:border-blue-400',\n          uploading && 'opacity-50 cursor-not-allowed',\n          !uploading && 'cursor-pointer'\n        )}\n        style={{\n          height: size?.height || 120,\n          maxWidth: size?.width || 200,\n        }}\n      >\n        {value ? (\n          <img\n            src={value}\n            alt=\"preview\"\n            className=\"w-full h-full object-contain\"\n            onError={(e) => {\n              e.currentTarget.style.display = 'none';\n            }}\n          />\n        ) : (\n          <div className=\"flex flex-col items-center justify-center gap-2 p-4 text-center\">\n            <svg className=\"w-8 h-8 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n            </svg>\n            <span className=\"text-xs text-gray-500 dark:text-gray-400\">\n              {uploading ? 'Enviando...' : 'Clique para selecionar'}\n            </span>\n          </div>\n        )}\n      </button>\n\n      {/* Botão remover - APENAS SE HOUVER IMAGEM */}\n      {value && !uploading && (\n        <button\n          onClick={() => onChange(undefined)}\n          type=\"button\"\n          className=\"text-xs text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 text-left transition-colors font-medium\"\n        >\n          Remover imagem\n        </button>\n      )}\n\n      {/* Campo URL manual - CONDICIONAL */}\n      {showUrlInput && (\n        <input\n          type=\"text\"\n          placeholder=\"URL da imagem\"\n          value={value || ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\n          className={cn(\n            'flex h-11 w-full rounded-lg border-2 bg-white dark:bg-gray-800 px-4 py-2.5 text-sm transition-all duration-200',\n            'placeholder:text-gray-400 dark:placeholder:text-gray-500',\n            'focus:outline-none',\n            'border-gray-300 dark:border-gray-600 hover:border-blue-400/50 focus:border-blue-500',\n            'text-gray-900 dark:text-gray-100'\n          )}\n        />\n      )}\n\n      {/* Mensagem de erro */}\n      {error && (\n        <div className=\"text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded border border-red-200 dark:border-red-800\">\n          {error}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["ImageInput","value","onChange","label","size","showUrlInput","maxSizeMB","tenantId","schoolId","siteId","authToken","assetType","deferUpload","onPendingFile","uploading","setUploading","useState","error","setError","jsxs","jsx","el","e","file","maxBytes","reader","dataUrl","err","formData","apiUrl","params","res","errorData","data","input","cn"],"mappings":"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"}
+{"version":3,"file":"ImageInput.js","sources":["../../../src/components/inputs/ImageInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { cn } from '../../utils/cn'\n\ninterface ImageInputProps {\n  value?: string\n  onChange: (v?: string) => void\n  label?: string\n  size?: { width: number; height: number }\n  showUrlInput?: boolean\n  maxSizeMB?: number\n  // Novos: Contexto para upload seguro\n  tenantId?: string\n  schoolId?: string\n  siteId?: string\n  authToken?: string\n  assetType?: 'image' | 'video' | 'icon' | 'logo'\n  // Novo: Modo de preview (Data URL) sem upload imediato\n  deferUpload?: boolean\n  onPendingFile?: (file: File | null) => void\n}\n\nexport function ImageInput({\n  value,\n  onChange,\n  label,\n  size,\n  showUrlInput = true,\n  maxSizeMB = 5,\n  tenantId,\n  schoolId,\n  siteId,\n  authToken,\n  assetType = 'image',\n  deferUpload = false,\n  onPendingFile,\n}: ImageInputProps) {\n  const [uploading, setUploading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    console.log('[ImageInput] Upload config:', { tenantId, schoolId, siteId, hasAuthToken: !!authToken, assetType })\n    const file = e.target.files?.[0]\n    if (!file) return\n\n    // Validação de tamanho\n    const maxBytes = maxSizeMB * 1024 * 1024\n    if (file.size > maxBytes) {\n      setError(`Arquivo muito grande. Máximo: ${maxSizeMB}MB`)\n      return\n    }\n\n    // Validação de tipo\n    if (!file.type.startsWith('image/') && !file.type.startsWith('video/')) {\n      setError('Apenas imagens e vídeos são permitidos')\n      return\n    }\n\n    setError(null)\n\n    // MODO PREVIEW: Usar Data URL sem fazer upload imediato\n    if (deferUpload) {\n      try {\n        const reader = new FileReader()\n        reader.onload = (e) => {\n          const dataUrl = e.target?.result as string\n          onChange(dataUrl) // Passa Data URL para preview\n          if (onPendingFile) {\n            onPendingFile(file) // Notifica que há upload pendente\n          }\n        }\n        reader.onerror = () => {\n          setError('Erro ao ler o arquivo')\n        }\n        reader.readAsDataURL(file)\n      } catch (err) {\n        console.error(\"Erro ao criar preview:\", err)\n        setError(err instanceof Error ? err.message : \"Erro ao processar imagem\")\n      }\n      return\n    }\n\n    // MODO NORMAL: Upload imediato (comportamento original)\n    // Verificar se tem autenticação (novo endpoint requer)\n    if (!authToken) {\n      setError('Autenticação necessária para upload')\n      return\n    }\n\n    if (!tenantId) {\n      setError('Contexto do tenant é necessário')\n      return\n    }\n\n    setUploading(true)\n\n    try {\n      const formData = new FormData()\n      formData.append('file', file)\n\n      const apiUrl = (import.meta as any).env.VITE_API_URL || 'http://localhost:3001'\n\n      // Construir query parameters\n      const params = new URLSearchParams({ tenantId, assetType })\n      if (schoolId) params.append('schoolId', schoolId)\n      if (siteId) params.append('siteId', siteId)\n\n      const res = await fetch(`${apiUrl}/api/site-assets/upload?${params}`, {\n        method: 'POST',\n        headers: {\n          'Authorization': `Bearer ${authToken}`,\n        },\n        body: formData,\n      })\n\n      if (!res.ok) {\n        const errorData = await res.json().catch(() => ({}))\n        if (res.status === 401) {\n          throw new Error('Sessão expirada. Faça login novamente.')\n        }\n        throw new Error(errorData.message || 'Upload falhou')\n      }\n\n      const data = await res.json()\n      // Usar a URL pública retornada do Supabase Storage\n      onChange(data.url)\n      setError(null)\n    } catch (err) {\n      console.error(\"Erro no upload:\", err)\n      setError(err instanceof Error ? err.message : \"Erro ao fazer upload da imagem\")\n    } finally {\n      setUploading(false)\n    }\n  }\n\n  return (\n    <div className=\"space-y-2 flex flex-col items-center\">\n      {/* Label */}\n      {label && (\n        <label className=\"block text-xs font-medium text-gray-800 dark:text-gray-100 text-center\">\n          {label}\n        </label>\n      )}\n\n      {/* Input file oculto */}\n      <input\n        ref={(el) => {\n          if (el) (window as any).__imageInputRef = el;\n        }}\n        type=\"file\"\n        accept=\"image/*\"\n        onChange={handleFileChange}\n        disabled={uploading}\n        className=\"hidden\"\n        id={`image-input-${Math.random()}`}\n      />\n\n      {/* Preview clicável - Funciona como botão */}\n      <button\n        type=\"button\"\n        onClick={() => {\n          const input = document.querySelector('input[type=\"file\"][accept=\"image/*\"]') as HTMLInputElement;\n          if (input) {\n            input.value = ''; // Limpar valor para permitir selecionar o mesmo arquivo novamente\n            input.click();\n          }\n        }}\n        disabled={uploading}\n        className={cn(\n          'rounded-lg overflow-hidden border-2 transition-all duration-200',\n          'flex items-center justify-center',\n          'bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700',\n          value\n            ? 'border-blue-400 dark:border-blue-500 hover:border-blue-500'\n            : 'border-dashed border-gray-300 dark:border-gray-600 hover:border-blue-400',\n          uploading && 'opacity-50 cursor-not-allowed',\n          !uploading && 'cursor-pointer'\n        )}\n        style={{\n          height: size?.height || 120,\n          width: size?.width || 200,\n        }}\n      >\n        {value ? (\n          <img\n            src={value}\n            alt=\"preview\"\n            className=\"w-full h-full object-contain\"\n            onError={(e) => {\n              e.currentTarget.style.display = 'none';\n            }}\n          />\n        ) : (\n          <div className=\"flex flex-col items-center justify-center gap-2 p-4 text-center\">\n            <svg className=\"w-8 h-8 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n            </svg>\n            <span className=\"text-xs text-gray-500 dark:text-gray-400\">\n              {uploading ? 'Enviando...' : 'Clique para selecionar'}\n            </span>\n          </div>\n        )}\n      </button>\n\n      {/* Botão remover - APENAS SE HOUVER IMAGEM */}\n      {value && !uploading && (\n        <button\n          onClick={() => onChange(undefined)}\n          type=\"button\"\n          className=\"text-xs text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 text-left transition-colors font-medium\"\n        >\n          Remover imagem\n        </button>\n      )}\n\n      {/* Campo URL manual - CONDICIONAL */}\n      {showUrlInput && (\n        <input\n          type=\"text\"\n          placeholder=\"URL da imagem\"\n          value={value || ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\n          className={cn(\n            'flex h-11 w-full rounded-lg border-2 bg-white dark:bg-gray-800 px-4 py-2.5 text-sm transition-all duration-200',\n            'placeholder:text-gray-400 dark:placeholder:text-gray-500',\n            'focus:outline-none',\n            'border-gray-300 dark:border-gray-600 hover:border-blue-400/50 focus:border-blue-500',\n            'text-gray-900 dark:text-gray-100'\n          )}\n        />\n      )}\n\n      {/* Mensagem de erro */}\n      {error && (\n        <div className=\"text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded border border-red-200 dark:border-red-800\">\n          {error}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["ImageInput","value","onChange","label","size","showUrlInput","maxSizeMB","tenantId","schoolId","siteId","authToken","assetType","deferUpload","onPendingFile","uploading","setUploading","useState","error","setError","jsxs","jsx","el","e","file","maxBytes","reader","dataUrl","err","formData","apiUrl","params","res","errorData","data","input","cn"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BlockPalette.d.ts","sourceRoot":"","sources":["../../src/editor/BlockPalette.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,SAAS,EAAmB,MAAM,WAAW,CAAC;AAIvD,UAAU,iBAAiB;IACzB,UAAU,EAAE,CACV,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AA0DD,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,qBAAqB,GACtB,EAAE,iBAAiB,2CA+LnB"}
+{"version":3,"file":"BlockPalette.d.ts","sourceRoot":"","sources":["../../src/editor/BlockPalette.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,SAAS,EAAmB,MAAM,WAAW,CAAC;AAKvD,UAAU,iBAAiB;IACzB,UAAU,EAAE,CACV,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,qBAAqB,GACtB,EAAE,iBAAiB,2CA+LnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"LandingPageEditorV2.d.ts","sourceRoot":"","sources":["../../src/editor/LandingPageEditorV2.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAAE,cAAc,EAAgB,MAAM,WAAW,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAStD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAMD,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,wBAAwB,2CAwU1B"}
+{"version":3,"file":"LandingPageEditorV2.d.ts","sourceRoot":"","sources":["../../src/editor/LandingPageEditorV2.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAAE,cAAc,EAAuB,MAAM,WAAW,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAStD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAMD,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,wBAAwB,2CAiW1B"}