@seedgrid/fe-components 2026.4.12 → 2026.4.13

package/dist/inputs/SgOrderList.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.orderList",
+    package: "@seedgrid/fe-components",
+    exportName: "SgOrderList",
+    slug: "sg-order-list",
+    displayName: "SgOrderList",
+    category: "input",
+    subcategory: "order-list",
+    description: "Lista ordenavel para reordenacao manual de itens com selecao e controles de movimento.",
+    tags: ["form", "ordering", "list", "priority", "rhf"],
+    capabilities: ["rhf", "reordering", "selection", "drag-drop", "list-controls"],
+    fieldSemantics: ["orderedCollection", "priorityList", "rankingList", "manualOrdering"],
+    props: [
+        { name: "title", type: "string", description: "Titulo do grupo.", semanticRole: "label", bindable: true },
+        { name: "source", type: "SgOrderListItem[]", description: "Itens de origem.", semanticRole: "data", bindable: true },
+        { name: "value", type: "SgOrderListItem[]", description: "Itens na ordem atual.", semanticRole: "value", bindable: true },
+        { name: "selectionMode", type: "\"single\" | \"multiple\"", default: "single", description: "Modo de selecao.", semanticRole: "behavior", bindable: true },
+        { name: "showControls", type: "boolean", default: true, description: "Exibe botoes de ordenacao.", semanticRole: "appearance", bindable: true },
+        { name: "draggable", type: "boolean", default: false, description: "Permite arrastar itens.", semanticRole: "behavior", bindable: true },
+        { name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
+        { name: "onChange", type: "(items: SgOrderListItem[]) => void", description: "Callback ao alterar a ordem.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "disabled", "readOnly", "empty"],
+    showcase: { route: "/components/sg-order-list", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.orderList",
+        acceptsDataBinding: true,
+        defaultProps: { selectionMode: "single", showControls: true, draggable: false }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Ordenacao manual de prioridades, etapas ou itens.",
+        "Listas em que a ordem final tem significado de negocio.",
+        "Configuracoes onde o usuario precisa reorganizar uma colecao."
+    ],
+    avoidUseCases: [
+        "Escolha simples sem necessidade de ordenacao.",
+        "Transferencia entre duas listas; nesses casos prefira SgPickList.",
+        "Tabelas grandes; nesses casos prefira componentes de dados."
+    ],
+    synonyms: ["order list", "sortable list", "priority list", "ranking list"],
+    relatedEntityFields: ["priorities", "steps", "orderedItems", "ranking", "sequence"],
+    compositionHints: [
+        "Combinar com SgPickList quando o fluxo exigir selecao e depois ordenacao.",
+        "Usar em paineis de configuracao de preferencia."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.82, date: 0, number: 0.1, denseLayout: 0.62 }
+};

package/dist/inputs/SgPickList.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=SgPickList.meta.d.ts.map

package/dist/inputs/SgPickList.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgPickList.meta.d.ts","sourceRoot":"","sources":["../../src/inputs/SgPickList.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/inputs/SgPickList.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.pickList",
+    package: "@seedgrid/fe-components",
+    exportName: "SgPickList",
+    slug: "sg-pick-list",
+    displayName: "SgPickList",
+    category: "input",
+    subcategory: "pick-list",
+    description: "Lista dual para mover itens entre origem e destino com filtros e selecao.",
+    tags: ["form", "picklist", "dual-list", "transfer", "rhf"],
+    capabilities: ["rhf", "transfer-list", "filter", "multi-selection", "source-target"],
+    fieldSemantics: ["dualSelection", "assignmentList", "sourceTargetTransfer", "membershipSelection"],
+    props: [
+        { name: "id", type: "string", description: "Identificador unico do componente.", semanticRole: "data", bindable: false },
+        { name: "value", type: "SgPickListValue", description: "Estado atual das listas.", semanticRole: "value", bindable: true },
+        { name: "sourceLabel", type: "string", description: "Rotulo da lista de origem.", semanticRole: "label", bindable: true },
+        { name: "targetLabel", type: "string", description: "Rotulo da lista de destino.", semanticRole: "label", bindable: true },
+        { name: "selectionMode", type: "string", description: "Modo de selecao nas listas.", semanticRole: "behavior", bindable: true },
+        { name: "showFilters", type: "boolean", default: true, description: "Exibe filtros nas listas.", semanticRole: "appearance", bindable: true },
+        { name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
+        { name: "onChange", type: "(event: SgPickListChangeEvent) => void", description: "Callback ao mover itens.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "disabled", "empty"],
+    showcase: { route: "/components/sg-pick-list", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.pickList",
+        acceptsDataBinding: true,
+        defaultProps: { showFilters: true }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Atribuicao de itens entre duas listas.",
+        "Selecao de membros, permissoes ou recursos em destino final.",
+        "Fluxos em que o conjunto escolhido precisa ser claramente separado do disponivel."
+    ],
+    avoidUseCases: [
+        "Escolha unica ou poucas opcoes; use componentes mais simples.",
+        "Ordenacao pura; nesses casos prefira SgOrderList.",
+        "Texto livre ou dados numericos."
+    ],
+    synonyms: ["pick list", "dual list", "transfer list", "source target list"],
+    relatedEntityFields: ["members", "permissions", "selectedItems", "assignedRoles", "targetItems"],
+    compositionHints: [
+        "Combinar com SgOrderList quando a lista final tambem precisar de ordenacao.",
+        "Usar em telas administrativas e de configuracao."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.9, date: 0, number: 0, denseLayout: 0.6 }
+};

package/dist/inputs/SgRadioGroup.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=SgRadioGroup.meta.d.ts.map

package/dist/inputs/SgRadioGroup.meta.d.ts.map

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

package/dist/inputs/SgRadioGroup.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.radioGroup",
+    package: "@seedgrid/fe-components",
+    exportName: "SgRadioGroup",
+    slug: "sg-radio-group",
+    displayName: "SgRadioGroup",
+    category: "input",
+    subcategory: "radio-group",
+    description: "Grupo de radios para escolha unica com orientacao e estilo visual configuravel.",
+    tags: ["form", "radio", "single-choice", "options", "rhf"],
+    capabilities: ["rhf", "single-selection", "group-box", "highlight-style"],
+    fieldSemantics: ["singleSelection", "optionSet", "enumChoice", "structuredChoice"],
+    props: [
+        { name: "title", type: "string", description: "Titulo do grupo.", semanticRole: "label", bindable: true },
+        { name: "source", type: "SgRadioGroupOption[]", description: "Opcoes disponiveis.", semanticRole: "data", bindable: true },
+        { name: "value", type: "string | number", description: "Valor selecionado.", semanticRole: "value", bindable: true },
+        { name: "orientation", type: "\"horizontal\" | \"vertical\"", default: "vertical", description: "Orientacao visual do grupo.", semanticRole: "appearance", bindable: true },
+        { name: "selectionStyle", type: "\"radio\" | \"highlight\"", default: "radio", description: "Estilo visual de selecao.", semanticRole: "appearance", bindable: true },
+        { name: "required", type: "boolean", default: false, description: "Marca o grupo como obrigatorio.", semanticRole: "validation", bindable: true },
+        { name: "readOnly", type: "boolean", default: false, description: "Impede alteracoes no valor.", semanticRole: "behavior", bindable: true },
+        { name: "onChange", type: "(value: string | number | null) => void", description: "Callback de mudanca.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "disabled", "readOnly", "error"],
+    showcase: { route: "/components/sg-radio-group", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.radioGroup",
+        acceptsDataBinding: true,
+        defaultProps: { orientation: "vertical", selectionStyle: "radio" }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Escolha unica com opcoes visiveis ao mesmo tempo.",
+        "Perguntas binárias ou enumeradas com poucas alternativas.",
+        "Cenarios onde a comparacao visual entre opcoes importa."
+    ],
+    avoidUseCases: [
+        "Multisselecao; nesses casos prefira SgCheckboxGroup.",
+        "Listas longas; nesses casos prefira select ou combobox.",
+        "Texto livre ou valores numericos."
+    ],
+    synonyms: ["radio group", "single choice", "one of many", "option group"],
+    relatedEntityFields: ["status", "priority", "gender", "type", "approvalMode"],
+    compositionHints: [
+        "Combinar com SgCheckboxGroup em formularios com diferentes tipos de escolha.",
+        "Usar dentro de SgPanel para secoes de preferencia e configuracao."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.97, date: 0, number: 0, denseLayout: 0.65 }
+};

package/dist/inputs/SgRating.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=SgRating.meta.d.ts.map

package/dist/inputs/SgRating.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgRating.meta.d.ts","sourceRoot":"","sources":["../../src/inputs/SgRating.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/inputs/SgRating.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.rating",
+    package: "@seedgrid/fe-components",
+    exportName: "SgRating",
+    slug: "sg-rating",
+    displayName: "SgRating",
+    category: "input",
+    subcategory: "rating",
+    description: "Controle de avaliacao ordinal para notas, estrelas e feedback rapido do usuario.",
+    tags: ["form", "rating", "stars", "feedback", "rhf"],
+    capabilities: ["rhf", "ordinal-value", "visual-rating", "icons"],
+    fieldSemantics: ["rating", "score", "reviewScore", "ordinalFeedback"],
+    props: [
+        { name: "id", type: "string", description: "Identificador unico do componente.", semanticRole: "data", bindable: false },
+        { name: "label", type: "string", description: "Rotulo do campo.", semanticRole: "label", bindable: true },
+        { name: "value", type: "number", description: "Nota atual.", semanticRole: "value", bindable: true },
+        { name: "max", type: "number", description: "Quantidade maxima de itens de avaliacao.", semanticRole: "validation", bindable: true },
+        { name: "readOnly", type: "boolean", default: false, description: "Impede alteracao da nota.", semanticRole: "behavior", bindable: true },
+        { name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
+        { name: "size", type: "string", description: "Tamanho visual do controle.", semanticRole: "appearance", bindable: true },
+        { name: "onChange", type: "(value: number | null) => void", description: "Callback de mudanca.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "disabled", "readOnly", "error"],
+    showcase: { route: "/components/sg-rating", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.rating",
+        acceptsDataBinding: true,
+        defaultProps: { max: 5, readOnly: false }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Coleta de nota ou avaliacao visual.",
+        "Pesquisas rapidas de satisfacao.",
+        "Feedback com escala pequena e intuitiva."
+    ],
+    avoidUseCases: [
+        "Precisao numerica de negocio; nesses casos prefira inputs numericos.",
+        "Texto livre de comentario; use componente complementar.",
+        "Escolhas nominais ou filtros complexos."
+    ],
+    synonyms: ["rating", "stars", "score", "review rating"],
+    relatedEntityFields: ["rating", "score", "satisfaction", "reviewScore", "stars"],
+    compositionHints: [
+        "Combinar com SgInputTextArea para feedback detalhado.",
+        "Usar em formularios de avaliacao e pesquisa."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.55, date: 0, number: 0.7, denseLayout: 0.7 }
+};

package/dist/inputs/SgSlider.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=SgSlider.meta.d.ts.map

package/dist/inputs/SgSlider.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgSlider.meta.d.ts","sourceRoot":"","sources":["../../src/inputs/SgSlider.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/inputs/SgSlider.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.slider",
+    package: "@seedgrid/fe-components",
+    exportName: "SgSlider",
+    slug: "sg-slider",
+    displayName: "SgSlider",
+    category: "input",
+    subcategory: "slider",
+    description: "Controle deslizante para ajuste numerico continuo dentro de um intervalo definido.",
+    tags: ["form", "slider", "range", "numeric", "rhf"],
+    capabilities: ["rhf", "continuous-value", "min-max", "step", "range-input"],
+    fieldSemantics: ["rangeValue", "continuousNumber", "tuningControl", "numericAdjustment"],
+    props: [
+        { name: "id", type: "string", required: true, description: "Identificador unico do componente.", semanticRole: "data", bindable: false },
+        { name: "minValue", type: "number", required: true, description: "Valor minimo do intervalo.", semanticRole: "validation", bindable: true },
+        { name: "maxValue", type: "number", required: true, description: "Valor maximo do intervalo.", semanticRole: "validation", bindable: true },
+        { name: "value", type: "number", description: "Valor atual controlado.", semanticRole: "value", bindable: true },
+        { name: "step", type: "number", description: "Passo entre valores.", semanticRole: "behavior", bindable: true },
+        { name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
+        { name: "width", type: "number | string", description: "Largura do componente.", semanticRole: "appearance", bindable: true },
+        { name: "onChange", type: "(value: number) => void", description: "Callback de mudanca.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "disabled", "error"],
+    showcase: { route: "/components/sg-slider", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.slider",
+        acceptsDataBinding: true,
+        defaultProps: { minValue: 0, maxValue: 100, step: 1 }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Ajuste de valor em intervalo continuo.",
+        "Configuracoes numericas com feedback visual.",
+        "Filtros ou controles onde arrastar e melhor que digitar."
+    ],
+    avoidUseCases: [
+        "Precisao numerica alta; nesses casos prefira SgInputNumber.",
+        "Texto livre, datas ou moedas.",
+        "Escolhas nominais entre opcoes discretas."
+    ],
+    synonyms: ["slider", "range input", "seek bar", "value slider"],
+    relatedEntityFields: ["volume", "progress", "percentage", "score", "intensity"],
+    compositionHints: [
+        "Combinar com SgInputNumber quando o usuario precisar tanto arrastar quanto digitar.",
+        "Usar em paineis de filtro e configuracao."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.2, date: 0, number: 0.9, denseLayout: 0.55 }
+};

package/dist/inputs/SgStepperInput.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=SgStepperInput.meta.d.ts.map

package/dist/inputs/SgStepperInput.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgStepperInput.meta.d.ts","sourceRoot":"","sources":["../../src/inputs/SgStepperInput.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/inputs/SgStepperInput.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.stepper",
+    package: "@seedgrid/fe-components",
+    exportName: "SgStepperInput",
+    slug: "sg-stepper-input",
+    displayName: "SgStepperInput",
+    category: "input",
+    subcategory: "stepper",
+    description: "Campo numerico com botoes de incremento e decremento para ajuste discreto de quantidade.",
+    tags: ["form", "stepper", "numeric", "quantity", "rhf"],
+    capabilities: ["rhf", "increment-decrement", "min-max", "step", "numeric-entry"],
+    fieldSemantics: ["quantity", "stepNumber", "countControl", "discreteNumber"],
+    props: [
+        { name: "id", type: "string", required: true, description: "Identificador unico do componente.", semanticRole: "data", bindable: false },
+        { name: "minValue", type: "number", required: true, description: "Valor minimo permitido.", semanticRole: "validation", bindable: true },
+        { name: "maxValue", type: "number", required: true, description: "Valor maximo permitido.", semanticRole: "validation", bindable: true },
+        { name: "step", type: "number", default: 1, description: "Incremento e decremento aplicados.", semanticRole: "behavior", bindable: true },
+        { name: "value", type: "number", description: "Valor atual controlado.", semanticRole: "value", bindable: true },
+        { name: "readOnly", type: "boolean", default: false, description: "Permite visualizacao sem edicao direta.", semanticRole: "behavior", bindable: true },
+        { name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
+        { name: "onChange", type: "(value: number) => void", description: "Callback de mudanca.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "disabled", "readOnly", "error"],
+    showcase: { route: "/components/sg-stepper-input", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.stepper",
+        acceptsDataBinding: true,
+        defaultProps: { minValue: 0, maxValue: 100, step: 1 }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Controle de quantidade com incremento discreto.",
+        "Cenarios de carrinho, estoque ou contagem.",
+        "Valores inteiros onde o usuario tende a usar botoes."
+    ],
+    avoidUseCases: [
+        "Numeros decimais complexos; nesses casos prefira SgInputNumber.",
+        "Texto livre, datas ou moedas.",
+        "Faixas continuas; nesses casos prefira SgSlider."
+    ],
+    synonyms: ["stepper", "quantity input", "increment input", "counter field"],
+    relatedEntityFields: ["quantity", "count", "units", "seats", "items"],
+    compositionHints: [
+        "Combinar com SgButton em fluxos de pedido ou configuracao.",
+        "Usar ao lado de SgInputCurrency em cenarios de quantidade x preco."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.1, date: 0, number: 0.93, denseLayout: 0.6 }
+};

package/dist/inputs/SgTextEditor.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=SgTextEditor.meta.d.ts.map

package/dist/inputs/SgTextEditor.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgTextEditor.meta.d.ts","sourceRoot":"","sources":["../../src/inputs/SgTextEditor.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/inputs/SgTextEditor.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.textEditor",
+    package: "@seedgrid/fe-components",
+    exportName: "SgTextEditor",
+    slug: "sg-text-editor",
+    displayName: "SgTextEditor",
+    category: "input",
+    subcategory: "rich-text",
+    description: "Editor de texto rico para conteudo formatado, comentarios elaborados e edicao textual com recursos visuais.",
+    tags: ["form", "rich-text", "editor", "content", "html"],
+    capabilities: ["rich-text", "formatted-content", "toolbar", "upload-hooks", "save-metadata"],
+    fieldSemantics: ["richText", "formattedDescription", "articleBody", "htmlContent"],
+    props: [
+        { name: "id", type: "string", description: "Identificador unico do editor.", semanticRole: "data", bindable: false },
+        { name: "label", type: "string", description: "Rotulo exibido ao usuario.", semanticRole: "label", bindable: true },
+        { name: "value", type: "string", description: "Conteudo atual do editor.", semanticRole: "value", bindable: true },
+        { name: "readOnly", type: "boolean", default: false, description: "Impede edicao do conteudo.", semanticRole: "behavior", bindable: true },
+        { name: "placeholder", type: "string", description: "Texto de ajuda inicial.", semanticRole: "appearance", bindable: true },
+        { name: "height", type: "number | string", description: "Altura do editor.", semanticRole: "appearance", bindable: true },
+        { name: "onChange", type: "(value: string) => void", description: "Callback de mudanca do conteudo.", semanticRole: "event", bindable: false },
+        { name: "onSave", type: "(meta: SgTextEditorSaveMeta) => void", description: "Callback de persistencia do conteudo.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "readOnly", "disabled", "error"],
+    showcase: { route: "/components/sg-text-editor", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.richText",
+        acceptsDataBinding: true,
+        defaultProps: { readOnly: false }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Conteudo formatado com negrito, listas e estrutura rica.",
+        "Descricoes longas com semantica de rich text.",
+        "Cenarios editoriais, comunicados e observacoes elaboradas."
+    ],
+    avoidUseCases: [
+        "Campos curtos ou texto simples; nesses casos prefira SgInputText ou SgInputTextArea.",
+        "Dados estruturados, numericos ou temporais.",
+        "Inputs de autenticacao ou selecao."
+    ],
+    synonyms: ["text editor", "rich text editor", "wysiwyg", "formatted text"],
+    relatedEntityFields: ["content", "body", "descriptionHtml", "article", "notesHtml"],
+    compositionHints: [
+        "Combinar com SgButton para salvar e publicar conteudo.",
+        "Usar em paineis de edicao de conteudo e CMS."
+    ],
+    rankingSignals: { freeText: 0.99, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.35 }
+};

package/dist/inputs/SgToggleSwitch.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=SgToggleSwitch.meta.d.ts.map

package/dist/inputs/SgToggleSwitch.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgToggleSwitch.meta.d.ts","sourceRoot":"","sources":["../../src/inputs/SgToggleSwitch.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/inputs/SgToggleSwitch.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "form.input.toggle",
+    package: "@seedgrid/fe-components",
+    exportName: "SgToggleSwitch",
+    slug: "sg-toggle-switch",
+    displayName: "SgToggleSwitch",
+    category: "input",
+    subcategory: "toggle",
+    description: "Interruptor booleano para ativar ou desativar estados, flags e configuracoes simples.",
+    tags: ["form", "toggle", "switch", "boolean", "rhf"],
+    capabilities: ["rhf", "boolean-value", "on-off", "visual-state"],
+    fieldSemantics: ["boolean", "flag", "enabledState", "onOff"],
+    props: [
+        { name: "id", type: "string", required: true, description: "Identificador unico do componente.", semanticRole: "data", bindable: false },
+        { name: "label", type: "string", description: "Rotulo exibido ao usuario.", semanticRole: "label", bindable: true },
+        { name: "checked", type: "boolean", description: "Valor booleano atual.", semanticRole: "value", bindable: true },
+        { name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
+        { name: "readOnly", type: "boolean", default: false, description: "Permite visualizacao sem alteracao.", semanticRole: "behavior", bindable: true },
+        { name: "checkedLabel", type: "string", description: "Texto exibido no estado ligado.", semanticRole: "appearance", bindable: true },
+        { name: "uncheckedLabel", type: "string", description: "Texto exibido no estado desligado.", semanticRole: "appearance", bindable: true },
+        { name: "onChange", type: "(checked: boolean) => void", description: "Callback de mudanca.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "checked", "unchecked", "disabled", "readOnly"],
+    showcase: { route: "/components/sg-toggle-switch", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "field.toggle",
+        acceptsDataBinding: true,
+        defaultProps: { checked: false, disabled: false }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Flags booleanas e configuracoes simples.",
+        "Estados ligado/desligado com feedback visual direto.",
+        "Preferencias, ativacoes e permissoes binarias."
+    ],
+    avoidUseCases: [
+        "Acoes imediatas; nesses casos prefira SgButton.",
+        "Escolhas entre mais de dois estados.",
+        "Texto livre ou numeros."
+    ],
+    synonyms: ["toggle", "switch", "boolean switch", "on off control"],
+    relatedEntityFields: ["enabled", "active", "published", "visible", "notificationsEnabled"],
+    compositionHints: [
+        "Combinar com SgCheckboxGroup em telas de configuracao.",
+        "Usar em formularios de preferencia e administracao."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.88, date: 0, number: 0, denseLayout: 0.78 }
+};

package/dist/layout/SgAccordion.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=SgAccordion.meta.d.ts.map

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

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

package/dist/layout/SgAccordion.meta.js

@@ -0,0 +1,131 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "layout.accordion",
+    package: "@seedgrid/fe-components",
+    exportName: "SgAccordion",
+    slug: "sg-accordion",
+    displayName: "SgAccordion",
+    category: "layout",
+    subcategory: "accordion",
+    description: "Container colapsavel por secoes para organizar conteudo em paineis expansivos, verticais ou horizontais.",
+    tags: ["layout", "accordion", "collapse", "sections", "disclosure"],
+    capabilities: ["collapsible-sections", "multiple-open", "horizontal", "controlled-state", "keep-mounted"],
+    fieldSemantics: ["container", "sectionGroup", "collapsibleSection", "disclosure"],
+    props: [
+        {
+            name: "items",
+            type: "SgAccordionItem[]",
+            required: true,
+            description: "Colecao de secoes renderizadas pelo accordion.",
+            semanticRole: "data",
+            bindable: true
+        },
+        {
+            name: "orientation",
+            type: '"vertical" | "horizontal"',
+            default: "vertical",
+            description: "Direcao de expansao dos paineis.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "multiple",
+            type: "boolean",
+            default: false,
+            description: "Permite manter varios paineis abertos simultaneamente.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "collapsible",
+            type: "boolean",
+            default: true,
+            description: "Permite fechar um painel ja ativo.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "activeIndex",
+            type: "number[]",
+            description: "Estado controlado dos paineis abertos.",
+            semanticRole: "value",
+            bindable: true
+        },
+        {
+            name: "defaultActiveIndex",
+            type: "number[]",
+            description: "Estado inicial dos paineis abertos.",
+            semanticRole: "behavior",
+            bindable: true
+        },
+        {
+            name: "headerBackgroundColor",
+            type: "string",
+            description: "Cor base dos headers do accordion.",
+            semanticRole: "appearance",
+            bindable: true
+        },
+        {
+            name: "onActiveIndexChange",
+            type: "(indexes: number[]) => void",
+            description: "Callback disparado quando o conjunto de paineis abertos muda.",
+            semanticRole: "event",
+            bindable: false
+        }
+    ],
+    states: ["default", "expanded", "collapsed", "controlled", "horizontal"],
+    examples: [
+        {
+            id: "basic-vertical-single",
+            title: "Basico vertical",
+            file: "apps/showcase/src/app/components/sg-accordion/samples/basico-vertical-single.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "playground",
+            title: "Playground",
+            file: "apps/showcase/src/app/components/sg-accordion/sg-accordion.tsx.playground",
+            kind: "playground"
+        }
+    ],
+    showcase: {
+        route: "/components/sg-accordion",
+        hasPlayground: true,
+        hasPropsTable: true
+    },
+    sdui: {
+        rendererType: "layout.accordion",
+        acceptsDataBinding: true,
+        defaultProps: {
+            orientation: "vertical",
+            multiple: false,
+            collapsible: true
+        }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Agrupar conteudo em secoes expansivas quando o espaco vertical precisa ser economizado.",
+        "Exibir FAQs, detalhes tecnicos, filtros avancados ou configuracoes em blocos colapsaveis.",
+        "Layouts com conteudo progressivo ou dividido por categorias."
+    ],
+    avoidUseCases: [
+        "Acoes primarias ou triggers; nesses casos prefira componentes de acao.",
+        "Captura direta de dados; nesses casos prefira componentes de input.",
+        "Blocos sempre visiveis sem necessidade de colapso; nesses casos prefira SgPanel ou SgCard."
+    ],
+    synonyms: ["accordion", "collapsible sections", "expansion panels", "disclosure group"],
+    relatedEntityFields: ["faqSections", "detailsSections", "filterSections", "advancedSettings"],
+    compositionHints: [
+        "Usar com SgInputText e outros inputs em filtros avancados ou formularios em etapas.",
+        "Combinar com SgCard ou SgPanel quando o accordion fizer parte de um bloco maior."
+    ],
+    rankingSignals: {
+        freeText: 0,
+        structuredChoice: 0,
+        date: 0,
+        number: 0,
+        denseLayout: 0.9
+    }
+};

package/dist/layout/SgBreadcrumb.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=SgBreadcrumb.meta.d.ts.map