@seedgrid/fe-theme 2026.4.18 → 2026.4.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai/seedgrid-theme.manifest.json +857 -0
- package/dist/theme/SeedThemeProvider.meta.d.ts +61 -0
- package/dist/theme/SeedThemeProvider.meta.d.ts.map +1 -0
- package/dist/theme/SeedThemeProvider.meta.js +105 -0
- package/dist/theme/ThemeProvider.meta.d.ts +60 -0
- package/dist/theme/ThemeProvider.meta.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.meta.js +45 -0
- package/dist/theme/buildScaleFromHex.meta.d.ts +60 -0
- package/dist/theme/buildScaleFromHex.meta.d.ts.map +1 -0
- package/dist/theme/buildScaleFromHex.meta.js +41 -0
- package/dist/theme/clamp.meta.d.ts +60 -0
- package/dist/theme/clamp.meta.d.ts.map +1 -0
- package/dist/theme/clamp.meta.js +40 -0
- package/dist/theme/getSystemMode.meta.d.ts +60 -0
- package/dist/theme/getSystemMode.meta.d.ts.map +1 -0
- package/dist/theme/getSystemMode.meta.js +36 -0
- package/dist/theme/useSgTheme.meta.d.ts +61 -0
- package/dist/theme/useSgTheme.meta.d.ts.map +1 -0
- package/dist/theme/useSgTheme.meta.js +109 -0
- package/dist/theme/useTheme.meta.d.ts +60 -0
- package/dist/theme/useTheme.meta.d.ts.map +1 -0
- package/dist/theme/useTheme.meta.js +43 -0
- package/dist/ui/AppShell.meta.d.ts +60 -0
- package/dist/ui/AppShell.meta.d.ts.map +1 -0
- package/dist/ui/AppShell.meta.js +45 -0
- package/package.json +3 -3
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
type SgMetaPropV0 = {
|
|
2
|
+
name: string;
|
|
3
|
+
type: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
default?: unknown;
|
|
6
|
+
description?: string;
|
|
7
|
+
semanticRole?: "value" | "label" | "validation" | "behavior" | "appearance" | "event" | "data";
|
|
8
|
+
bindable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type SgMetaExampleV0 = {
|
|
11
|
+
id: string;
|
|
12
|
+
title: string;
|
|
13
|
+
file: string;
|
|
14
|
+
kind: "sample" | "playground";
|
|
15
|
+
};
|
|
16
|
+
type SgMetaV0 = {
|
|
17
|
+
version: "0.1";
|
|
18
|
+
componentId: string;
|
|
19
|
+
package: string;
|
|
20
|
+
exportName: string;
|
|
21
|
+
slug: string;
|
|
22
|
+
displayName: string;
|
|
23
|
+
category: string;
|
|
24
|
+
subcategory?: string;
|
|
25
|
+
description: string;
|
|
26
|
+
tags?: string[];
|
|
27
|
+
capabilities?: string[];
|
|
28
|
+
fieldSemantics?: string[];
|
|
29
|
+
props?: SgMetaPropV0[];
|
|
30
|
+
states?: string[];
|
|
31
|
+
examples?: SgMetaExampleV0[];
|
|
32
|
+
showcase?: {
|
|
33
|
+
route: string;
|
|
34
|
+
hasPlayground: boolean;
|
|
35
|
+
hasPropsTable: boolean;
|
|
36
|
+
};
|
|
37
|
+
sdui?: {
|
|
38
|
+
rendererType: string;
|
|
39
|
+
acceptsDataBinding?: boolean;
|
|
40
|
+
defaultProps?: Record<string, unknown>;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
type SgAiHintsV0 = {
|
|
44
|
+
version: "0.1";
|
|
45
|
+
preferredUseCases: string[];
|
|
46
|
+
avoidUseCases?: string[];
|
|
47
|
+
synonyms?: string[];
|
|
48
|
+
relatedEntityFields?: string[];
|
|
49
|
+
compositionHints?: string[];
|
|
50
|
+
rankingSignals?: {
|
|
51
|
+
freeText?: number;
|
|
52
|
+
structuredChoice?: number;
|
|
53
|
+
date?: number;
|
|
54
|
+
number?: number;
|
|
55
|
+
denseLayout?: number;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
export declare const sgMeta: SgMetaV0;
|
|
59
|
+
export declare const aiHints: SgAiHintsV0;
|
|
60
|
+
export {};
|
|
61
|
+
//# sourceMappingURL=SeedThemeProvider.meta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeedThemeProvider.meta.d.ts","sourceRoot":"","sources":["../../src/theme/SeedThemeProvider.meta.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;CAC/B,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,OAAO,CAAC;QACvB,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QA8EpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WA0BrB,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "provider.seed-theme",
|
|
4
|
+
package: "@seedgrid/fe-theme",
|
|
5
|
+
exportName: "SeedThemeProvider",
|
|
6
|
+
slug: "seed-theme-provider",
|
|
7
|
+
displayName: "SeedThemeProvider",
|
|
8
|
+
category: "provider",
|
|
9
|
+
subcategory: "theme",
|
|
10
|
+
description: "Provider de tema SeedGrid com suporte a modo claro/escuro, persistencia, deteccao de modo do sistema e customizacao de cores e raio de borda.",
|
|
11
|
+
tags: ["provider", "theme", "dark-mode", "persistence", "design-tokens"],
|
|
12
|
+
capabilities: ["light-dark-mode", "auto-detect-system", "theme-persistence", "css-variables", "dynamic-theming"],
|
|
13
|
+
fieldSemantics: ["themeProvider", "designTokens", "colorScheme"],
|
|
14
|
+
props: [
|
|
15
|
+
{
|
|
16
|
+
name: "initialTheme",
|
|
17
|
+
type: "SeedThemeInput",
|
|
18
|
+
description: "Configuracao inicial do tema (seed, mode, radius, persistenceStrategy, persistMode).",
|
|
19
|
+
semanticRole: "data",
|
|
20
|
+
bindable: true
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
name: "applyTo",
|
|
24
|
+
type: '"html" | "wrapper"',
|
|
25
|
+
default: "html",
|
|
26
|
+
description: "Onde aplicar as variaveis CSS (html ou div wrapper).",
|
|
27
|
+
semanticRole: "behavior",
|
|
28
|
+
bindable: true
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
name: "children",
|
|
32
|
+
type: "ReactNode",
|
|
33
|
+
required: true,
|
|
34
|
+
description: "Arvore de componentes que consome o contexto de tema.",
|
|
35
|
+
semanticRole: "data",
|
|
36
|
+
bindable: false
|
|
37
|
+
}
|
|
38
|
+
],
|
|
39
|
+
states: ["light", "dark", "auto"],
|
|
40
|
+
examples: [
|
|
41
|
+
{
|
|
42
|
+
id: "basic",
|
|
43
|
+
title: "Tema basico com modo claro",
|
|
44
|
+
file: "apps/showcase/src/app/components/providers/seed-theme-provider/samples/basic.tsx.sample",
|
|
45
|
+
kind: "sample"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
id: "dark-mode",
|
|
49
|
+
title: "Com modo escuro customizado",
|
|
50
|
+
file: "apps/showcase/src/app/components/providers/seed-theme-provider/samples/dark-mode.tsx.sample",
|
|
51
|
+
kind: "sample"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
id: "auto-detect",
|
|
55
|
+
title: "Auto-deteccao do modo do sistema",
|
|
56
|
+
file: "apps/showcase/src/app/components/providers/seed-theme-provider/samples/auto-detect.tsx.sample",
|
|
57
|
+
kind: "sample"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
id: "theme-switcher",
|
|
61
|
+
title: "Seletor dinamico de tema",
|
|
62
|
+
file: "apps/showcase/src/app/components/providers/seed-theme-provider/samples/theme-switcher.tsx.sample",
|
|
63
|
+
kind: "sample"
|
|
64
|
+
}
|
|
65
|
+
],
|
|
66
|
+
showcase: {
|
|
67
|
+
route: "/components/providers/seed-theme-provider",
|
|
68
|
+
hasPlayground: true,
|
|
69
|
+
hasPropsTable: true
|
|
70
|
+
},
|
|
71
|
+
sdui: {
|
|
72
|
+
rendererType: "provider.seed-theme",
|
|
73
|
+
acceptsDataBinding: true,
|
|
74
|
+
defaultProps: {
|
|
75
|
+
applyTo: "html"
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
export const aiHints = {
|
|
80
|
+
version: "0.1",
|
|
81
|
+
preferredUseCases: [
|
|
82
|
+
"Aplicar tema SeedGrid a toda a aplicacao com variaveis CSS.",
|
|
83
|
+
"Suportar modo claro/escuro com persistencia de preferencia.",
|
|
84
|
+
"Auto-detectar preferencia do usuario a partir do sistema operacional.",
|
|
85
|
+
"Customizar cores e raio de borda dinamicamente."
|
|
86
|
+
],
|
|
87
|
+
avoidUseCases: [
|
|
88
|
+
"Apenas trocar cores de componentes individuais; use CSS direto.",
|
|
89
|
+
"Tema nao-SeedGrid; considere solucoes de terceiros (next-themes, etc)."
|
|
90
|
+
],
|
|
91
|
+
synonyms: ["theme provider", "seed theme", "design token provider"],
|
|
92
|
+
relatedEntityFields: ["theme", "mode", "colors", "darkMode"],
|
|
93
|
+
compositionHints: [
|
|
94
|
+
"Posicionar no topo da arvore React para afetar todos os componentes.",
|
|
95
|
+
"Combinar com useSgTheme() para acessar contexto e alterar tema.",
|
|
96
|
+
"Usar com SgEnvironmentProvider para persistencia coordenada."
|
|
97
|
+
],
|
|
98
|
+
rankingSignals: {
|
|
99
|
+
freeText: 0.7,
|
|
100
|
+
structuredChoice: 0.9,
|
|
101
|
+
date: 0,
|
|
102
|
+
number: 0.3,
|
|
103
|
+
denseLayout: 0.8
|
|
104
|
+
}
|
|
105
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
type SgMetaPropV0 = {
|
|
2
|
+
name: string;
|
|
3
|
+
type: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
default?: unknown;
|
|
6
|
+
description?: string;
|
|
7
|
+
semanticRole?: "value" | "label" | "validation" | "behavior" | "appearance" | "event" | "data";
|
|
8
|
+
bindable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type SgMetaV0 = {
|
|
11
|
+
version: "0.1";
|
|
12
|
+
componentId: string;
|
|
13
|
+
package: string;
|
|
14
|
+
exportName: string;
|
|
15
|
+
slug: string;
|
|
16
|
+
displayName: string;
|
|
17
|
+
category: string;
|
|
18
|
+
subcategory?: string;
|
|
19
|
+
description: string;
|
|
20
|
+
tags?: string[];
|
|
21
|
+
capabilities?: string[];
|
|
22
|
+
fieldSemantics?: string[];
|
|
23
|
+
props?: SgMetaPropV0[];
|
|
24
|
+
states?: string[];
|
|
25
|
+
examples?: Array<{
|
|
26
|
+
id: string;
|
|
27
|
+
title: string;
|
|
28
|
+
file: string;
|
|
29
|
+
kind: "sample" | "playground";
|
|
30
|
+
}>;
|
|
31
|
+
showcase?: {
|
|
32
|
+
route: string;
|
|
33
|
+
hasPlayground: boolean;
|
|
34
|
+
hasPropsTable: boolean;
|
|
35
|
+
};
|
|
36
|
+
sdui?: {
|
|
37
|
+
rendererType: string;
|
|
38
|
+
acceptsDataBinding?: boolean;
|
|
39
|
+
defaultProps?: Record<string, unknown>;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
type SgAiHintsV0 = {
|
|
43
|
+
version: "0.1";
|
|
44
|
+
preferredUseCases: string[];
|
|
45
|
+
avoidUseCases?: string[];
|
|
46
|
+
synonyms?: string[];
|
|
47
|
+
relatedEntityFields?: string[];
|
|
48
|
+
compositionHints?: string[];
|
|
49
|
+
rankingSignals?: {
|
|
50
|
+
freeText?: number;
|
|
51
|
+
structuredChoice?: number;
|
|
52
|
+
date?: number;
|
|
53
|
+
number?: number;
|
|
54
|
+
denseLayout?: number;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export declare const sgMeta: SgMetaV0;
|
|
58
|
+
export declare const aiHints: SgAiHintsV0;
|
|
59
|
+
export {};
|
|
60
|
+
//# sourceMappingURL=ThemeProvider.meta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.meta.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.meta.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAA;KAAE,CAAC,CAAC;IAC7F,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC;IAC7E,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QA0BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAkBrB,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "provider.theme-legacy",
|
|
4
|
+
package: "@seedgrid/fe-theme",
|
|
5
|
+
exportName: "ThemeProvider",
|
|
6
|
+
slug: "theme-provider",
|
|
7
|
+
displayName: "ThemeProvider",
|
|
8
|
+
category: "provider",
|
|
9
|
+
subcategory: "theme-legacy",
|
|
10
|
+
description: "Provider legado de tema para compatibilidade retroativa, aplicando tokens CSS e expondo contexto simplificado de tema.",
|
|
11
|
+
tags: ["provider", "theme", "legacy", "compatibility"],
|
|
12
|
+
capabilities: ["legacy-theme-context", "css-vars", "compat-layer"],
|
|
13
|
+
fieldSemantics: ["legacyThemeProvider", "themeContext", "compatibilityLayer"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "theme", type: "Partial<SeedGridThemeConfig>", description: "Configuracao parcial do tema legado.", semanticRole: "data", bindable: true },
|
|
16
|
+
{ name: "children", type: "ReactNode", required: true, description: "Arvore de componentes envolvida pelo provider.", semanticRole: "data", bindable: false }
|
|
17
|
+
],
|
|
18
|
+
states: ["default", "legacy-theme-applied"],
|
|
19
|
+
examples: [],
|
|
20
|
+
showcase: { route: "/packages/fe-theme/theme-provider", hasPlayground: false, hasPropsTable: false },
|
|
21
|
+
sdui: {
|
|
22
|
+
rendererType: "provider.theme-legacy",
|
|
23
|
+
acceptsDataBinding: true,
|
|
24
|
+
defaultProps: { theme: {} }
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
export const aiHints = {
|
|
28
|
+
version: "0.1",
|
|
29
|
+
preferredUseCases: [
|
|
30
|
+
"Manter compatibilidade com consumidores antigos do sistema de tema.",
|
|
31
|
+
"Aplicar configuracao de tema simplificada em arvores legadas.",
|
|
32
|
+
"Servir como camada de transicao entre ThemeProvider e SeedThemeProvider."
|
|
33
|
+
],
|
|
34
|
+
avoidUseCases: [
|
|
35
|
+
"Novas implementacoes de tema; nesses casos prefira SeedThemeProvider.",
|
|
36
|
+
"Acesso ao contexto moderno de tokens; nesses casos prefira useSgTheme."
|
|
37
|
+
],
|
|
38
|
+
synonyms: ["legacy theme provider", "theme provider compatibility", "old theme provider"],
|
|
39
|
+
relatedEntityFields: ["theme", "legacyTheme", "themeConfig"],
|
|
40
|
+
compositionHints: [
|
|
41
|
+
"Usar apenas em fluxos legados ou em migracao.",
|
|
42
|
+
"Planejar migracao gradual para SeedThemeProvider."
|
|
43
|
+
],
|
|
44
|
+
rankingSignals: { freeText: 0.45, structuredChoice: 0.5, date: 0, number: 0, denseLayout: 0.54 }
|
|
45
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
type SgMetaPropV0 = {
|
|
2
|
+
name: string;
|
|
3
|
+
type: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
default?: unknown;
|
|
6
|
+
description?: string;
|
|
7
|
+
semanticRole?: "value" | "label" | "validation" | "behavior" | "appearance" | "event" | "data";
|
|
8
|
+
bindable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type SgMetaV0 = {
|
|
11
|
+
version: "0.1";
|
|
12
|
+
componentId: string;
|
|
13
|
+
package: string;
|
|
14
|
+
exportName: string;
|
|
15
|
+
slug: string;
|
|
16
|
+
displayName: string;
|
|
17
|
+
category: string;
|
|
18
|
+
subcategory?: string;
|
|
19
|
+
description: string;
|
|
20
|
+
tags?: string[];
|
|
21
|
+
capabilities?: string[];
|
|
22
|
+
fieldSemantics?: string[];
|
|
23
|
+
props?: SgMetaPropV0[];
|
|
24
|
+
states?: string[];
|
|
25
|
+
examples?: Array<{
|
|
26
|
+
id: string;
|
|
27
|
+
title: string;
|
|
28
|
+
file: string;
|
|
29
|
+
kind: "sample" | "playground";
|
|
30
|
+
}>;
|
|
31
|
+
showcase?: {
|
|
32
|
+
route: string;
|
|
33
|
+
hasPlayground: boolean;
|
|
34
|
+
hasPropsTable: boolean;
|
|
35
|
+
};
|
|
36
|
+
sdui?: {
|
|
37
|
+
rendererType: string;
|
|
38
|
+
acceptsDataBinding?: boolean;
|
|
39
|
+
defaultProps?: Record<string, unknown>;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
type SgAiHintsV0 = {
|
|
43
|
+
version: "0.1";
|
|
44
|
+
preferredUseCases: string[];
|
|
45
|
+
avoidUseCases?: string[];
|
|
46
|
+
synonyms?: string[];
|
|
47
|
+
relatedEntityFields?: string[];
|
|
48
|
+
compositionHints?: string[];
|
|
49
|
+
rankingSignals?: {
|
|
50
|
+
freeText?: number;
|
|
51
|
+
structuredChoice?: number;
|
|
52
|
+
date?: number;
|
|
53
|
+
number?: number;
|
|
54
|
+
denseLayout?: number;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export declare const sgMeta: SgMetaV0;
|
|
58
|
+
export declare const aiHints: SgAiHintsV0;
|
|
59
|
+
export {};
|
|
60
|
+
//# sourceMappingURL=buildScaleFromHex.meta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buildScaleFromHex.meta.d.ts","sourceRoot":"","sources":["../../src/theme/buildScaleFromHex.meta.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAA;KAAE,CAAC,CAAC;IAC7F,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC;IAC7E,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAuBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAgBrB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "utility.build-scale-from-hex",
|
|
4
|
+
package: "@seedgrid/fe-theme",
|
|
5
|
+
exportName: "buildScaleFromHex",
|
|
6
|
+
slug: "build-scale-from-hex",
|
|
7
|
+
displayName: "buildScaleFromHex",
|
|
8
|
+
category: "utility",
|
|
9
|
+
subcategory: "color-scale",
|
|
10
|
+
description: "Gera uma escala tonal 50..900 a partir de uma cor base hexadecimal e do modo resolvido.",
|
|
11
|
+
tags: ["utility", "color", "palette", "theme"],
|
|
12
|
+
capabilities: ["palette-generation", "mode-aware-scale", "hsl-harmonization"],
|
|
13
|
+
fieldSemantics: ["colorScaleGeneration", "themePalette"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "baseHex", type: "string", required: true, description: "Cor base hexadecimal.", semanticRole: "value", bindable: true },
|
|
16
|
+
{ name: "resolvedMode", type: '"light" | "dark"', required: true, description: "Modo usado para calcular a escala.", semanticRole: "behavior", bindable: true },
|
|
17
|
+
{ name: "opts.boostS", type: "number", description: "Ajuste opcional de saturacao.", semanticRole: "behavior", bindable: true },
|
|
18
|
+
{ name: "opts.biasL", type: "number", description: "Ajuste opcional de luminosidade.", semanticRole: "behavior", bindable: true }
|
|
19
|
+
],
|
|
20
|
+
states: ["light", "dark"],
|
|
21
|
+
examples: [],
|
|
22
|
+
showcase: { route: "/packages/fe-theme/build-scale-from-hex", hasPlayground: false, hasPropsTable: false },
|
|
23
|
+
sdui: { rendererType: "utility.build-scale-from-hex", acceptsDataBinding: false, defaultProps: { opts: {} } }
|
|
24
|
+
};
|
|
25
|
+
export const aiHints = {
|
|
26
|
+
version: "0.1",
|
|
27
|
+
preferredUseCases: [
|
|
28
|
+
"Gerar paletas tonais a partir de uma seed color.",
|
|
29
|
+
"Construir escalas harmonizadas para tema claro e escuro."
|
|
30
|
+
],
|
|
31
|
+
avoidUseCases: [
|
|
32
|
+
"Conversao simples de uma unica cor sem necessidade de escala.",
|
|
33
|
+
"Escolha manual de tokens quando a paleta ja estiver pronta."
|
|
34
|
+
],
|
|
35
|
+
synonyms: ["build color scale", "palette generator", "hex scale"],
|
|
36
|
+
relatedEntityFields: ["seed", "palette", "colorScale", "mode"],
|
|
37
|
+
compositionHints: [
|
|
38
|
+
"Usar com generateThemeVars e outros utilitarios de tokenizacao."
|
|
39
|
+
],
|
|
40
|
+
rankingSignals: { freeText: 0, structuredChoice: 0.2, date: 0, number: 0.54, denseLayout: 0.32 }
|
|
41
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
type SgMetaPropV0 = {
|
|
2
|
+
name: string;
|
|
3
|
+
type: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
default?: unknown;
|
|
6
|
+
description?: string;
|
|
7
|
+
semanticRole?: "value" | "label" | "validation" | "behavior" | "appearance" | "event" | "data";
|
|
8
|
+
bindable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type SgMetaV0 = {
|
|
11
|
+
version: "0.1";
|
|
12
|
+
componentId: string;
|
|
13
|
+
package: string;
|
|
14
|
+
exportName: string;
|
|
15
|
+
slug: string;
|
|
16
|
+
displayName: string;
|
|
17
|
+
category: string;
|
|
18
|
+
subcategory?: string;
|
|
19
|
+
description: string;
|
|
20
|
+
tags?: string[];
|
|
21
|
+
capabilities?: string[];
|
|
22
|
+
fieldSemantics?: string[];
|
|
23
|
+
props?: SgMetaPropV0[];
|
|
24
|
+
states?: string[];
|
|
25
|
+
examples?: Array<{
|
|
26
|
+
id: string;
|
|
27
|
+
title: string;
|
|
28
|
+
file: string;
|
|
29
|
+
kind: "sample" | "playground";
|
|
30
|
+
}>;
|
|
31
|
+
showcase?: {
|
|
32
|
+
route: string;
|
|
33
|
+
hasPlayground: boolean;
|
|
34
|
+
hasPropsTable: boolean;
|
|
35
|
+
};
|
|
36
|
+
sdui?: {
|
|
37
|
+
rendererType: string;
|
|
38
|
+
acceptsDataBinding?: boolean;
|
|
39
|
+
defaultProps?: Record<string, unknown>;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
type SgAiHintsV0 = {
|
|
43
|
+
version: "0.1";
|
|
44
|
+
preferredUseCases: string[];
|
|
45
|
+
avoidUseCases?: string[];
|
|
46
|
+
synonyms?: string[];
|
|
47
|
+
relatedEntityFields?: string[];
|
|
48
|
+
compositionHints?: string[];
|
|
49
|
+
rankingSignals?: {
|
|
50
|
+
freeText?: number;
|
|
51
|
+
structuredChoice?: number;
|
|
52
|
+
date?: number;
|
|
53
|
+
number?: number;
|
|
54
|
+
denseLayout?: number;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export declare const sgMeta: SgMetaV0;
|
|
58
|
+
export declare const aiHints: SgAiHintsV0;
|
|
59
|
+
export {};
|
|
60
|
+
//# sourceMappingURL=clamp.meta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clamp.meta.d.ts","sourceRoot":"","sources":["../../src/theme/clamp.meta.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAA;KAAE,CAAC,CAAC;IAC7F,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC;IAC7E,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAsBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAgBrB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "utility.clamp",
|
|
4
|
+
package: "@seedgrid/fe-theme",
|
|
5
|
+
exportName: "clamp",
|
|
6
|
+
slug: "clamp",
|
|
7
|
+
displayName: "clamp",
|
|
8
|
+
category: "utility",
|
|
9
|
+
subcategory: "math",
|
|
10
|
+
description: "Funcao utilitaria para limitar um numero entre minimo e maximo.",
|
|
11
|
+
tags: ["utility", "math", "range"],
|
|
12
|
+
capabilities: ["numeric-clamp", "value-bounding"],
|
|
13
|
+
fieldSemantics: ["rangeConstraint", "numericClamp"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "n", type: "number", required: true, description: "Valor a limitar.", semanticRole: "value", bindable: true },
|
|
16
|
+
{ name: "a", type: "number", required: true, description: "Limite minimo.", semanticRole: "validation", bindable: true },
|
|
17
|
+
{ name: "b", type: "number", required: true, description: "Limite maximo.", semanticRole: "validation", bindable: true }
|
|
18
|
+
],
|
|
19
|
+
states: [],
|
|
20
|
+
examples: [],
|
|
21
|
+
showcase: { route: "/packages/fe-theme/clamp", hasPlayground: false, hasPropsTable: false },
|
|
22
|
+
sdui: { rendererType: "utility.clamp", acceptsDataBinding: false, defaultProps: {} }
|
|
23
|
+
};
|
|
24
|
+
export const aiHints = {
|
|
25
|
+
version: "0.1",
|
|
26
|
+
preferredUseCases: [
|
|
27
|
+
"Limitar valores numericos em utilitarios de tema e cor.",
|
|
28
|
+
"Garantir que saturacao, luminosidade ou canais RGB fiquem dentro do intervalo valido."
|
|
29
|
+
],
|
|
30
|
+
avoidUseCases: [
|
|
31
|
+
"Validacao complexa de dominio ou regras de negocio.",
|
|
32
|
+
"Fluxos de interface onde um input especializado seria mais apropriado."
|
|
33
|
+
],
|
|
34
|
+
synonyms: ["clamp", "bound number", "limit value"],
|
|
35
|
+
relatedEntityFields: ["min", "max", "value"],
|
|
36
|
+
compositionHints: [
|
|
37
|
+
"Usar em helpers de cor e tokenizacao quando for preciso manter valores em faixas validas."
|
|
38
|
+
],
|
|
39
|
+
rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0.86, denseLayout: 0.15 }
|
|
40
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
type SgMetaPropV0 = {
|
|
2
|
+
name: string;
|
|
3
|
+
type: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
default?: unknown;
|
|
6
|
+
description?: string;
|
|
7
|
+
semanticRole?: "value" | "label" | "validation" | "behavior" | "appearance" | "event" | "data";
|
|
8
|
+
bindable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type SgMetaV0 = {
|
|
11
|
+
version: "0.1";
|
|
12
|
+
componentId: string;
|
|
13
|
+
package: string;
|
|
14
|
+
exportName: string;
|
|
15
|
+
slug: string;
|
|
16
|
+
displayName: string;
|
|
17
|
+
category: string;
|
|
18
|
+
subcategory?: string;
|
|
19
|
+
description: string;
|
|
20
|
+
tags?: string[];
|
|
21
|
+
capabilities?: string[];
|
|
22
|
+
fieldSemantics?: string[];
|
|
23
|
+
props?: SgMetaPropV0[];
|
|
24
|
+
states?: string[];
|
|
25
|
+
examples?: Array<{
|
|
26
|
+
id: string;
|
|
27
|
+
title: string;
|
|
28
|
+
file: string;
|
|
29
|
+
kind: "sample" | "playground";
|
|
30
|
+
}>;
|
|
31
|
+
showcase?: {
|
|
32
|
+
route: string;
|
|
33
|
+
hasPlayground: boolean;
|
|
34
|
+
hasPropsTable: boolean;
|
|
35
|
+
};
|
|
36
|
+
sdui?: {
|
|
37
|
+
rendererType: string;
|
|
38
|
+
acceptsDataBinding?: boolean;
|
|
39
|
+
defaultProps?: Record<string, unknown>;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
type SgAiHintsV0 = {
|
|
43
|
+
version: "0.1";
|
|
44
|
+
preferredUseCases: string[];
|
|
45
|
+
avoidUseCases?: string[];
|
|
46
|
+
synonyms?: string[];
|
|
47
|
+
relatedEntityFields?: string[];
|
|
48
|
+
compositionHints?: string[];
|
|
49
|
+
rankingSignals?: {
|
|
50
|
+
freeText?: number;
|
|
51
|
+
structuredChoice?: number;
|
|
52
|
+
date?: number;
|
|
53
|
+
number?: number;
|
|
54
|
+
denseLayout?: number;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export declare const sgMeta: SgMetaV0;
|
|
58
|
+
export declare const aiHints: SgAiHintsV0;
|
|
59
|
+
export {};
|
|
60
|
+
//# sourceMappingURL=getSystemMode.meta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getSystemMode.meta.d.ts","sourceRoot":"","sources":["../../src/theme/getSystemMode.meta.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAA;KAAE,CAAC,CAAC;IAC7F,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC;IAC7E,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAkBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAgBrB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "utility.get-system-mode",
|
|
4
|
+
package: "@seedgrid/fe-theme",
|
|
5
|
+
exportName: "getSystemMode",
|
|
6
|
+
slug: "get-system-mode",
|
|
7
|
+
displayName: "getSystemMode",
|
|
8
|
+
category: "utility",
|
|
9
|
+
subcategory: "system-mode",
|
|
10
|
+
description: "Resolve o modo claro ou escuro com base na preferencia do sistema operacional no browser.",
|
|
11
|
+
tags: ["utility", "theme", "dark-mode", "system-preference"],
|
|
12
|
+
capabilities: ["prefers-color-scheme", "light-dark-resolution", "browser-aware"],
|
|
13
|
+
fieldSemantics: ["systemModeDetection", "preferredColorScheme"],
|
|
14
|
+
props: [],
|
|
15
|
+
states: ["light", "dark"],
|
|
16
|
+
examples: [],
|
|
17
|
+
showcase: { route: "/packages/fe-theme/get-system-mode", hasPlayground: false, hasPropsTable: false },
|
|
18
|
+
sdui: { rendererType: "utility.get-system-mode", acceptsDataBinding: false, defaultProps: {} }
|
|
19
|
+
};
|
|
20
|
+
export const aiHints = {
|
|
21
|
+
version: "0.1",
|
|
22
|
+
preferredUseCases: [
|
|
23
|
+
"Detectar preferencia inicial de claro ou escuro no cliente.",
|
|
24
|
+
"Apoiar modos automaticos de tema baseados em prefers-color-scheme."
|
|
25
|
+
],
|
|
26
|
+
avoidUseCases: [
|
|
27
|
+
"Persistencia da escolha do usuario; isso deve ser tratado por provider ou storage.",
|
|
28
|
+
"Uso em ambiente puramente server-side como fonte definitiva de tema."
|
|
29
|
+
],
|
|
30
|
+
synonyms: ["system mode", "prefers color scheme", "detect dark mode"],
|
|
31
|
+
relatedEntityFields: ["mode", "systemMode", "colorScheme"],
|
|
32
|
+
compositionHints: [
|
|
33
|
+
"Usar com SeedThemeProvider quando o modo auto precisar de fallback para o sistema."
|
|
34
|
+
],
|
|
35
|
+
rankingSignals: { freeText: 0.2, structuredChoice: 0.36, date: 0, number: 0, denseLayout: 0.22 }
|
|
36
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
type SgMetaPropV0 = {
|
|
2
|
+
name: string;
|
|
3
|
+
type: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
default?: unknown;
|
|
6
|
+
description?: string;
|
|
7
|
+
semanticRole?: "value" | "label" | "validation" | "behavior" | "appearance" | "event" | "data";
|
|
8
|
+
bindable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type SgMetaExampleV0 = {
|
|
11
|
+
id: string;
|
|
12
|
+
title: string;
|
|
13
|
+
file: string;
|
|
14
|
+
kind: "sample" | "playground";
|
|
15
|
+
};
|
|
16
|
+
type SgMetaV0 = {
|
|
17
|
+
version: "0.1";
|
|
18
|
+
componentId: string;
|
|
19
|
+
package: string;
|
|
20
|
+
exportName: string;
|
|
21
|
+
slug: string;
|
|
22
|
+
displayName: string;
|
|
23
|
+
category: string;
|
|
24
|
+
subcategory?: string;
|
|
25
|
+
description: string;
|
|
26
|
+
tags?: string[];
|
|
27
|
+
capabilities?: string[];
|
|
28
|
+
fieldSemantics?: string[];
|
|
29
|
+
props?: SgMetaPropV0[];
|
|
30
|
+
states?: string[];
|
|
31
|
+
examples?: SgMetaExampleV0[];
|
|
32
|
+
showcase?: {
|
|
33
|
+
route: string;
|
|
34
|
+
hasPlayground: boolean;
|
|
35
|
+
hasPropsTable: boolean;
|
|
36
|
+
};
|
|
37
|
+
sdui?: {
|
|
38
|
+
rendererType: string;
|
|
39
|
+
acceptsDataBinding?: boolean;
|
|
40
|
+
defaultProps?: Record<string, unknown>;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
type SgAiHintsV0 = {
|
|
44
|
+
version: "0.1";
|
|
45
|
+
preferredUseCases: string[];
|
|
46
|
+
avoidUseCases?: string[];
|
|
47
|
+
synonyms?: string[];
|
|
48
|
+
relatedEntityFields?: string[];
|
|
49
|
+
compositionHints?: string[];
|
|
50
|
+
rankingSignals?: {
|
|
51
|
+
freeText?: number;
|
|
52
|
+
structuredChoice?: number;
|
|
53
|
+
date?: number;
|
|
54
|
+
number?: number;
|
|
55
|
+
denseLayout?: number;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
export declare const sgMeta: SgMetaV0;
|
|
59
|
+
export declare const aiHints: SgAiHintsV0;
|
|
60
|
+
export {};
|
|
61
|
+
//# sourceMappingURL=useSgTheme.meta.d.ts.map
|