@seedgrid/fe-components 2026.4.11 → 2026.4.13

package/dist/digits/fade-digit/SgFadeDigit.meta.js

@@ -0,0 +1,48 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.digit.fade",
+    package: "@seedgrid/fe-components",
+    exportName: "SgFadeDigit",
+    slug: "sg-fade-digit",
+    displayName: "SgFadeDigit",
+    category: "gadget",
+    subcategory: "digit",
+    description: "Digito animado com transicao de fade para exibicao de numeros e caracteres em relogios e contadores luminosos.",
+    tags: ["gadget", "digit", "fade", "clock", "counter"],
+    capabilities: ["single-character-display", "fade-animation", "clock-composition", "custom-colors"],
+    fieldSemantics: ["digitDisplay", "clockDigit", "animatedCharacter", "luminousCounter"],
+    props: [
+        { name: "value", type: "string", required: true, description: "Caractere exibido no card.", semanticRole: "value", bindable: true },
+        { name: "fontSize", type: "number", default: 72, description: "Escala visual do digito.", semanticRole: "appearance", bindable: true },
+        { name: "color", type: "string", description: "Cor do caractere exibido.", semanticRole: "appearance", bindable: true },
+        { name: "backgroundColor", type: "string", description: "Cor de fundo do card.", semanticRole: "appearance", bindable: true },
+        { name: "className", type: "string", description: "Classes CSS adicionais.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle", "animating"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/digits/sg-fade-digit/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/digits/sg-fade-digit/sg-fade-digit.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/digits/sg-fade-digit", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.digit.fade", acceptsDataBinding: true, defaultProps: { fontSize: 72 } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Relogios e contadores com visual suave de transicao.",
+        "Exibicao de digitos com identidade luminosa ou neon.",
+        "Widgets numericos que exigem mudanca visual discreta."
+    ],
+    avoidUseCases: [
+        "Captura de valor pelo usuario.",
+        "Texto longo ou blocos informativos.",
+        "Tabelas de dados com muitas celulas."
+    ],
+    synonyms: ["fade digit", "animated digit", "nixie-style digit"],
+    relatedEntityFields: ["digit", "counter", "clock", "time", "score"],
+    compositionHints: [
+        "Combinar varios SgFadeDigit para relogios e contadores.",
+        "Usar com SgClock, SgPanel e paineis de status."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.15, number: 0.68, denseLayout: 0.34 }
+};

package/dist/digits/flip-digit/SgFlipDigit.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=SgFlipDigit.meta.d.ts.map

package/dist/digits/flip-digit/SgFlipDigit.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgFlipDigit.meta.d.ts","sourceRoot":"","sources":["../../../src/digits/flip-digit/SgFlipDigit.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/digits/flip-digit/SgFlipDigit.meta.js

@@ -0,0 +1,48 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.digit.flip",
+    package: "@seedgrid/fe-components",
+    exportName: "SgFlipDigit",
+    slug: "sg-flip-digit",
+    displayName: "SgFlipDigit",
+    category: "gadget",
+    subcategory: "digit",
+    description: "Digito animado estilo flip para exibir numeros ou caracteres unicos em relogios, contadores e paines visuais.",
+    tags: ["gadget", "digit", "flip", "clock", "counter"],
+    capabilities: ["single-character-display", "flip-animation", "clock-composition", "size-variants"],
+    fieldSemantics: ["digitDisplay", "counterDigit", "clockDigit", "animatedCharacter"],
+    props: [
+        { name: "value", type: "string", required: true, description: "Caractere exibido no card flip.", semanticRole: "value", bindable: true },
+        { name: "width", type: "number", default: 80, description: "Largura visual do card.", semanticRole: "appearance", bindable: true },
+        { name: "height", type: "number", default: 120, description: "Altura visual do card.", semanticRole: "appearance", bindable: true },
+        { name: "fontSize", type: "number", default: 70, description: "Tamanho da fonte do digito.", semanticRole: "appearance", bindable: true },
+        { name: "className", type: "string", description: "Classes CSS adicionais no container.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle", "animating"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/digits/sg-flip-digit/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/digits/sg-flip-digit/sg-flip-digit.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/digits/sg-flip-digit", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.digit.flip", acceptsDataBinding: true, defaultProps: { width: 80, height: 120, fontSize: 70 } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Exibir digitos unicos em relogios digitais e contadores animados.",
+        "Criar paines com estetica de flip clock ou scoreboards.",
+        "Representar caracteres curtos com animacao de transicao visual."
+    ],
+    avoidUseCases: [
+        "Entrada de dados pelo usuario; use componentes de input.",
+        "Texto longo ou frases completas.",
+        "Listas e tabelas com grande densidade de conteudo."
+    ],
+    synonyms: ["flip digit", "flip clock digit", "animated digit"],
+    relatedEntityFields: ["digit", "counter", "clock", "score", "time"],
+    compositionHints: [
+        "Combinar varios SgFlipDigit para horas, minutos, segundos e placares.",
+        "Usar com SgClock, SgCard e SgScreen em paineis visuais."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.18, number: 0.7, denseLayout: 0.36 }
+};

package/dist/digits/matrix-digit/SgMatrixDigit.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=SgMatrixDigit.meta.d.ts.map

package/dist/digits/matrix-digit/SgMatrixDigit.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgMatrixDigit.meta.d.ts","sourceRoot":"","sources":["../../../src/digits/matrix-digit/SgMatrixDigit.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/digits/matrix-digit/SgMatrixDigit.meta.js

@@ -0,0 +1,48 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.digit.matrix",
+    package: "@seedgrid/fe-components",
+    exportName: "SgMatrixDigit",
+    slug: "sg-matrix-digit",
+    displayName: "SgMatrixDigit",
+    category: "gadget",
+    subcategory: "digit",
+    description: "Digito em estilo matriz para displays compactos de numeros e caracteres com estetica de painel digital.",
+    tags: ["gadget", "digit", "matrix", "display", "counter"],
+    capabilities: ["single-character-display", "matrix-style", "counter-composition", "pixel-look"],
+    fieldSemantics: ["digitDisplay", "matrixDigit", "counterDigit", "panelDigit"],
+    props: [
+        { name: "value", type: "string", required: true, description: "Caractere exibido na matriz.", semanticRole: "value", bindable: true },
+        { name: "fontSize", type: "number", default: 72, description: "Escala visual do display.", semanticRole: "appearance", bindable: true },
+        { name: "color", type: "string", description: "Cor principal do digito.", semanticRole: "appearance", bindable: true },
+        { name: "backgroundColor", type: "string", description: "Cor do fundo do display.", semanticRole: "appearance", bindable: true },
+        { name: "className", type: "string", description: "Classes CSS adicionais.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle", "animating"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/digits/sg-matrix-digit/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/digits/sg-matrix-digit/sg-matrix-digit.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/digits/sg-matrix-digit", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.digit.matrix", acceptsDataBinding: true, defaultProps: { fontSize: 72 } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Displays com estetica de painel digital ou matriz.",
+        "Contadores compactos em dashboards tecnicos.",
+        "Indicadores visuais que precisam de identidade pixelada."
+    ],
+    avoidUseCases: [
+        "Texto longo ou conteudo editorial.",
+        "Entrada de dados pelo usuario.",
+        "Formularios e controles de selecao."
+    ],
+    synonyms: ["matrix digit", "dot matrix digit", "panel digit"],
+    relatedEntityFields: ["digit", "counter", "metric", "score", "display"],
+    compositionHints: [
+        "Combinar varios SgMatrixDigit em paines de contagem.",
+        "Usar com SgCard, SgDashboard e widgets numericos."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.08, number: 0.7, denseLayout: 0.35 }
+};

package/dist/digits/neon-digit/SgNeonDigit.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=SgNeonDigit.meta.d.ts.map

package/dist/digits/neon-digit/SgNeonDigit.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgNeonDigit.meta.d.ts","sourceRoot":"","sources":["../../../src/digits/neon-digit/SgNeonDigit.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/digits/neon-digit/SgNeonDigit.meta.js

@@ -0,0 +1,48 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.digit.neon",
+    package: "@seedgrid/fe-components",
+    exportName: "SgNeonDigit",
+    slug: "sg-neon-digit",
+    displayName: "SgNeonDigit",
+    category: "gadget",
+    subcategory: "digit",
+    description: "Digito com visual neon para relogios, contadores e displays que exigem alto contraste e identidade luminosa.",
+    tags: ["gadget", "digit", "neon", "display", "counter"],
+    capabilities: ["single-character-display", "neon-style", "counter-composition", "high-contrast-visual"],
+    fieldSemantics: ["digitDisplay", "neonDigit", "counterDigit", "highlightMetric"],
+    props: [
+        { name: "value", type: "string", required: true, description: "Caractere exibido no display.", semanticRole: "value", bindable: true },
+        { name: "fontSize", type: "number", default: 72, description: "Escala visual do digito.", semanticRole: "appearance", bindable: true },
+        { name: "color", type: "string", description: "Cor luminosa principal.", semanticRole: "appearance", bindable: true },
+        { name: "backgroundColor", type: "string", description: "Cor de fundo do display.", semanticRole: "appearance", bindable: true },
+        { name: "className", type: "string", description: "Classes CSS adicionais.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle", "animating"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/digits/sg-neon-digit/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/digits/sg-neon-digit/sg-neon-digit.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/digits/sg-neon-digit", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.digit.neon", acceptsDataBinding: true, defaultProps: { fontSize: 72 } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Destacar numeros em paineis e dashboards com visual neon.",
+        "Relogios ou contadores com estilo chamativo.",
+        "Indicadores visuais de alto contraste."
+    ],
+    avoidUseCases: [
+        "Formularios ou captura de dados.",
+        "Texto longo de leitura continua.",
+        "Listas densas de informacao operacional."
+    ],
+    synonyms: ["neon digit", "glow digit", "highlight digit"],
+    relatedEntityFields: ["digit", "counter", "score", "metric", "highlight"],
+    compositionHints: [
+        "Combinar varios SgNeonDigit em displays compostos.",
+        "Usar com SgCard, SgDashboard e areas de destaque visual."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.08, number: 0.68, denseLayout: 0.3 }
+};

package/dist/digits/roller3d-digit/SgRoller3DDigit.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=SgRoller3DDigit.meta.d.ts.map

package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgRoller3DDigit.meta.d.ts","sourceRoot":"","sources":["../../../src/digits/roller3d-digit/SgRoller3DDigit.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.js

@@ -0,0 +1,48 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.digit.roller3d",
+    package: "@seedgrid/fe-components",
+    exportName: "SgRoller3DDigit",
+    slug: "sg-roller3d-digit",
+    displayName: "SgRoller3DDigit",
+    category: "gadget",
+    subcategory: "digit",
+    description: "Digito animado com efeito roller 3D para mostrar caracteres unicos em relogios, marcadores e displays visuais.",
+    tags: ["gadget", "digit", "roller3d", "clock", "display"],
+    capabilities: ["single-character-display", "3d-animation", "clock-composition", "themeable"],
+    fieldSemantics: ["digitDisplay", "3dCounterDigit", "clockDigit", "animatedCharacter"],
+    props: [
+        { name: "value", type: "string", required: true, description: "Caractere exibido no display.", semanticRole: "value", bindable: true },
+        { name: "fontSize", type: "number", default: 72, description: "Tamanho da fonte do digito.", semanticRole: "appearance", bindable: true },
+        { name: "color", type: "string", description: "Cor principal do digito.", semanticRole: "appearance", bindable: true },
+        { name: "backgroundColor", type: "string", description: "Cor do fundo do display.", semanticRole: "appearance", bindable: true },
+        { name: "className", type: "string", description: "Classes CSS adicionais.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle", "animating"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/digits/sg-roller3d-digit/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/digits/sg-roller3d-digit/sg-roller3d-digit.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/digits/sg-roller3d-digit", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.digit.roller3d", acceptsDataBinding: true, defaultProps: { fontSize: 72 } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Displays numericos com identidade visual forte e tridimensional.",
+        "Relogios e contadores com animacao roller.",
+        "KPIs compactos com enfase em movimento visual."
+    ],
+    avoidUseCases: [
+        "Entradas editaveis pelo usuario.",
+        "Texto corrido ou conteudo de leitura longa.",
+        "Listagens com alta densidade informacional."
+    ],
+    synonyms: ["roller 3d digit", "3d digit", "animated roller digit"],
+    relatedEntityFields: ["digit", "counter", "score", "clock", "metric"],
+    compositionHints: [
+        "Combinar varios SgRoller3DDigit para displays compostos.",
+        "Usar com SgCard e SgDashboard em areas de destaque."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.12, number: 0.72, denseLayout: 0.32 }
+};

package/dist/digits/segment-digit/SgSegmentDigit.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=SgSegmentDigit.meta.d.ts.map

package/dist/digits/segment-digit/SgSegmentDigit.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgSegmentDigit.meta.d.ts","sourceRoot":"","sources":["../../../src/digits/segment-digit/SgSegmentDigit.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/digits/segment-digit/SgSegmentDigit.meta.js

@@ -0,0 +1,48 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.digit.segment",
+    package: "@seedgrid/fe-components",
+    exportName: "SgSegmentDigit",
+    slug: "sg-segment-digit",
+    displayName: "SgSegmentDigit",
+    category: "gadget",
+    subcategory: "digit",
+    description: "Digito em estilo segmentado para relogios, paines industriais e displays numericos classicos.",
+    tags: ["gadget", "digit", "segment", "clock", "industrial"],
+    capabilities: ["single-character-display", "segmented-style", "clock-composition", "industrial-look"],
+    fieldSemantics: ["digitDisplay", "segmentDigit", "industrialCounter", "clockDigit"],
+    props: [
+        { name: "value", type: "string", required: true, description: "Caractere exibido no display.", semanticRole: "value", bindable: true },
+        { name: "fontSize", type: "number", default: 72, description: "Escala visual do digito.", semanticRole: "appearance", bindable: true },
+        { name: "color", type: "string", description: "Cor dos segmentos ativos.", semanticRole: "appearance", bindable: true },
+        { name: "backgroundColor", type: "string", description: "Cor de fundo do display.", semanticRole: "appearance", bindable: true },
+        { name: "className", type: "string", description: "Classes CSS adicionais.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/digits/sg-segment-digit/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/digits/sg-segment-digit/sg-segment-digit.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/digits/sg-segment-digit", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.digit.segment", acceptsDataBinding: true, defaultProps: { fontSize: 72 } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Relogios digitais e paineis com linguagem de segmentos.",
+        "Indicadores industriais ou retro-digital.",
+        "Displays de numeros com identidade tecnica."
+    ],
+    avoidUseCases: [
+        "Campos editaveis e entrada de dados.",
+        "Texto livre ou conteudo narrativo.",
+        "Listagens densas de informacao."
+    ],
+    synonyms: ["segment digit", "segmented digit", "digital segment display"],
+    relatedEntityFields: ["digit", "counter", "clock", "metric", "display"],
+    compositionHints: [
+        "Combinar varios SgSegmentDigit para relogios e contadores.",
+        "Usar com SgClock, SgCard e dashboards tecnicos."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.14, number: 0.72, denseLayout: 0.33 }
+};

package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.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=SgSevenSegmentDigit.meta.d.ts.map

package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgSevenSegmentDigit.meta.d.ts","sourceRoot":"","sources":["../../../src/digits/seven-segment-digit/SgSevenSegmentDigit.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}

package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.js

@@ -0,0 +1,48 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.digit.seven-segment",
+    package: "@seedgrid/fe-components",
+    exportName: "SgSevenSegmentDigit",
+    slug: "sg-seven-segment-digit",
+    displayName: "SgSevenSegmentDigit",
+    category: "gadget",
+    subcategory: "digit",
+    description: "Digito de sete segmentos para displays classicos de relogio, paineis eletronicos e contadores numericos.",
+    tags: ["gadget", "digit", "seven-segment", "clock", "counter"],
+    capabilities: ["single-character-display", "seven-segment-style", "clock-composition", "retro-digital"],
+    fieldSemantics: ["digitDisplay", "sevenSegmentDigit", "clockDigit", "numericPanel"],
+    props: [
+        { name: "value", type: "string", required: true, description: "Caractere exibido no display.", semanticRole: "value", bindable: true },
+        { name: "fontSize", type: "number", default: 72, description: "Escala visual do digito.", semanticRole: "appearance", bindable: true },
+        { name: "color", type: "string", description: "Cor dos segmentos ativos.", semanticRole: "appearance", bindable: true },
+        { name: "backgroundColor", type: "string", description: "Cor do fundo do display.", semanticRole: "appearance", bindable: true },
+        { name: "className", type: "string", description: "Classes CSS adicionais.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["idle"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/digits/sg-seven-segment-digit/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/digits/sg-seven-segment-digit/sg-seven-segment-digit.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/digits/sg-seven-segment-digit", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.digit.seven-segment", acceptsDataBinding: true, defaultProps: { fontSize: 72 } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Relogios digitais classicos e displays numericos retro.",
+        "Paineis eletronicos com representacao numerica compacta.",
+        "KPIs com estetica de sete segmentos."
+    ],
+    avoidUseCases: [
+        "Entrada de dados pelo usuario.",
+        "Conteudo textual longo.",
+        "Interfaces de lista ou tabela densas."
+    ],
+    synonyms: ["seven segment digit", "7 segment display", "digital clock digit"],
+    relatedEntityFields: ["digit", "counter", "clock", "metric", "time"],
+    compositionHints: [
+        "Combinar varios SgSevenSegmentDigit em relogios e contadores.",
+        "Usar com SgClock, SgScreen e paineis operacionais."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.16, number: 0.74, denseLayout: 0.33 }
+};

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

package/dist/environment/SgEnvironmentProvider.meta.d.ts.map

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

package/dist/environment/SgEnvironmentProvider.meta.js

@@ -0,0 +1,53 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "provider.environment",
+    package: "@seedgrid/fe-components",
+    exportName: "SgEnvironmentProvider",
+    slug: "sg-environment-provider",
+    displayName: "SgEnvironmentProvider",
+    category: "provider",
+    subcategory: "environment",
+    description: "Provider de ambiente para namespace, escopo e estrategia de persistencia usados pelos componentes SeedGrid.",
+    tags: ["provider", "environment", "persistence", "namespace", "context"],
+    capabilities: ["namespace-scoping", "persistence-strategy", "state-key-building", "local-or-api-storage"],
+    fieldSemantics: ["environmentProvider", "persistenceScope", "namespaceContext"],
+    props: [
+        { name: "value.namespaceProvider", type: "NamespaceProvider", description: "Fornecedor do namespace atual para isolar estado e persistencia.", semanticRole: "behavior", bindable: true },
+        { name: "value.persistenceStrategy", type: "PersistenceStrategy", description: "Estrategia que salva, carrega e limpa o estado persistido.", semanticRole: "behavior", bindable: true },
+        { name: "value.persistence.scope", type: "string", default: "app:unknown", description: "Escopo logico usado na composicao da chave persistida.", semanticRole: "data", bindable: true },
+        { name: "value.persistence.mode", type: "SgPersistenceMode", default: "fallback", description: "Modo de persistencia usado pelo ambiente.", semanticRole: "behavior", bindable: true },
+        { name: "value.persistence.stateVersion", type: "number", default: 1, description: "Versao logica do estado persistido.", semanticRole: "data", bindable: true },
+        { name: "children", type: "ReactNode", required: true, description: "Arvore que consome o contexto de ambiente.", semanticRole: "data", bindable: false }
+    ],
+    states: ["default", "namespaced", "persistent", "provider-present"],
+    examples: [
+        { id: "custom-namespace", title: "Namespace customizado", file: "apps/showcase/src/app/components/providers/sg-environment-provider/samples/namespace-customizado.tsx.sample", kind: "sample" },
+        { id: "hybrid", title: "Persistencia hibrida", file: "apps/showcase/src/app/components/providers/sg-environment-provider/samples/hybrid-local-rest.tsx.sample", kind: "sample" }
+    ],
+    showcase: { route: "/components/providers/sg-environment-provider", hasPlayground: true, hasPropsTable: true },
+    sdui: {
+        rendererType: "provider.environment",
+        acceptsDataBinding: true,
+        defaultProps: { value: { persistence: { scope: "app:unknown", mode: "fallback", stateVersion: 1 } } }
+    }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Isolar persistencia por namespace, tenant ou usuario em uma subtree de componentes.",
+        "Padronizar a estrategia de armazenamento usada por FABs, toolbars e outros estados locais.",
+        "Compor ambientes com persistencia local, remota ou hibrida."
+    ],
+    avoidUseCases: [
+        "Configurar apenas estilo visual; nesses casos prefira providers de tema.",
+        "Internacionalizacao dos componentes; nesses casos prefira SgComponentsI18nProvider.",
+        "Armazenar dados de negocio fora do fluxo de persistencia do design system."
+    ],
+    synonyms: ["environment provider", "persistence provider", "namespace provider", "storage context"],
+    relatedEntityFields: ["namespace", "persistenceScope", "persistenceMode", "stateVersion"],
+    compositionHints: [
+        "Usar com hooks de persistencia e com componentes que armazenam layout ou preferencias locais.",
+        "Combinar com SgComponentsI18nProvider quando for preciso persistir preferencia de locale."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.74 }
+};

package/dist/gadgets/calendar/SgCalendar.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=SgCalendar.meta.d.ts.map

package/dist/gadgets/calendar/SgCalendar.meta.d.ts.map

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

package/dist/gadgets/calendar/SgCalendar.meta.js

@@ -0,0 +1,51 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.calendar",
+    package: "@seedgrid/fe-components",
+    exportName: "SgCalendar",
+    slug: "sg-calendar",
+    displayName: "SgCalendar",
+    category: "gadget",
+    subcategory: "calendar",
+    description: "Calendario mensal em formato de gadget com suporte a locale, multi-mes, regras de selecao e card configuravel.",
+    tags: ["gadget", "calendar", "date", "schedule", "multi-month"],
+    capabilities: ["calendar-grid", "date-selection", "multi-month", "locale", "date-rules", "card-wrapper"],
+    fieldSemantics: ["calendar", "datePicker", "scheduleView", "dateSelector", "monthView"],
+    props: [
+        { name: "value", type: "Date | string", description: "Data selecionada de forma controlada.", semanticRole: "value", bindable: true },
+        { name: "viewDate", type: "Date | string", description: "Mes visivel de forma controlada.", semanticRole: "value", bindable: true },
+        { name: "locale", type: "string", default: "pt-BR", description: "Locale usado para formatacao de mes e dias.", semanticRole: "behavior", bindable: true },
+        { name: "weekStartsOn", type: "0 | 1 | 2 | 3 | 4 | 5 | 6", default: 0, description: "Primeiro dia da semana.", semanticRole: "behavior", bindable: true },
+        { name: "numberOfMonths", type: "number", default: 1, description: "Quantidade de meses visiveis ao mesmo tempo.", semanticRole: "appearance", bindable: true },
+        { name: "minDate", type: "Date | string", description: "Limite minimo de selecao.", semanticRole: "validation", bindable: true },
+        { name: "maxDate", type: "Date | string", description: "Limite maximo de selecao.", semanticRole: "validation", bindable: true },
+        { name: "onValueChange", type: "(date: Date) => void", description: "Callback disparado ao selecionar uma data.", semanticRole: "event", bindable: false }
+    ],
+    states: ["default", "multi-month", "disabled-dates", "controlled"],
+    examples: [
+        { id: "basic", title: "Basico", file: "apps/showcase/src/app/components/gadgets/sg-calendar/samples/basico.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-calendar/sg-calendar.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/gadgets/sg-calendar", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.calendar", acceptsDataBinding: true, defaultProps: { locale: "pt-BR", weekStartsOn: 0, numberOfMonths: 1, showTodayShortcut: true } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Exibir ou selecionar datas em um calendario mensal visivel.",
+        "Montar gadgets de agenda, planeamento e navegacao temporal.",
+        "Visualizar varios meses com regras de disponibilidade e locale configuravel."
+    ],
+    avoidUseCases: [
+        "Campos compactos de data em formularios; nesses casos prefira SgInputDate.",
+        "Listas ou tabelas de eventos detalhados.",
+        "Numeros, moeda ou texto livre."
+    ],
+    synonyms: ["calendar", "month calendar", "date gadget", "schedule calendar"],
+    relatedEntityFields: ["date", "calendar", "schedule", "availability", "month"],
+    compositionHints: [
+        "Usar com Card e Button em gadgets de agenda e dashboards.",
+        "Combinar com InputDate e dialogs quando houver selecao detalhada."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0.2, date: 0.96, number: 0, denseLayout: 0.68 }
+};

package/dist/gadgets/clock/SgClock.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=SgClock.meta.d.ts.map

package/dist/gadgets/clock/SgClock.meta.d.ts.map

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

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

@@ -0,0 +1,50 @@
+export const sgMeta = {
+    version: "0.1",
+    componentId: "gadget.clock",
+    package: "@seedgrid/fe-components",
+    exportName: "SgClock",
+    slug: "sg-clock",
+    displayName: "SgClock",
+    category: "gadget",
+    subcategory: "clock",
+    description: "Relogio analogico ou digital com multiplos estilos visuais, timezone, formato 12h/24h e temas.",
+    tags: ["gadget", "clock", "time", "timezone", "digital", "analog"],
+    capabilities: ["analog-clock", "digital-clock", "themes", "timezone", "format-12h-24h", "card-wrapper"],
+    fieldSemantics: ["clock", "timeDisplay", "timezoneClock", "digitalClock", "analogClock"],
+    props: [
+        { name: "clockStyle", type: '"digital" | "analog"', default: "digital", description: "Modo principal de exibicao do relogio.", semanticRole: "appearance", bindable: true },
+        { name: "digitalStyle", type: '"default" | "segment" | "sevenSegment" | "roller3d" | "flip" | "fade" | "matrix" | "neon" | "discard"', default: "default", description: "Estilo visual do relogio digital.", semanticRole: "appearance", bindable: true },
+        { name: "timezone", type: "string", description: "Timezone usada no calculo da hora exibida.", semanticRole: "behavior", bindable: true },
+        { name: "format", type: '"12h" | "24h"', default: "24h", description: "Formato horario do relogio.", semanticRole: "behavior", bindable: true },
+        { name: "showSeconds", type: "boolean", default: true, description: "Exibe ou oculta os segundos.", semanticRole: "appearance", bindable: true },
+        { name: "themeId", type: "string", description: "Tema visual aplicado ao relogio.", semanticRole: "appearance", bindable: true },
+        { name: "size", type: '"sm" | "md" | "lg" | number', default: "md", description: "Escala visual do relogio.", semanticRole: "appearance", bindable: true }
+    ],
+    states: ["default", "analog", "digital", "themed", "provider-driven"],
+    examples: [
+        { id: "roller-3d", title: "Roller 3D", file: "apps/showcase/src/app/components/gadgets/sg-clock/samples/roller-3d.tsx.sample", kind: "sample" },
+        { id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-clock/sg-clock.tsx.playground", kind: "playground" }
+    ],
+    showcase: { route: "/components/gadgets/sg-clock", hasPlayground: true, hasPropsTable: true },
+    sdui: { rendererType: "gadget.clock", acceptsDataBinding: true, defaultProps: { clockStyle: "digital", digitalStyle: "default", format: "24h", showSeconds: true } }
+};
+export const aiHints = {
+    version: "0.1",
+    preferredUseCases: [
+        "Exibir hora atual em dashboards, paredes operacionais e gadgets de status.",
+        "Mostrar timezones diferentes em paineis internacionais ou de suporte.",
+        "Criar widgets visuais com estilos digitais ou analogicos customizados."
+    ],
+    avoidUseCases: [
+        "Entrada de hora pelo usuario; nesses casos use componente de input apropriado.",
+        "Calendarios mensais e selecao de datas; nesses casos prefira SgCalendar ou SgInputDate.",
+        "Numeros ou KPIs sem semantica temporal."
+    ],
+    synonyms: ["clock", "time widget", "digital clock", "analog clock", "timezone clock"],
+    relatedEntityFields: ["time", "timezone", "clock", "currentTime", "worldClock"],
+    compositionHints: [
+        "Usar com SgClockThemeProvider e SgClockThemePicker para temas visuais.",
+        "Combinar com Card, Dashboard e outros gadgets em paineis operacionais."
+    ],
+    rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.82, number: 0, denseLayout: 0.74 }
+};

package/dist/gadgets/clock/SgTimeProvider.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=SgTimeProvider.meta.d.ts.map

package/dist/gadgets/clock/SgTimeProvider.meta.d.ts.map

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