@seedgrid/fe-theme 2026.4.18 → 2026.4.20

package/dist/ai/seedgrid-theme.manifest.json

@@ -0,0 +1,857 @@
+{
+  "schemaVersion": "0.1",
+  "package": "@seedgrid/fe-theme",
+  "packageVersion": "0.3.0",
+  "components": [
+    {
+      "componentId": "layout.app-shell",
+      "exportName": "AppShell",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "layout.app-shell",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "AppShell",
+        "slug": "app-shell",
+        "displayName": "AppShell",
+        "category": "layout",
+        "subcategory": "shell",
+        "description": "Shell de aplicacao baseado no tema legado, com area de navegacao lateral, header opcional e superficie principal.",
+        "tags": [
+          "layout",
+          "shell",
+          "app",
+          "navigation",
+          "legacy-theme"
+        ],
+        "capabilities": [
+          "sidebar-layout",
+          "header-slot",
+          "themed-surface",
+          "legacy-theme-aware"
+        ],
+        "fieldSemantics": [
+          "appShell",
+          "navigationLayout",
+          "pageFrame"
+        ],
+        "props": [
+          {
+            "name": "children",
+            "type": "ReactNode",
+            "required": true,
+            "description": "Conteudo principal da aplicacao.",
+            "semanticRole": "data",
+            "bindable": false
+          },
+          {
+            "name": "nav",
+            "type": "ReactNode",
+            "description": "Conteudo da navegacao lateral.",
+            "semanticRole": "data",
+            "bindable": false
+          },
+          {
+            "name": "header",
+            "type": "ReactNode",
+            "description": "Conteudo opcional de cabecalho.",
+            "semanticRole": "data",
+            "bindable": false
+          }
+        ],
+        "states": [
+          "default",
+          "with-nav",
+          "with-header"
+        ],
+        "examples": [],
+        "showcase": {
+          "route": "/packages/fe-theme/app-shell",
+          "hasPlayground": false,
+          "hasPropsTable": false
+        },
+        "sdui": {
+          "rendererType": "layout.app-shell",
+          "acceptsDataBinding": true,
+          "defaultProps": {}
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Montar um shell simples de aplicacao com menu lateral e area principal.",
+          "Demonstrar o tema legado aplicado a uma estrutura de pagina completa."
+        ],
+        "avoidUseCases": [
+          "Layouts altamente customizaveis com docking ou zonas complexas.",
+          "Novo shell baseado no sistema moderno de componentes, se existir alternativa mais atual."
+        ],
+        "synonyms": [
+          "app shell",
+          "application shell",
+          "page frame",
+          "layout shell"
+        ],
+        "relatedEntityFields": [
+          "nav",
+          "header",
+          "layout",
+          "shell"
+        ],
+        "compositionHints": [
+          "Usar junto de ThemeProvider em contextos legados.",
+          "Migrar para estruturas mais modernas quando o shell deixar de depender do tema legado."
+        ],
+        "rankingSignals": {
+          "freeText": 0.12,
+          "structuredChoice": 0.24,
+          "date": 0,
+          "number": 0,
+          "denseLayout": 0.9
+        }
+      }
+    },
+    {
+      "componentId": "provider.seed-theme",
+      "exportName": "SeedThemeProvider",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "provider.seed-theme",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "SeedThemeProvider",
+        "slug": "seed-theme-provider",
+        "displayName": "SeedThemeProvider",
+        "category": "provider",
+        "subcategory": "theme",
+        "description": "Provider de tema SeedGrid com suporte a modo claro/escuro, persistencia, deteccao de modo do sistema e customizacao de cores e raio de borda.",
+        "tags": [
+          "provider",
+          "theme",
+          "dark-mode",
+          "persistence",
+          "design-tokens"
+        ],
+        "capabilities": [
+          "light-dark-mode",
+          "auto-detect-system",
+          "theme-persistence",
+          "css-variables",
+          "dynamic-theming"
+        ],
+        "fieldSemantics": [
+          "themeProvider",
+          "designTokens",
+          "colorScheme"
+        ],
+        "props": [
+          {
+            "name": "initialTheme",
+            "type": "SeedThemeInput",
+            "description": "Configuracao inicial do tema (seed, mode, radius, persistenceStrategy, persistMode).",
+            "semanticRole": "data",
+            "bindable": true
+          },
+          {
+            "name": "applyTo",
+            "type": "\"html\" | \"wrapper\"",
+            "default": "html",
+            "description": "Onde aplicar as variaveis CSS (html ou div wrapper).",
+            "semanticRole": "behavior",
+            "bindable": true
+          },
+          {
+            "name": "children",
+            "type": "ReactNode",
+            "required": true,
+            "description": "Arvore de componentes que consome o contexto de tema.",
+            "semanticRole": "data",
+            "bindable": false
+          }
+        ],
+        "states": [
+          "light",
+          "dark",
+          "auto"
+        ],
+        "examples": [
+          {
+            "id": "basic",
+            "title": "Tema basico com modo claro",
+            "file": "apps/showcase/src/app/components/providers/seed-theme-provider/samples/basic.tsx.sample",
+            "kind": "sample"
+          },
+          {
+            "id": "dark-mode",
+            "title": "Com modo escuro customizado",
+            "file": "apps/showcase/src/app/components/providers/seed-theme-provider/samples/dark-mode.tsx.sample",
+            "kind": "sample"
+          },
+          {
+            "id": "auto-detect",
+            "title": "Auto-deteccao do modo do sistema",
+            "file": "apps/showcase/src/app/components/providers/seed-theme-provider/samples/auto-detect.tsx.sample",
+            "kind": "sample"
+          },
+          {
+            "id": "theme-switcher",
+            "title": "Seletor dinamico de tema",
+            "file": "apps/showcase/src/app/components/providers/seed-theme-provider/samples/theme-switcher.tsx.sample",
+            "kind": "sample"
+          }
+        ],
+        "showcase": {
+          "route": "/components/providers/seed-theme-provider",
+          "hasPlayground": true,
+          "hasPropsTable": true
+        },
+        "sdui": {
+          "rendererType": "provider.seed-theme",
+          "acceptsDataBinding": true,
+          "defaultProps": {
+            "applyTo": "html"
+          }
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Aplicar tema SeedGrid a toda a aplicacao com variaveis CSS.",
+          "Suportar modo claro/escuro com persistencia de preferencia.",
+          "Auto-detectar preferencia do usuario a partir do sistema operacional.",
+          "Customizar cores e raio de borda dinamicamente."
+        ],
+        "avoidUseCases": [
+          "Apenas trocar cores de componentes individuais; use CSS direto.",
+          "Tema nao-SeedGrid; considere solucoes de terceiros (next-themes, etc)."
+        ],
+        "synonyms": [
+          "theme provider",
+          "seed theme",
+          "design token provider"
+        ],
+        "relatedEntityFields": [
+          "theme",
+          "mode",
+          "colors",
+          "darkMode"
+        ],
+        "compositionHints": [
+          "Posicionar no topo da arvore React para afetar todos os componentes.",
+          "Combinar com useSgTheme() para acessar contexto e alterar tema.",
+          "Usar com SgEnvironmentProvider para persistencia coordenada."
+        ],
+        "rankingSignals": {
+          "freeText": 0.7,
+          "structuredChoice": 0.9,
+          "date": 0,
+          "number": 0.3,
+          "denseLayout": 0.8
+        }
+      }
+    },
+    {
+      "componentId": "provider.theme-legacy",
+      "exportName": "ThemeProvider",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "provider.theme-legacy",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "ThemeProvider",
+        "slug": "theme-provider",
+        "displayName": "ThemeProvider",
+        "category": "provider",
+        "subcategory": "theme-legacy",
+        "description": "Provider legado de tema para compatibilidade retroativa, aplicando tokens CSS e expondo contexto simplificado de tema.",
+        "tags": [
+          "provider",
+          "theme",
+          "legacy",
+          "compatibility"
+        ],
+        "capabilities": [
+          "legacy-theme-context",
+          "css-vars",
+          "compat-layer"
+        ],
+        "fieldSemantics": [
+          "legacyThemeProvider",
+          "themeContext",
+          "compatibilityLayer"
+        ],
+        "props": [
+          {
+            "name": "theme",
+            "type": "Partial<SeedGridThemeConfig>",
+            "description": "Configuracao parcial do tema legado.",
+            "semanticRole": "data",
+            "bindable": true
+          },
+          {
+            "name": "children",
+            "type": "ReactNode",
+            "required": true,
+            "description": "Arvore de componentes envolvida pelo provider.",
+            "semanticRole": "data",
+            "bindable": false
+          }
+        ],
+        "states": [
+          "default",
+          "legacy-theme-applied"
+        ],
+        "examples": [],
+        "showcase": {
+          "route": "/packages/fe-theme/theme-provider",
+          "hasPlayground": false,
+          "hasPropsTable": false
+        },
+        "sdui": {
+          "rendererType": "provider.theme-legacy",
+          "acceptsDataBinding": true,
+          "defaultProps": {
+            "theme": {}
+          }
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Manter compatibilidade com consumidores antigos do sistema de tema.",
+          "Aplicar configuracao de tema simplificada em arvores legadas.",
+          "Servir como camada de transicao entre ThemeProvider e SeedThemeProvider."
+        ],
+        "avoidUseCases": [
+          "Novas implementacoes de tema; nesses casos prefira SeedThemeProvider.",
+          "Acesso ao contexto moderno de tokens; nesses casos prefira useSgTheme."
+        ],
+        "synonyms": [
+          "legacy theme provider",
+          "theme provider compatibility",
+          "old theme provider"
+        ],
+        "relatedEntityFields": [
+          "theme",
+          "legacyTheme",
+          "themeConfig"
+        ],
+        "compositionHints": [
+          "Usar apenas em fluxos legados ou em migracao.",
+          "Planejar migracao gradual para SeedThemeProvider."
+        ],
+        "rankingSignals": {
+          "freeText": 0.45,
+          "structuredChoice": 0.5,
+          "date": 0,
+          "number": 0,
+          "denseLayout": 0.54
+        }
+      }
+    },
+    {
+      "componentId": "utility.build-scale-from-hex",
+      "exportName": "buildScaleFromHex",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "utility.build-scale-from-hex",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "buildScaleFromHex",
+        "slug": "build-scale-from-hex",
+        "displayName": "buildScaleFromHex",
+        "category": "utility",
+        "subcategory": "color-scale",
+        "description": "Gera uma escala tonal 50..900 a partir de uma cor base hexadecimal e do modo resolvido.",
+        "tags": [
+          "utility",
+          "color",
+          "palette",
+          "theme"
+        ],
+        "capabilities": [
+          "palette-generation",
+          "mode-aware-scale",
+          "hsl-harmonization"
+        ],
+        "fieldSemantics": [
+          "colorScaleGeneration",
+          "themePalette"
+        ],
+        "props": [
+          {
+            "name": "baseHex",
+            "type": "string",
+            "required": true,
+            "description": "Cor base hexadecimal.",
+            "semanticRole": "value",
+            "bindable": true
+          },
+          {
+            "name": "resolvedMode",
+            "type": "\"light\" | \"dark\"",
+            "required": true,
+            "description": "Modo usado para calcular a escala.",
+            "semanticRole": "behavior",
+            "bindable": true
+          },
+          {
+            "name": "opts.boostS",
+            "type": "number",
+            "description": "Ajuste opcional de saturacao.",
+            "semanticRole": "behavior",
+            "bindable": true
+          },
+          {
+            "name": "opts.biasL",
+            "type": "number",
+            "description": "Ajuste opcional de luminosidade.",
+            "semanticRole": "behavior",
+            "bindable": true
+          }
+        ],
+        "states": [
+          "light",
+          "dark"
+        ],
+        "examples": [],
+        "showcase": {
+          "route": "/packages/fe-theme/build-scale-from-hex",
+          "hasPlayground": false,
+          "hasPropsTable": false
+        },
+        "sdui": {
+          "rendererType": "utility.build-scale-from-hex",
+          "acceptsDataBinding": false,
+          "defaultProps": {
+            "opts": {}
+          }
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Gerar paletas tonais a partir de uma seed color.",
+          "Construir escalas harmonizadas para tema claro e escuro."
+        ],
+        "avoidUseCases": [
+          "Conversao simples de uma unica cor sem necessidade de escala.",
+          "Escolha manual de tokens quando a paleta ja estiver pronta."
+        ],
+        "synonyms": [
+          "build color scale",
+          "palette generator",
+          "hex scale"
+        ],
+        "relatedEntityFields": [
+          "seed",
+          "palette",
+          "colorScale",
+          "mode"
+        ],
+        "compositionHints": [
+          "Usar com generateThemeVars e outros utilitarios de tokenizacao."
+        ],
+        "rankingSignals": {
+          "freeText": 0,
+          "structuredChoice": 0.2,
+          "date": 0,
+          "number": 0.54,
+          "denseLayout": 0.32
+        }
+      }
+    },
+    {
+      "componentId": "utility.clamp",
+      "exportName": "clamp",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "utility.clamp",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "clamp",
+        "slug": "clamp",
+        "displayName": "clamp",
+        "category": "utility",
+        "subcategory": "math",
+        "description": "Funcao utilitaria para limitar um numero entre minimo e maximo.",
+        "tags": [
+          "utility",
+          "math",
+          "range"
+        ],
+        "capabilities": [
+          "numeric-clamp",
+          "value-bounding"
+        ],
+        "fieldSemantics": [
+          "rangeConstraint",
+          "numericClamp"
+        ],
+        "props": [
+          {
+            "name": "n",
+            "type": "number",
+            "required": true,
+            "description": "Valor a limitar.",
+            "semanticRole": "value",
+            "bindable": true
+          },
+          {
+            "name": "a",
+            "type": "number",
+            "required": true,
+            "description": "Limite minimo.",
+            "semanticRole": "validation",
+            "bindable": true
+          },
+          {
+            "name": "b",
+            "type": "number",
+            "required": true,
+            "description": "Limite maximo.",
+            "semanticRole": "validation",
+            "bindable": true
+          }
+        ],
+        "states": [],
+        "examples": [],
+        "showcase": {
+          "route": "/packages/fe-theme/clamp",
+          "hasPlayground": false,
+          "hasPropsTable": false
+        },
+        "sdui": {
+          "rendererType": "utility.clamp",
+          "acceptsDataBinding": false,
+          "defaultProps": {}
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Limitar valores numericos em utilitarios de tema e cor.",
+          "Garantir que saturacao, luminosidade ou canais RGB fiquem dentro do intervalo valido."
+        ],
+        "avoidUseCases": [
+          "Validacao complexa de dominio ou regras de negocio.",
+          "Fluxos de interface onde um input especializado seria mais apropriado."
+        ],
+        "synonyms": [
+          "clamp",
+          "bound number",
+          "limit value"
+        ],
+        "relatedEntityFields": [
+          "min",
+          "max",
+          "value"
+        ],
+        "compositionHints": [
+          "Usar em helpers de cor e tokenizacao quando for preciso manter valores em faixas validas."
+        ],
+        "rankingSignals": {
+          "freeText": 0,
+          "structuredChoice": 0,
+          "date": 0,
+          "number": 0.86,
+          "denseLayout": 0.15
+        }
+      }
+    },
+    {
+      "componentId": "utility.get-system-mode",
+      "exportName": "getSystemMode",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "utility.get-system-mode",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "getSystemMode",
+        "slug": "get-system-mode",
+        "displayName": "getSystemMode",
+        "category": "utility",
+        "subcategory": "system-mode",
+        "description": "Resolve o modo claro ou escuro com base na preferencia do sistema operacional no browser.",
+        "tags": [
+          "utility",
+          "theme",
+          "dark-mode",
+          "system-preference"
+        ],
+        "capabilities": [
+          "prefers-color-scheme",
+          "light-dark-resolution",
+          "browser-aware"
+        ],
+        "fieldSemantics": [
+          "systemModeDetection",
+          "preferredColorScheme"
+        ],
+        "props": [],
+        "states": [
+          "light",
+          "dark"
+        ],
+        "examples": [],
+        "showcase": {
+          "route": "/packages/fe-theme/get-system-mode",
+          "hasPlayground": false,
+          "hasPropsTable": false
+        },
+        "sdui": {
+          "rendererType": "utility.get-system-mode",
+          "acceptsDataBinding": false,
+          "defaultProps": {}
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Detectar preferencia inicial de claro ou escuro no cliente.",
+          "Apoiar modos automaticos de tema baseados em prefers-color-scheme."
+        ],
+        "avoidUseCases": [
+          "Persistencia da escolha do usuario; isso deve ser tratado por provider ou storage.",
+          "Uso em ambiente puramente server-side como fonte definitiva de tema."
+        ],
+        "synonyms": [
+          "system mode",
+          "prefers color scheme",
+          "detect dark mode"
+        ],
+        "relatedEntityFields": [
+          "mode",
+          "systemMode",
+          "colorScheme"
+        ],
+        "compositionHints": [
+          "Usar com SeedThemeProvider quando o modo auto precisar de fallback para o sistema."
+        ],
+        "rankingSignals": {
+          "freeText": 0.2,
+          "structuredChoice": 0.36,
+          "date": 0,
+          "number": 0,
+          "denseLayout": 0.22
+        }
+      }
+    },
+    {
+      "componentId": "hook.use-sg-theme",
+      "exportName": "useSgTheme",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "hook.use-sg-theme",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "useSgTheme",
+        "slug": "use-sg-theme",
+        "displayName": "useSgTheme",
+        "category": "hook",
+        "subcategory": "theme",
+        "description": "Hook para acessar contexto de tema. Fornece variaveis CSS, modo atual, funcoes para alternar tema e modo.",
+        "tags": [
+          "hook",
+          "theme",
+          "design-tokens",
+          "context"
+        ],
+        "capabilities": [
+          "theme-access",
+          "mode-toggling",
+          "css-variables"
+        ],
+        "fieldSemantics": [
+          "themeContext",
+          "designTokens",
+          "colorScheme"
+        ],
+        "props": [
+          {
+            "name": "returns.vars",
+            "type": "Record<string, string>",
+            "description": "Dicionario de variaveis CSS atuais (cores, raios, etc).",
+            "semanticRole": "data",
+            "bindable": false
+          },
+          {
+            "name": "returns.setTheme",
+            "type": "(next: Partial<SeedThemeInput>) => void",
+            "description": "Funcao para alterar tema (seed, mode, radius).",
+            "semanticRole": "event",
+            "bindable": false
+          },
+          {
+            "name": "returns.setMode",
+            "type": "(m: 'light' | 'dark') => void",
+            "description": "Funcao para alternar modo claro/escuro.",
+            "semanticRole": "event",
+            "bindable": false
+          },
+          {
+            "name": "returns.currentMode",
+            "type": "'light' | 'dark'",
+            "description": "Modo atual normalizado (sem 'auto').",
+            "semanticRole": "data",
+            "bindable": true
+          },
+          {
+            "name": "returns.currentTheme",
+            "type": "{ seed: string; mode?: Mode; radius?: string }",
+            "description": "Tema atual (seed, mode, radius).",
+            "semanticRole": "data",
+            "bindable": false
+          }
+        ],
+        "states": [
+          "light",
+          "dark"
+        ],
+        "examples": [
+          {
+            "id": "basic",
+            "title": "Acessar tema atual",
+            "file": "apps/showcase/src/app/components/hooks/use-sg-theme/samples/basic.tsx.sample",
+            "kind": "sample"
+          },
+          {
+            "id": "theme-switcher",
+            "title": "Criar seletor de tema",
+            "file": "apps/showcase/src/app/components/hooks/use-sg-theme/samples/theme-switcher.tsx.sample",
+            "kind": "sample"
+          },
+          {
+            "id": "dark-mode-toggle",
+            "title": "Toggle claro/escuro",
+            "file": "apps/showcase/src/app/components/hooks/use-sg-theme/samples/dark-mode-toggle.tsx.sample",
+            "kind": "sample"
+          }
+        ],
+        "showcase": {
+          "route": "/components/hooks/use-sg-theme",
+          "hasPlayground": true,
+          "hasPropsTable": true
+        },
+        "sdui": {
+          "rendererType": "hook.use-sg-theme",
+          "acceptsDataBinding": false,
+          "defaultProps": {}
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Ler variaveis de tema para usar em componentes customizados.",
+          "Criar seletor de tema com lista de opcoes.",
+          "Implementar toggle de modo claro/escuro.",
+          "Reagir a mudancas de tema."
+        ],
+        "avoidUseCases": [
+          "Usar fora de SeedThemeProvider; vai lancar erro.",
+          "Modificar diretamente o contexto; use setTheme e setMode."
+        ],
+        "synonyms": [
+          "theme context",
+          "theme hook",
+          "design token access"
+        ],
+        "relatedEntityFields": [
+          "theme",
+          "mode",
+          "darkMode",
+          "styling"
+        ],
+        "compositionHints": [
+          "Usar dentro de SeedThemeProvider.",
+          "Combinar com button ou select para UI de mudanca de tema.",
+          "Acessar currentMode para renderizacao condicional (light vs dark)."
+        ],
+        "rankingSignals": {
+          "freeText": 0.8,
+          "structuredChoice": 0.85,
+          "date": 0,
+          "number": 0.3,
+          "denseLayout": 0.7
+        }
+      }
+    },
+    {
+      "componentId": "hook.use-theme-legacy",
+      "exportName": "useTheme",
+      "sgMeta": {
+        "version": "0.1",
+        "componentId": "hook.use-theme-legacy",
+        "package": "@seedgrid/fe-theme",
+        "exportName": "useTheme",
+        "slug": "use-theme",
+        "displayName": "useTheme",
+        "category": "hook",
+        "subcategory": "theme-legacy",
+        "description": "Hook legado para consumir o contexto de tema antigo exposto por ThemeProvider.",
+        "tags": [
+          "hook",
+          "theme",
+          "legacy",
+          "compatibility"
+        ],
+        "capabilities": [
+          "legacy-theme-read",
+          "theme-access"
+        ],
+        "fieldSemantics": [
+          "legacyThemeHook",
+          "themeContextAccess"
+        ],
+        "props": [
+          {
+            "name": "returns",
+            "type": "SeedGridThemeConfig",
+            "description": "Configuracao de tema legado atual.",
+            "semanticRole": "data",
+            "bindable": false
+          }
+        ],
+        "states": [
+          "inside-provider"
+        ],
+        "examples": [],
+        "showcase": {
+          "route": "/packages/fe-theme/use-theme",
+          "hasPlayground": false,
+          "hasPropsTable": false
+        },
+        "sdui": {
+          "rendererType": "hook.use-theme-legacy",
+          "acceptsDataBinding": false,
+          "defaultProps": {}
+        }
+      },
+      "aiHints": {
+        "version": "0.1",
+        "preferredUseCases": [
+          "Ler tema em consumidores antigos baseados em ThemeProvider.",
+          "Manter compatibilidade durante migracao do sistema de tema."
+        ],
+        "avoidUseCases": [
+          "Novos componentes e fluxos de tema; nesses casos prefira useSgTheme.",
+          "Uso fora de ThemeProvider, onde o hook lancara erro."
+        ],
+        "synonyms": [
+          "legacy theme hook",
+          "use theme",
+          "theme compatibility hook"
+        ],
+        "relatedEntityFields": [
+          "theme",
+          "legacyTheme",
+          "colors"
+        ],
+        "compositionHints": [
+          "Usar apenas com ThemeProvider.",
+          "Migrar gradualmente para useSgTheme quando possivel."
+        ],
+        "rankingSignals": {
+          "freeText": 0.42,
+          "structuredChoice": 0.46,
+          "date": 0,
+          "number": 0,
+          "denseLayout": 0.45
+        }
+      }
+    }
+  ]
+}