@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

package/dist/components/ComponentPalette/definitions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definitions.js","sources":["../../../src/components/ComponentPalette/definitions.ts"],"sourcesContent":["/**\n * Export component definitions for use in other components\n */\n\nimport { ComponentDefinition } from '../../types'\n\nexport const componentDefinitions: ComponentDefinition[] = [\n  {\n    type: 'hero',\n    name: 'Hero',\n    category: 'content',\n    defaultProps: {\n      heroTitle: 'Título Principal',\n      heroSubtitle: 'Subtítulo',\n      heroImage: '',\n      buttonText: 'Saiba Mais',\n    },\n    defaultStyles: {},\n    editableProps: ['heroTitle', 'heroSubtitle', 'heroImage', 'buttonText', 'heroWelcome', 'heroSpecialty'],\n    editableStyles: ['heroTitleColor', 'heroSubtitleColor', 'heroWelcomeColor', 'heroSpecialtyColor'],\n  },\n  {\n    type: 'navbar',\n    name: 'Navbar',\n    category: 'layout',\n    defaultProps: {\n      logoText: 'Logo',\n      menuItems: [],\n    },\n    defaultStyles: {},\n    editableProps: ['logoText', 'menuItems'],\n    editableStyles: ['navbarColor', 'navbarTextColor'],\n  },\n  {\n    type: 'about',\n    name: 'Sobre',\n    category: 'content',\n    defaultProps: {\n      title: 'Sobre Mim',\n      content: 'Texto sobre você...',\n      image: '',\n    },\n    defaultStyles: {},\n    editableProps: ['title', 'content', 'image'],\n    editableStyles: ['backgroundColor', 'textColor'],\n  },\n  {\n    type: 'gallery',\n    name: 'Galeria',\n    category: 'content',\n    defaultProps: {\n      title: 'Galeria',\n      items: [],\n    },\n    defaultStyles: {},\n    editableProps: ['title', 'items'],\n    editableStyles: ['backgroundColor'],\n  },\n  {\n    type: 'services',\n    name: 'Serviços',\n    category: 'content',\n    defaultProps: {\n      title: 'Serviços',\n      items: [],\n    },\n    defaultStyles: {},\n    editableProps: ['title', 'items'],\n    editableStyles: ['backgroundColor'],\n  },\n  {\n    type: 'testimonials',\n    name: 'Depoimentos',\n    category: 'content',\n    defaultProps: {\n      title: 'Depoimentos',\n      items: [],\n    },\n    defaultStyles: {},\n    editableProps: ['title', 'items'],\n    editableStyles: ['backgroundColor'],\n  },\n  {\n    type: 'contact',\n    name: 'Contato',\n    category: 'content',\n    defaultProps: {\n      title: 'Entre em Contato',\n      phone: '',\n      email: '',\n      address: '',\n    },\n    defaultStyles: {},\n    editableProps: ['title', 'phone', 'email', 'address'],\n    editableStyles: ['backgroundColor'],\n  },\n  {\n    type: 'footer',\n    name: 'Rodapé',\n    category: 'layout',\n    defaultProps: {\n      copyright: '© 2024 Todos os direitos reservados',\n      links: [],\n    },\n    defaultStyles: {},\n    editableProps: ['copyright', 'links'],\n    editableStyles: ['backgroundColor', 'textColor'],\n  },\n  {\n    type: 'section',\n    name: 'Seção',\n    category: 'layout',\n    defaultProps: {},\n    defaultStyles: {},\n    editableProps: [],\n    editableStyles: ['backgroundColor', 'padding'],\n  },\n  {\n    type: 'text',\n    name: 'Texto',\n    category: 'content',\n    defaultProps: {\n      content: 'Digite seu texto aqui...',\n    },\n    defaultStyles: {},\n    editableProps: ['content'],\n    editableStyles: ['fontSize', 'fontWeight', 'textColor'],\n  },\n  {\n    type: 'heading',\n    name: 'Título',\n    category: 'content',\n    defaultProps: {\n      text: 'Título',\n      level: 2,\n    },\n    defaultStyles: {},\n    editableProps: ['text', 'level'],\n    editableStyles: ['fontSize', 'fontWeight', 'textColor'],\n  },\n  {\n    type: 'image',\n    name: 'Imagem',\n    category: 'media',\n    defaultProps: {\n      src: '',\n      alt: '',\n    },\n    defaultStyles: {},\n    editableProps: ['src', 'alt'],\n    editableStyles: ['width', 'height', 'objectFit'],\n  },\n  {\n    type: 'button',\n    name: 'Botão',\n    category: 'content',\n    defaultProps: {\n      text: 'Clique aqui',\n      href: '#',\n    },\n    defaultStyles: {},\n    editableProps: ['text', 'href'],\n    editableStyles: ['backgroundColor', 'textColor', 'padding'],\n  },\n  {\n    type: 'grid',\n    name: 'Grid',\n    category: 'layout',\n    defaultProps: {\n      columns: 3,\n    },\n    defaultStyles: {},\n    editableProps: ['columns'],\n    editableStyles: ['gap'],\n  },\n  {\n    type: 'card',\n    name: 'Card',\n    category: 'content',\n    defaultProps: {\n      title: 'Título do Card',\n      content: 'Conteúdo do card',\n    },\n    defaultStyles: {},\n    editableProps: ['title', 'content'],\n    editableStyles: ['backgroundColor', 'borderRadius', 'padding'],\n  },\n  {\n    type: 'spacer',\n    name: 'Espaçador',\n    category: 'layout',\n    defaultProps: {\n      height: 40,\n    },\n    defaultStyles: {},\n    editableProps: ['height'],\n    editableStyles: [],\n  },\n  {\n    type: 'divider',\n    name: 'Divisor',\n    category: 'layout',\n    defaultProps: {},\n    defaultStyles: {},\n    editableProps: [],\n    editableStyles: ['borderColor', 'borderWidth'],\n  },\n]\n"],"names":["componentDefinitions"],"mappings":"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"}

package/dist/components/ComponentPalette/index.d.ts

@@ -1,7 +0,0 @@
-import { ComponentType } from '../../types';
-interface ComponentPaletteProps {
-    onAddComponent: (type: ComponentType) => void;
-}
-export declare function ComponentPalette({ onAddComponent }: ComponentPaletteProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ComponentPalette/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ComponentPalette/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAgD3C,UAAU,qBAAqB;IAC7B,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;CAC9C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,EAAE,qBAAqB,2CAkDzE"}

package/dist/components/ComponentPalette/index.js

@@ -1,86 +0,0 @@
-import { jsxs as o, jsx as m } from "react/jsx-runtime";
-import { cn as f } from "../../utils/cn.js";
-import { componentDefinitions as i } from "./definitions.js";
-import a from "../../node_modules/lucide-react/dist/esm/icons/image.js";
-import r from "../../node_modules/lucide-react/dist/esm/icons/panels-top-left.js";
-import d from "../../node_modules/lucide-react/dist/esm/icons/list.js";
-import s from "../../node_modules/lucide-react/dist/esm/icons/minus.js";
-import u from "../../node_modules/lucide-react/dist/esm/icons/square.js";
-import g from "../../node_modules/lucide-react/dist/esm/icons/grid-3x3.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.js";
-import x from "../../node_modules/lucide-react/dist/esm/icons/heading.js";
-import h from "../../node_modules/lucide-react/dist/esm/icons/type.js";
-import b from "../../node_modules/lucide-react/dist/esm/icons/file-text.js";
-import v from "../../node_modules/lucide-react/dist/esm/icons/phone.js";
-import N from "../../node_modules/lucide-react/dist/esm/icons/star.js";
-import k from "../../node_modules/lucide-react/dist/esm/icons/briefcase.js";
-import C from "../../node_modules/lucide-react/dist/esm/icons/images.js";
-import M from "../../node_modules/lucide-react/dist/esm/icons/user.js";
-import P from "../../node_modules/lucide-react/dist/esm/icons/navigation.js";
-const j = {
-  hero: r,
-  navbar: P,
-  about: M,
-  gallery: C,
-  services: k,
-  testimonials: N,
-  contact: v,
-  footer: b,
-  section: r,
-  text: h,
-  heading: x,
-  image: a,
-  button: y,
-  grid: g,
-  card: u,
-  spacer: s,
-  divider: s,
-  container: r,
-  list: d,
-  form: r,
-  video: a,
-  map: a
-};
-function R({ onAddComponent: l }) {
-  const c = {
-    layout: i.filter((t) => t.category === "layout"),
-    content: i.filter((t) => t.category === "content"),
-    media: i.filter((t) => t.category === "media"),
-    form: i.filter((t) => t.category === "form")
-  };
-  return /* @__PURE__ */ o("div", { className: "h-full overflow-y-auto p-4", children: [
-    /* @__PURE__ */ m("h2", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-4", children: "Componentes" }),
-    Object.entries(c).map(([t, n]) => n.length === 0 ? null : /* @__PURE__ */ o("div", { className: "mb-6", children: [
-      /* @__PURE__ */ o("h3", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 mb-2 uppercase", children: [
-        t === "layout" && "Layout",
-        t === "content" && "Conteúdo",
-        t === "media" && "Mídia",
-        t === "form" && "Formulário"
-      ] }),
-      /* @__PURE__ */ m("div", { className: "space-y-1", children: n.map((e) => {
-        const p = j[e.type] || r;
-        return /* @__PURE__ */ o(
-          "button",
-          {
-            onClick: () => l(e.type),
-            className: f(
-              "w-full text-left px-3 py-2 rounded-lg",
-              "text-sm text-gray-700 dark:text-gray-300",
-              "hover:bg-gray-100 dark:hover:bg-gray-800",
-              "transition-colors flex items-center gap-2"
-            ),
-            children: [
-              /* @__PURE__ */ m(p, { className: "w-4 h-4" }),
-              e.name
-            ]
-          },
-          e.type
-        );
-      }) })
-    ] }, t))
-  ] });
-}
-export {
-  R as ComponentPalette
-};
-//# sourceMappingURL=index.js.map

package/dist/components/ComponentPalette/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ComponentPalette/index.tsx"],"sourcesContent":["import { ComponentType } from '../../types'\nimport { cn } from '../../utils/cn'\nimport { \n  Layout, \n  Type, \n  Heading, \n  Image, \n  Images,\n  MousePointerClick, \n  Grid3x3, \n  Square,\n  Minus,\n  List,\n  Navigation,\n  User,\n  Briefcase,\n  Star,\n  Phone,\n  FileText\n} from 'lucide-react'\nimport { componentDefinitions } from './definitions'\nimport React from 'react'\n\nconst iconMap: Record<ComponentType, React.ElementType> = {\n  hero: Layout,\n  navbar: Navigation,\n  about: User,\n  gallery: Images,\n  services: Briefcase,\n  testimonials: Star,\n  contact: Phone,\n  footer: FileText,\n  section: Layout,\n  text: Type,\n  heading: Heading,\n  image: Image,\n  button: MousePointerClick,\n  grid: Grid3x3,\n  card: Square,\n  spacer: Minus,\n  divider: Minus,\n  container: Layout,\n  list: List,\n  form: Layout,\n  video: Image,\n  map: Image,\n}\n\ninterface ComponentPaletteProps {\n  onAddComponent: (type: ComponentType) => void\n}\n\nexport function ComponentPalette({ onAddComponent }: ComponentPaletteProps) {\n  const categories = {\n    layout: componentDefinitions.filter((c) => c.category === 'layout'),\n    content: componentDefinitions.filter((c) => c.category === 'content'),\n    media: componentDefinitions.filter((c) => c.category === 'media'),\n    form: componentDefinitions.filter((c) => c.category === 'form'),\n  }\n\n  return (\n    <div className=\"h-full overflow-y-auto p-4\">\n      <h2 className=\"text-sm font-semibold text-gray-700 dark:text-gray-300 mb-4\">\n        Componentes\n      </h2>\n\n      {Object.entries(categories).map(([category, components]) => {\n        if (components.length === 0) return null\n\n        return (\n          <div key={category} className=\"mb-6\">\n            <h3 className=\"text-xs font-medium text-gray-500 dark:text-gray-400 mb-2 uppercase\">\n              {category === 'layout' && 'Layout'}\n              {category === 'content' && 'Conteúdo'}\n              {category === 'media' && 'Mídia'}\n              {category === 'form' && 'Formulário'}\n            </h3>\n            <div className=\"space-y-1\">\n              {components.map((def) => {\n                const Icon = iconMap[def.type] || Layout\n                return (\n                  <button\n                    key={def.type}\n                    onClick={() => onAddComponent(def.type)}\n                    className={cn(\n                      'w-full text-left px-3 py-2 rounded-lg',\n                      'text-sm text-gray-700 dark:text-gray-300',\n                      'hover:bg-gray-100 dark:hover:bg-gray-800',\n                      'transition-colors flex items-center gap-2'\n                    )}\n                  >\n                    <Icon className=\"w-4 h-4\" />\n                    {def.name}\n                  </button>\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["iconMap","Layout","Navigation","User","Images","Briefcase","Star","Phone","FileText","Type","Heading","Image","MousePointerClick","Grid3x3","Square","Minus","List","ComponentPalette","onAddComponent","categories","componentDefinitions","c","jsxs","jsx","category","components","def","Icon","cn"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAoD;AAAA,EACxD,MAAMC;AAAAA,EACN,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,UAAUC;AAAA,EACV,cAAcC;AAAA,EACd,SAASC;AAAA,EACT,QAAQC;AAAA,EACR,SAASP;AAAAA,EACT,MAAMQ;AAAA,EACN,SAASC;AAAA,EACT,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,QAAQC;AAAA,EACR,SAASA;AAAA,EACT,WAAWd;AAAAA,EACX,MAAMe;AAAA,EACN,MAAMf;AAAAA,EACN,OAAOU;AAAA,EACP,KAAKA;AACP;AAMO,SAASM,EAAiB,EAAE,gBAAAC,KAAyC;AAC1E,QAAMC,IAAa;AAAA,IACjB,QAAQC,EAAqB,OAAO,CAACC,MAAMA,EAAE,aAAa,QAAQ;AAAA,IAClE,SAASD,EAAqB,OAAO,CAACC,MAAMA,EAAE,aAAa,SAAS;AAAA,IACpE,OAAOD,EAAqB,OAAO,CAACC,MAAMA,EAAE,aAAa,OAAO;AAAA,IAChE,MAAMD,EAAqB,OAAO,CAACC,MAAMA,EAAE,aAAa,MAAM;AAAA,EAAA;AAGhE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,+DAA8D,UAAA,eAE5E;AAAA,IAEC,OAAO,QAAQJ,CAAU,EAAE,IAAI,CAAC,CAACK,GAAUC,CAAU,MAChDA,EAAW,WAAW,IAAU,OAGlC,gBAAAH,EAAC,OAAA,EAAmB,WAAU,QAC5B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,uEACX,UAAA;AAAA,QAAAE,MAAa,YAAY;AAAA,QACzBA,MAAa,aAAa;AAAA,QAC1BA,MAAa,WAAW;AAAA,QACxBA,MAAa,UAAU;AAAA,MAAA,GAC1B;AAAA,wBACC,OAAA,EAAI,WAAU,aACZ,UAAAC,EAAW,IAAI,CAACC,MAAQ;AACvB,cAAMC,IAAO3B,EAAQ0B,EAAI,IAAI,KAAKzB;AAClC,eACE,gBAAAqB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAMJ,EAAeQ,EAAI,IAAI;AAAA,YACtC,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAA,gBAAAL,EAACI,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,cACzBD,EAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAVAA,EAAI;AAAA,QAAA;AAAA,MAaf,CAAC,EAAA,CACH;AAAA,IAAA,EAAA,GA1BQF,CA2BV,CAEH;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/LoadingSpinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../src/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wBAAgB,cAAc,4CA8B7B"}

package/dist/components/LoadingSpinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingSpinner.js","sources":["../../src/components/LoadingSpinner.tsx"],"sourcesContent":["/**\n * Loading Spinner\n * Componente de loading usado em Suspense boundaries\n */\n\nexport function LoadingSpinner() {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: \"100%\",\n        height: \"100%\",\n        minHeight: \"200px\",\n      }}\n    >\n      <div\n        style={{\n          width: \"40px\",\n          height: \"40px\",\n          border: \"4px solid #f3f4f6\",\n          borderTop: \"4px solid #3b82f6\",\n          borderRadius: \"50%\",\n          animation: \"spin 1s linear infinite\",\n        }}\n      />\n      <style>{`\n        @keyframes spin {\n          0% { transform: rotate(0deg); }\n          100% { transform: rotate(360deg); }\n        }\n      `}</style>\n    </div>\n  );\n}\n"],"names":["LoadingSpinner","jsxs","jsx"],"mappings":";AAKO,SAASA,IAAiB;AAC/B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,cAAc;AAAA,cACd,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,0BAED,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAKN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGR;"}

package/dist/components/PreviewPanel/index.d.ts

@@ -1,12 +0,0 @@
-import { Page, Component, Site } from '../../types';
-interface PreviewPanelProps {
-    page: Page | null;
-    site: Site | null;
-    selectedComponentId: string | null;
-    onSelectComponent: (id: string | null) => void;
-    onDeleteComponent: (id: string) => void;
-    onReorderComponents: (components: Component[]) => void;
-}
-export declare function PreviewPanel({ page, site, selectedComponentId, onSelectComponent, onDeleteComponent, onReorderComponents, }: PreviewPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PreviewPanel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PreviewPanel/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAMnD,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,mBAAmB,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;CACvD;AAoGD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,GACpB,EAAE,iBAAiB,2CAqEnB"}

package/dist/components/PreviewPanel/index.js

@@ -1,140 +0,0 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useEffect as v } from "react";
-import { useSensors as b, useSensor as x, DndContext as N, closestCenter as S, KeyboardSensor as C, PointerSensor as w } from "../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext as k, verticalListSortingStrategy as D, arrayMove as P, sortableKeyboardCoordinates as E, useSortable as I } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { CSS as T } from "../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
-import { cn as u } from "../../utils/cn.js";
-import { ComponentRenderer as j } from "../renderers/ComponentRenderer.js";
-import { applySiteTheme as G } from "../../utils/themeApplier.js";
-import K from "../../node_modules/lucide-react/dist/esm/icons/grip-vertical.js";
-import R from "../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-function z({
-  component: r,
-  site: o,
-  isSelected: n,
-  onSelect: d,
-  onDelete: l
-}) {
-  const {
-    attributes: c,
-    listeners: m,
-    setNodeRef: y,
-    transform: t,
-    transition: s,
-    isDragging: a
-  } = I({ id: r.id }), p = {
-    transform: T.Transform.toString(t),
-    transition: s,
-    opacity: a ? 0.5 : 1
-  }, g = u(
-    "relative group",
-    n && "ring-2 ring-blue-500 ring-offset-2",
-    a && "opacity-50"
-  ), h = () => o ? /* @__PURE__ */ e(
-    j,
-    {
-      componentType: r.type,
-      component: r,
-      site: o
-    }
-  ) : /* @__PURE__ */ e("div", { className: "p-4 border border-gray-300 dark:border-gray-600 rounded-lg", children: /* @__PURE__ */ f("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
-    r.type,
-    " ",
-    r.variant ? `(${r.variant})` : ""
-  ] }) });
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: y,
-      style: p,
-      className: "relative",
-      children: /* @__PURE__ */ f("div", { className: "flex items-start gap-2 group", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            ...c,
-            ...m,
-            className: u(
-              "p-1 rounded cursor-grab active:cursor-grabbing",
-              "opacity-0 group-hover:opacity-100 transition-opacity",
-              "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
-            ),
-            children: /* @__PURE__ */ e(K, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ f(
-          "div",
-          {
-            className: u("flex-1", g),
-            onClick: d,
-            children: [
-              h(),
-              n && /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: (i) => {
-                    i.stopPropagation(), l();
-                  },
-                  className: "absolute top-2 right-2 p-2 bg-red-500 text-white rounded-lg opacity-0 group-hover:opacity-100 transition-opacity z-50",
-                  children: /* @__PURE__ */ e(R, { className: "w-4 h-4" })
-                }
-              )
-            ]
-          }
-        )
-      ] })
-    }
-  );
-}
-function O({
-  page: r,
-  site: o,
-  selectedComponentId: n,
-  onSelectComponent: d,
-  onDeleteComponent: l,
-  onReorderComponents: c
-}) {
-  const m = b(
-    x(w),
-    x(C, {
-      coordinateGetter: E
-    })
-  );
-  return v(() => (o?.theme?.colorPalette && G(o.theme.colorPalette), () => {
-  }), [o?.theme?.colorPalette]), r ? /* @__PURE__ */ e("div", { className: "max-w-4xl mx-auto site-container", children: /* @__PURE__ */ e(
-    N,
-    {
-      sensors: m,
-      collisionDetection: S,
-      onDragEnd: (t) => {
-        const { active: s, over: a } = t;
-        if (a && s.id !== a.id) {
-          const p = r.components.findIndex((i) => i.id === s.id), g = r.components.findIndex((i) => i.id === a.id), h = P(r.components, p, g);
-          c(h);
-        }
-      },
-      children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-900 rounded-lg shadow-lg p-8 min-h-[600px]", children: /* @__PURE__ */ e(
-        k,
-        {
-          items: r.components.map((t) => t.id),
-          strategy: D,
-          children: /* @__PURE__ */ e("div", { className: "space-y-4", children: r.components.map((t) => /* @__PURE__ */ e(
-            z,
-            {
-              component: t,
-              site: o,
-              isSelected: t.id === n,
-              onSelect: () => d(t.id),
-              onDelete: () => l(t.id)
-            },
-            t.id
-          )) })
-        }
-      ) })
-    }
-  ) }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-gray-500 dark:text-gray-400", children: "Nenhuma página selecionada" }) });
-}
-export {
-  O as PreviewPanel
-};
-//# sourceMappingURL=index.js.map

package/dist/components/PreviewPanel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PreviewPanel/index.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  DragEndEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport {\n  useSortable,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { Page, Component, Site } from '../../types'\nimport { cn } from '../../utils/cn'\nimport { Trash2, GripVertical } from 'lucide-react'\nimport { ComponentRenderer } from '../renderers/ComponentRenderer'\nimport { applySiteTheme } from '../../utils/themeApplier'\n\ninterface PreviewPanelProps {\n  page: Page | null\n  site: Site | null\n  selectedComponentId: string | null\n  onSelectComponent: (id: string | null) => void\n  onDeleteComponent: (id: string) => void\n  onReorderComponents: (components: Component[]) => void\n}\n\ninterface SortableComponentProps {\n  component: Component\n  site: Site | null\n  isSelected: boolean\n  onSelect: () => void\n  onDelete: () => void\n}\n\nfunction SortableComponent({\n  component,\n  site,\n  isSelected,\n  onSelect,\n  onDelete,\n}: SortableComponentProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: component.id })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : 1,\n  }\n\n  const baseClasses = cn(\n    'relative group',\n    isSelected && 'ring-2 ring-blue-500 ring-offset-2',\n    isDragging && 'opacity-50'\n  )\n\n  // Usar sistema de renderers se site disponível, senão fallback básico\n  const renderContent = () => {\n    if (site) {\n      return (\n        <ComponentRenderer\n          componentType={component.type}\n          component={component}\n          site={site}\n        />\n      )\n    }\n\n    // Fallback básico se site não disponível\n    return (\n      <div className=\"p-4 border border-gray-300 dark:border-gray-600 rounded-lg\">\n        <p className=\"text-sm text-gray-600 dark:text-gray-400\">\n          {component.type} {component.variant ? `(${component.variant})` : ''}\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className=\"relative\"\n    >\n      <div className=\"flex items-start gap-2 group\">\n        <button\n          {...attributes}\n          {...listeners}\n          className={cn(\n            'p-1 rounded cursor-grab active:cursor-grabbing',\n            'opacity-0 group-hover:opacity-100 transition-opacity',\n            'text-gray-400 hover:text-gray-600 dark:hover:text-gray-300'\n          )}\n        >\n          <GripVertical className=\"w-4 h-4\" />\n        </button>\n        <div\n          className={cn('flex-1', baseClasses)}\n          onClick={onSelect}\n        >\n          {renderContent()}\n          {isSelected && (\n            <button\n              onClick={(e) => {\n                e.stopPropagation()\n                onDelete()\n              }}\n              className=\"absolute top-2 right-2 p-2 bg-red-500 text-white rounded-lg opacity-0 group-hover:opacity-100 transition-opacity z-50\"\n            >\n              <Trash2 className=\"w-4 h-4\" />\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function PreviewPanel({\n  page,\n  site,\n  selectedComponentId,\n  onSelectComponent,\n  onDeleteComponent,\n  onReorderComponents,\n}: PreviewPanelProps) {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    })\n  )\n\n  // Aplicar tema do site quando disponível\n  useEffect(() => {\n    if (site?.theme?.colorPalette) {\n      applySiteTheme(site.theme.colorPalette)\n    }\n    return () => {\n      // Cleanup opcional - remover tema quando componente desmontar\n    }\n  }, [site?.theme?.colorPalette])\n\n  if (!page) {\n    return (\n      <div className=\"h-full flex items-center justify-center\">\n        <p className=\"text-gray-500 dark:text-gray-400\">\n          Nenhuma página selecionada\n        </p>\n      </div>\n    )\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      const oldIndex = page.components.findIndex((c) => c.id === active.id)\n      const newIndex = page.components.findIndex((c) => c.id === over.id)\n\n      const newComponents = arrayMove(page.components, oldIndex, newIndex)\n      onReorderComponents(newComponents)\n    }\n  }\n\n  return (\n    <div className=\"max-w-4xl mx-auto site-container\">\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={handleDragEnd}\n      >\n        <div className=\"bg-white dark:bg-gray-900 rounded-lg shadow-lg p-8 min-h-[600px]\">\n          <SortableContext\n            items={page.components.map((c) => c.id)}\n            strategy={verticalListSortingStrategy}\n          >\n            <div className=\"space-y-4\">\n              {page.components.map((component) => (\n                <SortableComponent\n                  key={component.id}\n                  component={component}\n                  site={site}\n                  isSelected={component.id === selectedComponentId}\n                  onSelect={() => onSelectComponent(component.id)}\n                  onDelete={() => onDeleteComponent(component.id)}\n                />\n              ))}\n            </div>\n          </SortableContext>\n        </div>\n      </DndContext>\n    </div>\n  )\n}\n"],"names":["SortableComponent","component","site","isSelected","onSelect","onDelete","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","baseClasses","cn","renderContent","jsx","ComponentRenderer","jsxs","GripVertical","e","Trash2","PreviewPanel","page","selectedComponentId","onSelectComponent","onDeleteComponent","onReorderComponents","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","useEffect","applySiteTheme","DndContext","closestCenter","event","active","over","oldIndex","c","newIndex","newComponents","arrayMove","SortableContext","verticalListSortingStrategy"],"mappings":"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"}

package/dist/components/PropertyPanel/index.d.ts

@@ -1,8 +0,0 @@
-import { Component } from '../../types';
-interface PropertyPanelProps {
-    component: Component | undefined;
-    onUpdate: (updates: Partial<Component>) => void;
-}
-export declare function PropertyPanel({ component, onUpdate }: PropertyPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PropertyPanel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PropertyPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,aAAa,CAAA;AAYtD,UAAU,kBAAkB;IAC1B,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CAChD;AAsFD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAqQxE"}

package/dist/components/PropertyPanel/index.js

@@ -1,223 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { cn as w } from "../../utils/cn.js";
-import { ColorInput as S } from "../inputs/ColorInput.js";
-import { ImageInput as j } from "../inputs/ImageInput.js";
-import { SliderInput as L } from "../inputs/SliderInput.js";
-import { SelectInput as h } from "../inputs/SelectInput.js";
-import { CheckboxInput as O } from "../inputs/CheckboxInput.js";
-import { GradientInput as I } from "../inputs/GradientInput.js";
-import { VALUE_FORMATTERS as f } from "../inputs/types.js";
-function P(l, i) {
-  const a = l.toLowerCase();
-  return a.includes("color") || a.includes("colour") ? "color" : (a.includes("image") || a.includes("img") || a.includes("src") || a.includes("url")) && typeof i == "string" && (i.startsWith("http") || i.startsWith("data:") || i.startsWith("/")) ? "image" : a.includes("gradient") ? "gradient" : typeof i == "boolean" || a.includes("enabled") || a.includes("show") || a.includes("visible") ? "boolean" : typeof i == "number" || a.includes("opacity") || a.includes("blur") || a.includes("rounded") || a.includes("width") || a.includes("height") || a.includes("size") ? "number" : a.includes("variant") || a.includes("type") || a.includes("style") ? "select" : "text";
-}
-function y(l, i) {
-  if (i.toLowerCase().includes("variant"))
-    switch (l) {
-      case "hero":
-        return [
-          { value: "classic", label: "Clássico" },
-          { value: "spotlight", label: "Spotlight" },
-          { value: "cinematic", label: "Cinematic" },
-          { value: "glass", label: "Glass" },
-          { value: "split", label: "Split" },
-          { value: "parallax", label: "Parallax" },
-          { value: "banner", label: "Banner" },
-          { value: "columns", label: "Columns" },
-          { value: "neon", label: "Neon" },
-          { value: "collage", label: "Collage" }
-        ];
-      case "gallery":
-        return [
-          { value: "classic", label: "Clássico" },
-          { value: "overlay", label: "Overlay" },
-          { value: "stacked", label: "Stacked" }
-        ];
-      case "services":
-        return [
-          { value: "classic", label: "Clássico" },
-          { value: "minimal", label: "Minimal" },
-          { value: "carousel", label: "Carrossel" }
-        ];
-      case "navbar":
-        return [
-          { value: "classic", label: "Clássico" },
-          { value: "sticky", label: "Sticky" },
-          { value: "compact", label: "Compact" }
-        ];
-      default:
-        return [];
-    }
-  return [];
-}
-function B({ component: l, onUpdate: i }) {
-  if (!l)
-    return /* @__PURE__ */ r("div", { className: "h-full flex items-center justify-center p-4", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400 text-center", children: "Selecione um componente para editar suas propriedades" }) });
-  const a = (e, t) => {
-    i({
-      props: {
-        ...l.props,
-        [e]: t
-      }
-    });
-  }, v = (e, t) => {
-    i({
-      styles: {
-        ...l.styles,
-        [e]: t
-      }
-    });
-  }, C = (e) => {
-    i({ variant: e });
-  }, N = (e, t) => {
-    i({
-      config: {
-        ...l.config,
-        [e]: t
-      }
-    });
-  }, p = (e, t, s) => {
-    const k = P(e, t), n = e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1");
-    switch (k) {
-      case "color":
-        return /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5", children: n }),
-          /* @__PURE__ */ r(
-            S,
-            {
-              value: t || "#ffffff",
-              onChange: s,
-              size: "medium"
-            }
-          )
-        ] }, e);
-      case "image":
-        return /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5", children: n }),
-          /* @__PURE__ */ r(
-            j,
-            {
-              value: t,
-              onChange: s,
-              label: n
-            }
-          )
-        ] }, e);
-      case "number":
-        let d = 0, u = 100, m = 1, b = f.decimal, g = "";
-        return e.toLowerCase().includes("opacity") ? (d = 0, u = 1, m = 0.01, b = f.percentage) : e.toLowerCase().includes("blur") ? (d = 0, u = 80, m = 1, g = "px", b = f.pixels) : e.toLowerCase().includes("rounded") && (d = 0, u = 32, m = 1, g = "px", b = f.pixels), /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5", children: n }),
-          /* @__PURE__ */ r(
-            L,
-            {
-              value: typeof t == "number" ? t : 0,
-              onChange: s,
-              min: d,
-              max: u,
-              step: m,
-              unit: g,
-              formatValue: b
-            }
-          )
-        ] }, e);
-      case "select":
-        const x = y(l.type, e);
-        if (x.length > 0)
-          return /* @__PURE__ */ c("div", { children: [
-            /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5", children: n }),
-            /* @__PURE__ */ r(
-              h,
-              {
-                value: t || x[0].value,
-                onChange: s,
-                options: x,
-                width: 200
-              }
-            )
-          ] }, e);
-        break;
-      case "boolean":
-        return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-          O,
-          {
-            checked: t === !0,
-            onChange: s,
-            label: n
-          }
-        ) }, e);
-      case "gradient":
-        return /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5", children: n }),
-          /* @__PURE__ */ r(
-            I,
-            {
-              enabled: t?.enabled || !1,
-              startColor: t?.startColor || "#ffffff",
-              endColor: t?.endColor || "#000000",
-              onEnabledChange: (o) => s({ ...t, enabled: o }),
-              onStartColorChange: (o) => s({ ...t, startColor: o }),
-              onEndColorChange: (o) => s({ ...t, endColor: o })
-            }
-          )
-        ] }, e);
-      default:
-        return /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5", children: n }),
-          /* @__PURE__ */ r(
-            "input",
-            {
-              type: "text",
-              value: String(t || ""),
-              onChange: (o) => s(o.target.value),
-              className: w(
-                "w-full px-3 py-2 rounded-lg",
-                "text-sm",
-                "border-2 border-gray-300 dark:border-gray-600",
-                "bg-white dark:bg-gray-800",
-                "text-gray-900 dark:text-gray-100",
-                "focus:outline-none focus:border-blue-500",
-                "transition-colors"
-              )
-            }
-          )
-        ] }, e);
-    }
-  };
-  return /* @__PURE__ */ c("div", { className: "h-full overflow-y-auto p-4", children: [
-    /* @__PURE__ */ r("h2", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-4", children: "Propriedades" }),
-    ["hero", "navbar", "gallery", "services", "about", "testimonials", "contact", "footer"].includes(l.type) && /* @__PURE__ */ c("div", { className: "mb-6", children: [
-      /* @__PURE__ */ r("h3", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase", children: "Variante" }),
-      /* @__PURE__ */ r(
-        h,
-        {
-          value: l.variant || "classic",
-          onChange: C,
-          options: y(l.type, "variant"),
-          width: 200
-        }
-      )
-    ] }),
-    Object.keys(l.props).length > 0 && /* @__PURE__ */ c("div", { className: "mb-6", children: [
-      /* @__PURE__ */ r("h3", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase", children: "Conteúdo" }),
-      /* @__PURE__ */ r("div", { className: "space-y-4", children: Object.entries(l.props).map(
-        ([e, t]) => p(e, t, (s) => a(e, s))
-      ) })
-    ] }),
-    Object.keys(l.styles).length > 0 && /* @__PURE__ */ c("div", { className: "mb-6", children: [
-      /* @__PURE__ */ r("h3", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase", children: "Estilos" }),
-      /* @__PURE__ */ r("div", { className: "space-y-4", children: Object.entries(l.styles).map(
-        ([e, t]) => p(e, t, (s) => v(e, s))
-      ) })
-    ] }),
-    l.config && Object.keys(l.config).length > 0 && /* @__PURE__ */ c("div", { className: "mb-6", children: [
-      /* @__PURE__ */ r("h3", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase", children: "Configurações Avançadas" }),
-      /* @__PURE__ */ r("div", { className: "space-y-4", children: Object.entries(l.config).map(
-        ([e, t]) => p(e, t, (s) => N(e, s))
-      ) })
-    ] })
-  ] });
-}
-export {
-  B as PropertyPanel
-};
-//# sourceMappingURL=index.js.map

package/dist/components/PropertyPanel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PropertyPanel/index.tsx"],"sourcesContent":["import { Component, ComponentType } from '../../types'\nimport { cn } from '../../utils/cn'\nimport {\n  ColorInput,\n  ImageInput,\n  SliderInput,\n  SelectInput,\n  CheckboxInput,\n  GradientInput,\n  VALUE_FORMATTERS,\n} from '../inputs'\n\ninterface PropertyPanelProps {\n  component: Component | undefined\n  onUpdate: (updates: Partial<Component>) => void\n}\n\n// Detectar tipo de propriedade baseado no nome e valor\nfunction detectPropertyType(key: string, value: any): 'color' | 'image' | 'number' | 'select' | 'boolean' | 'gradient' | 'text' {\n  const keyLower = key.toLowerCase()\n  \n  // Cores\n  if (keyLower.includes('color') || keyLower.includes('colour')) {\n    return 'color'\n  }\n  \n  // Imagens\n  if (keyLower.includes('image') || keyLower.includes('img') || keyLower.includes('src') || keyLower.includes('url')) {\n    if (typeof value === 'string' && (value.startsWith('http') || value.startsWith('data:') || value.startsWith('/'))) {\n      return 'image'\n    }\n  }\n  \n  // Gradientes\n  if (keyLower.includes('gradient')) {\n    return 'gradient'\n  }\n  \n  // Booleanos\n  if (typeof value === 'boolean' || keyLower.includes('enabled') || keyLower.includes('show') || keyLower.includes('visible')) {\n    return 'boolean'\n  }\n  \n  // Números\n  if (typeof value === 'number' || keyLower.includes('opacity') || keyLower.includes('blur') || keyLower.includes('rounded') || keyLower.includes('width') || keyLower.includes('height') || keyLower.includes('size')) {\n    return 'number'\n  }\n  \n  // Selects (variantes)\n  if (keyLower.includes('variant') || keyLower.includes('type') || keyLower.includes('style')) {\n    return 'select'\n  }\n  \n  return 'text'\n}\n\n// Obter opções para selects baseado no tipo de componente e propriedade\nfunction getSelectOptions(componentType: ComponentType, key: string): Array<{ value: string; label: string }> {\n  const keyLower = key.toLowerCase()\n  \n  if (keyLower.includes('variant')) {\n    switch (componentType) {\n      case 'hero':\n        return [\n          { value: 'classic', label: 'Clássico' },\n          { value: 'spotlight', label: 'Spotlight' },\n          { value: 'cinematic', label: 'Cinematic' },\n          { value: 'glass', label: 'Glass' },\n          { value: 'split', label: 'Split' },\n          { value: 'parallax', label: 'Parallax' },\n          { value: 'banner', label: 'Banner' },\n          { value: 'columns', label: 'Columns' },\n          { value: 'neon', label: 'Neon' },\n          { value: 'collage', label: 'Collage' },\n        ]\n      case 'gallery':\n        return [\n          { value: 'classic', label: 'Clássico' },\n          { value: 'overlay', label: 'Overlay' },\n          { value: 'stacked', label: 'Stacked' },\n        ]\n      case 'services':\n        return [\n          { value: 'classic', label: 'Clássico' },\n          { value: 'minimal', label: 'Minimal' },\n          { value: 'carousel', label: 'Carrossel' },\n        ]\n      case 'navbar':\n        return [\n          { value: 'classic', label: 'Clássico' },\n          { value: 'sticky', label: 'Sticky' },\n          { value: 'compact', label: 'Compact' },\n        ]\n      default:\n        return []\n    }\n  }\n  \n  return []\n}\n\nexport function PropertyPanel({ component, onUpdate }: PropertyPanelProps) {\n  if (!component) {\n    return (\n      <div className=\"h-full flex items-center justify-center p-4\">\n        <p className=\"text-sm text-gray-500 dark:text-gray-400 text-center\">\n          Selecione um componente para editar suas propriedades\n        </p>\n      </div>\n    )\n  }\n\n  const handlePropChange = (key: string, value: any) => {\n    onUpdate({\n      props: {\n        ...component.props,\n        [key]: value,\n      },\n    })\n  }\n\n  const handleStyleChange = (key: string, value: any) => {\n    onUpdate({\n      styles: {\n        ...component.styles,\n        [key]: value,\n      },\n    })\n  }\n\n  const handleVariantChange = (variant: string) => {\n    onUpdate({ variant })\n  }\n\n  const handleConfigChange = (key: string, value: any) => {\n    onUpdate({\n      config: {\n        ...component.config,\n        [key]: value,\n      },\n    })\n  }\n\n  const renderPropertyInput = (\n    key: string,\n    value: any,\n    onChange: (value: any) => void\n  ) => {\n    const propType = detectPropertyType(key, value)\n    const label = key.charAt(0).toUpperCase() + key.slice(1).replace(/([A-Z])/g, ' $1')\n\n    switch (propType) {\n      case 'color':\n        return (\n          <div key={key}>\n            <label className=\"block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5\">\n              {label}\n            </label>\n            <ColorInput\n              value={value || '#ffffff'}\n              onChange={onChange}\n              size=\"medium\"\n            />\n          </div>\n        )\n\n      case 'image':\n        return (\n          <div key={key}>\n            <label className=\"block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5\">\n              {label}\n            </label>\n            <ImageInput\n              value={value}\n              onChange={onChange}\n              label={label}\n            />\n          </div>\n        )\n\n      case 'number':\n        // Determinar min/max/step baseado na propriedade\n        let min = 0\n        let max = 100\n        let step = 1\n        let formatValue = VALUE_FORMATTERS.decimal\n        let unit = ''\n\n        if (key.toLowerCase().includes('opacity')) {\n          min = 0\n          max = 1\n          step = 0.01\n          formatValue = VALUE_FORMATTERS.percentage\n        } else if (key.toLowerCase().includes('blur')) {\n          min = 0\n          max = 80\n          step = 1\n          unit = 'px'\n          formatValue = VALUE_FORMATTERS.pixels\n        } else if (key.toLowerCase().includes('rounded')) {\n          min = 0\n          max = 32\n          step = 1\n          unit = 'px'\n          formatValue = VALUE_FORMATTERS.pixels\n        }\n\n        return (\n          <div key={key}>\n            <label className=\"block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5\">\n              {label}\n            </label>\n            <SliderInput\n              value={typeof value === 'number' ? value : 0}\n              onChange={onChange}\n              min={min}\n              max={max}\n              step={step}\n              unit={unit}\n              formatValue={formatValue}\n            />\n          </div>\n        )\n\n      case 'select':\n        const options = getSelectOptions(component.type, key)\n        if (options.length > 0) {\n          return (\n            <div key={key}>\n              <label className=\"block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5\">\n                {label}\n              </label>\n              <SelectInput\n                value={value || options[0].value}\n                onChange={onChange}\n                options={options}\n                width={200}\n              />\n            </div>\n          )\n        }\n        // Fallback para text se não houver opções\n        break\n\n      case 'boolean':\n        return (\n          <div key={key}>\n            <CheckboxInput\n              checked={value === true}\n              onChange={onChange}\n              label={label}\n            />\n          </div>\n        )\n\n      case 'gradient':\n        // Para gradientes, precisamos de configuração especial\n        return (\n          <div key={key}>\n            <label className=\"block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5\">\n              {label}\n            </label>\n            <GradientInput\n              enabled={value?.enabled || false}\n              startColor={value?.startColor || '#ffffff'}\n              endColor={value?.endColor || '#000000'}\n              onEnabledChange={(enabled) => onChange({ ...value, enabled })}\n              onStartColorChange={(color) => onChange({ ...value, startColor: color })}\n              onEndColorChange={(color) => onChange({ ...value, endColor: color })}\n            />\n          </div>\n        )\n\n      default:\n        return (\n          <div key={key}>\n            <label className=\"block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1.5\">\n              {label}\n            </label>\n            <input\n              type=\"text\"\n              value={String(value || '')}\n              onChange={(e) => onChange(e.target.value)}\n              className={cn(\n                'w-full px-3 py-2 rounded-lg',\n                'text-sm',\n                'border-2 border-gray-300 dark:border-gray-600',\n                'bg-white dark:bg-gray-800',\n                'text-gray-900 dark:text-gray-100',\n                'focus:outline-none focus:border-blue-500',\n                'transition-colors'\n              )}\n            />\n          </div>\n        )\n    }\n  }\n\n  return (\n    <div className=\"h-full overflow-y-auto p-4\">\n      <h2 className=\"text-sm font-semibold text-gray-700 dark:text-gray-300 mb-4\">\n        Propriedades\n      </h2>\n\n      {/* Variante (se suportado) */}\n      {['hero', 'navbar', 'gallery', 'services', 'about', 'testimonials', 'contact', 'footer'].includes(component.type) && (\n        <div className=\"mb-6\">\n          <h3 className=\"text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase\">\n            Variante\n          </h3>\n          <SelectInput\n            value={component.variant || 'classic'}\n            onChange={handleVariantChange}\n            options={getSelectOptions(component.type, 'variant')}\n            width={200}\n          />\n        </div>\n      )}\n\n      {/* Propriedades do Componente */}\n      {Object.keys(component.props).length > 0 && (\n        <div className=\"mb-6\">\n          <h3 className=\"text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase\">\n            Conteúdo\n          </h3>\n          <div className=\"space-y-4\">\n            {Object.entries(component.props).map(([key, value]) =>\n              renderPropertyInput(key, value, (val) => handlePropChange(key, val))\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Estilos do Componente */}\n      {Object.keys(component.styles).length > 0 && (\n        <div className=\"mb-6\">\n          <h3 className=\"text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase\">\n            Estilos\n          </h3>\n          <div className=\"space-y-4\">\n            {Object.entries(component.styles).map(([key, value]) =>\n              renderPropertyInput(key, value, (val) => handleStyleChange(key, val))\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Configurações avançadas */}\n      {component.config && Object.keys(component.config).length > 0 && (\n        <div className=\"mb-6\">\n          <h3 className=\"text-xs font-medium text-gray-500 dark:text-gray-400 mb-3 uppercase\">\n            Configurações Avançadas\n          </h3>\n          <div className=\"space-y-4\">\n            {Object.entries(component.config).map(([key, value]) =>\n              renderPropertyInput(key, value, (val) => handleConfigChange(key, val))\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["detectPropertyType","key","value","keyLower","getSelectOptions","componentType","PropertyPanel","component","onUpdate","jsx","handlePropChange","handleStyleChange","handleVariantChange","variant","handleConfigChange","renderPropertyInput","onChange","propType","label","ColorInput","ImageInput","min","max","step","formatValue","VALUE_FORMATTERS","unit","SliderInput","options","SelectInput","CheckboxInput","GradientInput","enabled","color","e","cn","jsxs","val"],"mappings":"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"}

package/dist/components/SiteEditor/index.d.ts

@@ -1,3 +0,0 @@
-import { SiteEditorProps } from '../../types';
-export declare function SiteEditor({ projectId, apiBaseUrl, siteId, onSave, onPublish, initialData, previewUrl, }: SiteEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/SiteEditor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SiteEditor/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAuE,MAAM,aAAa,CAAA;AASlH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAW,EACX,UAAU,GACX,EAAE,eAAe,2CAwVjB"}