@seedgrid/fe-components 2026.4.12 → 2026.4.14

package/dist/layout/SgBreadcrumb.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgBreadcrumb.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgBreadcrumb.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QAmGpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}

package/dist/layout/SgBreadcrumb.meta.js

@@ -0,0 +1,125 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "navigation.breadcrumb",
+    package: "@seedgrid/fe-components",
+    exportName: "SgBreadcrumb",
+    slug: "sg-breadcrumb",
+    displayName: "SgBreadcrumb",
+    category: "navigation",
+    subcategory: "breadcrumb",
+    description: "Navegacao hierarquica compacta para indicar caminho atual e permitir retorno a niveis anteriores.",
+    tags: ["navigation", "breadcrumb", "hierarchy", "path"],
+    capabilities: ["hierarchical-navigation", "overflow-collapse", "home-icon", "custom-separator"],
+    fieldSemantics: ["navigation", "hierarchy", "breadcrumbPath", "locationTrail"],
+    props: [
+        {
+            name: "items",
+            type: "SgBreadcrumbItem[]",
+            required: true,
+            description: "Lista ordenada de niveis do caminho de navegacao.",
+            semanticRole: "data",
+            bindable: true
+        },
+        {
+            name: "separator",
+            type: '"slash" | "chevron" | "dot" | "arrow" | ReactNode',
+            default: "chevron",
+            description: "Separador visual entre os niveis.",
+            semanticRole: "appearance",
+            bindable: true
+        },
+        {
+            name: "maxItems",
+            type: "number",
+            description: "Quantidade maxima de itens visiveis antes do colapso.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "overflowBehavior",
+            type: '"collapse" | "scroll"',
+            default: "collapse",
+            description: "Comportamento quando o caminho excede o espaco disponivel.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "showHomeIcon",
+            type: "boolean",
+            default: false,
+            description: "Adiciona um item inicial com icone de home.",
+            semanticRole: "appearance",
+            bindable: true
+        },
+        {
+            name: "variant",
+            type: '"default" | "subtle" | "primary"',
+            default: "default",
+            description: "Variante visual do breadcrumb.",
+            semanticRole: "appearance",
+            bindable: true
+        },
+        {
+            name: "onNavigate",
+            type: "(item: SgBreadcrumbItem, index: number) => void",
+            description: "Callback disparado ao navegar por um item.",
+            semanticRole: "event",
+            bindable: false
+        }
+    ],
+    states: ["default", "collapsed", "scrolling"],
+    examples: [
+        {
+            id: "basic",
+            title: "Basico",
+            file: "apps/showcase/src/app/components/sg-breadcrumb/samples/basico.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "playground",
+            title: "Playground",
+            file: "apps/showcase/src/app/components/sg-breadcrumb/sg-breadcrumb.tsx.playground",
+            kind: "playground"
+        }
+    ],
+    showcase: {
+        route: "/components/sg-breadcrumb",
+        hasPlayground: true,
+        hasPropsTable: true
+    },
+    sdui: {
+        rendererType: "navigation.breadcrumb",
+        acceptsDataBinding: true,
+        defaultProps: {
+            separator: "chevron",
+            overflowBehavior: "collapse",
+            showHomeIcon: false
+        }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Indicar caminho atual em navegacao hierarquica de telas e seções.",
+        "Permitir retorno rapido a niveis anteriores em apps com estrutura profunda.",
+        "Complementar cabecalhos de pagina com contexto de localizacao."
+    ],
+    avoidUseCases: [
+        "Menus completos de navegacao lateral ou superior; nesses casos prefira SgMenu.",
+        "Acoes do usuario sem hierarquia de pagina.",
+        "Conteudo de layout ou agrupamento visual."
+    ],
+    synonyms: ["breadcrumb", "navigation trail", "path navigation", "hierarchy trail"],
+    relatedEntityFields: ["breadcrumbs", "path", "currentSection", "navigationPath"],
+    compositionHints: [
+        "Usar junto de SgCard, SgPanel e cabecalhos de pagina.",
+        "Combinar com SgMenu quando houver navegacao global e local."
+    ],
+    rankingSignals: {
+        freeText: 0,
+        structuredChoice: 0,
+        date: 0,
+        number: 0,
+        denseLayout: 0.65
+    }
+};

package/dist/layout/SgCard.meta.d.ts

@@ -0,0 +1,4 @@
+import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
+export declare const sgMeta: SgMetaV0;
+export declare const aiHints: SgAiHintsV0;
+//# sourceMappingURL=SgCard.meta.d.ts.map

package/dist/layout/SgCard.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgCard.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgCard.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA0GpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}

package/dist/layout/SgCard.meta.js

@@ -0,0 +1,132 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "layout.card",
+    package: "@seedgrid/fe-components",
+    exportName: "SgCard",
+    slug: "sg-card",
+    displayName: "SgCard",
+    category: "layout",
+    subcategory: "card",
+    description: "Container visual para destacar conteudo em blocos com cabecalho, descricao, acoes, rodape e estados colapsaveis.",
+    tags: ["layout", "card", "container", "surface", "content-block"],
+    capabilities: ["header-footer", "highlighted-content", "collapsible", "clickable", "draggable", "surface-styles"],
+    fieldSemantics: ["container", "contentCard", "summaryBlock", "highlightedContent", "section"],
+    props: [
+        {
+            name: "title",
+            type: "ReactNode",
+            description: "Titulo principal do card.",
+            semanticRole: "label",
+            bindable: true
+        },
+        {
+            name: "description",
+            type: "ReactNode",
+            description: "Descricao ou subtitulo complementar do cabecalho.",
+            semanticRole: "label",
+            bindable: true
+        },
+        {
+            name: "children",
+            type: "ReactNode",
+            required: true,
+            description: "Conteudo principal exibido dentro do card.",
+            semanticRole: "data",
+            bindable: false
+        },
+        {
+            name: "cardStyle",
+            type: '"default" | "outlined" | "elevated" | "flat"',
+            default: "default",
+            description: "Estilo visual da superficie do card.",
+            semanticRole: "appearance",
+            bindable: true
+        },
+        {
+            name: "size",
+            type: '"sm" | "md" | "lg"',
+            default: "md",
+            description: "Escala geral de espacos e dimensoes do card.",
+            semanticRole: "appearance",
+            bindable: true
+        },
+        {
+            name: "collapsible",
+            type: "boolean",
+            default: false,
+            description: "Permite recolher e expandir o conteudo do card.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "clickable",
+            type: "boolean",
+            default: false,
+            description: "Transforma o card em superficie clicavel.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "onClick",
+            type: "() => void",
+            description: "Callback disparado quando o card e acionado.",
+            semanticRole: "event",
+            bindable: false
+        }
+    ],
+    states: ["default", "clickable", "collapsed", "expanded", "disabled", "dragging"],
+    examples: [
+        {
+            id: "basic",
+            title: "Basico",
+            file: "apps/showcase/src/app/components/sg-card/samples/basico.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "playground",
+            title: "Playground",
+            file: "apps/showcase/src/app/components/sg-card/sg-card.tsx.playground",
+            kind: "playground"
+        }
+    ],
+    showcase: {
+        route: "/components/sg-card",
+        hasPlayground: true,
+        hasPropsTable: true
+    },
+    sdui: {
+        rendererType: "layout.card",
+        acceptsDataBinding: true,
+        defaultProps: {
+            cardStyle: "default",
+            size: "md",
+            collapsible: false
+        }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Destacar informacoes resumidas, KPIs, blocos de conteudo e areas de detalhe.",
+        "Agrupar cabecalho, corpo e rodape em um bloco visual independente.",
+        "Criar cards clicaveis, colapsaveis ou arrastaveis em dashboards e listas."
+    ],
+    avoidUseCases: [
+        "Executar acoes diretas; nesses casos prefira componentes de botao.",
+        "Capturar dados do usuario; nesses casos prefira componentes de input.",
+        "Layouts de seccao mais neutros e sem destaque visual; nesses casos prefira SgPanel."
+    ],
+    synonyms: ["card", "content card", "summary card", "surface block"],
+    relatedEntityFields: ["summary", "highlight", "metricCard", "detailCard", "contentBlock"],
+    compositionHints: [
+        "Usar com SgButton em rodapes de acao ou cabecalhos de resumo.",
+        "Combinar com SgAccordion e SgPanel em telas analiticas e dashboards."
+    ],
+    rankingSignals: {
+        freeText: 0,
+        structuredChoice: 0,
+        date: 0,
+        number: 0,
+        denseLayout: 0.85
+    }
+};

package/dist/layout/SgCarousel.meta.d.ts

@@ -0,0 +1,4 @@
+import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
+export declare const sgMeta: SgMetaV0;
+export declare const aiHints: SgAiHintsV0;
+//# sourceMappingURL=SgCarousel.meta.d.ts.map

package/dist/layout/SgCarousel.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgCarousel.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgCarousel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA8BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/layout/SgCarousel.meta.js

@@ -0,0 +1,50 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "layout.carousel",
+    package: "@seedgrid/fe-components",
+    exportName: "SgCarousel",
+    slug: "sg-carousel",
+    displayName: "SgCarousel",
+    category: "layout",
+    subcategory: "carousel",
+    description: "Componente de navegacao sequencial para colecoes visuais com autoplay, navegadores e indicadores.",
+    tags: ["layout", "carousel", "slider", "gallery"],
+    capabilities: ["sequential-navigation", "autoplay", "indicators", "orientation", "circular-loop"],
+    fieldSemantics: ["carousel", "gallery", "sequentialContent", "slidingCollection"],
+    props: [
+        { name: "items", type: "ReactNode[]", required: true, description: "Colecao de slides renderizados.", semanticRole: "data", bindable: true },
+        { name: "numVisible", type: "number", default: 1, description: "Quantidade de itens visiveis simultaneamente.", semanticRole: "behavior", bindable: true },
+        { name: "numScroll", type: "number", default: 1, description: "Quantidade de itens avancados por interacao.", semanticRole: "behavior", bindable: true },
+        { name: "orientation", type: '"horizontal" | "vertical"', default: "horizontal", description: "Orientacao do fluxo do carousel.", semanticRole: "behavior", bindable: true },
+        { name: "circular", type: "boolean", default: true, description: "Permite loop continuo dos itens.", semanticRole: "behavior", bindable: true },
+        { name: "autoPlay", type: "boolean", default: false, description: "Ativa reproducao automatica do carousel.", semanticRole: "behavior", bindable: true },
+        { name: "showIndicators", type: "boolean", default: true, description: "Exibe indicadores de pagina.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle", "sliding", "autoplay"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-carousel/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/sg-carousel/sg-carousel.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/sg-carousel", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "layout.carousel", acceptsDataBinding: true, defaultProps: { numVisible: 1, numScroll: 1, orientation: "horizontal" } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Exibir galerias, destaques, banners e colecoes navegaveis por deslize.",
+        "Rotacionar conteudo visual ou promocional em espacos limitados.",
+        "Apresentar grupos de cards ou imagens em navegacao sequencial."
+    ],
+    avoidUseCases: [
+        "Listas completas sempre visiveis; nesses casos prefira grid ou stack.",
+        "Navegacao hierarquica de paginas.",
+        "Conteudo de formulario e captura de dados."
+    ],
+    synonyms: ["carousel", "slider", "gallery slider", "content rotator"],
+    relatedEntityFields: ["banners", "highlights", "gallery", "slides"],
+    compositionHints: [
+        "Usar com SgCard e SgBadge para destaque de itens visuais.",
+        "Combinar com SgScreen e SgPanel em landing pages e dashboards."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.72 }
+};

package/dist/layout/SgDockLayout.meta.d.ts

@@ -0,0 +1,4 @@
+import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
+export declare const sgMeta: SgMetaV0;
+export declare const aiHints: SgAiHintsV0;
+//# sourceMappingURL=SgDockLayout.meta.d.ts.map

package/dist/layout/SgDockLayout.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgDockLayout.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgDockLayout.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA2BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/layout/SgDockLayout.meta.js

@@ -0,0 +1,47 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "layout.dock-layout",
+    package: "@seedgrid/fe-components",
+    exportName: "SgDockLayout",
+    slug: "sg-dock-layout",
+    displayName: "SgDockLayout",
+    category: "layout",
+    subcategory: "dock-layout",
+    description: "Layout estrutural com zonas de dock e persistencia de estado para barras e paines arrastaveis.",
+    tags: ["layout", "dock", "workspace", "shell", "zones"],
+    capabilities: ["zone-layout", "drag-drop", "persistent-state", "toolbar-placement", "drop-preview"],
+    fieldSemantics: ["workspaceLayout", "dockLayout", "appShell", "toolArea", "panelZones"],
+    props: [
+        { name: "id", type: "string", required: true, description: "Identificador do layout usado para persistencia e coordenacao interna.", semanticRole: "data", bindable: true },
+        { name: "defaultState", type: "SgDockLayoutState", description: "Estado inicial das toolbars e zonas do layout.", semanticRole: "value", bindable: true },
+        { name: "children", type: "ReactNode", required: true, description: "Zonas, toolbars e conteudo estrutural do layout.", semanticRole: "data", bindable: false },
+        { name: "className", type: "string", description: "Classes adicionais do container raiz.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["default", "dragging", "drop-preview", "persisted"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-dock-layout/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/sg-dock-layout/sg-dock-layout.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/sg-dock-layout", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "layout.dock-layout", acceptsDataBinding: true, defaultProps: { className: "relative grid h-full w-full" } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Compor workspaces com zonas dockadas para toolbars, menus e paineis.",
+        "Estruturar shells administrativos com suporte a arraste e persistencia de layout.",
+        "Organizar regioes top, bottom, left, right e free em uma grade coordenada."
+    ],
+    avoidUseCases: [
+        "Blocos simples de agrupamento; nesses casos prefira SgPanel, SgCard ou SgStack.",
+        "Navegacao isolada; nesses casos prefira Menu, DockMenu ou Breadcrumb.",
+        "Acoes unicas; nesses casos prefira Button ou ToolBar."
+    ],
+    synonyms: ["dock layout", "workspace layout", "zone layout", "docking shell"],
+    relatedEntityFields: ["layout", "workspace", "dockState", "toolbars", "zones"],
+    compositionHints: [
+        "Usar com SgDockZone, SgToolBar e SgToolbarIconButton em shells complexos.",
+        "Combinar com SgScreen ou SgDockScreen quando a tela inteira precisa de docking."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.98 }
+};

package/dist/layout/SgDockScreen.meta.d.ts

@@ -0,0 +1,4 @@
+import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
+export declare const sgMeta: SgMetaV0;
+export declare const aiHints: SgAiHintsV0;
+//# sourceMappingURL=SgDockScreen.meta.d.ts.map

package/dist/layout/SgDockScreen.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgDockScreen.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgDockScreen.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA6BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/layout/SgDockScreen.meta.js

@@ -0,0 +1,49 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "layout.dock-screen",
+    package: "@seedgrid/fe-components",
+    exportName: "SgDockScreen",
+    slug: "sg-dock-screen",
+    displayName: "SgDockScreen",
+    category: "layout",
+    subcategory: "dock-screen",
+    description: "Componente de conveniencia que combina SgScreen e SgDockLayout em uma unica raiz estrutural.",
+    tags: ["layout", "screen", "dock", "workspace", "shell"],
+    capabilities: ["screen-shell", "dock-layout", "root-workspace", "persistent-layout"],
+    fieldSemantics: ["workspaceScreen", "dockScreen", "appShell", "rootLayout"],
+    props: [
+        { name: "id", type: "string", required: true, description: "Identificador do dock layout interno.", semanticRole: "data", bindable: true },
+        { name: "screenId", type: "string", description: "ID opcional do elemento raiz de screen.", semanticRole: "data", bindable: true },
+        { name: "defaultState", type: "SgDockLayoutState", description: "Estado inicial das toolbars e zonas internas.", semanticRole: "value", bindable: true },
+        { name: "layoutClassName", type: "string", description: "Classes adicionais aplicadas ao layout interno de dock.", semanticRole: "appearance", bindable: true },
+        { name: "fullscreen", type: "boolean", default: true, description: "Quando ativo, a screen ocupa a viewport inteira.", semanticRole: "behavior", bindable: true },
+        { name: "children", type: "ReactNode", description: "Zonas e conteudo estrutural do dock screen.", semanticRole: "data", bindable: false }
+    ],
+    states: ["default", "fullscreen", "embedded", "persisted"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-dock-screen/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/sg-dock-screen/sg-dock-screen.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/sg-dock-screen", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "layout.dock-screen", acceptsDataBinding: true, defaultProps: { fullscreen: true } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Montar telas completas com docking sem precisar combinar Screen e DockLayout manualmente.",
+        "Criar workspaces administrativos e shells de aplicacao com zonas estruturais prontas.",
+        "Usar quando o layout principal da tela inteira precisa de docking persistente."
+    ],
+    avoidUseCases: [
+        "Secoes internas pequenas; nesses casos prefira DockLayout, Panel ou Stack.",
+        "Apenas uma screen simples sem zonas; nesses casos prefira SgScreen.",
+        "Conteudo puramente navegacional; nesses casos prefira Menu, PageControl ou DockMenu."
+    ],
+    synonyms: ["dock screen", "workspace screen", "docking shell", "dock workspace"],
+    relatedEntityFields: ["screen", "workspace", "layout", "dockScreen", "shell"],
+    compositionHints: [
+        "Usar com SgDockZone e SgToolBar para montar laterais, topo e rodape.",
+        "Combinar com menus, dialogs e paineis em shells administrativos."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.99 }
+};

package/dist/layout/SgDockZone.meta.d.ts

@@ -0,0 +1,4 @@
+import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
+export declare const sgMeta: SgMetaV0;
+export declare const aiHints: SgAiHintsV0;
+//# sourceMappingURL=SgDockZone.meta.d.ts.map

package/dist/layout/SgDockZone.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgDockZone.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgDockZone.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QAuBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/layout/SgDockZone.meta.js

@@ -0,0 +1,43 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "layout.dock-zone",
+    package: "@seedgrid/fe-components",
+    exportName: "SgDockZone",
+    slug: "sg-dock-zone",
+    displayName: "SgDockZone",
+    category: "layout",
+    subcategory: "dock-zone",
+    description: "Regiao nomeada dentro de um dock layout usada para alojar toolbars e conteudo por zona.",
+    tags: ["layout", "dock", "zone", "region", "workspace"],
+    capabilities: ["named-zone", "drop-target", "toolbar-host", "free-zone", "preview-state"],
+    fieldSemantics: ["dockZone", "layoutRegion", "workspaceRegion", "dropArea"],
+    props: [
+        { name: "zone", type: '"top" | "bottom" | "left" | "right" | "free"', required: true, description: "Identificador da zona dentro do dock layout.", semanticRole: "value", bindable: true },
+        { name: "children", type: "ReactNode", description: "Conteudo renderizado dentro da zona.", semanticRole: "data", bindable: false },
+        { name: "className", type: "string", description: "Classes adicionais da zona.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["default", "drop-preview", "active-drop-target"],
+    examples: [{ id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-dock-layout/samples/basico.tsx.sample", kind: "sample" }],
+    showcase: { route: "/components/sg-dock-layout", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "layout.dock-zone", acceptsDataBinding: true, defaultProps: { zone: "free" } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Declarar regioes top, bottom, left, right e free em um DockLayout.",
+        "Delimitar areas que recebem toolbars, menus ou conteudo arrastavel.",
+        "Separar funcionalmente zonas de uma workspace com docking."
+    ],
+    avoidUseCases: [
+        "Agrupamentos simples fora de docking; nesses casos prefira Panel ou Stack.",
+        "Navegacao isolada; nesses casos prefira Menu ou Breadcrumb.",
+        "Acoes primarias; nesses casos prefira Button ou ToolbarIconButton."
+    ],
+    synonyms: ["dock zone", "dock region", "layout zone", "drop area"],
+    relatedEntityFields: ["zone", "region", "dockArea", "workspaceArea"],
+    compositionHints: [
+        "Usar dentro de SgDockLayout ou SgDockScreen.",
+        "Combinar com SgToolBar e conteudo de workspace conforme a zona."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.92 }
+};

package/dist/layout/SgExpandablePanel.meta.d.ts

@@ -0,0 +1,4 @@
+import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
+export declare const sgMeta: SgMetaV0;
+export declare const aiHints: SgAiHintsV0;
+//# sourceMappingURL=SgExpandablePanel.meta.d.ts.map

package/dist/layout/SgExpandablePanel.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgExpandablePanel.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgExpandablePanel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA8BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/layout/SgExpandablePanel.meta.js

@@ -0,0 +1,50 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "layout.expandable-panel",
+    package: "@seedgrid/fe-components",
+    exportName: "SgExpandablePanel",
+    slug: "sg-expandable-panel",
+    displayName: "SgExpandablePanel",
+    category: "layout",
+    subcategory: "expandable-panel",
+    description: "Painel expansivel inline ou overlay, com direcao, tamanho, backdrop e comportamento de foco configuraveis.",
+    tags: ["layout", "panel", "expandable", "drawer", "overlay"],
+    capabilities: ["inline-overlay", "directional-expansion", "resizable", "backdrop", "focus-trap"],
+    fieldSemantics: ["container", "drawerPanel", "expandableRegion", "overlayPanel"],
+    props: [
+        { name: "children", type: "ReactNode", required: true, description: "Conteudo principal do painel.", semanticRole: "data", bindable: false },
+        { name: "open", type: "boolean", description: "Controla a abertura do painel.", semanticRole: "value", bindable: true },
+        { name: "onOpenChange", type: "(open: boolean) => void", description: "Callback disparado ao abrir ou fechar o painel.", semanticRole: "event", bindable: false },
+        { name: "expandTo", type: '"left" | "right" | "top" | "bottom"', required: true, description: "Direcao para a qual o painel se expande.", semanticRole: "behavior", bindable: true },
+        { name: "mode", type: '"inline" | "overlay"', default: "inline", description: "Modo de renderizacao do painel.", semanticRole: "behavior", bindable: true },
+        { name: "size", type: "SgExpandablePanelSize", description: "Configuracao de tamanho minimo, maximo e padrao.", semanticRole: "behavior", bindable: true },
+        { name: "resizable", type: "boolean", default: false, description: "Permite redimensionar o painel.", semanticRole: "behavior", bindable: true }
+    ],
+    states: ["closed", "open", "overlay", "inline", "resizing"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-expandable-panel/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/sg-expandable-panel/sg-expandable-panel.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/sg-expandable-panel", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "layout.expandable-panel", acceptsDataBinding: true, defaultProps: { mode: "inline", placement: "start", resizable: false } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Criar drawers e paineis expansivos laterais ou superiores.",
+        "Exibir conteudo contextual adicional sem trocar de tela.",
+        "Layouts que pedem painel redimensionavel ou overlay controlado."
+    ],
+    avoidUseCases: [
+        "Dialogs modais completos; nesses casos prefira SgDialog.",
+        "Secoes simples fixas; nesses casos prefira SgPanel.",
+        "Acoes e inputs isolados."
+    ],
+    synonyms: ["expandable panel", "drawer", "sliding panel", "side panel"],
+    relatedEntityFields: ["sidePanel", "filtersPanel", "detailsDrawer", "expandableSection"],
+    compositionHints: [
+        "Usar com SgButton para abrir e fechar o painel.",
+        "Combinar com SgStack e sgInput* para formularios laterais."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.88 }
+};

package/dist/layout/SgGrid.meta.d.ts

@@ -0,0 +1,4 @@
+import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
+export declare const sgMeta: SgMetaV0;
+export declare const aiHints: SgAiHintsV0;
+//# sourceMappingURL=SgGrid.meta.d.ts.map

package/dist/layout/SgGrid.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgGrid.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgGrid.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QAkGpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}