npm - @brunoalz/smartgesti-site-editor - Versions diffs - 1.3.0 → 1.4.0 - Mend

@brunoalz/smartgesti-site-editor 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/dist/editor/PaletteSelector.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { cn as t } from "../utils/cn.js";
-const i = [
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { cn as i } from "../utils/cn.js";
+const d = [
   // Azuis
   {
     name: "Blue Serenity",
@@ -14,7 +14,9 @@ const i = [
     // Links gerais - azul escuro
     menuLinkColor: "#2563eb",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#3b82f6", "#60a5fa", "#93c5fd"]
+    gradient: ["#3b82f6", "#60a5fa", "#93c5fd"],
+    heroGradientStart: "#1e3a5f",
+    heroGradientEnd: "#2d5a8e"
   },
   {
     name: "Ocean Deep",
@@ -28,7 +30,9 @@ const i = [
     // Links gerais - azul claro
     menuLinkColor: "#38bdf8",
     // Links do menu - tom do primary mais claro
-    gradient: ["#0284c7", "#0369a1", "#38bdf8"]
+    gradient: ["#0284c7", "#0369a1", "#38bdf8"],
+    heroGradientStart: "#0a1628",
+    heroGradientEnd: "#0c2d4d"
   },
   // Verdes
   {
@@ -43,7 +47,9 @@ const i = [
     // Links gerais - verde escuro
     menuLinkColor: "#059669",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#10b981", "#059669", "#34d399"]
+    gradient: ["#10b981", "#059669", "#34d399"],
+    heroGradientStart: "#0d3320",
+    heroGradientEnd: "#1a5c3a"
   },
   {
     name: "Forest",
@@ -57,7 +63,9 @@ const i = [
     // Links gerais - verde claro
     menuLinkColor: "#4ade80",
     // Links do menu - tom do primary mais claro
-    gradient: ["#22c55e", "#16a34a", "#4ade80"]
+    gradient: ["#22c55e", "#16a34a", "#4ade80"],
+    heroGradientStart: "#0a1f12",
+    heroGradientEnd: "#153d25"
   },
   // Roxos
   {
@@ -72,7 +80,9 @@ const i = [
     // Links gerais - roxo escuro
     menuLinkColor: "#7c3aed",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#8b5cf6", "#7c3aed", "#a78bfa"]
+    gradient: ["#8b5cf6", "#7c3aed", "#a78bfa"],
+    heroGradientStart: "#2d1b69",
+    heroGradientEnd: "#4c2889"
   },
   {
     name: "Midnight",
@@ -86,7 +96,9 @@ const i = [
     // Links gerais - roxo claro
     menuLinkColor: "#c084fc",
     // Links do menu - tom do primary mais claro
-    gradient: ["#a855f7", "#9333ea", "#c084fc"]
+    gradient: ["#a855f7", "#9333ea", "#c084fc"],
+    heroGradientStart: "#1e1b4b",
+    heroGradientEnd: "#312e81"
   },
   // Laranjas/Amarelos
   {
@@ -101,7 +113,9 @@ const i = [
     // Links gerais - laranja escuro
     menuLinkColor: "#ea580c",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#f97316", "#ea580c", "#fb923c"]
+    gradient: ["#f97316", "#ea580c", "#fb923c"],
+    heroGradientStart: "#4a1d0a",
+    heroGradientEnd: "#7a3012"
   },
   {
     name: "Golden",
@@ -115,7 +129,9 @@ const i = [
     // Links gerais - amarelo claro
     menuLinkColor: "#fde047",
     // Links do menu - amarelo bem claro para contraste
-    gradient: ["#eab308", "#ca8a04", "#facc15"]
+    gradient: ["#eab308", "#ca8a04", "#facc15"],
+    heroGradientStart: "#1a1500",
+    heroGradientEnd: "#3d3005"
   },
   // Vermelhos/Rosas
   {
@@ -130,7 +146,9 @@ const i = [
     // Links gerais - rosa escuro
     menuLinkColor: "#e11d48",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#f43f5e", "#e11d48", "#fb7185"]
+    gradient: ["#f43f5e", "#e11d48", "#fb7185"],
+    heroGradientStart: "#4a0a1a",
+    heroGradientEnd: "#7a1230"
   },
   {
     name: "Berry",
@@ -144,7 +162,9 @@ const i = [
     // Links gerais - amarelo para contraste
     menuLinkColor: "#fda4d0",
     // Links do menu - rosa bem claro para contraste
-    gradient: ["#ec4899", "#db2777", "#f472b6"]
+    gradient: ["#ec4899", "#db2777", "#f472b6"],
+    heroGradientStart: "#3d0724",
+    heroGradientEnd: "#6b1040"
   },
   // Neutros
   {
@@ -159,7 +179,9 @@ const i = [
     // Links gerais - cinza escuro
     menuLinkColor: "#334155",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#475569", "#334155", "#64748b"]
+    gradient: ["#475569", "#334155", "#64748b"],
+    heroGradientStart: "#1a1a2e",
+    heroGradientEnd: "#2d2d4a"
   },
   {
     name: "Dark Mode",
@@ -173,29 +195,95 @@ const i = [
     // Links gerais - índigo claro
     menuLinkColor: "#818cf8",
     // Links do menu - tom do primary mais claro
-    gradient: ["#6366f1", "#4f46e5", "#818cf8"]
+    gradient: ["#6366f1", "#4f46e5", "#818cf8"],
+    heroGradientStart: "#0f0a2e",
+    heroGradientEnd: "#1a1552"
+  },
+  // Template-specific palettes
+  {
+    name: "Indigo & Cyan",
+    primary: "#6366f1",
+    secondary: "#0ea5e9",
+    accent: "#f97316",
+    background: "#ffffff",
+    surface: "#f8fafc",
+    text: "#0f172a",
+    linkColor: "#4338ca",
+    menuLinkColor: "#6366f1",
+    gradient: ["#6366f1", "#0ea5e9", "#f97316"],
+    heroGradientStart: "#3730a3",
+    heroGradientEnd: "#0369a1"
+  },
+  {
+    name: "Blue Academy",
+    primary: "#2563eb",
+    secondary: "#1d4ed8",
+    accent: "#3b82f6",
+    background: "#ffffff",
+    surface: "#f8fafc",
+    text: "#0f172a",
+    linkColor: "#1e40af",
+    menuLinkColor: "#2563eb",
+    gradient: ["#2563eb", "#1d4ed8", "#3b82f6"],
+    heroGradientStart: "#1e3a8a",
+    heroGradientEnd: "#1e40af"
+  },
+  {
+    name: "Indigo Amber",
+    primary: "#4f46e5",
+    secondary: "#6366f1",
+    accent: "#f59e0b",
+    background: "#ffffff",
+    surface: "#f9fafb",
+    text: "#111827",
+    linkColor: "#4338ca",
+    menuLinkColor: "#4f46e5",
+    gradient: ["#4f46e5", "#6366f1", "#f59e0b"],
+    heroGradientStart: "#312e81",
+    heroGradientEnd: "#3730a3"
+  },
+  {
+    name: "Indigo Pro",
+    primary: "#6366f1",
+    secondary: "#4f46e5",
+    accent: "#8b5cf6",
+    background: "#ffffff",
+    surface: "#f8fafc",
+    text: "#0f172a",
+    linkColor: "#4338ca",
+    menuLinkColor: "#6366f1",
+    gradient: ["#6366f1", "#4f46e5", "#8b5cf6"],
+    heroGradientStart: "#1e1b4b",
+    heroGradientEnd: "#312e81"
   }
 ];
-function m({
+function m(r) {
+  return d.find((n) => n.name === r);
+}
+function s({
   selectedPalette: r,
-  onPaletteChange: f
+  onPaletteChange: n
 }) {
-  const n = (e) => r?.name === e.name;
-  return /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: i.map((e) => /* @__PURE__ */ d(
+  const o = (e) => r?.name === e.name;
+  return /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: d.map((e) => /* @__PURE__ */ f(
     "button",
     {
-      onClick: () => f(e),
-      className: t(
+      onClick: () => n(e),
+      className: i(
         "rounded-lg cursor-pointer transition-all p-2",
         "flex flex-col items-center gap-1.5",
         "border-2",
-        n(e) ? "border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600",
+        o(e) ? "border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600",
         "bg-white dark:bg-gray-800",
         "hover:scale-[1.02] active:scale-[0.98]"
       ),
       title: e.name,
       children: [
-        /* @__PURE__ */ a("div", { className: "w-full h-8 rounded-md flex overflow-hidden mb-1.5", children: e.gradient.map((c, o) => /* @__PURE__ */ a("span", { className: "flex-1", style: { background: c } }, o)) }),
+        /* @__PURE__ */ f("div", { className: "w-full h-8 rounded-md flex overflow-hidden mb-1.5", children: [
+          e.gradient.map((c, t) => /* @__PURE__ */ a("span", { className: "flex-1", style: { background: c } }, t)),
+          e.heroGradientStart && /* @__PURE__ */ a("span", { className: "flex-1", style: { background: e.heroGradientStart } }),
+          e.heroGradientEnd && /* @__PURE__ */ a("span", { className: "flex-1", style: { background: e.heroGradientEnd } })
+        ] }),
         /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight px-1", children: e.name })
       ]
     },
@@ -203,7 +291,8 @@ function m({
   )) });
 }
 export {
-  m as PaletteSelector,
-  i as colorPalettes
+  s as PaletteSelector,
+  d as colorPalettes,
+  m as findPaletteByName
 };
 //# sourceMappingURL=PaletteSelector.js.map

package/dist/editor/PaletteSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaletteSelector.js","sources":["../../src/editor/PaletteSelector.tsx"],"sourcesContent":["/*\r\n Palette Selector\r\n * Seletor de paletas de cores para o editor\r\n */\r\n\r\nimport { cn } from \"../utils/cn\";\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface ColorPalette {\r\n name: string;\r\n primary: string;\r\n secondary: string;\r\n accent: string;\r\n background: string;\r\n surface?: string;\r\n text: string;\r\n linkColor?: string; // Cor específica para links em geral (dropdowns, etc)\r\n menuLinkColor?: string; // Cor específica para links do menu navbar (derivada do primary)\r\n gradient: string[];\r\n}\r\n\r\n// ============================================================================\r\n// Palettes (text e background devem ter contraste adequado; evitar text === background)\r\n// ============================================================================\r\n\r\nexport const colorPalettes: ColorPalette[] = [\r\n // Azuis\r\n {\r\n name: \"Blue Serenity\",\r\n primary: \"#3b82f6\",\r\n secondary: \"#60a5fa\",\r\n accent: \"#93c5fd\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#1e293b\",\r\n linkColor: \"#1e40af\", // Links gerais - azul escuro\r\n menuLinkColor: \"#2563eb\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#3b82f6\", \"#60a5fa\", \"#93c5fd\"],\r\n },\r\n {\r\n name: \"Ocean Deep\",\r\n primary: \"#0284c7\",\r\n secondary: \"#0369a1\",\r\n accent: \"#38bdf8\",\r\n background: \"#0f172a\",\r\n surface: \"#1e293b\",\r\n text: \"#f8fafc\",\r\n linkColor: \"#7dd3fc\", // Links gerais - azul claro\r\n menuLinkColor: \"#38bdf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#0284c7\", \"#0369a1\", \"#38bdf8\"],\r\n },\r\n // Verdes\r\n {\r\n name: \"Emerald\",\r\n primary: \"#10b981\",\r\n secondary: \"#059669\",\r\n accent: \"#34d399\",\r\n background: \"#ffffff\",\r\n surface: \"#f0fdf4\",\r\n text: \"#166534\",\r\n linkColor: \"#047857\", // Links gerais - verde escuro\r\n menuLinkColor: \"#059669\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#10b981\", \"#059669\", \"#34d399\"],\r\n },\r\n {\r\n name: \"Forest\",\r\n primary: \"#22c55e\",\r\n secondary: \"#16a34a\",\r\n accent: \"#4ade80\",\r\n background: \"#052e16\",\r\n surface: \"#14532d\",\r\n text: \"#f0fdf4\",\r\n linkColor: \"#86efac\", // Links gerais - verde claro\r\n menuLinkColor: \"#4ade80\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#22c55e\", \"#16a34a\", \"#4ade80\"],\r\n },\r\n // Roxos\r\n {\r\n name: \"Purple Dream\",\r\n primary: \"#8b5cf6\",\r\n secondary: \"#7c3aed\",\r\n accent: \"#a78bfa\",\r\n background: \"#ffffff\",\r\n surface: \"#faf5ff\",\r\n text: \"#4c1d95\",\r\n linkColor: \"#6d28d9\", // Links gerais - roxo escuro\r\n menuLinkColor: \"#7c3aed\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#8b5cf6\", \"#7c3aed\", \"#a78bfa\"],\r\n },\r\n {\r\n name: \"Midnight\",\r\n primary: \"#a855f7\",\r\n secondary: \"#9333ea\",\r\n accent: \"#c084fc\",\r\n background: \"#1e1b4b\",\r\n surface: \"#312e81\",\r\n text: \"#f5f3ff\",\r\n linkColor: \"#d8b4fe\", // Links gerais - roxo claro\r\n menuLinkColor: \"#c084fc\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#a855f7\", \"#9333ea\", \"#c084fc\"],\r\n },\r\n // Laranjas/Amarelos\r\n {\r\n name: \"Sunset\",\r\n primary: \"#f97316\",\r\n secondary: \"#ea580c\",\r\n accent: \"#fb923c\",\r\n background: \"#ffffff\",\r\n surface: \"#fff7ed\",\r\n text: \"#7c2d12\",\r\n linkColor: \"#c2410c\", // Links gerais - laranja escuro\r\n menuLinkColor: \"#ea580c\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f97316\", \"#ea580c\", \"#fb923c\"],\r\n },\r\n {\r\n name: \"Golden\",\r\n primary: \"#eab308\",\r\n secondary: \"#ca8a04\",\r\n accent: \"#facc15\",\r\n background: \"#1a1a1a\",\r\n surface: \"#262626\",\r\n text: \"#fefce8\",\r\n linkColor: \"#fde047\", // Links gerais - amarelo claro\r\n menuLinkColor: \"#fde047\", // Links do menu - amarelo bem claro para contraste\r\n gradient: [\"#eab308\", \"#ca8a04\", \"#facc15\"],\r\n },\r\n // Vermelhos/Rosas\r\n {\r\n name: \"Rose\",\r\n primary: \"#f43f5e\",\r\n secondary: \"#e11d48\",\r\n accent: \"#fb7185\",\r\n background: \"#ffffff\",\r\n surface: \"#fff1f2\",\r\n text: \"#881337\",\r\n linkColor: \"#be123c\", // Links gerais - rosa escuro\r\n menuLinkColor: \"#e11d48\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f43f5e\", \"#e11d48\", \"#fb7185\"],\r\n },\r\n {\r\n name: \"Berry\",\r\n primary: \"#ec4899\",\r\n secondary: \"#db2777\",\r\n accent: \"#f472b6\",\r\n background: \"#500724\",\r\n surface: \"#831843\",\r\n text: \"#fdf2f8\",\r\n linkColor: \"#fbbf24\", // Links gerais - amarelo para contraste\r\n menuLinkColor: \"#fda4d0\", // Links do menu - rosa bem claro para contraste\r\n gradient: [\"#ec4899\", \"#db2777\", \"#f472b6\"],\r\n },\r\n // Neutros\r\n {\r\n name: \"Slate Modern\",\r\n primary: \"#475569\",\r\n secondary: \"#334155\",\r\n accent: \"#64748b\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#1e293b\", // Links gerais - cinza escuro\r\n menuLinkColor: \"#334155\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#475569\", \"#334155\", \"#64748b\"],\r\n },\r\n {\r\n name: \"Dark Mode\",\r\n primary: \"#6366f1\",\r\n secondary: \"#4f46e5\",\r\n accent: \"#818cf8\",\r\n background: \"#0f0f0f\",\r\n surface: \"#1a1a1a\",\r\n text: \"#fafafa\",\r\n linkColor: \"#a5b4fc\", // Links gerais - índigo claro\r\n menuLinkColor: \"#818cf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#6366f1\", \"#4f46e5\", \"#818cf8\"],\r\n },\r\n];\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\ninterface PaletteSelectorProps {\r\n selectedPalette?: ColorPalette;\r\n onPaletteChange: (palette: ColorPalette) => void;\r\n}\r\n\r\nexport function PaletteSelector({\r\n selectedPalette,\r\n onPaletteChange,\r\n}: PaletteSelectorProps) {\r\n const isSelected = (palette: ColorPalette) => {\r\n return selectedPalette?.name === palette.name;\r\n };\r\n\r\n return (\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n {colorPalettes.map((palette) => (\r\n <button\r\n key={palette.name}\r\n onClick={() => onPaletteChange(palette)}\r\n className={cn(\r\n \"rounded-lg cursor-pointer transition-all p-2\",\r\n \"flex flex-col items-center gap-1.5\",\r\n \"border-2\",\r\n isSelected(palette)\r\n ? \"border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm\"\r\n : \"border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600\",\r\n \"bg-white dark:bg-gray-800\",\r\n \"hover:scale-[1.02] active:scale-[0.98]\",\r\n )}\r\n title={palette.name}\r\n >\r\n <div className=\"w-full h-8 rounded-md flex overflow-hidden mb-1.5\">\r\n {palette.gradient.map((color, i) => (\r\n <span key={i} className=\"flex-1\" style={{ background: color }} />\r\n ))}\r\n </div>\r\n <span className=\"text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight px-1\">\r\n {palette.name}\r\n </span>\r\n </button>\r\n ))}\r\n </div>\r\n );\r\n}\r\n"],"names":["colorPalettes","PaletteSelector","selectedPalette","onPaletteChange","isSelected","palette","jsxs","cn","jsx","color","i"],"mappings":";;AA4BO,MAAMA,IAAgC;AAAA;AAAA,EAE3C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA,EAE5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA;AAAA,EAG5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA,EAE5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA;AAAA,EAG5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA,EAE5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA;AAAA,EAG5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA,EAE5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA;AAAA,EAG5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA,EAE5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA;AAAA,EAG5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAAA,EAE5C;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IACX,eAAe;AAAA;AAAA,IACf,UAAU,CAAC,WAAW,WAAW,SAAS;AAAA,EAAA;AAE9C;AAWO,SAASC,EAAgB;AAAA,EAC9B,iBAAAC;AAAA,EACA,iBAAAC;AACF,GAAyB;AACvB,QAAMC,IAAa,CAACC,MACXH,GAAiB,SAASG,EAAQ;AAG3C,2BACG,OAAA,EAAI,WAAU,0BACZ,UAAAL,EAAc,IAAI,CAACK,MAClB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,EAAgBE,CAAO;AAAA,MACtC,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAH,EAAWC,CAAO,IACd,6DACA;AAAA,QACJ;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,OAAOA,EAAQ;AAAA,MAEf,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,qDACZ,UAAAH,EAAQ,SAAS,IAAI,CAACI,GAAOC,MAC5B,gBAAAF,EAAC,UAAa,WAAU,UAAS,OAAO,EAAE,YAAYC,IAAM,GAAjDC,CAAoD,CAChE,GACH;AAAA,QACA,gBAAAF,EAAC,QAAA,EAAK,WAAU,uFACb,YAAQ,KAAA,CACX;AAAA,MAAA;AAAA,IAAA;AAAA,IArBKH,EAAQ;AAAA,EAAA,CAuBhB,GACH;AAEJ;"}
1	+ {"version":3,"file":"PaletteSelector.js","sources":["../../src/editor/PaletteSelector.tsx"],"sourcesContent":["/*\r\n Palette Selector\r\n * Seletor de paletas de cores para o editor\r\n */\r\n\r\nimport { cn } from \"../utils/cn\";\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface ColorPalette {\r\n name: string;\r\n primary: string;\r\n secondary: string;\r\n accent: string;\r\n background: string;\r\n surface?: string;\r\n text: string;\r\n linkColor?: string; // Cor específica para links em geral (dropdowns, etc)\r\n menuLinkColor?: string; // Cor específica para links do menu navbar (derivada do primary)\r\n gradient: string[];\r\n\r\n // Hero gradient overrides (derivados automaticamente se ausentes)\r\n heroGradientStart?: string;\r\n heroGradientEnd?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Palettes (text e background devem ter contraste adequado; evitar text === background)\r\n// ============================================================================\r\n\r\nexport const colorPalettes: ColorPalette[] = [\r\n // Azuis\r\n {\r\n name: \"Blue Serenity\",\r\n primary: \"#3b82f6\",\r\n secondary: \"#60a5fa\",\r\n accent: \"#93c5fd\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#1e293b\",\r\n linkColor: \"#1e40af\", // Links gerais - azul escuro\r\n menuLinkColor: \"#2563eb\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#3b82f6\", \"#60a5fa\", \"#93c5fd\"],\r\n heroGradientStart: \"#1e3a5f\",\r\n heroGradientEnd: \"#2d5a8e\",\r\n },\r\n {\r\n name: \"Ocean Deep\",\r\n primary: \"#0284c7\",\r\n secondary: \"#0369a1\",\r\n accent: \"#38bdf8\",\r\n background: \"#0f172a\",\r\n surface: \"#1e293b\",\r\n text: \"#f8fafc\",\r\n linkColor: \"#7dd3fc\", // Links gerais - azul claro\r\n menuLinkColor: \"#38bdf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#0284c7\", \"#0369a1\", \"#38bdf8\"],\r\n heroGradientStart: \"#0a1628\",\r\n heroGradientEnd: \"#0c2d4d\",\r\n },\r\n // Verdes\r\n {\r\n name: \"Emerald\",\r\n primary: \"#10b981\",\r\n secondary: \"#059669\",\r\n accent: \"#34d399\",\r\n background: \"#ffffff\",\r\n surface: \"#f0fdf4\",\r\n text: \"#166534\",\r\n linkColor: \"#047857\", // Links gerais - verde escuro\r\n menuLinkColor: \"#059669\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#10b981\", \"#059669\", \"#34d399\"],\r\n heroGradientStart: \"#0d3320\",\r\n heroGradientEnd: \"#1a5c3a\",\r\n },\r\n {\r\n name: \"Forest\",\r\n primary: \"#22c55e\",\r\n secondary: \"#16a34a\",\r\n accent: \"#4ade80\",\r\n background: \"#052e16\",\r\n surface: \"#14532d\",\r\n text: \"#f0fdf4\",\r\n linkColor: \"#86efac\", // Links gerais - verde claro\r\n menuLinkColor: \"#4ade80\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#22c55e\", \"#16a34a\", \"#4ade80\"],\r\n heroGradientStart: \"#0a1f12\",\r\n heroGradientEnd: \"#153d25\",\r\n },\r\n // Roxos\r\n {\r\n name: \"Purple Dream\",\r\n primary: \"#8b5cf6\",\r\n secondary: \"#7c3aed\",\r\n accent: \"#a78bfa\",\r\n background: \"#ffffff\",\r\n surface: \"#faf5ff\",\r\n text: \"#4c1d95\",\r\n linkColor: \"#6d28d9\", // Links gerais - roxo escuro\r\n menuLinkColor: \"#7c3aed\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#8b5cf6\", \"#7c3aed\", \"#a78bfa\"],\r\n heroGradientStart: \"#2d1b69\",\r\n heroGradientEnd: \"#4c2889\",\r\n },\r\n {\r\n name: \"Midnight\",\r\n primary: \"#a855f7\",\r\n secondary: \"#9333ea\",\r\n accent: \"#c084fc\",\r\n background: \"#1e1b4b\",\r\n surface: \"#312e81\",\r\n text: \"#f5f3ff\",\r\n linkColor: \"#d8b4fe\", // Links gerais - roxo claro\r\n menuLinkColor: \"#c084fc\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#a855f7\", \"#9333ea\", \"#c084fc\"],\r\n heroGradientStart: \"#1e1b4b\",\r\n heroGradientEnd: \"#312e81\",\r\n },\r\n // Laranjas/Amarelos\r\n {\r\n name: \"Sunset\",\r\n primary: \"#f97316\",\r\n secondary: \"#ea580c\",\r\n accent: \"#fb923c\",\r\n background: \"#ffffff\",\r\n surface: \"#fff7ed\",\r\n text: \"#7c2d12\",\r\n linkColor: \"#c2410c\", // Links gerais - laranja escuro\r\n menuLinkColor: \"#ea580c\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f97316\", \"#ea580c\", \"#fb923c\"],\r\n heroGradientStart: \"#4a1d0a\",\r\n heroGradientEnd: \"#7a3012\",\r\n },\r\n {\r\n name: \"Golden\",\r\n primary: \"#eab308\",\r\n secondary: \"#ca8a04\",\r\n accent: \"#facc15\",\r\n background: \"#1a1a1a\",\r\n surface: \"#262626\",\r\n text: \"#fefce8\",\r\n linkColor: \"#fde047\", // Links gerais - amarelo claro\r\n menuLinkColor: \"#fde047\", // Links do menu - amarelo bem claro para contraste\r\n gradient: [\"#eab308\", \"#ca8a04\", \"#facc15\"],\r\n heroGradientStart: \"#1a1500\",\r\n heroGradientEnd: \"#3d3005\",\r\n },\r\n // Vermelhos/Rosas\r\n {\r\n name: \"Rose\",\r\n primary: \"#f43f5e\",\r\n secondary: \"#e11d48\",\r\n accent: \"#fb7185\",\r\n background: \"#ffffff\",\r\n surface: \"#fff1f2\",\r\n text: \"#881337\",\r\n linkColor: \"#be123c\", // Links gerais - rosa escuro\r\n menuLinkColor: \"#e11d48\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f43f5e\", \"#e11d48\", \"#fb7185\"],\r\n heroGradientStart: \"#4a0a1a\",\r\n heroGradientEnd: \"#7a1230\",\r\n },\r\n {\r\n name: \"Berry\",\r\n primary: \"#ec4899\",\r\n secondary: \"#db2777\",\r\n accent: \"#f472b6\",\r\n background: \"#500724\",\r\n surface: \"#831843\",\r\n text: \"#fdf2f8\",\r\n linkColor: \"#fbbf24\", // Links gerais - amarelo para contraste\r\n menuLinkColor: \"#fda4d0\", // Links do menu - rosa bem claro para contraste\r\n gradient: [\"#ec4899\", \"#db2777\", \"#f472b6\"],\r\n heroGradientStart: \"#3d0724\",\r\n heroGradientEnd: \"#6b1040\",\r\n },\r\n // Neutros\r\n {\r\n name: \"Slate Modern\",\r\n primary: \"#475569\",\r\n secondary: \"#334155\",\r\n accent: \"#64748b\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#1e293b\", // Links gerais - cinza escuro\r\n menuLinkColor: \"#334155\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#475569\", \"#334155\", \"#64748b\"],\r\n heroGradientStart: \"#1a1a2e\",\r\n heroGradientEnd: \"#2d2d4a\",\r\n },\r\n {\r\n name: \"Dark Mode\",\r\n primary: \"#6366f1\",\r\n secondary: \"#4f46e5\",\r\n accent: \"#818cf8\",\r\n background: \"#0f0f0f\",\r\n surface: \"#1a1a1a\",\r\n text: \"#fafafa\",\r\n linkColor: \"#a5b4fc\", // Links gerais - índigo claro\r\n menuLinkColor: \"#818cf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#6366f1\", \"#4f46e5\", \"#818cf8\"],\r\n heroGradientStart: \"#0f0a2e\",\r\n heroGradientEnd: \"#1a1552\",\r\n },\r\n // Template-specific palettes\r\n {\r\n name: \"Indigo & Cyan\",\r\n primary: \"#6366f1\",\r\n secondary: \"#0ea5e9\",\r\n accent: \"#f97316\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#4338ca\",\r\n menuLinkColor: \"#6366f1\",\r\n gradient: [\"#6366f1\", \"#0ea5e9\", \"#f97316\"],\r\n heroGradientStart: \"#3730a3\",\r\n heroGradientEnd: \"#0369a1\",\r\n },\r\n {\r\n name: \"Blue Academy\",\r\n primary: \"#2563eb\",\r\n secondary: \"#1d4ed8\",\r\n accent: \"#3b82f6\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#1e40af\",\r\n menuLinkColor: \"#2563eb\",\r\n gradient: [\"#2563eb\", \"#1d4ed8\", \"#3b82f6\"],\r\n heroGradientStart: \"#1e3a8a\",\r\n heroGradientEnd: \"#1e40af\",\r\n },\r\n {\r\n name: \"Indigo Amber\",\r\n primary: \"#4f46e5\",\r\n secondary: \"#6366f1\",\r\n accent: \"#f59e0b\",\r\n background: \"#ffffff\",\r\n surface: \"#f9fafb\",\r\n text: \"#111827\",\r\n linkColor: \"#4338ca\",\r\n menuLinkColor: \"#4f46e5\",\r\n gradient: [\"#4f46e5\", \"#6366f1\", \"#f59e0b\"],\r\n heroGradientStart: \"#312e81\",\r\n heroGradientEnd: \"#3730a3\",\r\n },\r\n {\r\n name: \"Indigo Pro\",\r\n primary: \"#6366f1\",\r\n secondary: \"#4f46e5\",\r\n accent: \"#8b5cf6\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#4338ca\",\r\n menuLinkColor: \"#6366f1\",\r\n gradient: [\"#6366f1\", \"#4f46e5\", \"#8b5cf6\"],\r\n heroGradientStart: \"#1e1b4b\",\r\n heroGradientEnd: \"#312e81\",\r\n },\r\n];\r\n\r\n// ============================================================================\r\n// Utilities\r\n// ============================================================================\r\n\r\nexport function findPaletteByName(name: string): ColorPalette \| undefined {\r\n return colorPalettes.find(p => p.name === name);\r\n}\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\ninterface PaletteSelectorProps {\r\n selectedPalette?: ColorPalette;\r\n onPaletteChange: (palette: ColorPalette) => void;\r\n}\r\n\r\nexport function PaletteSelector({\r\n selectedPalette,\r\n onPaletteChange,\r\n}: PaletteSelectorProps) {\r\n const isSelected = (palette: ColorPalette) => {\r\n return selectedPalette?.name === palette.name;\r\n };\r\n\r\n return (\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n {colorPalettes.map((palette) => (\r\n <button\r\n key={palette.name}\r\n onClick={() => onPaletteChange(palette)}\r\n className={cn(\r\n \"rounded-lg cursor-pointer transition-all p-2\",\r\n \"flex flex-col items-center gap-1.5\",\r\n \"border-2\",\r\n isSelected(palette)\r\n ? \"border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm\"\r\n : \"border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600\",\r\n \"bg-white dark:bg-gray-800\",\r\n \"hover:scale-[1.02] active:scale-[0.98]\",\r\n )}\r\n title={palette.name}\r\n >\r\n <div className=\"w-full h-8 rounded-md flex overflow-hidden mb-1.5\">\r\n {palette.gradient.map((color, i) => (\r\n <span key={i} className=\"flex-1\" style={{ background: color }} />\r\n ))}\r\n {palette.heroGradientStart && (\r\n <span className=\"flex-1\" style={{ background: palette.heroGradientStart }} />\r\n )}\r\n {palette.heroGradientEnd && (\r\n <span className=\"flex-1\" style={{ background: palette.heroGradientEnd }} />\r\n )}\r\n </div>\r\n <span className=\"text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight px-1\">\r\n {palette.name}\r\n </span>\r\n </button>\r\n ))}\r\n </div>\r\n );\r\n}\r\n"],"names":["colorPalettes","findPaletteByName","name","p","PaletteSelector","selectedPalette","onPaletteChange","isSelected","palette","jsxs","cn","color","i","jsx"],"mappings":"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"}

package/dist/editor/components/RightPanel.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
 import { UploadConfig } from '../LandingPageEditor';
 import { SiteDocument } from '../../engine';
+import { ColorPalette } from '../PaletteSelector';
 interface RightPanelProps {
     isPaletteSelected: boolean;
     selectedBlock: any;
+    selectedPalette?: ColorPalette;
     onPaletteChange: (palette: any) => void;
     onUpdateBlock: (updates: Record<string, any>) => void;
     uploadConfig?: UploadConfig;

package/dist/editor/components/RightPanel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/RightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;~~AAUjD~~,UAAU,eAAe;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,~~6CA0CrB~~,CAAC"}
1	+ {"version":3,"file":"RightPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/RightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUvD,UAAU,eAAe;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,eAAe,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,6CA2CrB,CAAC"}

package/dist/editor/components/RightPanel.js CHANGED Viewed

@@ -1,38 +1,39 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import f, { Suspense as h, lazy as o } from "react";
-import { LoadingSpinner as p } from "./LoadingSpinner.js";
-const x = o(
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import h, { Suspense as p, lazy as o } from "react";
+import { LoadingSpinner as x } from "./LoadingSpinner.js";
+const g = o(
   () => import("../PropertyEditor/index.js").then((r) => ({ default: r.BlockPropertyEditor }))
-), g = o(
+), y = o(
   () => import("../PaletteSelector.js").then((r) => ({ default: r.PaletteSelector }))
-), v = f.memo(function({
+), v = h.memo(function({
   isPaletteSelected: a,
   selectedBlock: t,
-  onPaletteChange: l,
-  onUpdateBlock: d,
-  uploadConfig: i,
-  document: n,
-  currentPageId: c,
-  focusedGroup: s
+  selectedPalette: l,
+  onPaletteChange: d,
+  onUpdateBlock: i,
+  uploadConfig: n,
+  document: c,
+  currentPageId: s,
+  focusedGroup: m
 }) {
-  return /* @__PURE__ */ e("div", { className: "w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col", children: /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e(p, {}), children: a ? /* @__PURE__ */ m("div", { className: "p-4 overflow-y-auto", children: [
+  return /* @__PURE__ */ e("div", { className: "w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col", children: /* @__PURE__ */ e(p, { fallback: /* @__PURE__ */ e(x, {}), children: a ? /* @__PURE__ */ f("div", { className: "p-4 overflow-y-auto", children: [
     /* @__PURE__ */ e("h2", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100 mb-4", children: "Escolha uma Paleta de Cores" }),
     /* @__PURE__ */ e(
-      g,
+      y,
       {
-        selectedPalette: void 0,
-        onPaletteChange: l
+        selectedPalette: l,
+        onPaletteChange: d
       }
     )
   ] }) : t ? /* @__PURE__ */ e("div", { className: "overflow-y-auto overflow-x-hidden flex-1", children: /* @__PURE__ */ e(
-    x,
+    g,
     {
       block: t,
-      document: n,
-      currentPageId: c,
-      onUpdate: d,
-      uploadConfig: i,
-      focusedGroup: s
+      document: c,
+      currentPageId: s,
+      onUpdate: i,
+      uploadConfig: n,
+      focusedGroup: m
     }
   ) }) : /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500 dark:text-gray-400", children: "Selecione um bloco para editar" }) }) });
 });

package/dist/editor/components/RightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.js","sources":["../../../src/editor/components/RightPanel.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\nimport type { SiteDocument } from \"../../engine\";\n\n// Lazy load componentes pesados do editor\nconst BlockPropertyEditor = lazy(() =>\n import(\"../PropertyEditor\").then(module => ({ default: module.BlockPropertyEditor }))\n);\nconst PaletteSelector = lazy(() =>\n import(\"../PaletteSelector\").then(module => ({ default: module.PaletteSelector }))\n);\n\ninterface RightPanelProps {\n isPaletteSelected: boolean;\n selectedBlock: any;\n onPaletteChange: (palette: any) => void;\n onUpdateBlock: (updates: Record<string, any>) => void;\n uploadConfig?: UploadConfig;\n document?: SiteDocument;\n currentPageId?: string;\n /** When set, the matching property group opens and scrolls into view */\n focusedGroup?: string \| null;\n}\n\nexport const RightPanel = React.memo(function RightPanel({\n isPaletteSelected,\n selectedBlock,\n onPaletteChange,\n onUpdateBlock,\n uploadConfig,\n document,\n currentPageId,\n focusedGroup,\n}: RightPanelProps) {\n return (\n <div className=\"w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col\">\n <Suspense fallback={<LoadingSpinner />}>\n {isPaletteSelected ? (\n <div className=\"p-4 overflow-y-auto\">\n <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100 mb-4\">\n Escolha uma Paleta de Cores\n </h2>\n <PaletteSelector\n selectedPalette={~~undefined~~}\n onPaletteChange={onPaletteChange}\n />\n </div>\n ) : selectedBlock ? (\n <div className=\"overflow-y-auto overflow-x-hidden flex-1\">\n <BlockPropertyEditor\n block={selectedBlock}\n document={document}\n currentPageId={currentPageId}\n onUpdate={onUpdateBlock}\n uploadConfig={uploadConfig}\n focusedGroup={focusedGroup}\n />\n </div>\n ) : (\n <div className=\"p-4 text-center text-gray-500 dark:text-gray-400\">\n Selecione um bloco para editar\n </div>\n )}\n </Suspense>\n </div>\n );\n});\n"],"names":["BlockPropertyEditor","lazy","module","PaletteSelector","RightPanel","React","isPaletteSelected","selectedBlock","onPaletteChange","onUpdateBlock","uploadConfig","document","currentPageId","focusedGroup","jsx","Suspense","LoadingSpinner","jsxs"],"mappings":";;;~~AAMA~~,MAAMA,IAAsBC;AAAA,EAAK,MAC/B,OAAO,4BAAmB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,sBAAsB;AACtF,GACMC,IAAkBF;AAAA,EAAK,MAC3B,OAAO,uBAAoB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,kBAAkB;AACnF,~~GAcaE~~,IAAaC,EAAM,KAAK,SAAoB;AAAA,EACvD,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AACF,GAAoB;AAClB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4HACb,4BAACC,GAAA,EAAS,UAAU,gBAAAD,EAACE,GAAA,CAAA,CAAe,GACjC,~~UAAAV~~,IACC,~~gBAAAW~~,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,+DAA8D,UAAA,+BAE5E;AAAA,IACA,gBAAAA;AAAA,~~MAACX~~;AAAA,MAAA;AAAA,QACC,~~iBAAiB~~;AAAA,~~QACjB~~,~~iBAAAK~~;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,~~IACED~~,IACF,~~gBAAAO~~,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA,gBAAAA;AAAA,~~IAACd~~;AAAA,IAAA;AAAA,MACC,OAAOO;AAAA,MACP,~~UAAAI~~;AAAA,MACA,eAAAC;AAAA,MACA,UAAUH;AAAA,MACV,cAAAC;AAAA,MACA,cAAAG;AAAA,IAAA;AAAA,EAAA,EACF,CACF,IAEA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDAAmD,UAAA,iCAAA,CAElE,GAEJ,GACF;AAEJ,CAAC;"}
1	+ {"version":3,"file":"RightPanel.js","sources":["../../../src/editor/components/RightPanel.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\nimport type { SiteDocument } from \"../../engine\";\nimport type { ColorPalette } from \"../PaletteSelector\";\n\n// Lazy load componentes pesados do editor\nconst BlockPropertyEditor = lazy(() =>\n import(\"../PropertyEditor\").then(module => ({ default: module.BlockPropertyEditor }))\n);\nconst PaletteSelector = lazy(() =>\n import(\"../PaletteSelector\").then(module => ({ default: module.PaletteSelector }))\n);\n\ninterface RightPanelProps {\n isPaletteSelected: boolean;\n selectedBlock: any;\n selectedPalette?: ColorPalette;\n onPaletteChange: (palette: any) => void;\n onUpdateBlock: (updates: Record<string, any>) => void;\n uploadConfig?: UploadConfig;\n document?: SiteDocument;\n currentPageId?: string;\n /** When set, the matching property group opens and scrolls into view */\n focusedGroup?: string \| null;\n}\n\nexport const RightPanel = React.memo(function RightPanel({\n isPaletteSelected,\n selectedBlock,\n selectedPalette,\n onPaletteChange,\n onUpdateBlock,\n uploadConfig,\n document,\n currentPageId,\n focusedGroup,\n}: RightPanelProps) {\n return (\n <div className=\"w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col\">\n <Suspense fallback={<LoadingSpinner />}>\n {isPaletteSelected ? (\n <div className=\"p-4 overflow-y-auto\">\n <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100 mb-4\">\n Escolha uma Paleta de Cores\n </h2>\n <PaletteSelector\n selectedPalette={selectedPalette}\n onPaletteChange={onPaletteChange}\n />\n </div>\n ) : selectedBlock ? (\n <div className=\"overflow-y-auto overflow-x-hidden flex-1\">\n <BlockPropertyEditor\n block={selectedBlock}\n document={document}\n currentPageId={currentPageId}\n onUpdate={onUpdateBlock}\n uploadConfig={uploadConfig}\n focusedGroup={focusedGroup}\n />\n </div>\n ) : (\n <div className=\"p-4 text-center text-gray-500 dark:text-gray-400\">\n Selecione um bloco para editar\n </div>\n )}\n </Suspense>\n </div>\n );\n});\n"],"names":["BlockPropertyEditor","lazy","module","PaletteSelector","RightPanel","React","isPaletteSelected","selectedBlock","selectedPalette","onPaletteChange","onUpdateBlock","uploadConfig","document","currentPageId","focusedGroup","jsx","Suspense","LoadingSpinner","jsxs"],"mappings":";;;AAOA,MAAMA,IAAsBC;AAAA,EAAK,MAC/B,OAAO,4BAAmB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,sBAAsB;AACtF,GACMC,IAAkBF;AAAA,EAAK,MAC3B,OAAO,uBAAoB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,kBAAkB;AACnF,GAeaE,IAAaC,EAAM,KAAK,SAAoB;AAAA,EACvD,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AACF,GAAoB;AAClB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4HACb,4BAACC,GAAA,EAAS,UAAU,gBAAAD,EAACE,GAAA,CAAA,CAAe,GACjC,UAAAX,IACC,gBAAAY,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,+DAA8D,UAAA,+BAE5E;AAAA,IACA,gBAAAA;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,iBAAAK;AAAA,QACA,iBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IACEF,IACF,gBAAAQ,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA,gBAAAA;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,OAAOO;AAAA,MACP,UAAAK;AAAA,MACA,eAAAC;AAAA,MACA,UAAUH;AAAA,MACV,cAAAC;AAAA,MACA,cAAAG;AAAA,IAAA;AAAA,EAAA,EACF,CACF,IAEA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDAAmD,UAAA,iCAAA,CAElE,GAEJ,GACF;AAEJ,CAAC;"}

package/dist/engine/export/exporters/content/AvatarExporter.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { dataBlockIdAttr as s, escapeHtml as o } from "../../shared/htmlHelpers.js";
-function h(e, m, l, p) {
+function h(e, m, p, l) {
   const { src: i, name: r, size: n = "md" } = e.props, a = {
     sm: "2rem",
     md: "2.5rem",
     lg: "3rem",
     xl: "4rem"
   }, t = a[n] || a.md, c = r ? r.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2) : "?";
-  return i ? `<img ${s(e.id)} src="${o(i)}" alt="${o(r || "Avatar")}" style="width: ${t}; height: ${t}; border-radius: 50%; object-fit: cover;" />` : `<div ${s(e.id)} style="width: ${t}; height: ${t}; border-radius: 50%; background-color: var(--sg-primary, #3b82f6); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: calc(${t} / 2.5);">${c}</div>`;
+  return i ? `<img ${s(e.id)} src="${o(i)}" alt="${o(r || "Avatar")}" style="width: ${t}; height: ${t}; border-radius: 50%; object-fit: cover;" />` : `<div ${s(e.id)} style="width: ${t}; height: ${t}; border-radius: 50%; background-color: var(--sg-primary, #3b82f6); color: var(--sg-primary-text, #fff); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: calc(${t} / 2.5);">${c}</div>`;
 }
 export {
   h as exportAvatar

package/dist/engine/export/exporters/content/AvatarExporter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarExporter.js","sources":["../../../../../src/engine/export/exporters/content/AvatarExporter.ts"],"sourcesContent":["/*\n Avatar Block Exporter\n */\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\n\nexport function exportAvatar(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { src, name, size = \"md\" } = (block as any).props;\n\n const sizeMap: Record<string, string> = {\n sm: \"2rem\",\n md: \"2.5rem\",\n lg: \"3rem\",\n xl: \"4rem\",\n };\n\n const avatarSize = sizeMap[size] \|\| sizeMap.md;\n\n const initials = name\n ? name\n .split(\" \")\n .map((n: string) => n[0])\n .join(\"\")\n .toUpperCase()\n .slice(0, 2)\n : \"?\";\n\n if (src) {\n return `<img ${dataBlockIdAttr(block.id)} src=\"${escapeHtml(src)}\" alt=\"${escapeHtml(name \|\| \"Avatar\")}\" style=\"width: ${avatarSize}; height: ${avatarSize}; border-radius: 50%; object-fit: cover;\" />`;\n }\n\n return `<div ${dataBlockIdAttr(block.id)} style=\"width: ${avatarSize}; height: ${avatarSize}; border-radius: 50%; background-color: var(--sg-primary, #3b82f6); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: calc(${avatarSize} / 2.5);\">${initials}</div>`;\n}\n"],"names":["exportAvatar","block","depth","basePath","theme","src","name","size","sizeMap","avatarSize","initials","n","dataBlockIdAttr","escapeHtml"],"mappings":";AAQO,SAASA,EACdC,GACAC,GACAC,GACAC,GACQ;AACR,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,MAAAC,IAAO,KAAA,IAAUN,EAAc,OAE5CO,IAAkC;AAAA,IACtC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAaD,EAAQD,CAAI,KAAKC,EAAQ,IAEtCE,IAAWJ,IACbA,EACG,MAAM,GAAG,EACT,IAAI,CAACK,MAAcA,EAAE,CAAC,CAAC,EACvB,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,IACb;AAEJ,SAAIN,IACK,QAAQO,EAAgBX,EAAM,EAAE,CAAC,SAASY,EAAWR,CAAG,CAAC,UAAUQ,EAAWP,KAAQ,QAAQ,CAAC,mBAAmBG,CAAU,aAAaA,CAAU,iDAGrJ,QAAQG,EAAgBX,EAAM,EAAE,CAAC,kBAAkBQ,CAAU,aAAaA,CAAU,~~mLAAmLA~~,CAAU,aAAaC,CAAQ;~~AAC/S~~;"}
1	+ {"version":3,"file":"AvatarExporter.js","sources":["../../../../../src/engine/export/exporters/content/AvatarExporter.ts"],"sourcesContent":["/*\n Avatar Block Exporter\n */\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\n\nexport function exportAvatar(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { src, name, size = \"md\" } = (block as any).props;\n\n const sizeMap: Record<string, string> = {\n sm: \"2rem\",\n md: \"2.5rem\",\n lg: \"3rem\",\n xl: \"4rem\",\n };\n\n const avatarSize = sizeMap[size] \|\| sizeMap.md;\n\n const initials = name\n ? name\n .split(\" \")\n .map((n: string) => n[0])\n .join(\"\")\n .toUpperCase()\n .slice(0, 2)\n : \"?\";\n\n if (src) {\n return `<img ${dataBlockIdAttr(block.id)} src=\"${escapeHtml(src)}\" alt=\"${escapeHtml(name \|\| \"Avatar\")}\" style=\"width: ${avatarSize}; height: ${avatarSize}; border-radius: 50%; object-fit: cover;\" />`;\n }\n\n return `<div ${dataBlockIdAttr(block.id)} style=\"width: ${avatarSize}; height: ${avatarSize}; border-radius: 50%; background-color: var(--sg-primary, #3b82f6); color: var(--sg-primary-text, #fff); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: calc(${avatarSize} / 2.5);\">${initials}</div>`;\n}\n"],"names":["exportAvatar","block","depth","basePath","theme","src","name","size","sizeMap","avatarSize","initials","n","dataBlockIdAttr","escapeHtml"],"mappings":";AAQO,SAASA,EACdC,GACAC,GACAC,GACAC,GACQ;AACR,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,MAAAC,IAAO,KAAA,IAAUN,EAAc,OAE5CO,IAAkC;AAAA,IACtC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAaD,EAAQD,CAAI,KAAKC,EAAQ,IAEtCE,IAAWJ,IACbA,EACG,MAAM,GAAG,EACT,IAAI,CAACK,MAAcA,EAAE,CAAC,CAAC,EACvB,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,IACb;AAEJ,SAAIN,IACK,QAAQO,EAAgBX,EAAM,EAAE,CAAC,SAASY,EAAWR,CAAG,CAAC,UAAUQ,EAAWP,KAAQ,QAAQ,CAAC,mBAAmBG,CAAU,aAAaA,CAAU,iDAGrJ,QAAQG,EAAgBX,EAAM,EAAE,CAAC,kBAAkBQ,CAAU,aAAaA,CAAU,2MAA2MA,CAAU,aAAaC,CAAQ;AACvU;"}

package/dist/engine/export/exporters/content/BadgeExporter.js CHANGED Viewed

@@ -1,23 +1,23 @@
-import { dataBlockIdAttr as o, escapeHtml as d } from "../../shared/htmlHelpers.js";
-function p(e, g, i, m) {
-  const { text: s, variant: f = "default", size: n = "md" } = e.props, t = {
+import { dataBlockIdAttr as n, escapeHtml as i } from "../../shared/htmlHelpers.js";
+function c(r, o, d, m) {
+  const { text: s, variant: f = "default", size: g = "md" } = r.props, t = {
     default: {
       bg: "var(--sg-surface2, #f3f4f6)",
       text: "var(--sg-text, #1f2937)"
     },
-    primary: { bg: "var(--sg-primary, #3b82f6)", text: "#fff" },
-    secondary: { bg: "var(--sg-secondary, #6b7280)", text: "#fff" },
-    success: { bg: "var(--sg-success, #10b981)", text: "#fff" },
-    warning: { bg: "var(--sg-warning, #f59e0b)", text: "#fff" },
-    danger: { bg: "var(--sg-danger, #ef4444)", text: "#fff" }
-  }, r = {
+    primary: { bg: "var(--sg-primary, #3b82f6)", text: "var(--sg-primary-text, #fff)" },
+    secondary: { bg: "var(--sg-secondary, #6b7280)", text: "var(--sg-primary-text, #fff)" },
+    success: { bg: "var(--sg-success, #10b981)", text: "var(--sg-primary-text, #fff)" },
+    warning: { bg: "var(--sg-warning, #f59e0b)", text: "var(--sg-primary-text, #fff)" },
+    danger: { bg: "var(--sg-danger, #ef4444)", text: "var(--sg-primary-text, #fff)" }
+  }, e = {
     sm: "padding: 0.125rem 0.5rem; font-size: 0.625rem;",
     md: "padding: 0.25rem 0.75rem; font-size: 0.75rem;",
     lg: "padding: 0.375rem 1rem; font-size: 0.875rem;"
   }, a = t[f] || t.default;
-  return `<span ${o(e.id)} style="display: inline-block; background-color: ${a.bg}; color: ${a.text}; border-radius: 9999px; font-weight: 500; ${r[n] || r.md}">${d(s)}</span>`;
+  return `<span ${n(r.id)} style="display: inline-block; background-color: ${a.bg}; color: ${a.text}; border-radius: 9999px; font-weight: 500; ${e[g] || e.md}">${i(s)}</span>`;
 }
 export {
-  p as exportBadge
+  c as exportBadge
 };
 //# sourceMappingURL=BadgeExporter.js.map

package/dist/engine/export/exporters/content/BadgeExporter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeExporter.js","sources":["../../../../../src/engine/export/exporters/content/BadgeExporter.ts"],"sourcesContent":["/*\n Badge Block Exporter\n */\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\n\nexport function exportBadge(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { text, variant = \"default\", size = \"md\" } = (block as any).props;\n\n const variantColors: Record<string, { bg: string; text: string }> = {\n default: {\n bg: \"var(--sg-surface2, #f3f4f6)\",\n text: \"var(--sg-text, #1f2937)\",\n },\n primary: { bg: \"var(--sg-primary, #3b82f6)\", text: \"#fff\" },\n secondary: { bg: \"var(--sg-secondary, #6b7280)\", text: \"#fff\" },\n success: { bg: \"var(--sg-success, #10b981)\", text: \"#fff\" },\n warning: { bg: \"var(--sg-warning, #f59e0b)\", text: \"#fff\" },\n danger: { bg: \"var(--sg-danger, #ef4444)\", text: \"#fff\" },\n };\n\n const sizeStyles: Record<string, string> = {\n sm: \"padding: 0.125rem 0.5rem; font-size: 0.625rem;\",\n md: \"padding: 0.25rem 0.75rem; font-size: 0.75rem;\",\n lg: \"padding: 0.375rem 1rem; font-size: 0.875rem;\",\n };\n\n const colors = variantColors[variant] \|\| variantColors.default;\n\n return `<span ${dataBlockIdAttr(block.id)} style=\"display: inline-block; background-color: ${colors.bg}; color: ${colors.text}; border-radius: 9999px; font-weight: 500; ${sizeStyles[size] \|\| sizeStyles.md}\">${escapeHtml(text)}</span>`;\n}\n"],"names":["exportBadge","block","depth","basePath","theme","text","variant","size","variantColors","sizeStyles","colors","dataBlockIdAttr","escapeHtml"],"mappings":";AAQO,SAASA,EACdC,GACAC,GACAC,GACAC,GACQ;AACR,QAAM,EAAE,MAAAC,GAAM,SAAAC,IAAU,WAAW,MAAAC,IAAO,KAAA,IAAUN,EAAc,OAE5DO,IAA8D;AAAA,IAClE,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA,IAER,SAAS,EAAE,IAAI,8BAA8B,MAAM~~,OAAA~~;AAAA,IACnD,WAAW,EAAE,IAAI,gCAAgC,MAAM~~,OAAA~~;AAAA,IACvD,SAAS,EAAE,IAAI,8BAA8B,MAAM~~,OAAA~~;AAAA,IACnD,SAAS,EAAE,IAAI,8BAA8B,MAAM~~,OAAA~~;AAAA,IACnD,QAAQ,EAAE,IAAI,6BAA6B,MAAM~~,OAAA~~;AAAA,~~EAAO~~,~~GAGpDC~~,IAAqC;AAAA,IACzC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAASF,EAAcF,CAAO,KAAKE,EAAc;AAEvD,SAAO,SAASG,EAAgBV,EAAM,EAAE,CAAC,oDAAoDS,EAAO,EAAE,YAAYA,EAAO,IAAI,8CAA8CD,EAAWF,CAAI,KAAKE,EAAW,EAAE,KAAKG,EAAWP,CAAI,CAAC;AACnO;"}
1	+ {"version":3,"file":"BadgeExporter.js","sources":["../../../../../src/engine/export/exporters/content/BadgeExporter.ts"],"sourcesContent":["/*\n Badge Block Exporter\n */\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\n\nexport function exportBadge(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { text, variant = \"default\", size = \"md\" } = (block as any).props;\n\n const variantColors: Record<string, { bg: string; text: string }> = {\n default: {\n bg: \"var(--sg-surface2, #f3f4f6)\",\n text: \"var(--sg-text, #1f2937)\",\n },\n primary: { bg: \"var(--sg-primary, #3b82f6)\", text: \"var(--sg-primary-text, #fff)\" },\n secondary: { bg: \"var(--sg-secondary, #6b7280)\", text: \"var(--sg-primary-text, #fff)\" },\n success: { bg: \"var(--sg-success, #10b981)\", text: \"var(--sg-primary-text, #fff)\" },\n warning: { bg: \"var(--sg-warning, #f59e0b)\", text: \"var(--sg-primary-text, #fff)\" },\n danger: { bg: \"var(--sg-danger, #ef4444)\", text: \"var(--sg-primary-text, #fff)\" },\n };\n\n const sizeStyles: Record<string, string> = {\n sm: \"padding: 0.125rem 0.5rem; font-size: 0.625rem;\",\n md: \"padding: 0.25rem 0.75rem; font-size: 0.75rem;\",\n lg: \"padding: 0.375rem 1rem; font-size: 0.875rem;\",\n };\n\n const colors = variantColors[variant] \|\| variantColors.default;\n\n return `<span ${dataBlockIdAttr(block.id)} style=\"display: inline-block; background-color: ${colors.bg}; color: ${colors.text}; border-radius: 9999px; font-weight: 500; ${sizeStyles[size] \|\| sizeStyles.md}\">${escapeHtml(text)}</span>`;\n}\n"],"names":["exportBadge","block","depth","basePath","theme","text","variant","size","variantColors","sizeStyles","colors","dataBlockIdAttr","escapeHtml"],"mappings":";AAQO,SAASA,EACdC,GACAC,GACAC,GACAC,GACQ;AACR,QAAM,EAAE,MAAAC,GAAM,SAAAC,IAAU,WAAW,MAAAC,IAAO,KAAA,IAAUN,EAAc,OAE5DO,IAA8D;AAAA,IAClE,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA,IAER,SAAS,EAAE,IAAI,8BAA8B,MAAM,+BAAA;AAAA,IACnD,WAAW,EAAE,IAAI,gCAAgC,MAAM,+BAAA;AAAA,IACvD,SAAS,EAAE,IAAI,8BAA8B,MAAM,+BAAA;AAAA,IACnD,SAAS,EAAE,IAAI,8BAA8B,MAAM,+BAAA;AAAA,IACnD,QAAQ,EAAE,IAAI,6BAA6B,MAAM,+BAAA;AAAA,EAA+B,GAG5EC,IAAqC;AAAA,IACzC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAASF,EAAcF,CAAO,KAAKE,EAAc;AAEvD,SAAO,SAASG,EAAgBV,EAAM,EAAE,CAAC,oDAAoDS,EAAO,EAAE,YAAYA,EAAO,IAAI,8CAA8CD,EAAWF,CAAI,KAAKE,EAAW,EAAE,KAAKG,EAAWP,CAAI,CAAC;AACnO;"}