@10up/block-renderer-theme-json 0.1.4

package/dist/__tests__/fixtures/theme-json.js

@@ -0,0 +1,212 @@
+export const minimalThemeJson = {
+    version: 3,
+    settings: {},
+    styles: {},
+};
+export const fullThemeJson = {
+    version: 3,
+    $schema: 'https://schemas.wp.org/trunk/theme.json',
+    settings: {
+        color: {
+            palette: [
+                { slug: 'primary', color: '#0073aa', name: 'Primary' },
+                { slug: 'secondary', color: '#23282d', name: 'Secondary' },
+                { slug: 'accent', color: '#00a0d2', name: 'Accent' },
+                { slug: 'contrast', color: '#ffffff', name: 'Contrast' },
+                { slug: 'base', color: '#1e1e1e', name: 'Base' },
+            ],
+            gradients: [
+                {
+                    slug: 'primary-to-accent',
+                    gradient: 'linear-gradient(135deg, #0073aa 0%, #00a0d2 100%)',
+                    name: 'Primary to Accent',
+                },
+                {
+                    slug: 'vertical-secondary',
+                    gradient: 'linear-gradient(to bottom, #23282d 0%, #1e1e1e 100%)',
+                    name: 'Vertical Secondary',
+                },
+            ],
+            duotone: [
+                {
+                    slug: 'dark-grayscale',
+                    colors: ['#000000', '#ffffff'],
+                    name: 'Dark Grayscale',
+                },
+                {
+                    slug: 'primary-contrast',
+                    colors: ['#0073aa', '#ffffff'],
+                    name: 'Primary Contrast',
+                },
+            ],
+        },
+        typography: {
+            fontFamilies: [
+                {
+                    slug: 'system-sans',
+                    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+                    name: 'System Sans',
+                },
+                {
+                    slug: 'heading',
+                    fontFamily: '"Playfair Display", Georgia, serif',
+                    name: 'Heading',
+                },
+                {
+                    slug: 'body',
+                    fontFamily: '"Open Sans", sans-serif',
+                    name: 'Body',
+                },
+            ],
+            fontSizes: [
+                { slug: 'small', size: '0.875rem', name: 'Small' },
+                { slug: 'medium', size: '1rem', name: 'Medium' },
+                { slug: 'large', size: '1.25rem', name: 'Large' },
+                { slug: 'x-large', size: '1.5rem', name: 'Extra Large' },
+                { slug: 'xx-large', size: '2rem', name: 'Huge' },
+            ],
+        },
+        spacing: {
+            spacingSizes: [
+                { slug: '20', size: '0.5rem', name: 'Extra Small' },
+                { slug: '30', size: '0.75rem', name: 'Small' },
+                { slug: '40', size: '1rem', name: 'Medium' },
+                { slug: '50', size: '1.5rem', name: 'Large' },
+                { slug: '60', size: '2rem', name: 'Extra Large' },
+                { slug: '70', size: '3rem', name: 'Huge' },
+                { slug: '80', size: '4rem', name: 'Giant' },
+            ],
+            units: ['px', 'em', 'rem', '%', 'vw', 'vh'],
+        },
+        shadow: {
+            presets: [
+                {
+                    slug: 'natural',
+                    shadow: '0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)',
+                    name: 'Natural',
+                },
+                {
+                    slug: 'deep',
+                    shadow: '0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)',
+                    name: 'Deep',
+                },
+                {
+                    slug: 'sharp',
+                    shadow: '0 4px 6px rgba(0, 0, 0, 0.3)',
+                    name: 'Sharp',
+                },
+            ],
+        },
+        layout: {
+            contentSize: '800px',
+            wideSize: '1200px',
+        },
+        custom: {
+            lineHeight: {
+                tight: '1.2',
+                normal: '1.6',
+                loose: '1.8',
+            },
+            borderRadius: {
+                small: '4px',
+                medium: '8px',
+                large: '16px',
+            },
+        },
+    },
+    styles: {
+        color: {
+            background: 'var(--wp--preset--color--base)',
+            text: 'var(--wp--preset--color--contrast)',
+        },
+        typography: {
+            fontFamily: 'var(--wp--preset--font-family--body)',
+            fontSize: 'var(--wp--preset--font-size--medium)',
+            lineHeight: '1.6',
+        },
+        spacing: {
+            blockGap: 'var(--wp--preset--spacing--40)',
+            padding: {
+                top: 'var(--wp--preset--spacing--50)',
+                right: 'var(--wp--preset--spacing--50)',
+                bottom: 'var(--wp--preset--spacing--50)',
+                left: 'var(--wp--preset--spacing--50)',
+            },
+        },
+        elements: {
+            heading: {
+                color: {
+                    text: 'var(--wp--preset--color--primary)',
+                },
+                typography: {
+                    fontFamily: 'var(--wp--preset--font-family--heading)',
+                    fontWeight: '700',
+                },
+            },
+            link: {
+                color: {
+                    text: 'var(--wp--preset--color--accent)',
+                },
+            },
+            button: {
+                color: {
+                    background: 'var(--wp--preset--color--primary)',
+                    text: 'var(--wp--preset--color--contrast)',
+                },
+                border: {
+                    radius: '4px',
+                },
+            },
+        },
+        blocks: {
+            'core/paragraph': {
+                spacing: {
+                    margin: {
+                        bottom: 'var(--wp--preset--spacing--40)',
+                    },
+                },
+            },
+            'core/heading': {
+                spacing: {
+                    margin: {
+                        top: 'var(--wp--preset--spacing--50)',
+                        bottom: 'var(--wp--preset--spacing--30)',
+                    },
+                },
+            },
+            'core/group': {
+                spacing: {
+                    padding: {
+                        top: 'var(--wp--preset--spacing--50)',
+                        bottom: 'var(--wp--preset--spacing--50)',
+                    },
+                },
+            },
+        },
+    },
+};
+export const emptySettingsThemeJson = {
+    version: 2,
+    styles: {
+        color: {
+            background: '#ffffff',
+            text: '#000000',
+        },
+    },
+};
+export const partialThemeJson = {
+    version: 3,
+    settings: {
+        color: {
+            palette: [
+                { slug: 'primary', color: '#0000ff', name: 'Primary' },
+            ],
+        },
+        typography: {
+            fontSizes: [
+                { slug: 'normal', size: '16px', name: 'Normal' },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=theme-json.js.map

package/dist/__tests__/fixtures/theme-json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-json.js","sourceRoot":"","sources":["../../../src/__tests__/fixtures/theme-json.ts"],"names":[],"mappings":"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"}

package/dist/css-generator.d.ts

@@ -0,0 +1,20 @@
+import type { SectionStyle } from './types.js';
+/**
+ * Convert block type to CSS class selector
+ * e.g., core/group -> .wp-block-group, tenup/tabs -> .wp-block-tenup-tabs
+ */
+export declare function blockTypeToSelector(blockType: string): string;
+/**
+ * Flatten nested object to CSS custom properties
+ * { color: { button: { bg: "red" } } } -> { "--wp--custom--color--button--bg": "red" }
+ */
+export declare function flattenCustomToProperties(obj: Record<string, unknown>, prefix?: string): Record<string, string>;
+/**
+ * Generate CSS for a single section style
+ */
+export declare function generateSectionStyleCss(sectionStyle: SectionStyle): string;
+/**
+ * Generate CSS for all section styles
+ */
+export declare function generateAllSectionStylesCss(sectionStyles: SectionStyle[]): string;
+//# sourceMappingURL=css-generator.d.ts.map

package/dist/css-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../src/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,YAAY,CAAC;AAS5D;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAS7D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5B,MAAM,SAAiB,GACtB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiBxB;AAwID;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,YAAY,GAAG,MAAM,CAwD1E;AAsBD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,aAAa,EAAE,YAAY,EAAE,GAAG,MAAM,CAKjF"}

package/dist/css-generator.js

@@ -0,0 +1,262 @@
+/**
+ * Convert camelCase to kebab-case
+ */
+function toKebabCase(str) {
+    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+/**
+ * Convert block type to CSS class selector
+ * e.g., core/group -> .wp-block-group, tenup/tabs -> .wp-block-tenup-tabs
+ */
+export function blockTypeToSelector(blockType) {
+    // Replace namespace separator with dash and add wp-block- prefix
+    const className = blockType.replace('/', '-');
+    // For core blocks: core-group -> wp-block-group
+    // For other blocks: tenup-tabs -> wp-block-tenup-tabs
+    if (className.startsWith('core-')) {
+        return `.wp-block-${className.slice(5)}`;
+    }
+    return `.wp-block-${className}`;
+}
+/**
+ * Flatten nested object to CSS custom properties
+ * { color: { button: { bg: "red" } } } -> { "--wp--custom--color--button--bg": "red" }
+ */
+export function flattenCustomToProperties(obj, prefix = '--wp--custom') {
+    const result = {};
+    function recurse(current, path) {
+        if (typeof current === 'string') {
+            result[path] = current;
+        }
+        else if (typeof current === 'number') {
+            result[path] = String(current);
+        }
+        else if (typeof current === 'object' && current !== null) {
+            for (const [key, value] of Object.entries(current)) {
+                recurse(value, `${path}--${toKebabCase(key)}`);
+            }
+        }
+    }
+    recurse(obj, prefix);
+    return result;
+}
+/**
+ * Convert StyleObject to CSS property declarations
+ */
+function styleObjectToCssProperties(style) {
+    const props = {};
+    // Color properties
+    if (style.color?.background) {
+        props['background-color'] = style.color.background;
+    }
+    if (style.color?.text) {
+        props['color'] = style.color.text;
+    }
+    if (style.color?.gradient) {
+        props['background'] = style.color.gradient;
+    }
+    // Typography properties
+    if (style.typography?.fontFamily) {
+        props['font-family'] = style.typography.fontFamily;
+    }
+    if (style.typography?.fontSize) {
+        props['font-size'] = style.typography.fontSize;
+    }
+    if (style.typography?.fontStyle) {
+        props['font-style'] = style.typography.fontStyle;
+    }
+    if (style.typography?.fontWeight) {
+        props['font-weight'] = style.typography.fontWeight;
+    }
+    if (style.typography?.lineHeight) {
+        props['line-height'] = style.typography.lineHeight;
+    }
+    if (style.typography?.textDecoration) {
+        props['text-decoration'] = style.typography.textDecoration;
+    }
+    if (style.typography?.textTransform) {
+        props['text-transform'] = style.typography.textTransform;
+    }
+    if (style.typography?.letterSpacing) {
+        props['letter-spacing'] = style.typography.letterSpacing;
+    }
+    // Spacing properties
+    if (style.spacing?.padding) {
+        if (typeof style.spacing.padding === 'string') {
+            props['padding'] = style.spacing.padding;
+        }
+        else {
+            if (style.spacing.padding.top)
+                props['padding-top'] = style.spacing.padding.top;
+            if (style.spacing.padding.right)
+                props['padding-right'] = style.spacing.padding.right;
+            if (style.spacing.padding.bottom)
+                props['padding-bottom'] = style.spacing.padding.bottom;
+            if (style.spacing.padding.left)
+                props['padding-left'] = style.spacing.padding.left;
+        }
+    }
+    if (style.spacing?.margin) {
+        if (typeof style.spacing.margin === 'string') {
+            props['margin'] = style.spacing.margin;
+        }
+        else {
+            if (style.spacing.margin.top)
+                props['margin-top'] = style.spacing.margin.top;
+            if (style.spacing.margin.right)
+                props['margin-right'] = style.spacing.margin.right;
+            if (style.spacing.margin.bottom)
+                props['margin-bottom'] = style.spacing.margin.bottom;
+            if (style.spacing.margin.left)
+                props['margin-left'] = style.spacing.margin.left;
+        }
+    }
+    if (style.spacing?.blockGap) {
+        props['gap'] = style.spacing.blockGap;
+    }
+    // Border properties
+    if (style.border?.color) {
+        props['border-color'] = style.border.color;
+    }
+    if (style.border?.style) {
+        props['border-style'] = style.border.style;
+    }
+    if (style.border?.width) {
+        props['border-width'] = style.border.width;
+    }
+    if (style.border?.radius) {
+        if (typeof style.border.radius === 'string') {
+            props['border-radius'] = style.border.radius;
+        }
+        else {
+            if (style.border.radius.top)
+                props['border-top-left-radius'] = style.border.radius.top;
+            if (style.border.radius.right)
+                props['border-top-right-radius'] = style.border.radius.right;
+            if (style.border.radius.bottom)
+                props['border-bottom-right-radius'] = style.border.radius.bottom;
+            if (style.border.radius.left)
+                props['border-bottom-left-radius'] = style.border.radius.left;
+        }
+    }
+    // Shadow
+    if (style.shadow) {
+        props['box-shadow'] = style.shadow;
+    }
+    // Outline
+    if (style.outline?.color) {
+        props['outline-color'] = style.outline.color;
+    }
+    if (style.outline?.style) {
+        props['outline-style'] = style.outline.style;
+    }
+    if (style.outline?.width) {
+        props['outline-width'] = style.outline.width;
+    }
+    if (style.outline?.offset) {
+        props['outline-offset'] = style.outline.offset;
+    }
+    // Dimensions
+    if (style.dimensions?.minHeight) {
+        props['min-height'] = style.dimensions.minHeight;
+    }
+    if (style.dimensions?.aspectRatio) {
+        props['aspect-ratio'] = style.dimensions.aspectRatio;
+    }
+    return props;
+}
+/**
+ * Generate CSS rule block from selector and properties
+ */
+function generateCssRule(selector, properties) {
+    const entries = Object.entries(properties);
+    if (entries.length === 0)
+        return '';
+    const lines = [`${selector} {`];
+    for (const [prop, value] of entries) {
+        lines.push(`  ${prop}: ${value};`);
+    }
+    lines.push('}');
+    return lines.join('\n');
+}
+/**
+ * Generate CSS for a single section style
+ */
+export function generateSectionStyleCss(sectionStyle) {
+    const rules = [];
+    // Build main selector: :is(.wp-block-group, .wp-block-columns).is-style-{slug}
+    const blockSelectors = sectionStyle.blockTypes.map(blockTypeToSelector).join(', ');
+    const mainSelector = `:is(${blockSelectors}).is-style-${sectionStyle.slug}`;
+    // Collect all properties for main rule
+    const mainProps = {};
+    // Add custom properties from settings.custom
+    if (sectionStyle.customSettings) {
+        const customProps = flattenCustomToProperties(sectionStyle.customSettings);
+        Object.assign(mainProps, customProps);
+    }
+    // Add styles from global styles section
+    if (sectionStyle.styles.global) {
+        const styleProps = styleObjectToCssProperties(sectionStyle.styles.global);
+        Object.assign(mainProps, styleProps);
+    }
+    // Generate main rule
+    const mainRule = generateCssRule(mainSelector, mainProps);
+    if (mainRule) {
+        rules.push(mainRule);
+    }
+    // Generate element rules (e.g., link, heading styles)
+    if (sectionStyle.styles.elements) {
+        for (const [element, elementStyle] of Object.entries(sectionStyle.styles.elements)) {
+            const elementSelector = getElementSelector(element);
+            if (!elementSelector)
+                continue;
+            const fullSelector = `${mainSelector} ${elementSelector}`;
+            const elementProps = styleObjectToCssProperties(elementStyle);
+            const elementRule = generateCssRule(fullSelector, elementProps);
+            if (elementRule) {
+                rules.push(elementRule);
+            }
+            // Handle pseudo-states like :hover, :focus
+            for (const [key, value] of Object.entries(elementStyle)) {
+                if (key.startsWith(':') && typeof value === 'object' && value !== null) {
+                    const pseudoSelector = `${fullSelector}${key}`;
+                    const pseudoProps = styleObjectToCssProperties(value);
+                    const pseudoRule = generateCssRule(pseudoSelector, pseudoProps);
+                    if (pseudoRule) {
+                        rules.push(pseudoRule);
+                    }
+                }
+            }
+        }
+    }
+    return rules.join('\n\n');
+}
+/**
+ * Map WordPress element names to CSS selectors
+ */
+function getElementSelector(element) {
+    const elementMap = {
+        link: 'a',
+        h1: 'h1',
+        h2: 'h2',
+        h3: 'h3',
+        h4: 'h4',
+        h5: 'h5',
+        h6: 'h6',
+        heading: 'h1, h2, h3, h4, h5, h6',
+        button: '.wp-element-button, .wp-block-button__link',
+        caption: '.wp-element-caption, figcaption',
+        cite: 'cite',
+    };
+    return elementMap[element] || null;
+}
+/**
+ * Generate CSS for all section styles
+ */
+export function generateAllSectionStylesCss(sectionStyles) {
+    return sectionStyles
+        .map(generateSectionStyleCss)
+        .filter(css => css.length > 0)
+        .join('\n\n');
+}
+//# sourceMappingURL=css-generator.js.map

package/dist/css-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.js","sourceRoot":"","sources":["../src/css-generator.ts"],"names":[],"mappings":"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"}

package/dist/css-variables.d.ts

@@ -0,0 +1,82 @@
+import type { ThemeTokens } from './types.js';
+/**
+ * Token type for CSS variable generation
+ */
+export type TokenType = 'color' | 'gradient' | 'font-family' | 'font-size' | 'spacing' | 'shadow' | 'duotone';
+/**
+ * Generates a WordPress CSS variable reference.
+ * WordPress uses a special format: var:preset|type|slug
+ *
+ * @example
+ * generateCssVarReference('color', 'primary') => 'var:preset|color|primary'
+ */
+export declare function generateCssVarReference(type: TokenType, slug: string): string;
+/**
+ * Generates the actual CSS custom property name.
+ * This is what WordPress generates in the CSS output.
+ *
+ * @example
+ * generateCssPropertyName('color', 'primary') => '--wp--preset--color--primary'
+ */
+export declare function generateCssPropertyName(type: TokenType, slug: string): string;
+/**
+ * Generates a CSS var() function reference.
+ *
+ * @example
+ * generateCssVarFunction('color', 'primary') => 'var(--wp--preset--color--primary)'
+ */
+export declare function generateCssVarFunction(type: TokenType, slug: string): string;
+/**
+ * Parses a WordPress CSS variable reference back to its components.
+ *
+ * @example
+ * parseCssVarReference('var:preset|color|primary') => { type: 'color', slug: 'primary' }
+ */
+export declare function parseCssVarReference(reference: string): {
+    type: TokenType;
+    slug: string;
+} | null;
+/**
+ * Checks if a value is a WordPress CSS variable reference.
+ */
+export declare function isCssVarReference(value: string): boolean;
+/**
+ * Converts a WordPress CSS variable reference to actual CSS.
+ *
+ * @example
+ * convertToActualCss('var:preset|color|primary') => 'var(--wp--preset--color--primary)'
+ */
+export declare function convertToActualCss(reference: string): string;
+/**
+ * Gets all available color slugs from theme tokens.
+ */
+export declare function getColorSlugs(tokens: ThemeTokens): string[];
+/**
+ * Gets all available gradient slugs from theme tokens.
+ */
+export declare function getGradientSlugs(tokens: ThemeTokens): string[];
+/**
+ * Gets all available font family slugs from theme tokens.
+ */
+export declare function getFontFamilySlugs(tokens: ThemeTokens): string[];
+/**
+ * Gets all available font size slugs from theme tokens.
+ */
+export declare function getFontSizeSlugs(tokens: ThemeTokens): string[];
+/**
+ * Gets all available spacing slugs from theme tokens.
+ */
+export declare function getSpacingSlugs(tokens: ThemeTokens): string[];
+/**
+ * Gets all available shadow slugs from theme tokens.
+ */
+export declare function getShadowSlugs(tokens: ThemeTokens): string[];
+/**
+ * Validates that a slug exists in the theme tokens.
+ */
+export declare function validateSlug(tokens: ThemeTokens, type: TokenType, slug: string): boolean;
+/**
+ * Gets the actual value for a token slug.
+ */
+export declare function getTokenValue(tokens: ThemeTokens, type: TokenType, slug: string): string | null;
+//# sourceMappingURL=css-variables.d.ts.map

package/dist/css-variables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variables.d.ts","sourceRoot":"","sources":["../src/css-variables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,UAAU,GACV,aAAa,GACb,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAE7E;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAE7E;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAE5E;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,GAChB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAQ1C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAK5D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAE3D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAE9D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAEhE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAE9D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAE7D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAE5D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,MAAM,GACX,OAAO,CAmBT;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,MAAM,GACX,MAAM,GAAG,IAAI,CAiBf"}