@marvalt/dstyler 0.1.19 → 0.1.22
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/components/AutoBlock.d.ts +8 -0
- package/dist/components/AutoBlock.d.ts.map +1 -1
- package/dist/components/AutoSection.d.ts +4 -1
- package/dist/components/AutoSection.d.ts.map +1 -1
- package/dist/components/StyledPage.d.ts +6 -0
- package/dist/components/StyledPage.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/engine/detectSections.d.ts.map +1 -1
- package/dist/engine/index.d.ts.map +1 -1
- package/dist/engine/renderBlock.d.ts +0 -3
- package/dist/engine/renderBlock.d.ts.map +1 -1
- package/dist/engine/selectTemplate.d.ts.map +1 -1
- package/dist/index.d.ts +159 -90
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +540 -900
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +543 -899
- package/dist/index.js.map +1 -1
- package/dist/providers/ThemeProvider.d.ts.map +1 -1
- package/dist/providers/index.d.ts.map +1 -1
- package/dist/templates/FooterMinimal.d.ts.map +1 -1
- package/dist/templates/HeroDefault.d.ts.map +1 -1
- package/dist/templates/SectionBase.d.ts.map +1 -1
- package/dist/templates/SectionWave.d.ts.map +1 -1
- package/dist/templates/blocks/BlockButton.d.ts +6 -2
- package/dist/templates/blocks/BlockButton.d.ts.map +1 -1
- package/dist/templates/blocks/BlockForm.d.ts +6 -2
- package/dist/templates/blocks/BlockForm.d.ts.map +1 -1
- package/dist/templates/blocks/BlockImage.d.ts +6 -2
- package/dist/templates/blocks/BlockImage.d.ts.map +1 -1
- package/dist/templates/blocks/BlockText.d.ts +6 -2
- package/dist/templates/blocks/BlockText.d.ts.map +1 -1
- package/dist/templates/blocks/index.d.ts.map +1 -1
- package/dist/templates/index.d.ts +1 -0
- package/dist/templates/index.d.ts.map +1 -1
- package/dist/tokens/css-vars.d.ts.map +1 -1
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/tokens.d.ts.map +1 -1
- package/dist/tokens/wordpress-to-tokens.d.ts.map +1 -1
- package/dist/types/block.d.ts +2 -0
- package/dist/types/block.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/section.d.ts.map +1 -1
- package/dist/types/theme.d.ts.map +1 -1
- package/dist/utils/createColorMapper.d.ts.map +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/responsive.d.ts.map +1 -1
- package/package.json +52 -69
- package/README.md +0 -76
|
@@ -9,6 +9,14 @@ import type { WordPressBlock, ComponentRegistry } from '@marvalt/wparser';
|
|
|
9
9
|
export interface AutoBlockProps {
|
|
10
10
|
block: WordPressBlock;
|
|
11
11
|
registry?: ComponentRegistry;
|
|
12
|
+
className?: string;
|
|
12
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* AutoBlock - Automatically selects and renders the appropriate block renderer
|
|
16
|
+
*
|
|
17
|
+
* Priority:
|
|
18
|
+
* 1. Use registry renderer if available (integrates with wparser)
|
|
19
|
+
* 2. Use dstyler's built-in block renderers
|
|
20
|
+
*/
|
|
13
21
|
export declare const AutoBlock: React.FC<AutoBlockProps>;
|
|
14
22
|
//# sourceMappingURL=AutoBlock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoBlock.d.ts","sourceRoot":"","sources":["../../src/components/AutoBlock.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"AutoBlock.d.ts","sourceRoot":"","sources":["../../src/components/AutoBlock.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO1E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6B9C,CAAC"}
|
|
@@ -5,11 +5,14 @@
|
|
|
5
5
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
|
-
import type { Section } from '../types/section';
|
|
9
8
|
import type { ComponentRegistry } from '@marvalt/wparser';
|
|
9
|
+
import type { Section } from '../types/section';
|
|
10
10
|
export interface AutoSectionProps {
|
|
11
11
|
section: Section;
|
|
12
12
|
registry?: ComponentRegistry;
|
|
13
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* AutoSection - Automatically selects and renders the appropriate section template
|
|
16
|
+
*/
|
|
14
17
|
export declare const AutoSection: React.FC<AutoSectionProps>;
|
|
15
18
|
//# sourceMappingURL=AutoSection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoSection.d.ts","sourceRoot":"","sources":["../../src/components/AutoSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"AutoSection.d.ts","sourceRoot":"","sources":["../../src/components/AutoSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQhD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoClD,CAAC"}
|
|
@@ -14,5 +14,11 @@ export interface StyledPageProps {
|
|
|
14
14
|
page: WordPressPage;
|
|
15
15
|
registry?: ComponentRegistry;
|
|
16
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* StyledPage - Main entry point for dstyler
|
|
19
|
+
*
|
|
20
|
+
* Detects sections from WordPress blocks and applies alternating styles
|
|
21
|
+
* Integrates with wparser's registry for block rendering
|
|
22
|
+
*/
|
|
17
23
|
export declare const StyledPage: React.FC<StyledPageProps>;
|
|
18
24
|
//# sourceMappingURL=StyledPage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledPage.d.ts","sourceRoot":"","sources":["../../src/components/StyledPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"StyledPage.d.ts","sourceRoot":"","sources":["../../src/components/StyledPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAI1E,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"detectSections.d.ts","sourceRoot":"","sources":["../../src/engine/detectSections.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"detectSections.d.ts","sourceRoot":"","sources":["../../src/engine/detectSections.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,OAAO,EAAE,CA6BlE;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,OAAO,EAChB,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GACpD,SAAS,GAAG,WAAW,GAAG,WAAW,CAgCvC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/engine/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/engine/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}
|
|
@@ -5,9 +5,6 @@
|
|
|
5
5
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
6
6
|
*/
|
|
7
7
|
import type { WordPressBlock } from '@marvalt/wparser';
|
|
8
|
-
import type { BlockRendererProps } from '../types/block';
|
|
9
|
-
import type { ComponentType } from 'react';
|
|
10
|
-
export type BlockRenderer = ComponentType<BlockRendererProps>;
|
|
11
8
|
/**
|
|
12
9
|
* Select block renderer based on block type
|
|
13
10
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderBlock.d.ts","sourceRoot":"","sources":["../../src/engine/renderBlock.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"renderBlock.d.ts","sourceRoot":"","sources":["../../src/engine/renderBlock.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CA0BjE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectTemplate.d.ts","sourceRoot":"","sources":["../../src/engine/selectTemplate.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"selectTemplate.d.ts","sourceRoot":"","sources":["../../src/engine/selectTemplate.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAEnD;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAsBvD"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,88 @@
|
|
|
1
1
|
import React, { ComponentType } from 'react';
|
|
2
2
|
import { WordPressBlock, ComponentRegistry, ColorMapper } from '@marvalt/wparser';
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
* @license GPL-3.0-or-later
|
|
6
|
+
*
|
|
7
|
+
* This file is part of the MarVAlt Open SDK.
|
|
8
|
+
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
interface WordPressPage {
|
|
12
|
+
blocks?: WordPressBlock[];
|
|
13
|
+
[key: string]: any;
|
|
14
|
+
}
|
|
15
|
+
interface StyledPageProps {
|
|
16
|
+
page: WordPressPage;
|
|
17
|
+
registry?: ComponentRegistry;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* StyledPage - Main entry point for dstyler
|
|
21
|
+
*
|
|
22
|
+
* Detects sections from WordPress blocks and applies alternating styles
|
|
23
|
+
* Integrates with wparser's registry for block rendering
|
|
24
|
+
*/
|
|
25
|
+
declare const StyledPage: React.FC<StyledPageProps>;
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* @license GPL-3.0-or-later
|
|
29
|
+
*
|
|
30
|
+
* This file is part of the MarVAlt Open SDK.
|
|
31
|
+
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
32
|
+
*/
|
|
33
|
+
|
|
34
|
+
interface Section {
|
|
35
|
+
id: string;
|
|
36
|
+
type: 'section' | 'subsection';
|
|
37
|
+
block: WordPressBlock;
|
|
38
|
+
blocks: WordPressBlock[];
|
|
39
|
+
index: number;
|
|
40
|
+
style?: 'default' | 'alternate' | 'highlight';
|
|
41
|
+
customClass?: string;
|
|
42
|
+
customId?: string;
|
|
43
|
+
}
|
|
44
|
+
interface SectionStyle {
|
|
45
|
+
background: 'default' | 'alternate' | 'highlight';
|
|
46
|
+
className?: string;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* @license GPL-3.0-or-later
|
|
51
|
+
*
|
|
52
|
+
* This file is part of the MarVAlt Open SDK.
|
|
53
|
+
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
54
|
+
*/
|
|
55
|
+
|
|
56
|
+
interface AutoSectionProps {
|
|
57
|
+
section: Section;
|
|
58
|
+
registry?: ComponentRegistry;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* AutoSection - Automatically selects and renders the appropriate section template
|
|
62
|
+
*/
|
|
63
|
+
declare const AutoSection: React.FC<AutoSectionProps>;
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* @license GPL-3.0-or-later
|
|
67
|
+
*
|
|
68
|
+
* This file is part of the MarVAlt Open SDK.
|
|
69
|
+
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
70
|
+
*/
|
|
71
|
+
|
|
72
|
+
interface AutoBlockProps {
|
|
73
|
+
block: WordPressBlock;
|
|
74
|
+
registry?: ComponentRegistry;
|
|
75
|
+
className?: string;
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* AutoBlock - Automatically selects and renders the appropriate block renderer
|
|
79
|
+
*
|
|
80
|
+
* Priority:
|
|
81
|
+
* 1. Use registry renderer if available (integrates with wparser)
|
|
82
|
+
* 2. Use dstyler's built-in block renderers
|
|
83
|
+
*/
|
|
84
|
+
declare const AutoBlock: React.FC<AutoBlockProps>;
|
|
85
|
+
|
|
4
86
|
/**
|
|
5
87
|
* @license GPL-3.0-or-later
|
|
6
88
|
*
|
|
@@ -96,20 +178,11 @@ declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
|
96
178
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
97
179
|
*/
|
|
98
180
|
|
|
99
|
-
interface
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
block: WordPressBlock;
|
|
103
|
-
blocks: WordPressBlock[];
|
|
104
|
-
index: number;
|
|
105
|
-
style?: 'default' | 'alternate' | 'highlight';
|
|
106
|
-
customClass?: string;
|
|
107
|
-
customId?: string;
|
|
108
|
-
}
|
|
109
|
-
interface SectionStyle {
|
|
110
|
-
background: 'default' | 'alternate' | 'highlight';
|
|
111
|
-
className?: string;
|
|
181
|
+
interface SectionBaseProps {
|
|
182
|
+
section: Section;
|
|
183
|
+
children?: React.ReactNode;
|
|
112
184
|
}
|
|
185
|
+
declare const SectionBase: React.FC<SectionBaseProps>;
|
|
113
186
|
|
|
114
187
|
/**
|
|
115
188
|
* @license GPL-3.0-or-later
|
|
@@ -118,11 +191,13 @@ interface SectionStyle {
|
|
|
118
191
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
119
192
|
*/
|
|
120
193
|
|
|
121
|
-
interface
|
|
194
|
+
interface SectionWaveProps {
|
|
122
195
|
section: Section;
|
|
123
|
-
|
|
196
|
+
children?: React.ReactNode;
|
|
197
|
+
waveTop?: boolean;
|
|
198
|
+
waveBottom?: boolean;
|
|
124
199
|
}
|
|
125
|
-
declare const
|
|
200
|
+
declare const SectionWave: React.FC<SectionWaveProps>;
|
|
126
201
|
|
|
127
202
|
/**
|
|
128
203
|
* @license GPL-3.0-or-later
|
|
@@ -131,11 +206,11 @@ declare const AutoSection: React.FC<AutoSectionProps>;
|
|
|
131
206
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
132
207
|
*/
|
|
133
208
|
|
|
134
|
-
interface
|
|
135
|
-
|
|
136
|
-
|
|
209
|
+
interface HeroDefaultProps {
|
|
210
|
+
section: Section;
|
|
211
|
+
children?: React.ReactNode;
|
|
137
212
|
}
|
|
138
|
-
declare const
|
|
213
|
+
declare const HeroDefault: React.FC<HeroDefaultProps>;
|
|
139
214
|
|
|
140
215
|
/**
|
|
141
216
|
* @license GPL-3.0-or-later
|
|
@@ -144,15 +219,11 @@ declare const AutoBlock: React.FC<AutoBlockProps>;
|
|
|
144
219
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
145
220
|
*/
|
|
146
221
|
|
|
147
|
-
interface
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
}
|
|
151
|
-
interface StyledPageProps {
|
|
152
|
-
page: WordPressPage;
|
|
153
|
-
registry?: ComponentRegistry;
|
|
222
|
+
interface FooterMinimalProps {
|
|
223
|
+
section: Section;
|
|
224
|
+
children?: React.ReactNode;
|
|
154
225
|
}
|
|
155
|
-
declare const
|
|
226
|
+
declare const FooterMinimal: React.FC<FooterMinimalProps>;
|
|
156
227
|
|
|
157
228
|
/**
|
|
158
229
|
* @license GPL-3.0-or-later
|
|
@@ -161,7 +232,11 @@ declare const StyledPage: React.FC<StyledPageProps>;
|
|
|
161
232
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
162
233
|
*/
|
|
163
234
|
|
|
164
|
-
|
|
235
|
+
interface BlockTextProps {
|
|
236
|
+
block: WordPressBlock;
|
|
237
|
+
className?: string;
|
|
238
|
+
}
|
|
239
|
+
declare const BlockText: React.FC<BlockTextProps>;
|
|
165
240
|
|
|
166
241
|
/**
|
|
167
242
|
* @license GPL-3.0-or-later
|
|
@@ -170,10 +245,11 @@ declare const defaultTokens: DesignTokens;
|
|
|
170
245
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
171
246
|
*/
|
|
172
247
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
248
|
+
interface BlockImageProps {
|
|
249
|
+
block: WordPressBlock;
|
|
250
|
+
className?: string;
|
|
251
|
+
}
|
|
252
|
+
declare const BlockImage: React.FC<BlockImageProps>;
|
|
177
253
|
|
|
178
254
|
/**
|
|
179
255
|
* @license GPL-3.0-or-later
|
|
@@ -182,15 +258,24 @@ declare function convertWordPressToTokens(wpStyles?: ThemeStyles): DesignTokens;
|
|
|
182
258
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
183
259
|
*/
|
|
184
260
|
|
|
261
|
+
interface BlockButtonProps {
|
|
262
|
+
block: WordPressBlock;
|
|
263
|
+
className?: string;
|
|
264
|
+
}
|
|
265
|
+
declare const BlockButton: React.FC<BlockButtonProps>;
|
|
266
|
+
|
|
185
267
|
/**
|
|
186
|
-
*
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
* Inject CSS variables for both light and dark themes.
|
|
191
|
-
* Light applies to :root, dark applies when [data-theme="dark"] is present.
|
|
268
|
+
* @license GPL-3.0-or-later
|
|
269
|
+
*
|
|
270
|
+
* This file is part of the MarVAlt Open SDK.
|
|
271
|
+
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
192
272
|
*/
|
|
193
|
-
|
|
273
|
+
|
|
274
|
+
interface BlockFormProps {
|
|
275
|
+
block: WordPressBlock;
|
|
276
|
+
className?: string;
|
|
277
|
+
}
|
|
278
|
+
declare const BlockForm: React.FC<BlockFormProps>;
|
|
194
279
|
|
|
195
280
|
/**
|
|
196
281
|
* @license GPL-3.0-or-later
|
|
@@ -234,19 +319,6 @@ declare function selectTemplate(section: Section): string;
|
|
|
234
319
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
235
320
|
*/
|
|
236
321
|
|
|
237
|
-
interface BlockRendererProps {
|
|
238
|
-
block: WordPressBlock;
|
|
239
|
-
className?: string;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
/**
|
|
243
|
-
* @license GPL-3.0-or-later
|
|
244
|
-
*
|
|
245
|
-
* This file is part of the MarVAlt Open SDK.
|
|
246
|
-
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
247
|
-
*/
|
|
248
|
-
|
|
249
|
-
type BlockRenderer = ComponentType<BlockRendererProps>;
|
|
250
322
|
/**
|
|
251
323
|
* Select block renderer based on block type
|
|
252
324
|
*/
|
|
@@ -259,11 +331,7 @@ declare function selectBlockRenderer(block: WordPressBlock): string;
|
|
|
259
331
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
260
332
|
*/
|
|
261
333
|
|
|
262
|
-
|
|
263
|
-
section: Section;
|
|
264
|
-
children?: React.ReactNode;
|
|
265
|
-
}
|
|
266
|
-
declare const SectionBase: React.FC<SectionBaseProps>;
|
|
334
|
+
declare const defaultTokens: DesignTokens;
|
|
267
335
|
|
|
268
336
|
/**
|
|
269
337
|
* @license GPL-3.0-or-later
|
|
@@ -272,26 +340,10 @@ declare const SectionBase: React.FC<SectionBaseProps>;
|
|
|
272
340
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
273
341
|
*/
|
|
274
342
|
|
|
275
|
-
interface SectionWaveProps {
|
|
276
|
-
section: Section;
|
|
277
|
-
children?: React.ReactNode;
|
|
278
|
-
waveTop?: boolean;
|
|
279
|
-
waveBottom?: boolean;
|
|
280
|
-
}
|
|
281
|
-
declare const SectionWave: React.FC<SectionWaveProps>;
|
|
282
|
-
|
|
283
343
|
/**
|
|
284
|
-
*
|
|
285
|
-
*
|
|
286
|
-
* This file is part of the MarVAlt Open SDK.
|
|
287
|
-
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
344
|
+
* Convert WordPress theme styles to design tokens
|
|
288
345
|
*/
|
|
289
|
-
|
|
290
|
-
interface HeroDefaultProps {
|
|
291
|
-
section: Section;
|
|
292
|
-
children?: React.ReactNode;
|
|
293
|
-
}
|
|
294
|
-
declare const HeroDefault: React.FC<HeroDefaultProps>;
|
|
346
|
+
declare function convertWordPressToTokens(wpStyles?: ThemeStyles): DesignTokens;
|
|
295
347
|
|
|
296
348
|
/**
|
|
297
349
|
* @license GPL-3.0-or-later
|
|
@@ -300,22 +352,15 @@ declare const HeroDefault: React.FC<HeroDefaultProps>;
|
|
|
300
352
|
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
301
353
|
*/
|
|
302
354
|
|
|
303
|
-
interface FooterMinimalProps {
|
|
304
|
-
section: Section;
|
|
305
|
-
children?: React.ReactNode;
|
|
306
|
-
}
|
|
307
|
-
declare const FooterMinimal: React.FC<FooterMinimalProps>;
|
|
308
|
-
|
|
309
355
|
/**
|
|
310
|
-
*
|
|
311
|
-
*
|
|
312
|
-
* This file is part of the MarVAlt Open SDK.
|
|
313
|
-
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
356
|
+
* Inject CSS variables from design tokens into :root
|
|
314
357
|
*/
|
|
358
|
+
declare function injectCSSVariables(tokens: DesignTokens): void;
|
|
315
359
|
/**
|
|
316
|
-
*
|
|
360
|
+
* Inject CSS variables for both light and dark themes.
|
|
361
|
+
* Light applies to :root, dark applies when [data-theme="dark"] is present.
|
|
317
362
|
*/
|
|
318
|
-
declare function
|
|
363
|
+
declare function injectDualThemeCSS(light: DesignTokens, dark: DesignTokens): void;
|
|
319
364
|
|
|
320
365
|
/**
|
|
321
366
|
* @license GPL-3.0-or-later
|
|
@@ -369,5 +414,29 @@ declare function createColorMapperFromTokens(tokens: DesignTokens, themePalette?
|
|
|
369
414
|
*/
|
|
370
415
|
declare function createColorMapperWithSemanticClasses(tokens: DesignTokens, overrides?: Record<string, string>): ColorMapper;
|
|
371
416
|
|
|
372
|
-
|
|
373
|
-
|
|
417
|
+
/**
|
|
418
|
+
* @license GPL-3.0-or-later
|
|
419
|
+
*
|
|
420
|
+
* This file is part of the MarVAlt Open SDK.
|
|
421
|
+
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
422
|
+
*/
|
|
423
|
+
/**
|
|
424
|
+
* Responsive utility functions
|
|
425
|
+
*/
|
|
426
|
+
declare function getResponsiveValue(mobile: string | number, tablet?: string | number, desktop?: string | number): string;
|
|
427
|
+
|
|
428
|
+
/**
|
|
429
|
+
* @license GPL-3.0-or-later
|
|
430
|
+
*
|
|
431
|
+
* This file is part of the MarVAlt Open SDK.
|
|
432
|
+
* Copyright (c) 2025 Vibune Pty Ltd.
|
|
433
|
+
*/
|
|
434
|
+
|
|
435
|
+
interface BlockRendererProps {
|
|
436
|
+
block: WordPressBlock;
|
|
437
|
+
className?: string;
|
|
438
|
+
}
|
|
439
|
+
type BlockRenderer = ComponentType<BlockRendererProps>;
|
|
440
|
+
|
|
441
|
+
export { AutoBlock, AutoSection, BlockButton, BlockForm, BlockImage, BlockText, FooterMinimal, HeroDefault, SectionBase, SectionWave, StyledPage, ThemeProvider, convertWordPressToTokens, createColorMapperFromTokens, createColorMapperWithSemanticClasses, defaultTokens, detectSections, determineSectionStyle, getResponsiveValue, injectCSSVariables, injectDualThemeCSS, selectBlockRenderer, selectTemplate };
|
|
442
|
+
export type { AutoBlockProps, AutoSectionProps, BlockButtonProps, BlockFormProps, BlockImageProps, BlockRenderer, BlockRendererProps, BlockTextProps, DesignTokens, FooterMinimalProps, HeroDefaultProps, Section, SectionBaseProps, SectionStyle, SectionWaveProps, StyledPageProps, TemplateComponent, ThemeProviderProps, ThemeStyles, WordPressPage };
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,cAAc,CAAC;AAG7B,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC;AAG5B,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}
|