@brunoalz/smartgesti-site-editor 1.8.0 → 1.9.1

package/dist/editor/BlockSelector.js

@@ -54,6 +54,7 @@ import "../engine/registry/blocks/sections/aboutSection.js";
 import "../engine/registry/blocks/sections/contactSection.js";
 import "../engine/registry/blocks/sections/blogRecentPosts.js";
 import "../engine/registry/blocks/sections/blogTagCloud.js";
+import "../engine/registry/blocks/sections/imageGallery.js";
 import "../engine/registry/blocks/forms/form.js";
 import "../engine/registry/blocks/forms/input.js";
 import "../engine/registry/blocks/forms/textarea.js";
@@ -155,7 +156,7 @@ function b(t, r, c, d, l) {
     ) })
   ] }, t.id);
 }
-const Lt = A.memo(function({
+const Pt = A.memo(function({
   structure: r,
   selectedBlockId: c,
   onSelectBlock: d,
@@ -206,6 +207,6 @@ const Lt = A.memo(function({
   ] });
 });
 export {
-  Lt as BlockSelector
+  Pt as BlockSelector
 };
 //# sourceMappingURL=BlockSelector.js.map

package/dist/editor/BlockSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- dynamic access for preview\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? String(props.text).substring(0, 30) + (String(props.text).length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${Array.isArray(props.children) ? props.children.length : 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      return getBlockTypeName(block.type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  // Verificar se o bloco é válido\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as Record<string, any>\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {/* Indentação visual */}\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : componentRegistry.get(block.type)?.pluginId\n                ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400'\n                : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {componentRegistry.get(block.type)?.pluginId ? '🧩' : block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type) // Filtrar children inválidos\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const BlockSelector = React.memo(function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // Contar total de blocos (incluindo children) - usando useMemo para evitar recálculos\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n      \n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n        \n        // Verificar se o bloco é válido ANTES de acessar qualquer propriedade\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n        \n        total++ // Contar o bloco atual\n        \n        // Verificar props de forma segura - SEMPRE dentro de try-catch\n        try {\n          if (!block.props) {\n            continue\n          }\n          \n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as Record<string, any>).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              // Filtrar children inválidos antes de contar recursivamente\n              const validChildren = children.filter(\n                (child: unknown) => child && typeof child === 'object' && (child as Block).id && (child as Block).type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch (error) {\n          // Se houver erro ao acessar props, apenas continuar\n          continue\n        }\n      }\n      return total\n    }\n    \n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          validStructure.map((block) =>\n            renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)\n          )\n        )}\n      </div>\n    </div>\n  )\n});\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","Trash2","child","BlockSelector","React","structure","validStructure","useMemo","b","totalBlocks","count","blocks","total","i","children","validChildren"],"mappings":"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"}
+{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- dynamic access for preview\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? String(props.text).substring(0, 30) + (String(props.text).length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${Array.isArray(props.children) ? props.children.length : 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      return getBlockTypeName(block.type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  // Verificar se o bloco é válido\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as Record<string, any>\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {/* Indentação visual */}\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : componentRegistry.get(block.type)?.pluginId\n                ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400'\n                : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {componentRegistry.get(block.type)?.pluginId ? '🧩' : block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type) // Filtrar children inválidos\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const BlockSelector = React.memo(function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // Contar total de blocos (incluindo children) - usando useMemo para evitar recálculos\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n      \n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n        \n        // Verificar se o bloco é válido ANTES de acessar qualquer propriedade\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n        \n        total++ // Contar o bloco atual\n        \n        // Verificar props de forma segura - SEMPRE dentro de try-catch\n        try {\n          if (!block.props) {\n            continue\n          }\n          \n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as Record<string, any>).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              // Filtrar children inválidos antes de contar recursivamente\n              const validChildren = children.filter(\n                (child: unknown) => child && typeof child === 'object' && (child as Block).id && (child as Block).type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch (error) {\n          // Se houver erro ao acessar props, apenas continuar\n          continue\n        }\n      }\n      return total\n    }\n    \n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          validStructure.map((block) =>\n            renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)\n          )\n        )}\n      </div>\n    </div>\n  )\n});\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","Trash2","child","BlockSelector","React","structure","validStructure","useMemo","b","totalBlocks","count","blocks","total","i","children","validChildren"],"mappings":"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"}

package/dist/engine/export/exporters/sections/BlogPostExporters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPostExporters.d.ts","sourceRoot":"","sources":["../../../../../src/engine/export/exporters/sections/BlogPostExporters.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAc1D,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CAgGR;AA0GD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,EACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,KAAK,MAAM,GAC7F,MAAM,CAuFR;AAMD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CAoFR;AAMD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAwFR;AAMD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAkDR;AAMD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAqER;AAMD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAgER"}
+{"version":3,"file":"BlogPostExporters.d.ts","sourceRoot":"","sources":["../../../../../src/engine/export/exporters/sections/BlogPostExporters.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAqP1D,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CA2UR;AA0GD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,EACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,KAAK,MAAM,GAC7F,MAAM,CAyJR;AAMD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CAoFR;AAMD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAwFR;AAMD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAkDR;AAMD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAyER;AAMD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAgER"}