@seedgrid/fe-components 2026.10.1 → 2026.10.2

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

@@ -3043,15 +3043,15 @@
           },
           {
             "name": "rows",
-            "type": "SgDatatableRow[]",
+            "type": "number",
             "required": false,
-            "description": "Linhas exibidas na tabela.",
-            "semanticRole": "value",
+            "description": "Linhas por pagina quando a paginacao esta ativa (os dados vao em value).",
+            "semanticRole": "behavior",
             "bindable": true
           },
           {
             "name": "selectionMode",
-            "type": "string",
+            "type": "\"single\" | \"multiple\"",
             "required": false,
             "description": "Modo de selecao de linhas.",
             "semanticRole": "behavior",
@@ -4038,7 +4038,7 @@
           },
           {
             "name": "onChange",
-            "type": "(value: number | null) => void",
+            "type": "(value: string) => void",
             "required": false,
             "description": "Callback com o valor numerico atual.",
             "semanticRole": "event",
@@ -4354,7 +4354,7 @@
           },
           {
             "name": "onChange",
-            "type": "(value: number | null) => void",
+            "type": "(value: string) => void",
             "required": false,
             "description": "Callback com o valor monetario normalizado.",
             "semanticRole": "event",
@@ -4718,7 +4718,7 @@
           },
           {
             "name": "onChange",
-            "type": "(value: string | null) => void",
+            "type": "(value: string) => void",
             "required": false,
             "description": "Callback com a data selecionada ou digitada.",
             "semanticRole": "event",
@@ -7418,7 +7418,7 @@
           },
           {
             "name": "selectionMode",
-            "type": "string",
+            "type": "\"single\" | \"multiple\"",
             "required": false,
             "description": "Modo de selecao nas listas.",
             "semanticRole": "behavior",
@@ -7900,7 +7900,7 @@
           },
           {
             "name": "size",
-            "type": "string",
+            "type": "\"sm\" | \"md\" | \"lg\" | \"xl\"",
             "required": false,
             "description": "Tamanho visual do controle.",
             "semanticRole": "appearance",
@@ -7908,7 +7908,7 @@
           },
           {
             "name": "onChange",
-            "type": "(value: number | null) => void",
+            "type": "(value: number) => void",
             "required": false,
             "description": "Callback de mudanca.",
             "semanticRole": "event",
@@ -8476,7 +8476,7 @@
           },
           {
             "name": "height",
-            "type": "number | string",
+            "type": "number",
             "required": false,
             "description": "Altura do editor.",
             "semanticRole": "appearance",
@@ -8484,7 +8484,7 @@
           },
           {
             "name": "onSave",
-            "type": "(meta: SgTextEditorSaveMeta) => void",
+            "type": "(file: File, meta: SgTextEditorSaveMeta) => void",
             "required": false,
             "description": "Callback de persistencia do conteudo.",
             "semanticRole": "event",
@@ -9393,7 +9393,7 @@
           },
           {
             "name": "position",
-            "type": "\"bottom-right\" | \"bottom-left\" | \"top-right\" | \"top-left\"",
+            "type": "\"left-top\" | \"left-center\" | \"left-bottom\" | \"center-top\" | \"center-bottom\" | \"right-top\" | \"right-center\" | \"right-bottom\"",
             "required": false,
             "default": "bottom-right",
             "description": "Posicao do FAB na area visivel.",
@@ -9410,7 +9410,7 @@
           },
           {
             "name": "severity",
-            "type": "\"primary\" | \"secondary\" | \"success\" | \"info\" | \"warning\" | \"help\" | \"danger\"",
+            "type": "\"primary\" | \"secondary\" | \"success\" | \"info\" | \"warning\" | \"help\" | \"danger\" | \"plain\"",
             "required": false,
             "default": "primary",
             "description": "Peso visual da acao flutuante.",
@@ -9659,7 +9659,7 @@
         "props": [
           {
             "name": "label",
-            "type": "ReactNode",
+            "type": "string",
             "required": false,
             "description": "Conteudo textual principal da acao.",
             "semanticRole": "label",
@@ -13019,7 +13019,7 @@
           },
           {
             "name": "activeIndex",
-            "type": "number[]",
+            "type": "number | number[]",
             "required": false,
             "description": "Estado controlado dos paineis abertos.",
             "semanticRole": "value",
@@ -13027,7 +13027,7 @@
           },
           {
             "name": "defaultActiveIndex",
-            "type": "number[]",
+            "type": "number | number[]",
             "required": false,
             "description": "Estado inicial dos paineis abertos.",
             "semanticRole": "behavior",
@@ -13465,7 +13465,7 @@
           },
           {
             "name": "onClick",
-            "type": "() => void",
+            "type": "React.MouseEventHandler<HTMLElement>",
             "required": false,
             "description": "Callback disparado quando o card e acionado.",
             "semanticRole": "event",
@@ -14979,7 +14979,7 @@
           },
           {
             "name": "menuVariantStyle",
-            "type": "\"panel\" | \"tiered\" | \"mega-horizontal\" | \"mega-vertical\"",
+            "type": "\"panel\" | \"tiered\" | \"mega-horizontal\" | \"mega-vertical\" | \"PanelMenu\" | \"Tiered\" | \"MegaMenuHorizontal\" | \"MegaMenuVertical\"",
             "required": false,
             "default": "panel",
             "description": "Variante visual e comportamental do menu.",
@@ -15427,7 +15427,7 @@
           },
           {
             "name": "onActivePageIdChange",
-            "type": "(pageId: string, context: object) => void",
+            "type": "(pageId: string, context: { index: number; page: SgPageControlPageProps }) => void",
             "required": false,
             "description": "Callback disparado quando a pagina ativa muda.",
             "semanticRole": "event",
@@ -15769,7 +15769,7 @@
           },
           {
             "name": "width",
-            "type": "number | string",
+            "type": "number | `${number}%`",
             "required": false,
             "description": "Largura do painel quando dockado ou usado em composicoes controladas.",
             "semanticRole": "behavior",
@@ -15777,7 +15777,7 @@
           },
           {
             "name": "height",
-            "type": "number | string",
+            "type": "number | `${number}%`",
             "required": false,
             "description": "Altura do painel quando dockado ou usado em composicoes controladas.",
             "semanticRole": "behavior",
@@ -20011,7 +20011,7 @@
           },
           {
             "name": "stringAnimatorStyle",
-            "type": "\"roller3d\" | \"flip\" | \"neon\" | \"fade\" | \"matrix\" | \"discard\" | \"segment\" | \"sevenSegment\"",
+            "type": "\"roller3d\" | \"flip\" | \"neon\" | \"fade\" | \"discard\" | \"matrix\"",
             "required": false,
             "default": "roller3d",
             "description": "Estilo visual usado na transicao.",
@@ -20020,7 +20020,7 @@
           },
           {
             "name": "alignTo",
-            "type": "\"left\" | \"center\" | \"right\"",
+            "type": "\"left\" | \"right\"",
             "required": false,
             "default": "left",
             "description": "Alinhamento do texto animado.",

package/dist/buttons/SgFloatActionButton.meta.js

@@ -29,7 +29,7 @@ export const sgMeta = {
         },
         {
             name: "position",
-            type: '"bottom-right" | "bottom-left" | "top-right" | "top-left"',
+            type: "\"left-top\" | \"left-center\" | \"left-bottom\" | \"center-top\" | \"center-bottom\" | \"right-top\" | \"right-center\" | \"right-bottom\"",
             default: "bottom-right",
             description: "Posicao do FAB na area visivel.",
             semanticRole: "behavior",
@@ -44,7 +44,7 @@ export const sgMeta = {
         },
         {
             name: "severity",
-            type: '"primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger"',
+            type: "\"primary\" | \"secondary\" | \"success\" | \"info\" | \"warning\" | \"help\" | \"danger\" | \"plain\"",
             default: "primary",
             description: "Peso visual da acao flutuante.",
             semanticRole: "appearance",

package/dist/buttons/SgSplitButton.meta.js

@@ -14,7 +14,7 @@ export const sgMeta = {
     props: [
         {
             name: "label",
-            type: "ReactNode",
+            type: "string",
             description: "Conteudo textual principal da acao.",
             semanticRole: "label",
             bindable: true

package/dist/gadgets/string-animator/SgStringAnimator.meta.js

@@ -14,8 +14,8 @@ export const sgMeta = {
     props: [
         { name: "sourceString", type: "string", required: true, description: "Texto inicial da animacao.", semanticRole: "value", bindable: true },
         { name: "targetString", type: "string", required: true, description: "Texto final da animacao.", semanticRole: "value", bindable: true },
-        { name: "stringAnimatorStyle", type: '"roller3d" | "flip" | "neon" | "fade" | "matrix" | "discard" | "segment" | "sevenSegment"', default: "roller3d", description: "Estilo visual usado na transicao.", semanticRole: "appearance", bindable: true },
-        { name: "alignTo", type: '"left" | "center" | "right"', default: "left", description: "Alinhamento do texto animado.", semanticRole: "appearance", bindable: true },
+        { name: "stringAnimatorStyle", type: "\"roller3d\" | \"flip\" | \"neon\" | \"fade\" | \"discard\" | \"matrix\"", default: "roller3d", description: "Estilo visual usado na transicao.", semanticRole: "appearance", bindable: true },
+        { name: "alignTo", type: "\"left\" | \"right\"", default: "left", description: "Alinhamento do texto animado.", semanticRole: "appearance", bindable: true },
         { name: "fontSize", type: "number", default: 28, description: "Escala visual do display.", semanticRole: "appearance", bindable: true }
     ],
     states: ["idle", "animating", "completed"],

package/dist/inputs/SgDatatable.meta.js

@@ -14,8 +14,8 @@ export const sgMeta = {
     props: [
         { name: "id", type: "string", description: "Identificador da tabela usado para DOM e persistencia do layout de colunas.", semanticRole: "data", bindable: true },
         { name: "columns", type: "SgDatatableColumn[]", description: "Definicao das colunas da tabela.", semanticRole: "data", bindable: true },
-        { name: "rows", type: "SgDatatableRow[]", description: "Linhas exibidas na tabela.", semanticRole: "value", bindable: true },
-        { name: "selectionMode", type: "string", description: "Modo de selecao de linhas.", semanticRole: "behavior", bindable: true },
+        { name: "rows", type: "number", description: "Linhas por pagina quando a paginacao esta ativa (os dados vao em value).", semanticRole: "behavior", bindable: true },
+        { name: "selectionMode", type: "\"single\" | \"multiple\"", description: "Modo de selecao de linhas.", semanticRole: "behavior", bindable: true },
         { name: "loading", type: "boolean", default: false, description: "Indica estado de carregamento.", semanticRole: "appearance", bindable: true },
         { name: "paginator", type: "boolean", default: false, description: "Ativa paginacao.", semanticRole: "behavior", bindable: true },
         { name: "onPage", type: "(event: SgDatatablePageEvent) => void", description: "Callback de paginacao.", semanticRole: "event", bindable: false },

package/dist/inputs/SgInputCurrency.meta.js

@@ -51,7 +51,7 @@ export const sgMeta = {
         },
         {
             name: "onChange",
-            type: "(value: number | null) => void",
+            type: "(value: string) => void",
             description: "Callback com o valor monetario normalizado.",
             semanticRole: "event",
             bindable: false

package/dist/inputs/SgInputDate.meta.js

@@ -73,7 +73,7 @@ export const sgMeta = {
         },
         {
             name: "onChange",
-            type: "(value: string | null) => void",
+            type: "(value: string) => void",
             description: "Callback com a data selecionada ou digitada.",
             semanticRole: "event",
             bindable: false

package/dist/inputs/SgInputNumber.meta.js

@@ -59,7 +59,7 @@ export const sgMeta = {
         },
         {
             name: "onChange",
-            type: "(value: number | null) => void",
+            type: "(value: string) => void",
             description: "Callback com o valor numerico atual.",
             semanticRole: "event",
             bindable: false

package/dist/inputs/SgPickList.meta.js

@@ -14,7 +14,7 @@ export const sgMeta = {
     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: "selectionMode", type: "string", description: "Modo de selecao nas listas.", semanticRole: "behavior", bindable: true },
+        { name: "selectionMode", type: "\"single\" | \"multiple\"", description: "Modo de selecao nas listas.", semanticRole: "behavior", 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 }
     ],

package/dist/inputs/SgRating.meta.js

@@ -17,8 +17,8 @@ export const sgMeta = {
         { name: "value", type: "number", description: "Nota atual.", semanticRole: "value", 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 }
+        { name: "size", type: "\"sm\" | \"md\" | \"lg\" | \"xl\"", description: "Tamanho visual do controle.", semanticRole: "appearance", 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-rating", hasPlayground: true, hasPropsTable: true },

package/dist/inputs/SgTextEditor.meta.js

@@ -14,8 +14,8 @@ export const sgMeta = {
     props: [
         { name: "id", type: "string", description: "Identificador unico do editor.", semanticRole: "data", bindable: false },
         { 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: "onSave", type: "(meta: SgTextEditorSaveMeta) => void", description: "Callback de persistencia do conteudo.", semanticRole: "event", bindable: false }
+        { name: "height", type: "number", description: "Altura do editor.", semanticRole: "appearance", bindable: true },
+        { name: "onSave", type: "(file: File, 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 },

package/dist/layout/SgAccordion.meta.js

@@ -46,14 +46,14 @@ export const sgMeta = {
         },
         {
             name: "activeIndex",
-            type: "number[]",
+            type: "number | number[]",
             description: "Estado controlado dos paineis abertos.",
             semanticRole: "value",
             bindable: true
         },
         {
             name: "defaultActiveIndex",
-            type: "number[]",
+            type: "number | number[]",
             description: "Estado inicial dos paineis abertos.",
             semanticRole: "behavior",
             bindable: true

package/dist/layout/SgCard.meta.js

@@ -68,7 +68,7 @@ export const sgMeta = {
         },
         {
             name: "onClick",
-            type: "() => void",
+            type: "React.MouseEventHandler<HTMLElement>",
             description: "Callback disparado quando o card e acionado.",
             semanticRole: "event",
             bindable: false

package/dist/layout/SgMenu.meta.js

@@ -37,7 +37,7 @@ export const sgMeta = {
         },
         {
             name: "menuVariantStyle",
-            type: '"panel" | "tiered" | "mega-horizontal" | "mega-vertical"',
+            type: "\"panel\" | \"tiered\" | \"mega-horizontal\" | \"mega-vertical\" | \"PanelMenu\" | \"Tiered\" | \"MegaMenuHorizontal\" | \"MegaMenuVertical\"",
             default: "panel",
             description: "Variante visual e comportamental do menu.",
             semanticRole: "behavior",

package/dist/layout/SgPageControl.meta.js

@@ -20,7 +20,7 @@ export const sgMeta = {
         { name: "size", type: '"sm" | "md" | "lg"', default: "md", description: "Escala visual das abas.", semanticRole: "appearance", bindable: true },
         { name: "fullWidthTabs", type: "boolean", default: false, description: "Distribui as abas em larguras iguais a partir do tablet; no celular elas mantem a largura natural e a lista rola.", semanticRole: "appearance", bindable: true },
         { name: "mobilePageControl", type: '"scroll" | "select"', default: "scroll", description: "Comportamento no celular: rolagem horizontal das abas ou troca por um select nativo.", semanticRole: "behavior", bindable: true },
-        { name: "onActivePageIdChange", type: "(pageId: string, context: object) => void", description: "Callback disparado quando a pagina ativa muda.", semanticRole: "event", bindable: false }
+        { name: "onActivePageIdChange", type: "(pageId: string, context: { index: number; page: SgPageControlPageProps }) => void", description: "Callback disparado quando a pagina ativa muda.", semanticRole: "event", bindable: false }
     ],
     states: ["default", "controlled", "keyboard-navigation"],
     examples: [

package/dist/layout/SgPanel.meta.js

@@ -22,14 +22,14 @@ export const sgMeta = {
         },
         {
             name: "width",
-            type: "number | string",
+            type: "number | `${number}%`",
             description: "Largura do painel quando dockado ou usado em composicoes controladas.",
             semanticRole: "behavior",
             bindable: true
         },
         {
             name: "height",
-            type: "number | string",
+            type: "number | `${number}%`",
             description: "Altura do painel quando dockado ou usado em composicoes controladas.",
             semanticRole: "behavior",
             bindable: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seedgrid/fe-components",
-  "version": "2026.10.1",
+  "version": "2026.10.2",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -69,7 +69,7 @@
     "tailwindcss-animate": "^1.0.7",
     "postcss": "^8.4.45",
     "autoprefixer": "^10.4.20",
-    "@seedgrid/fe-theme": "2026.10.1"
+    "@seedgrid/fe-theme": "2026.10.2"
   },
   "dependencies": {
     "@pqina/flip": "^1.8.4",
@@ -82,6 +82,6 @@
     "build:sandbox": "tsup --config tsup.sandbox.config.ts",
     "dev": "node scripts/build-style.mjs && tsc -p tsconfig.json --watch --preserveWatchOutput",
     "typecheck": "tsc -p tsconfig.json --noEmit",
-    "test": "pnpm run build && node --test tests/i18n.test.mjs tests/rhf.test.mjs tests/rhf-components-contract.test.mjs tests/i18n-components-contract.test.mjs tests/providers-hooks.test.mjs tests/providers-hooks-dom.test.mjs tests/realtime-dom.test.mjs tests/commons.test.mjs tests/commons-dom.test.mjs tests/overlay.test.mjs tests/buttons-menus.test.mjs tests/buttons-menus-dom.test.mjs tests/menu-logic.test.mjs tests/inputs-i18n.test.mjs tests/inputs-dom.test.mjs tests/datatable-dom.test.mjs tests/period-resolver.test.mjs tests/year-part-resolver.test.mjs tests/gadgets.test.mjs tests/gadgets-dom.test.mjs tests/gauge-math.test.mjs tests/clock-theme-picker.test.mjs tests/wizard.test.mjs tests/wizard-logic.test.mjs tests/utils.test.mjs tests/ai-manifest-props-contract.test.mjs"
+    "test": "pnpm run build && node scripts/check-meta-types.mjs && node --test tests/i18n.test.mjs tests/rhf.test.mjs tests/rhf-components-contract.test.mjs tests/i18n-components-contract.test.mjs tests/providers-hooks.test.mjs tests/providers-hooks-dom.test.mjs tests/realtime-dom.test.mjs tests/commons.test.mjs tests/commons-dom.test.mjs tests/overlay.test.mjs tests/buttons-menus.test.mjs tests/buttons-menus-dom.test.mjs tests/menu-logic.test.mjs tests/inputs-i18n.test.mjs tests/inputs-dom.test.mjs tests/datatable-dom.test.mjs tests/period-resolver.test.mjs tests/year-part-resolver.test.mjs tests/gadgets.test.mjs tests/gadgets-dom.test.mjs tests/gauge-math.test.mjs tests/clock-theme-picker.test.mjs tests/wizard.test.mjs tests/wizard-logic.test.mjs tests/utils.test.mjs tests/ai-manifest-props-contract.test.mjs"
   }
 }