@brunoalz/smartgesti-site-editor 1.0.0 → 1.2.0

package/dist/editor/PropertyEditor/renderPropertyInput.js

@@ -1,140 +1,150 @@
-import { jsx as s } from "react/jsx-runtime";
-import { TypographyInput as w } from "./inputs/TypographyInput.js";
-import { ImageGridInput as M } from "./inputs/ImageGridInput.js";
-import { IconGridInput as S } from "./inputs/IconGridInput.js";
-import { ToggleButton as x } from "./inputs/ToggleButton.js";
-import { ImageInput as G } from "./inputs/ImageInput.js";
-import { ColorInput as g } from "./inputs/ColorInput.js";
-import { SliderInput as z } from "./inputs/SliderInput.js";
-import { ButtonGroupInput as k } from "./inputs/ButtonGroupInput.js";
-import { SelectInput as B } from "./inputs/SelectInput.js";
-import { NumberInput as F } from "./inputs/NumberInput.js";
-import { TextAreaInput as j } from "./inputs/TextAreaInput.js";
-import { TextInput as q } from "./inputs/TextInput.js";
-function T(t, I, e, i, d, l) {
-  const { label: r, description: u, inputType: y, options: n, min: a, max: f, step: p, size: h } = I;
-  switch (y) {
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { TypographyInput as M } from "./inputs/TypographyInput.js";
+import { CarouselImagesInput as U } from "./inputs/CarouselImagesInput.js";
+import { ImageGridInput as k } from "./inputs/ImageGridInput.js";
+import { IconGridInput as z } from "./inputs/IconGridInput.js";
+import { ToggleButton as S } from "./inputs/ToggleButton.js";
+import { ImageInput as x } from "./inputs/ImageInput.js";
+import { ColorInput as b } from "./inputs/ColorInput.js";
+import { SliderInput as B } from "./inputs/SliderInput.js";
+import { ButtonGroupInput as V } from "./inputs/ButtonGroupInput.js";
+import { SelectInput as j } from "./inputs/SelectInput.js";
+import { NumberInput as v } from "./inputs/NumberInput.js";
+import { TextAreaInput as F } from "./inputs/TextAreaInput.js";
+import { TextInput as H } from "./inputs/TextInput.js";
+function G(r, c, i, s, d, a) {
+  const { label: t, description: l, inputType: T, options: n, min: f, max: p, step: y, size: P } = c;
+  if (c.readOnly)
+    return /* @__PURE__ */ h("div", { className: "relative", children: [
+      /* @__PURE__ */ h("div", { className: "flex items-center gap-1 mb-1", children: [
+        /* @__PURE__ */ e("svg", { className: "w-3 h-3 text-gray-400", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M8 1a4 4 0 0 0-4 4v2H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-1V5a4 4 0 0 0-4-4zm2 6H6V5a2 2 0 1 1 4 0v2z" }) }),
+        /* @__PURE__ */ e("span", { className: "text-xs font-medium text-gray-400", children: t })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "px-2 py-1.5 text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 cursor-not-allowed select-none truncate", children: i != null ? String(i) : "—" }),
+      l && /* @__PURE__ */ e("p", { className: "text-xs text-gray-400 mt-0.5 italic", children: l })
+    ] }, r);
+  switch (T) {
     case "text":
-      return /* @__PURE__ */ s(
-        q,
+      return /* @__PURE__ */ e(
+        H,
         {
-          value: e || "",
-          onChange: i,
-          label: r,
-          description: u,
-          placeholder: r
+          value: i || "",
+          onChange: s,
+          label: t,
+          description: l,
+          placeholder: t
         },
-        t
+        r
       );
     case "textarea":
-      return /* @__PURE__ */ s(
-        j,
+      return /* @__PURE__ */ e(
+        F,
         {
-          value: e || "",
-          onChange: i,
-          label: r,
-          description: u,
-          placeholder: r,
+          value: i || "",
+          onChange: s,
+          label: t,
+          description: l,
+          placeholder: t,
           rows: 3
         },
-        t
+        r
       );
     case "number":
-      return /* @__PURE__ */ s(
-        F,
+      return /* @__PURE__ */ e(
+        v,
         {
-          value: e,
-          onChange: i,
-          label: r,
-          description: u,
-          placeholder: r,
-          min: a,
-          max: f,
-          step: p
+          value: i,
+          onChange: s,
+          label: t,
+          description: l,
+          placeholder: t,
+          min: f,
+          max: p,
+          step: y
         },
-        t
+        r
       );
     case "color":
-      return /* @__PURE__ */ s(
-        g,
+      return /* @__PURE__ */ e(
+        b,
         {
-          value: e,
-          onChange: i,
-          label: r,
-          description: u
+          value: i,
+          onChange: s,
+          label: t,
+          description: l
         },
-        t
+        r
       );
     case "select":
-      return !n || n.length === 0 ? T(
-        t,
-        { ...I, inputType: "text" },
-        e,
+      return !n || n.length === 0 ? G(
+        r,
+        { ...c, inputType: "text" },
         i,
+        s,
         d
-      ) : n.length <= 3 ? /* @__PURE__ */ s(
-        k,
+      ) : n.length <= 3 ? /* @__PURE__ */ e(
+        V,
         {
-          value: e,
-          onChange: i,
-          label: r,
-          description: u,
+          value: i,
+          onChange: s,
+          label: t,
+          description: l,
           options: n
         },
-        t
-      ) : /* @__PURE__ */ s(
-        B,
+        r
+      ) : /* @__PURE__ */ e(
+        j,
         {
-          value: e,
-          onChange: i,
-          label: r,
-          description: u,
+          value: i,
+          onChange: s,
+          label: t,
+          description: l,
           options: n
         },
-        t
+        r
       );
     case "slider":
-      return /* @__PURE__ */ s(
-        z,
+      return /* @__PURE__ */ e(
+        B,
         {
-          value: e,
-          onChange: i,
-          label: r,
-          description: u,
-          min: a,
-          max: f,
-          step: p
+          value: i,
+          onChange: s,
+          label: t,
+          description: l,
+          min: f,
+          max: p,
+          step: y
         },
-        t
+        r
       );
     case "image":
-      return /* @__PURE__ */ s(
-        G,
+      return /* @__PURE__ */ e(
+        x,
         {
-          value: e || "",
-          onChange: i,
-          label: r
+          value: i || "",
+          onChange: s,
+          label: t
         },
-        t
+        r
       );
     case "color-advanced":
-      return /* @__PURE__ */ s(
-        g,
+      return /* @__PURE__ */ e(
+        b,
         {
-          value: e || "",
-          onChange: i,
-          label: r,
-          description: u
+          value: i || "",
+          onChange: s,
+          label: t,
+          description: l
         },
-        t
+        r
       );
     case "image-upload":
-      return /* @__PURE__ */ s(
-        G,
+      return /* @__PURE__ */ e(
+        x,
         {
-          value: e || "",
-          onChange: i,
-          label: r,
+          value: i || "",
+          onChange: s,
+          label: t,
           size: { width: 160, height: 80 },
           showUrlInput: !1,
           maxSizeMB: 10,
@@ -145,81 +155,99 @@ function T(t, I, e, i, d, l) {
           assetType: "image",
           deferUpload: !0
         },
-        t
+        r
       );
     case "checkbox":
-      return /* @__PURE__ */ s(
-        x,
+      return /* @__PURE__ */ e(
+        S,
         {
-          value: !!e,
-          onChange: i,
-          label: r,
-          description: u,
-          size: h
+          value: !!i,
+          onChange: s,
+          label: t,
+          description: l,
+          size: P
         },
-        t
+        r
       );
     case "icon-grid":
-      return /* @__PURE__ */ s(
-        S,
+      return /* @__PURE__ */ e(
+        z,
         {
-          value: e || "arrow-right",
-          onChange: i,
-          label: r,
-          description: u
+          value: i || "arrow-right",
+          onChange: s,
+          label: t,
+          description: l
         },
-        t
+        r
       );
     case "image-grid":
-      if (l?.allProps && l?.onMultiUpdate) {
-        const P = l.allProps.imageGridPreset || "four-equal", b = l.allProps.imageGridImages || [], U = l.allProps.imageGridGap ?? 8;
-        return /* @__PURE__ */ s(
-          M,
+      if (a?.allProps && a?.onMultiUpdate) {
+        const g = a.allProps.imageGridPreset || "four-equal", I = a.allProps.imageGridImages || [], w = a.allProps.imageGridGap ?? 8;
+        return /* @__PURE__ */ e(
+          k,
           {
-            preset: P,
-            images: b,
-            gap: U,
-            onPresetChange: (c) => {
-              l.onMultiUpdate({ imageGridPreset: c });
+            preset: g,
+            images: I,
+            gap: w,
+            onPresetChange: (u) => {
+              a.onMultiUpdate({ imageGridPreset: u });
             },
-            onImagesChange: (c) => {
-              l.onMultiUpdate({ imageGridImages: c });
+            onImagesChange: (u) => {
+              a.onMultiUpdate({ imageGridImages: u });
             },
-            onGapChange: (c) => {
-              l.onMultiUpdate({ imageGridGap: c });
+            onGapChange: (u) => {
+              a.onMultiUpdate({ imageGridGap: u });
+            },
+            label: t,
+            description: l,
+            uploadConfig: d
+          },
+          r
+        );
+      }
+      return null;
+    case "carousel-images":
+      if (a?.allProps && a?.onMultiUpdate) {
+        const g = a.allProps.carouselImages || [];
+        return /* @__PURE__ */ e(
+          U,
+          {
+            images: g,
+            onImagesChange: (I) => {
+              a.onMultiUpdate({ carouselImages: I });
             },
-            label: r,
-            description: u,
+            label: t,
+            description: l,
             uploadConfig: d
           },
-          t
+          r
         );
       }
       return null;
     case "typography":
       let o = 16, m = "normal";
-      return t.includes("title") || t.includes("Title") ? (o = 48, m = "bold") : t.includes("subtitle") || t.includes("Subtitle") ? (o = 24, m = "medium") : (t.includes("description") || t.includes("Description")) && (o = 16, m = "normal"), /* @__PURE__ */ s(
-        w,
+      return r.includes("title") || r.includes("Title") ? (o = 48, m = "bold") : r.includes("subtitle") || r.includes("Subtitle") ? (o = 24, m = "medium") : (r.includes("description") || r.includes("Description")) && (o = 16, m = "normal"), /* @__PURE__ */ e(
+        M,
         {
-          value: e,
-          onChange: i,
-          label: r,
+          value: i,
+          onChange: s,
+          label: t,
           defaultFontSize: o,
           defaultFontWeight: m
         },
-        t
+        r
       );
     default:
-      return T(
-        t,
-        { ...I, inputType: "text" },
-        e,
+      return G(
+        r,
+        { ...c, inputType: "text" },
         i,
+        s,
         d
       );
   }
 }
 export {
-  T as renderPropertyInput
+  G as renderPropertyInput
 };
 //# sourceMappingURL=renderPropertyInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderPropertyInput.js","sources":["../../../src/editor/PropertyEditor/renderPropertyInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { InspectorMeta } from \"../../engine\";\nimport {\n  TextInput,\n  TextAreaInput,\n  ColorInput,\n  NumberInput,\n  SelectInput,\n  SliderInput,\n  ToggleButton,\n  ButtonGroupInput,\n  IconGridInput,\n  ImageGridInput,\n  TypographyInput,\n  ImageInput,\n} from \"./inputs\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\n\n/**\n * Extended context for special input types that need to update multiple props\n */\nexport interface RenderInputContext {\n  /** All current prop values (for inputs that read multiple props) */\n  allProps?: Record<string, any>;\n  /** Callback to update multiple props at once */\n  onMultiUpdate?: (updates: Record<string, any>) => void;\n}\n\n/**\n * Renderiza um input baseado no tipo especificado em inspectorMeta\n */\nexport function renderPropertyInput(\n  propName: string,\n  meta: InspectorMeta,\n  value: any,\n  onChange: (value: any) => void,\n  uploadConfig?: UploadConfig,\n  context?: RenderInputContext,\n): React.ReactNode {\n  const { label, description, inputType, options, min, max, step, size } = meta;\n\n  switch (inputType) {\n    case \"text\":\n      return (\n        <TextInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n          placeholder={label}\n        />\n      );\n\n    case \"textarea\":\n      return (\n        <TextAreaInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n          placeholder={label}\n          rows={3}\n        />\n      );\n\n    case \"number\":\n      return (\n        <NumberInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          placeholder={label}\n          min={min}\n          max={max}\n          step={step}\n        />\n      );\n\n    case \"color\":\n      return (\n        <ColorInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n        />\n      );\n\n    case \"select\":\n      if (!options || options.length === 0) {\n        // Fallback para text input\n        return renderPropertyInput(\n          propName,\n          { ...meta, inputType: \"text\" },\n          value,\n          onChange,\n          uploadConfig,\n        );\n      }\n      // Usar ButtonGroup para 2-3 opções, Select para 4+\n      if (options.length <= 3) {\n        return (\n          <ButtonGroupInput\n            key={propName}\n            value={value}\n            onChange={onChange}\n            label={label}\n            description={description}\n            options={options}\n          />\n        );\n      }\n      return (\n        <SelectInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          options={options}\n        />\n      );\n\n    case \"slider\":\n      return (\n        <SliderInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          min={min}\n          max={max}\n          step={step}\n        />\n      );\n\n    case \"image\":\n      return (\n        <ImageInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n        />\n      );\n\n    case \"color-advanced\":\n      // Usar o mesmo ColorInput simples - funciona melhor que o picker avançado\n      return (\n        <ColorInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n        />\n      );\n\n    case \"image-upload\":\n      return (\n        <ImageInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          size={{ width: 160, height: 80 }}\n          showUrlInput={false}\n          maxSizeMB={10}\n          tenantId={uploadConfig?.tenantId}\n          schoolId={uploadConfig?.schoolId}\n          siteId={uploadConfig?.siteId || undefined}\n          authToken={uploadConfig?.authToken}\n          assetType=\"image\"\n          deferUpload={true}\n        />\n      );\n\n    case \"checkbox\":\n      return (\n        <ToggleButton\n          key={propName}\n          value={!!value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          size={size}\n        />\n      );\n\n    case \"icon-grid\":\n      return (\n        <IconGridInput\n          key={propName}\n          value={value || \"arrow-right\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n        />\n      );\n\n    case \"image-grid\":\n      // Image grid needs to read/write multiple props (preset, images, gap)\n      // We use the extended context if available\n      if (context?.allProps && context?.onMultiUpdate) {\n        const preset = context.allProps.imageGridPreset || \"four-equal\";\n        const images = context.allProps.imageGridImages || [];\n        const gap = context.allProps.imageGridGap ?? 8;\n\n        return (\n          <ImageGridInput\n            key={propName}\n            preset={preset}\n            images={images}\n            gap={gap}\n            onPresetChange={(newPreset) => {\n              context.onMultiUpdate!({ imageGridPreset: newPreset });\n            }}\n            onImagesChange={(newImages) => {\n              context.onMultiUpdate!({ imageGridImages: newImages });\n            }}\n            onGapChange={(newGap) => {\n              context.onMultiUpdate!({ imageGridGap: newGap });\n            }}\n            label={label}\n            description={description}\n            uploadConfig={uploadConfig}\n          />\n        );\n      }\n      // Fallback: single-value mode (shouldn't happen in practice)\n      return null;\n\n    case \"typography\":\n      // Determina defaults baseado no nome da prop\n      let defaultFontSize = 16;\n      let defaultFontWeight: \"light\" | \"normal\" | \"medium\" | \"semibold\" | \"bold\" = \"normal\";\n\n      if (propName.includes(\"title\") || propName.includes(\"Title\")) {\n        defaultFontSize = 48;\n        defaultFontWeight = \"bold\";\n      } else if (propName.includes(\"subtitle\") || propName.includes(\"Subtitle\")) {\n        defaultFontSize = 24;\n        defaultFontWeight = \"medium\";\n      } else if (propName.includes(\"description\") || propName.includes(\"Description\")) {\n        defaultFontSize = 16;\n        defaultFontWeight = \"normal\";\n      }\n\n      return (\n        <TypographyInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          defaultFontSize={defaultFontSize}\n          defaultFontWeight={defaultFontWeight}\n        />\n      );\n\n    default:\n      // Fallback para text input\n      return renderPropertyInput(\n        propName,\n        { ...meta, inputType: \"text\" },\n        value,\n        onChange,\n        uploadConfig,\n      );\n  }\n}\n"],"names":["renderPropertyInput","propName","meta","value","onChange","uploadConfig","context","label","description","inputType","options","min","max","step","size","jsx","TextInput","TextAreaInput","NumberInput","ColorInput","ButtonGroupInput","SelectInput","SliderInput","ImageInput","ToggleButton","IconGridInput","preset","images","gap","ImageGridInput","newPreset","newImages","newGap","defaultFontSize","defaultFontWeight","TypographyInput"],"mappings":"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"}
+{"version":3,"file":"renderPropertyInput.js","sources":["../../../src/editor/PropertyEditor/renderPropertyInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { InspectorMeta } from \"../../engine\";\nimport {\n  TextInput,\n  TextAreaInput,\n  ColorInput,\n  NumberInput,\n  SelectInput,\n  SliderInput,\n  ToggleButton,\n  ButtonGroupInput,\n  IconGridInput,\n  ImageGridInput,\n  TypographyInput,\n  ImageInput,\n  CarouselImagesInput,\n} from \"./inputs\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\n\n/**\n * Extended context for special input types that need to update multiple props\n */\nexport interface RenderInputContext {\n  /** All current prop values (for inputs that read multiple props) */\n  allProps?: Record<string, any>;\n  /** Callback to update multiple props at once */\n  onMultiUpdate?: (updates: Record<string, any>) => void;\n}\n\n/**\n * Renderiza um input baseado no tipo especificado em inspectorMeta\n */\nexport function renderPropertyInput(\n  propName: string,\n  meta: InspectorMeta,\n  value: any,\n  onChange: (value: any) => void,\n  uploadConfig?: UploadConfig,\n  context?: RenderInputContext,\n): React.ReactNode {\n  const { label, description, inputType, options, min, max, step, size } = meta;\n\n  // Campo readOnly: mostrar valor com overlay de bloqueio\n  if (meta.readOnly) {\n    return (\n      <div key={propName} className=\"relative\">\n        <div className=\"flex items-center gap-1 mb-1\">\n          <svg className=\"w-3 h-3 text-gray-400\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n            <path d=\"M8 1a4 4 0 0 0-4 4v2H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-1V5a4 4 0 0 0-4-4zm2 6H6V5a2 2 0 1 1 4 0v2z\"/>\n          </svg>\n          <span className=\"text-xs font-medium text-gray-400\">{label}</span>\n        </div>\n        <div className=\"px-2 py-1.5 text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 cursor-not-allowed select-none truncate\">\n          {value !== undefined && value !== null ? String(value) : \"—\"}\n        </div>\n        {description && (\n          <p className=\"text-xs text-gray-400 mt-0.5 italic\">{description}</p>\n        )}\n      </div>\n    );\n  }\n\n  switch (inputType) {\n    case \"text\":\n      return (\n        <TextInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n          placeholder={label}\n        />\n      );\n\n    case \"textarea\":\n      return (\n        <TextAreaInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n          placeholder={label}\n          rows={3}\n        />\n      );\n\n    case \"number\":\n      return (\n        <NumberInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          placeholder={label}\n          min={min}\n          max={max}\n          step={step}\n        />\n      );\n\n    case \"color\":\n      return (\n        <ColorInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n        />\n      );\n\n    case \"select\":\n      if (!options || options.length === 0) {\n        // Fallback para text input\n        return renderPropertyInput(\n          propName,\n          { ...meta, inputType: \"text\" },\n          value,\n          onChange,\n          uploadConfig,\n        );\n      }\n      // Usar ButtonGroup para 2-3 opções, Select para 4+\n      if (options.length <= 3) {\n        return (\n          <ButtonGroupInput\n            key={propName}\n            value={value}\n            onChange={onChange}\n            label={label}\n            description={description}\n            options={options}\n          />\n        );\n      }\n      return (\n        <SelectInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          options={options}\n        />\n      );\n\n    case \"slider\":\n      return (\n        <SliderInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          min={min}\n          max={max}\n          step={step}\n        />\n      );\n\n    case \"image\":\n      return (\n        <ImageInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n        />\n      );\n\n    case \"color-advanced\":\n      // Usar o mesmo ColorInput simples - funciona melhor que o picker avançado\n      return (\n        <ColorInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n        />\n      );\n\n    case \"image-upload\":\n      return (\n        <ImageInput\n          key={propName}\n          value={value || \"\"}\n          onChange={onChange}\n          label={label}\n          size={{ width: 160, height: 80 }}\n          showUrlInput={false}\n          maxSizeMB={10}\n          tenantId={uploadConfig?.tenantId}\n          schoolId={uploadConfig?.schoolId}\n          siteId={uploadConfig?.siteId || undefined}\n          authToken={uploadConfig?.authToken}\n          assetType=\"image\"\n          deferUpload={true}\n        />\n      );\n\n    case \"checkbox\":\n      return (\n        <ToggleButton\n          key={propName}\n          value={!!value}\n          onChange={onChange}\n          label={label}\n          description={description}\n          size={size}\n        />\n      );\n\n    case \"icon-grid\":\n      return (\n        <IconGridInput\n          key={propName}\n          value={value || \"arrow-right\"}\n          onChange={onChange}\n          label={label}\n          description={description}\n        />\n      );\n\n    case \"image-grid\":\n      // Image grid needs to read/write multiple props (preset, images, gap)\n      // We use the extended context if available\n      if (context?.allProps && context?.onMultiUpdate) {\n        const preset = context.allProps.imageGridPreset || \"four-equal\";\n        const images = context.allProps.imageGridImages || [];\n        const gap = context.allProps.imageGridGap ?? 8;\n\n        return (\n          <ImageGridInput\n            key={propName}\n            preset={preset}\n            images={images}\n            gap={gap}\n            onPresetChange={(newPreset) => {\n              context.onMultiUpdate!({ imageGridPreset: newPreset });\n            }}\n            onImagesChange={(newImages) => {\n              context.onMultiUpdate!({ imageGridImages: newImages });\n            }}\n            onGapChange={(newGap) => {\n              context.onMultiUpdate!({ imageGridGap: newGap });\n            }}\n            label={label}\n            description={description}\n            uploadConfig={uploadConfig}\n          />\n        );\n      }\n      // Fallback: single-value mode (shouldn't happen in practice)\n      return null;\n\n    case \"carousel-images\":\n      // Carousel images needs to read/write carouselImages via multi-prop context\n      if (context?.allProps && context?.onMultiUpdate) {\n        const images = context.allProps.carouselImages || [];\n\n        return (\n          <CarouselImagesInput\n            key={propName}\n            images={images}\n            onImagesChange={(newImages) => {\n              context.onMultiUpdate!({ carouselImages: newImages });\n            }}\n            label={label}\n            description={description}\n            uploadConfig={uploadConfig}\n          />\n        );\n      }\n      return null;\n\n    case \"typography\":\n      // Determina defaults baseado no nome da prop\n      let defaultFontSize = 16;\n      let defaultFontWeight: \"light\" | \"normal\" | \"medium\" | \"semibold\" | \"bold\" = \"normal\";\n\n      if (propName.includes(\"title\") || propName.includes(\"Title\")) {\n        defaultFontSize = 48;\n        defaultFontWeight = \"bold\";\n      } else if (propName.includes(\"subtitle\") || propName.includes(\"Subtitle\")) {\n        defaultFontSize = 24;\n        defaultFontWeight = \"medium\";\n      } else if (propName.includes(\"description\") || propName.includes(\"Description\")) {\n        defaultFontSize = 16;\n        defaultFontWeight = \"normal\";\n      }\n\n      return (\n        <TypographyInput\n          key={propName}\n          value={value}\n          onChange={onChange}\n          label={label}\n          defaultFontSize={defaultFontSize}\n          defaultFontWeight={defaultFontWeight}\n        />\n      );\n\n    default:\n      // Fallback para text input\n      return renderPropertyInput(\n        propName,\n        { ...meta, inputType: \"text\" },\n        value,\n        onChange,\n        uploadConfig,\n      );\n  }\n}\n"],"names":["renderPropertyInput","propName","meta","value","onChange","uploadConfig","context","label","description","inputType","options","min","max","step","size","jsxs","jsx","TextInput","TextAreaInput","NumberInput","ColorInput","ButtonGroupInput","SelectInput","SliderInput","ImageInput","ToggleButton","IconGridInput","preset","images","gap","ImageGridInput","newPreset","newImages","newGap","CarouselImagesInput","defaultFontSize","defaultFontWeight","TypographyInput"],"mappings":"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"}

package/dist/editor/components/CenterPanel.d.ts

@@ -5,13 +5,21 @@ interface CenterPanelProps {
     currentPageId: string;
     currentPage: any;
     selectedBlockId: string | null;
-    onBlockClick: (id: string) => void;
+    onBlockClick: (id: string, group?: string) => void;
     onSelectPage: (id: string) => void;
     onAddPage: () => void;
     onRemovePage: (id: string) => void;
     canRemovePage: (id: string) => boolean;
     /** Callback ao atualizar um bloco específico */
     onUpdateBlock?: (blockId: string, updates: Record<string, any>) => void;
+    /** Plugin integration */
+    activePlugins: string[];
+    onActivatePlugin: (pluginId: string) => void;
+    onDeactivatePlugin: (pluginId: string) => void;
+    /** Exibe hover e label de seleção nos blocos do preview */
+    showSelectionOverlay?: boolean;
+    /** Grupo focado para indicador visual no preview */
+    focusedGroup?: string | null;
 }
 export declare const CenterPanel: React.NamedExoticComponent<CenterPanelProps>;
 export {};

package/dist/editor/components/CenterPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CenterPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CenterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAS5C,UAAU,gBAAgB;IACxB,QAAQ,EAAE,YAAY,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CACzE;AAED,eAAO,MAAM,WAAW,8CA2CtB,CAAC"}
+{"version":3,"file":"CenterPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/CenterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAS5C,UAAU,gBAAgB;IACxB,QAAQ,EAAE,YAAY,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACxE,yBAAyB;IACzB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,2DAA2D;IAC3D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,8CAqDtB,CAAC"}

package/dist/editor/components/CenterPanel.js

@@ -1,10 +1,10 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import m, { Suspense as h, lazy as p } from "react";
-import { PageTabBar as g } from "../PageTabBar.js";
-import { LoadingSpinner as v } from "./LoadingSpinner.js";
-const x = p(
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import x, { Suspense as y, lazy as u } from "react";
+import { PageTabBar as w } from "../PageTabBar.js";
+import { LoadingSpinner as N } from "./LoadingSpinner.js";
+const b = u(
   () => import("../../engine/index.js").then((r) => ({ default: r.Preview }))
-), b = m.memo(function({
+), S = x.memo(function({
   document: a,
   currentPageId: i,
   currentPage: l,
@@ -13,33 +13,43 @@ const x = p(
   onSelectPage: o,
   onAddPage: s,
   onRemovePage: d,
-  canRemovePage: c
+  canRemovePage: c,
+  activePlugins: f,
+  onActivatePlugin: m,
+  onDeactivatePlugin: h,
+  showSelectionOverlay: p,
+  focusedGroup: g
 }) {
-  return /* @__PURE__ */ f("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50/30 dark:bg-gray-900/30", children: [
+  return /* @__PURE__ */ v("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50/30 dark:bg-gray-900/30", children: [
     /* @__PURE__ */ e(
-      g,
+      w,
       {
         pages: a.pages,
         currentPageId: i,
         onSelectPage: o,
         onAddPage: s,
         onRemovePage: d,
-        canRemovePage: c
+        canRemovePage: c,
+        activePlugins: f,
+        onActivatePlugin: m,
+        onDeactivatePlugin: h
       }
     ),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: l ? /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e(v, {}), children: /* @__PURE__ */ e(
-      x,
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: l ? /* @__PURE__ */ e(y, { fallback: /* @__PURE__ */ e(N, {}), children: /* @__PURE__ */ e(
+      b,
       {
         document: a,
         pageId: i,
         style: { height: "100%", width: "100%" },
         onBlockClick: t,
-        selectedBlockId: n
+        selectedBlockId: n,
+        showSelectionOverlay: p,
+        focusedGroup: g
       }
     ) }) : /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "Nenhuma página encontrada" }) }) })
   ] });
 });
 export {
-  b as CenterPanel
+  S as CenterPanel
 };
 //# sourceMappingURL=CenterPanel.js.map

package/dist/editor/components/CenterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CenterPanel.js","sources":["../../../src/editor/components/CenterPanel.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { SiteDocument } from \"../../engine\";\nimport { PageTabBar } from \"../PageTabBar\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\n\n// Lazy load Preview (componente pesado)\nconst Preview = lazy(() =>\n  import(\"../../engine\").then(module => ({ default: module.Preview }))\n);\n\ninterface CenterPanelProps {\n  document: SiteDocument;\n  currentPageId: string;\n  currentPage: any;\n  selectedBlockId: string | null;\n  onBlockClick: (id: string) => void;\n  onSelectPage: (id: string) => void;\n  onAddPage: () => void;\n  onRemovePage: (id: string) => void;\n  canRemovePage: (id: string) => boolean;\n  /** Callback ao atualizar um bloco específico */\n  onUpdateBlock?: (blockId: string, updates: Record<string, any>) => void;\n}\n\nexport const CenterPanel = React.memo(function CenterPanel({\n  document,\n  currentPageId,\n  currentPage,\n  selectedBlockId,\n  onBlockClick,\n  onSelectPage,\n  onAddPage,\n  onRemovePage,\n  canRemovePage,\n}: CenterPanelProps) {\n  return (\n    <div className=\"flex-1 flex flex-col overflow-hidden bg-gray-50/30 dark:bg-gray-900/30\">\n      {/* Barra de abas das páginas */}\n      <PageTabBar\n        pages={document.pages}\n        currentPageId={currentPageId}\n        onSelectPage={onSelectPage}\n        onAddPage={onAddPage}\n        onRemovePage={onRemovePage}\n        canRemovePage={canRemovePage}\n      />\n\n      {/* Preview */}\n      <div className=\"flex-1 overflow-hidden relative\">\n        {currentPage ? (\n          <Suspense fallback={<LoadingSpinner />}>\n            <Preview\n              document={document}\n              pageId={currentPageId}\n              style={{ height: \"100%\", width: \"100%\" }}\n              onBlockClick={onBlockClick}\n              selectedBlockId={selectedBlockId}\n            />\n          </Suspense>\n        ) : (\n          <div className=\"flex items-center justify-center h-full\">\n            <div className=\"text-gray-500\">Nenhuma página encontrada</div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":["Preview","lazy","module","CenterPanel","React","document","currentPageId","currentPage","selectedBlockId","onBlockClick","onSelectPage","onAddPage","onRemovePage","canRemovePage","jsxs","jsx","PageTabBar","Suspense","LoadingSpinner"],"mappings":";;;;AAMA,MAAMA,IAAUC;AAAA,EAAK,MACnB,OAAO,uBAAc,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,UAAU;AACrE,GAgBaC,IAAcC,EAAM,KAAK,SAAqB;AAAA,EACzD,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,0EAEb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOX,EAAS;AAAA,QAChB,eAAAC;AAAA,QACA,cAAAI;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAIF,gBAAAE,EAAC,OAAA,EAAI,WAAU,mCACZ,UAAAR,sBACEU,GAAA,EAAS,UAAU,gBAAAF,EAACG,GAAA,CAAA,CAAe,GAClC,UAAA,gBAAAH;AAAA,MAACf;AAAA,MAAA;AAAA,QACC,UAAAK;AAAA,QACA,QAAQC;AAAA,QACR,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAA;AAAA,QAChC,cAAAG;AAAA,QACA,iBAAAD;AAAA,MAAA;AAAA,IAAA,EACF,CACF,IAEA,gBAAAO,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,4BAAA,CAAyB,EAAA,CAC1D,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"CenterPanel.js","sources":["../../../src/editor/components/CenterPanel.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { SiteDocument } from \"../../engine\";\nimport { PageTabBar } from \"../PageTabBar\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\n\n// Lazy load Preview (componente pesado)\nconst Preview = lazy(() =>\n  import(\"../../engine\").then(module => ({ default: module.Preview }))\n);\n\ninterface CenterPanelProps {\n  document: SiteDocument;\n  currentPageId: string;\n  currentPage: any;\n  selectedBlockId: string | null;\n  onBlockClick: (id: string, group?: string) => void;\n  onSelectPage: (id: string) => void;\n  onAddPage: () => void;\n  onRemovePage: (id: string) => void;\n  canRemovePage: (id: string) => boolean;\n  /** Callback ao atualizar um bloco específico */\n  onUpdateBlock?: (blockId: string, updates: Record<string, any>) => void;\n  /** Plugin integration */\n  activePlugins: string[];\n  onActivatePlugin: (pluginId: string) => void;\n  onDeactivatePlugin: (pluginId: string) => void;\n  /** Exibe hover e label de seleção nos blocos do preview */\n  showSelectionOverlay?: boolean;\n  /** Grupo focado para indicador visual no preview */\n  focusedGroup?: string | null;\n}\n\nexport const CenterPanel = React.memo(function CenterPanel({\n  document,\n  currentPageId,\n  currentPage,\n  selectedBlockId,\n  onBlockClick,\n  onSelectPage,\n  onAddPage,\n  onRemovePage,\n  canRemovePage,\n  activePlugins,\n  onActivatePlugin,\n  onDeactivatePlugin,\n  showSelectionOverlay,\n  focusedGroup,\n}: CenterPanelProps) {\n  return (\n    <div className=\"flex-1 flex flex-col overflow-hidden bg-gray-50/30 dark:bg-gray-900/30\">\n      {/* Barra de abas das páginas */}\n      <PageTabBar\n        pages={document.pages}\n        currentPageId={currentPageId}\n        onSelectPage={onSelectPage}\n        onAddPage={onAddPage}\n        onRemovePage={onRemovePage}\n        canRemovePage={canRemovePage}\n        activePlugins={activePlugins}\n        onActivatePlugin={onActivatePlugin}\n        onDeactivatePlugin={onDeactivatePlugin}\n      />\n\n      {/* Preview */}\n      <div className=\"flex-1 overflow-hidden relative\">\n        {currentPage ? (\n          <Suspense fallback={<LoadingSpinner />}>\n            <Preview\n              document={document}\n              pageId={currentPageId}\n              style={{ height: \"100%\", width: \"100%\" }}\n              onBlockClick={onBlockClick}\n              selectedBlockId={selectedBlockId}\n              showSelectionOverlay={showSelectionOverlay}\n              focusedGroup={focusedGroup}\n            />\n          </Suspense>\n        ) : (\n          <div className=\"flex items-center justify-center h-full\">\n            <div className=\"text-gray-500\">Nenhuma página encontrada</div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":["Preview","lazy","module","CenterPanel","React","document","currentPageId","currentPage","selectedBlockId","onBlockClick","onSelectPage","onAddPage","onRemovePage","canRemovePage","activePlugins","onActivatePlugin","onDeactivatePlugin","showSelectionOverlay","focusedGroup","jsxs","jsx","PageTabBar","Suspense","LoadingSpinner"],"mappings":";;;;AAMA,MAAMA,IAAUC;AAAA,EAAK,MACnB,OAAO,uBAAc,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,UAAU;AACrE,GAwBaC,IAAcC,EAAM,KAAK,SAAqB;AAAA,EACzD,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,cAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,0EAEb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOhB,EAAS;AAAA,QAChB,eAAAC;AAAA,QACA,cAAAI;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,eAAAC;AAAA,QACA,eAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,oBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAIF,gBAAAI,EAAC,OAAA,EAAI,WAAU,mCACZ,UAAAb,sBACEe,GAAA,EAAS,UAAU,gBAAAF,EAACG,GAAA,CAAA,CAAe,GAClC,UAAA,gBAAAH;AAAA,MAACpB;AAAA,MAAA;AAAA,QACC,UAAAK;AAAA,QACA,QAAQC;AAAA,QACR,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAA;AAAA,QAChC,cAAAG;AAAA,QACA,iBAAAD;AAAA,QACA,sBAAAS;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,IAAA,EACF,CACF,IAEA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,4BAAA,CAAyB,EAAA,CAC1D,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ,CAAC;"}

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

@@ -1,11 +1,16 @@
 import { default as React } from 'react';
 import { UploadConfig } from '../LandingPageEditor';
+import { SiteDocument } from '../../engine';
 interface RightPanelProps {
     isPaletteSelected: boolean;
     selectedBlock: any;
     onPaletteChange: (palette: any) => void;
     onUpdateBlock: (updates: Record<string, any>) => void;
     uploadConfig?: UploadConfig;
+    document?: SiteDocument;
+    currentPageId?: string;
+    /** When set, the matching property group opens and scrolls into view */
+    focusedGroup?: string | null;
 }
 export declare const RightPanel: React.NamedExoticComponent<RightPanelProps>;
 export {};

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

@@ -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;AAUzD,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;CAC7B;AAED,eAAO,MAAM,UAAU,6CAoCrB,CAAC"}
+{"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"}