@seedgrid/fe-components 2026.8.5 → 2026.8.7

package/dist/gadgets/clock/useSgTime.meta.js

@@ -44,9 +44,9 @@ export const sgMeta = {
     states: ["hydrated", "synced", "ticking"],
     examples: [
         {
-            id: "basic",
-            title: "Acessar tempo sincronizado",
-            file: "apps/showcase/src/app/components/hooks/use-sg-time/samples/basic.tsx.sample",
+            id: "uso-basico",
+            title: "Uso basico",
+            file: "apps/showcase/src/app/components/hooks/use-sg-time/samples/uso-basico.tsx.sample",
             kind: "sample"
         }
     ],

package/dist/gadgets/qr-code/SgQRCode.meta.js

@@ -20,7 +20,7 @@ export const sgMeta = {
     ],
     states: ["idle", "empty", "rendered"],
     examples: [
-        { id: "interactive", title: "Interativo", file: "apps/showcase/src/app/components/gadgets/sg-qr-code/samples/interativo.tsx.sample", kind: "sample" },
+        { id: "interactive-example", title: "Exemplo interativo", file: "apps/showcase/src/app/components/gadgets/sg-qr-code/samples/interactive-example.tsx.sample", kind: "sample" },
         { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-qr-code/sg-qr-code.tsx.playground", kind: "playground" }
     ],
     showcase: { route: "/components/gadgets/sg-qr-code", hasPlayground: true, hasPropsTable: true },

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

@@ -20,7 +20,7 @@ export const sgMeta = {
     ],
     states: ["idle", "animating", "completed"],
     examples: [
-        { id: "roller3d", title: "Roller 3D", file: "apps/showcase/src/app/components/gadgets/sg-string-animator/samples/roller3d.tsx.sample", kind: "sample" },
+        { id: "roller-3d", title: "Roller 3D (numeros)", file: "apps/showcase/src/app/components/gadgets/sg-string-animator/samples/roller-3d-numeros-right-aligned.tsx.sample", kind: "sample" },
         { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-string-animator/sg-string-animator.tsx.playground", kind: "playground" }
     ],
     showcase: { route: "/components/gadgets/sg-string-animator", hasPlayground: true, hasPropsTable: true },

package/dist/i18n/en-US.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../src/i18n/en-US.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsNhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../src/i18n/en-US.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuNhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/i18n/en-US.js

@@ -148,6 +148,7 @@ const enUS = {
     "components.badge.remove": "Remove badge",
     "components.toast.loading": "Loading...",
     "components.toaster.close": "Close toast",
+    "components.whistler.close": "Close alert",
     "components.dialog.ariaLabel": "Dialog",
     "components.dialog.close": "Close",
     "components.popup.ariaLabel": "Popup",

package/dist/i18n/es.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../src/i18n/es.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsN9B,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../src/i18n/es.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuN9B,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/i18n/es.js

@@ -148,6 +148,7 @@ const es = {
     "components.badge.remove": "Quitar insignia",
     "components.toast.loading": "Cargando...",
     "components.toaster.close": "Cerrar notificacion",
+    "components.whistler.close": "Cerrar aviso",
     "components.dialog.ariaLabel": "Dialogo",
     "components.dialog.close": "Cerrar",
     "components.popup.ariaLabel": "Popup",

package/dist/i18n/fr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/i18n/fr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsN9B,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/i18n/fr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuN9B,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/i18n/fr.js

@@ -148,6 +148,7 @@ const fr = {
     "components.badge.remove": "Retirer badge",
     "components.toast.loading": "Chargement...",
     "components.toaster.close": "Fermer la notification",
+    "components.whistler.close": "Fermer l'alerte",
     "components.dialog.ariaLabel": "Dialogue",
     "components.dialog.close": "Fermer",
     "components.popup.ariaLabel": "Fenetre",

package/dist/i18n/pt-BR.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt-BR.d.ts","sourceRoot":"","sources":["../../src/i18n/pt-BR.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsNhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"pt-BR.d.ts","sourceRoot":"","sources":["../../src/i18n/pt-BR.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuNhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/i18n/pt-BR.js

@@ -148,6 +148,7 @@ const ptBR = {
     "components.badge.remove": "Remover badge",
     "components.toast.loading": "Carregando...",
     "components.toaster.close": "Fechar notificacao",
+    "components.whistler.close": "Fechar aviso",
     "components.dialog.ariaLabel": "Dialogo",
     "components.dialog.close": "Fechar",
     "components.popup.ariaLabel": "Popup",

package/dist/i18n/pt-PT.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt-PT.d.ts","sourceRoot":"","sources":["../../src/i18n/pt-PT.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsNhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"pt-PT.d.ts","sourceRoot":"","sources":["../../src/i18n/pt-PT.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuNhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/i18n/pt-PT.js

@@ -148,6 +148,7 @@ const ptPT = {
     "components.badge.remove": "Remover badge",
     "components.toast.loading": "A carregar...",
     "components.toaster.close": "Fechar notificacao",
+    "components.whistler.close": "Fechar aviso",
     "components.dialog.ariaLabel": "Dialogo",
     "components.dialog.close": "Fechar",
     "components.popup.ariaLabel": "Popup",

package/dist/i18n/useComponentsI18n.meta.js

@@ -30,15 +30,15 @@ export const sgMeta = {
     states: ["pt-BR", "pt-PT", "en-US", "en", "es", "fr"],
     examples: [
         {
-            id: "basic",
-            title: "Acessar locale e mensagens",
-            file: "apps/showcase/src/app/components/hooks/use-components-i18n/samples/basic.tsx.sample",
+            id: "uso-basico",
+            title: "Uso basico",
+            file: "apps/showcase/src/app/components/hooks/use-components-i18n/samples/uso-basico.tsx.sample",
             kind: "sample"
         },
         {
-            id: "with-translation",
-            title: "Usar para traducao de mensagens",
-            file: "apps/showcase/src/app/components/hooks/use-components-i18n/samples/with-translation.tsx.sample",
+            id: "locale-aware",
+            title: "Componentes conscientes do locale",
+            file: "apps/showcase/src/app/components/hooks/use-components-i18n/samples/componentes-conscientes-do-locale.tsx.sample",
             kind: "sample"
         }
     ],

package/dist/inputs/SgYearPartSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SgYearPartSelector.d.ts","sourceRoot":"","sources":["../../src/inputs/SgYearPartSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,EAMZ,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,YAAY,CAAC;AAEpB;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,oFAAoF;IACpF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,wFAAwF;IACxF,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA2BF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,2CA2K1E"}
+{"version":3,"file":"SgYearPartSelector.d.ts","sourceRoot":"","sources":["../../src/inputs/SgYearPartSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,EAMZ,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,YAAY,CAAC;AAEpB;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,oFAAoF;IACpF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,wFAAwF;IACxF,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA2BF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,2CA6J1E"}

package/dist/inputs/SgYearPartSelector.js

@@ -2,7 +2,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { cn } from "../layout/sgDocking";
-import { SgAutocomplete } from "./SgAutocomplete";
 import { SgCombobox } from "./SgCombobox";
 import { YearPartKind, clampYearPart, resolveYearPart, yearPartKindLabel, yearPartOf, yearPartOptions } from "./yearPart";
 const FIELD_LABELS = {
@@ -60,16 +59,6 @@ export function SgYearPartSelector(props) {
             return { id: year, label: String(year) };
         });
     }, [firstYear, lastYear]);
-    /*
-     * O SgAutocomplete pede uma FONTE (funcao da query), nao um array. Filtra por prefixo, que e' o
-     * unico casamento que faz sentido em ano: "202" oferece 2029..2020, e nao 1202.
-     */
-    const yearSource = React.useCallback((query) => {
-        const typed = query.trim();
-        if (!typed)
-            return yearItems;
-        return yearItems.filter((item) => item.label.startsWith(typed));
-    }, [yearItems]);
     const kindItems = React.useMemo(() => kinds.map((kind) => ({ id: kind, label: yearPartKindLabel(kind, locale) })), [kinds, locale]);
     // Depende do recorte: trocar de trimestre para semestre troca 4 opcoes por 2.
     const partItems = React.useMemo(() => yearPartOptions(current.kind, locale).map((option) => ({ id: option.value, label: option.label })), [current.kind, locale]);
@@ -79,14 +68,11 @@ export function SgYearPartSelector(props) {
      * Flex em vez de grid de 3 colunas: com o combo de recorte escondido a linha reflui para dois
      * controles, em vez de deixar uma coluna vazia no meio.
      */
-    return (_jsxs("div", { className: cn("w-full", className), children: [label ? (_jsxs("span", { className: "mb-1 block text-sm font-medium text-[rgb(var(--sg-text))]", children: [label, required ? " *" : ""] })) : null, _jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-start sm:gap-3", children: [_jsx("div", { className: "w-full sm:flex-1", children: _jsx(SgAutocomplete, { id: `${id}-year`, label: pickLocale(FIELD_LABELS.year, locale), source: yearSource, value: String(current.year), 
-                            /*
-                             * A lista e' local e finita: abre no foco sem exigir digitacao (minLengthForSearch 0),
-                             * nao cacheia — nao ha' o que economizar, e o cache ficaria velho quando minYear/maxYear
-                             * mudassem — e nao pode cair no maxResult padrao de 50, que cortaria uma faixa de anos
-                             * larga sem avisar ninguem.
-                             */
-                            minLengthForSearch: 0, openOnFocus: true, showDropDownButton: true, cacheEnabled: false, maxResult: yearItems.length, enabled: enabled, required: required, onSelect: (item) => commit({ ...current, year: Number(item.id) }) }) }), showKind ? (_jsx("div", { className: "w-full sm:flex-1", children: _jsx(SgCombobox, { id: `${id}-kind`, label: pickLocale(FIELD_LABELS.kind, locale), source: kindItems, value: current.kind, openOnFocus: true, enabled: enabled, required: required, onValueChange: (raw) => {
+    return (_jsxs("div", { className: cn("w-full", className), children: [label ? (_jsxs("span", { className: "mb-1 block text-sm font-medium text-[rgb(var(--sg-text))]", children: [label, required ? " *" : ""] })) : null, _jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:items-start sm:gap-3", children: [_jsx("div", { className: "w-full sm:flex-1", children: _jsx(SgCombobox, { id: `${id}-year`, label: pickLocale(FIELD_LABELS.year, locale), source: yearItems, value: current.year, openOnFocus: true, enabled: enabled, required: required, onValueChange: (value) => {
+                                if (value === null || value === undefined)
+                                    return;
+                                commit({ ...current, year: Number(value) });
+                            } }) }), showKind ? (_jsx("div", { className: "w-full sm:flex-1", children: _jsx(SgCombobox, { id: `${id}-kind`, label: pickLocale(FIELD_LABELS.kind, locale), source: kindItems, value: current.kind, openOnFocus: true, enabled: enabled, required: required, onValueChange: (raw) => {
                                 if (raw == null)
                                     return;
                                 // A fatia pode nao existir no recorte novo (estava no Q4 e virou semestre); quem

package/dist/layout/SgCarousel.meta.js

@@ -22,7 +22,7 @@ export const sgMeta = {
     ],
     states: ["idle", "sliding", "autoplay"],
     examples: [
-        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-carousel/samples/basico.tsx.sample", kind: "sample" },
+        { id: "basico-horizontal", title: "Basico horizontal", file: "apps/showcase/src/app/components/sg-carousel/samples/basico-horizontal.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 },

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

@@ -1 +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"}
+{"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,QAkCpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/layout/SgExpandablePanel.meta.js

@@ -22,7 +22,11 @@ export const sgMeta = {
     ],
     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: "inline-controlado-resize", title: "Inline controlado com resize", file: "apps/showcase/src/app/components/sg-expandable-panel/samples/inline-controlado-resize.tsx.sample", kind: "sample" },
+        { id: "overlay-comportamento", title: "Comportamento em overlay", file: "apps/showcase/src/app/components/sg-expandable-panel/samples/overlay-comportamento.tsx.sample", kind: "sample" },
+        { id: "default-open-estilizacao", title: "Aberto por padrao e estilizacao", file: "apps/showcase/src/app/components/sg-expandable-panel/samples/default-open-estilizacao.tsx.sample", kind: "sample" },
+        { id: "acessibilidade-fade", title: "Acessibilidade e fade", file: "apps/showcase/src/app/components/sg-expandable-panel/samples/acessibilidade-fade.tsx.sample", kind: "sample" },
+        { id: "sem-backdrop-animation-none", title: "Sem backdrop e sem animacao", file: "apps/showcase/src/app/components/sg-expandable-panel/samples/sem-backdrop-animation-none.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 },

package/dist/layout/SgGrid.meta.js

@@ -67,9 +67,9 @@ export const sgMeta = {
     states: ["default", "dense", "responsive"],
     examples: [
         {
-            id: "basic",
-            title: "Basico",
-            file: "apps/showcase/src/app/components/sg-grid/samples/basico.tsx.sample",
+            id: "columns-responsivo",
+            title: "Columns responsivo",
+            file: "apps/showcase/src/app/components/sg-grid/samples/columns-responsivo.tsx.sample",
             kind: "sample"
         },
         {

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

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

package/dist/layout/SgMenu.meta.js

@@ -82,9 +82,45 @@ export const sgMeta = {
     states: ["default", "collapsed", "expanded", "pinned", "searching", "docked"],
     examples: [
         {
-            id: "basic",
-            title: "Basico",
-            file: "apps/showcase/src/app/components/sg-menu/samples/basico.tsx.sample",
+            id: "sidebar-fixa",
+            title: "Sidebar fixa",
+            file: "apps/showcase/src/app/components/sg-menu/samples/sidebar-fixa.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "drawer-mobile",
+            title: "Drawer mobile",
+            file: "apps/showcase/src/app/components/sg-menu/samples/drawer-mobile.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "panel-menu",
+            title: "Panel menu",
+            file: "apps/showcase/src/app/components/sg-menu/samples/panel-menu.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "tiered",
+            title: "Menu em niveis",
+            file: "apps/showcase/src/app/components/sg-menu/samples/tiered.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "mega-menu-horizontal",
+            title: "Mega menu horizontal",
+            file: "apps/showcase/src/app/components/sg-menu/samples/mega-menu-horizontal.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "mega-menu-vertical",
+            title: "Mega menu vertical",
+            file: "apps/showcase/src/app/components/sg-menu/samples/mega-menu-vertical.tsx.sample",
+            kind: "sample"
+        },
+        {
+            id: "sidebar-dockable",
+            title: "Sidebar dockable",
+            file: "apps/showcase/src/app/components/sg-menu/samples/sidebar-dockable.tsx.sample",
             kind: "sample"
         },
         {

package/dist/layout/SgStack.meta.js

@@ -71,9 +71,9 @@ export const sgMeta = {
     states: ["default", "row", "column", "wrapped", "growing"],
     examples: [
         {
-            id: "basic",
-            title: "Basico",
-            file: "apps/showcase/src/app/components/sg-stack/samples/basico.tsx.sample",
+            id: "column-row",
+            title: "Column e row",
+            file: "apps/showcase/src/app/components/sg-stack/samples/column-row.tsx.sample",
             kind: "sample"
         },
         {