@troychaplin/component2block 0.1.0

package/dist/generators/content-scss.js

@@ -0,0 +1,207 @@
+import { camelToKebab } from '../types.js';
+import { resolveForScss, ensureFontStyle } from '../config.js';
+/** Property output order for consistent generated CSS */
+const PROPERTY_ORDER = ['fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'lineHeight'];
+/** Padding sides in output order */
+const PADDING_SIDES = ['top', 'right', 'bottom', 'left'];
+export function generateContentScss(config) {
+    if (!config.baseStyles)
+        return null;
+    const lines = [
+        '/* Auto-generated by component2block — do not edit manually */',
+        '',
+    ];
+    const { baseStyles, prefix, tokens } = config;
+    const hasBodyTypography = !!baseStyles.body;
+    const hasSpacingPadding = !!baseStyles.spacing?.padding;
+    const hasBlockGap = !!baseStyles.spacing?.blockGap;
+    // Body — wraps in body { } for typography, root padding variables, and/or block gap
+    if (hasBodyTypography || hasSpacingPadding || hasBlockGap) {
+        lines.push('body {');
+        // Typography declarations
+        if (baseStyles.body) {
+            appendDeclarations(lines, baseStyles.body, prefix, tokens, '  ');
+        }
+        // Root padding CSS custom properties
+        if (baseStyles.spacing?.padding) {
+            appendRootPaddingVars(lines, baseStyles.spacing.padding, prefix, tokens);
+        }
+        // Block gap CSS custom property
+        if (baseStyles.spacing?.blockGap) {
+            appendBlockGapVar(lines, baseStyles.spacing, prefix, tokens);
+        }
+        lines.push('}');
+    }
+    // Block gap layout utility rules
+    if (hasBlockGap) {
+        appendBlockGapRules(lines, prefix);
+    }
+    // Layout constraint rules (contentSize / wideSize)
+    appendLayoutConstraintRules(lines, prefix, tokens);
+    // Global padding + alignfull rules
+    if (hasSpacingPadding) {
+        lines.push('');
+        lines.push('.has-global-padding {');
+        lines.push(`  padding-right: var(--${prefix}--root-padding-right);`);
+        lines.push(`  padding-left: var(--${prefix}--root-padding-left);`);
+        lines.push('}');
+        lines.push('');
+        lines.push('.has-global-padding > .alignfull {');
+        lines.push('  max-width: none;');
+        lines.push(`  margin-right: calc(var(--${prefix}--root-padding-right) * -1);`);
+        lines.push(`  margin-left: calc(var(--${prefix}--root-padding-left) * -1);`);
+        lines.push('}');
+        lines.push('');
+        lines.push('.has-global-padding > .alignfull > .has-global-padding {');
+        lines.push(`  padding-right: var(--${prefix}--root-padding-right);`);
+        lines.push(`  padding-left: var(--${prefix}--root-padding-left);`);
+        lines.push('}');
+    }
+    // Heading group — :where(h1, h2, h3, h4, h5, h6) { ... }
+    if (baseStyles.heading) {
+        lines.push('');
+        lines.push(':where(h1, h2, h3, h4, h5, h6) {');
+        appendDeclarations(lines, baseStyles.heading, prefix, tokens, '  ');
+        lines.push('}');
+    }
+    // Individual headings — :where(hN) { ... }
+    const headingLevels = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+    for (const level of headingLevels) {
+        const def = baseStyles[level];
+        if (!def)
+            continue;
+        lines.push('');
+        lines.push(`:where(${level}) {`);
+        appendDeclarations(lines, ensureFontStyle(def), prefix, tokens, '  ');
+        lines.push('}');
+    }
+    // Caption — :where(figcaption) { ... }
+    if (baseStyles.caption) {
+        lines.push('');
+        lines.push(':where(figcaption) {');
+        appendDeclarations(lines, baseStyles.caption, prefix, tokens, '  ');
+        lines.push('}');
+    }
+    // Button — :where(button) { ... }
+    if (baseStyles.button) {
+        lines.push('');
+        lines.push(':where(button) {');
+        appendDeclarations(lines, baseStyles.button, prefix, tokens, '  ');
+        lines.push('}');
+    }
+    // Link — :where(a) { ... } and :where(a:hover) { ... }
+    if (baseStyles.link) {
+        lines.push('');
+        lines.push(':where(a) {');
+        appendDeclarations(lines, baseStyles.link, prefix, tokens, '  ');
+        lines.push('}');
+        if (baseStyles.link.hoverColor !== undefined) {
+            const resolvedHoverColor = resolveForScss(baseStyles.link.hoverColor, prefix, tokens, 'colorPalette');
+            lines.push('');
+            lines.push(':where(a:hover) {');
+            lines.push(`  color: ${resolvedHoverColor};`);
+            lines.push('}');
+        }
+    }
+    lines.push('');
+    return lines.join('\n');
+}
+/**
+ * Append CSS declarations for a base style element definition.
+ * Handles typography properties (camelCase → kebab-case) and
+ * color properties (color → color, background → background-color).
+ */
+function appendDeclarations(lines, def, prefix, tokens, indent) {
+    // Typography declarations
+    for (const prop of PROPERTY_ORDER) {
+        const value = def[prop];
+        if (value === undefined)
+            continue;
+        const cssProperty = camelToKebab(prop);
+        const resolvedValue = resolveForScss(value, prefix, tokens);
+        lines.push(`${indent}${cssProperty}: ${resolvedValue};`);
+    }
+    // Color declarations
+    if (def.color !== undefined) {
+        const resolvedValue = resolveForScss(def.color, prefix, tokens, 'colorPalette');
+        lines.push(`${indent}color: ${resolvedValue};`);
+    }
+    if (def.background !== undefined) {
+        const resolvedValue = resolveForScss(def.background, prefix, tokens, 'colorPalette');
+        lines.push(`${indent}background-color: ${resolvedValue};`);
+    }
+}
+/**
+ * Append root padding CSS custom properties inside the body block.
+ * Only defined sides are output. Uses 'spacing' as preferred category
+ * to resolve ambiguous keys like "large" that exist in both spacing and fontSize.
+ */
+function appendRootPaddingVars(lines, padding, prefix, tokens) {
+    for (const side of PADDING_SIDES) {
+        const value = padding[side];
+        if (value === undefined)
+            continue;
+        const resolvedValue = resolveForScss(value, prefix, tokens, 'spacing');
+        lines.push(`  --${prefix}--root-padding-${side}: ${resolvedValue};`);
+    }
+}
+/**
+ * Append block gap CSS custom property inside the body block.
+ * Resolves token references using 'spacing' as preferred category.
+ */
+function appendBlockGapVar(lines, spacing, prefix, tokens) {
+    if (!spacing.blockGap)
+        return;
+    const resolvedValue = resolveForScss(spacing.blockGap, prefix, tokens, 'spacing');
+    lines.push(`  --${prefix}--root-block-gap: ${resolvedValue};`);
+}
+/**
+ * Append layout utility rules that mirror WordPress block gap behavior.
+ * Uses the root block gap CSS custom property set in appendBlockGapVar.
+ *
+ * - Constrained/flow layouts: margin-block-start on children
+ * - Flex/grid layouts: gap on the container
+ */
+function appendBlockGapRules(lines, prefix) {
+    lines.push('');
+    lines.push(`:where(.is-layout-constrained) > * + * {`);
+    lines.push(`  margin-block-start: var(--${prefix}--root-block-gap);`);
+    lines.push('}');
+    lines.push('');
+    lines.push(`:where(.is-layout-flex) {`);
+    lines.push(`  gap: var(--${prefix}--root-block-gap);`);
+    lines.push('}');
+    lines.push('');
+    lines.push(`:where(.is-layout-grid) {`);
+    lines.push(`  gap: var(--${prefix}--root-block-gap);`);
+    lines.push('}');
+}
+/**
+ * Append layout constraint rules that mirror WordPress constrained layout behavior.
+ * Default children are constrained to contentSize, .alignwide overrides to wideSize.
+ * Uses the same selectors and !important as WordPress for identical behavior.
+ */
+function appendLayoutConstraintRules(lines, prefix, tokens) {
+    const layoutTokens = tokens.layout;
+    if (!layoutTokens)
+        return;
+    const hasContentSize = 'contentSize' in layoutTokens;
+    const hasWideSize = 'wideSize' in layoutTokens;
+    if (hasContentSize) {
+        lines.push('');
+        lines.push(`.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {`);
+        lines.push(`  max-width: var(--${prefix}--layout-content-size);`);
+        lines.push(`  margin-left: auto !important;`);
+        lines.push(`  margin-right: auto !important;`);
+        lines.push('}');
+    }
+    if (hasWideSize) {
+        lines.push('');
+        lines.push(`.is-layout-constrained > .alignwide {`);
+        lines.push(`  max-width: var(--${prefix}--layout-wide-size);`);
+        lines.push(`  margin-left: auto !important;`);
+        lines.push(`  margin-right: auto !important;`);
+        lines.push('}');
+    }
+}
+//# sourceMappingURL=content-scss.js.map

package/dist/generators/content-scss.js.map

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

package/dist/generators/fluid.d.ts

@@ -0,0 +1,7 @@
+import type { TokenEntry } from '../types.js';
+/**
+ * Build a clamp() value matching WordPress's fluid typography formula.
+ * clamp(min, min + (maxNum - minNum) * ((100vw - 320px) / 1280), max)
+ */
+export declare function buildFluidClamp(entry: TokenEntry): string | null;
+//# sourceMappingURL=fluid.d.ts.map

package/dist/generators/fluid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid.d.ts","sourceRoot":"","sources":["../../src/generators/fluid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiB9C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAYhE"}

package/dist/generators/fluid.js

@@ -0,0 +1,31 @@
+/** WordPress fluid typography defaults */
+const FLUID_MIN_VIEWPORT = 320;
+const FLUID_MAX_VIEWPORT = 1600;
+const FLUID_VIEWPORT_RANGE = FLUID_MAX_VIEWPORT - FLUID_MIN_VIEWPORT;
+/**
+ * Parse a CSS length value into its numeric part and unit.
+ * e.g. "1.125rem" → { num: 1.125, unit: "rem" }
+ */
+function parseLength(value) {
+    const match = value.match(/^([0-9.]+)(rem|em|px)$/);
+    if (!match)
+        return null;
+    return { num: parseFloat(match[1]), unit: match[2] };
+}
+/**
+ * Build a clamp() value matching WordPress's fluid typography formula.
+ * clamp(min, min + (maxNum - minNum) * ((100vw - 320px) / 1280), max)
+ */
+export function buildFluidClamp(entry) {
+    if (!entry.fluid)
+        return null;
+    const min = parseLength(entry.fluid.min);
+    const max = parseLength(entry.fluid.max);
+    if (!min || !max || min.unit !== max.unit)
+        return null;
+    const range = max.num - min.num;
+    // Round to avoid floating point noise
+    const rangeRounded = Math.round(range * 10000) / 10000;
+    return `clamp(${entry.fluid.min}, ${entry.fluid.min} + ((${rangeRounded}) * ((100vw - ${FLUID_MIN_VIEWPORT}px) / ${FLUID_VIEWPORT_RANGE})), ${entry.fluid.max})`;
+}
+//# sourceMappingURL=fluid.js.map

package/dist/generators/fluid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid.js","sourceRoot":"","sources":["../../src/generators/fluid.ts"],"names":[],"mappings":"AAEA,0CAA0C;AAC1C,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAChC,MAAM,oBAAoB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAErE;;;GAGG;AACH,SAAS,WAAW,CAAC,KAAa;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACpD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAAiB;IAC/C,IAAI,CAAC,KAAK,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvD,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;IAChC,sCAAsC;IACtC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;IAEvD,OAAO,SAAS,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,KAAK,CAAC,GAAG,QAAQ,YAAY,iBAAiB,kBAAkB,SAAS,oBAAoB,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;AACnK,CAAC"}

package/dist/generators/fonts-css.d.ts

@@ -0,0 +1,3 @@
+import type { C2bConfig } from '../types.js';
+export declare function generateFontsCss(config: C2bConfig): string | null;
+//# sourceMappingURL=fonts-css.d.ts.map

package/dist/generators/fonts-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts-css.d.ts","sourceRoot":"","sources":["../../src/generators/fonts-css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAc7C,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAyBjE"}

package/dist/generators/fonts-css.js

@@ -0,0 +1,33 @@
+const FORMAT_MAP = {
+    '.woff2': 'woff2',
+    '.woff': 'woff',
+    '.ttf': 'truetype',
+    '.otf': 'opentype',
+};
+function inferFormat(filename) {
+    const ext = filename.slice(filename.lastIndexOf('.'));
+    return FORMAT_MAP[ext] ?? 'woff2';
+}
+export function generateFontsCss(config) {
+    const group = config.tokens.fontFamily;
+    if (!group)
+        return null;
+    const blocks = [];
+    for (const entry of Object.values(group)) {
+        if (!entry.fontFace || !entry.name || !entry.slug)
+            continue;
+        for (const face of entry.fontFace) {
+            const format = inferFormat(face.src);
+            blocks.push(`@font-face {\n` +
+                `  font-family: '${entry.name}';\n` +
+                `  font-style: ${face.style};\n` +
+                `  font-weight: ${face.weight};\n` +
+                `  src: url('/fonts/${entry.slug}/${face.src}') format('${format}');\n` +
+                `}`);
+        }
+    }
+    if (blocks.length === 0)
+        return null;
+    return `/* Auto-generated by component2block — do not edit manually */\n\n${blocks.join('\n\n')}\n`;
+}
+//# sourceMappingURL=fonts-css.js.map

package/dist/generators/fonts-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts-css.js","sourceRoot":"","sources":["../../src/generators/fonts-css.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,GAA2B;IACzC,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;CACnB,CAAC;AAEF,SAAS,WAAW,CAAC,QAAgB;IACnC,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,OAAO,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,MAAiB;IAChD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IACvC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,MAAM,GAAa,EAAE,CAAC;IAE5B,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YAAE,SAAS;QAE5D,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACrC,MAAM,CAAC,IAAI,CACT,gBAAgB;gBAChB,mBAAmB,KAAK,CAAC,IAAI,MAAM;gBACnC,iBAAiB,IAAI,CAAC,KAAK,KAAK;gBAChC,kBAAkB,IAAI,CAAC,MAAM,KAAK;gBAClC,sBAAsB,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,cAAc,MAAM,OAAO;gBACvE,GAAG,CACJ,CAAC;QACJ,CAAC;IACH,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,OAAO,qEAAqE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;AACtG,CAAC"}

package/dist/generators/integrate-php.d.ts

@@ -0,0 +1,2 @@
+export declare function generateIntegratePhp(): string;
+//# sourceMappingURL=integrate-php.d.ts.map

package/dist/generators/integrate-php.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integrate-php.d.ts","sourceRoot":"","sources":["../../src/generators/integrate-php.ts"],"names":[],"mappings":"AAOA,wBAAgB,oBAAoB,IAAI,MAAM,CAE7C"}

package/dist/generators/integrate-php.js

@@ -0,0 +1,9 @@
+import { readFileSync } from 'node:fs';
+import { resolve, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const TEMPLATE_PATH = resolve(__dirname, '../../templates/integrate.php.tpl');
+export function generateIntegratePhp() {
+    return readFileSync(TEMPLATE_PATH, 'utf-8');
+}
+//# sourceMappingURL=integrate-php.js.map

package/dist/generators/integrate-php.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integrate-php.js","sourceRoot":"","sources":["../../src/generators/integrate-php.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1D,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE,mCAAmC,CAAC,CAAC;AAE9E,MAAM,UAAU,oBAAoB;IAClC,OAAO,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AAC9C,CAAC"}

package/dist/generators/theme-json.d.ts

@@ -0,0 +1,3 @@
+import type { C2bConfig } from '../types.js';
+export declare function generateThemeJson(config: C2bConfig): string;
+//# sourceMappingURL=theme-json.d.ts.map

package/dist/generators/theme-json.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-json.d.ts","sourceRoot":"","sources":["../../src/generators/theme-json.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAoE,MAAM,aAAa,CAAC;AAO/G,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAgG3D"}

package/dist/generators/theme-json.js

@@ -0,0 +1,245 @@
+import { CATEGORY_REGISTRY, CATEGORY_ORDER } from '../types.js';
+import { resolveForThemeJson, ensureFontStyle } from '../config.js';
+export function generateThemeJson(config) {
+    const settings = {};
+    const custom = {};
+    // Note: We intentionally do NOT set default*: false flags (defaultPalette,
+    // defaultGradients, defaultSpacingSizes, etc.) because the library's theme.json
+    // is injected at the wp_theme_json_data_default layer. Setting these to false
+    // hides the library's own presets since WordPress treats them as defaults.
+    // Themes that want to hide WordPress core presets should set these flags in
+    // their own theme.json (layer 3), where they won't affect the library.
+    // When locked (wpThemeable: false), disable custom color/gradient/duotone
+    // creation in the Site Editor. Users can only pick from the defined presets.
+    // integrate.php enforces this at the theme layer so themes can't override it.
+    // Placed before the category loop so these flags appear first in settings.color.
+    if (!config.wpThemeable) {
+        settings.color = {
+            custom: false,
+            customDuotone: false,
+            customGradient: false,
+        };
+    }
+    for (const category of CATEGORY_ORDER) {
+        const group = config.tokens[category];
+        if (!group)
+            continue;
+        const def = CATEGORY_REGISTRY[category];
+        // Excluded categories (zIndex) — skip entirely
+        if (def.exclude)
+            continue;
+        // Direct-map categories (layout) — map token keys directly to a settings object
+        // Layout keys are expected in camelCase (e.g. "contentSize", "wideSize")
+        if (def.directMap && def.themeJson) {
+            const obj = {};
+            for (const [key, entry] of Object.entries(group)) {
+                obj[key] = entry.value;
+            }
+            if (Object.keys(obj).length > 0) {
+                setNestedValue(settings, def.themeJson.path, obj);
+            }
+            continue;
+        }
+        // Preset categories (color, spacing, etc.) — build arrays from named tokens
+        if (def.themeJson) {
+            const presets = buildNamedEntries(group, def.themeJson.valueKey);
+            if (presets.length > 0) {
+                setNestedValue(settings, def.themeJson.path, presets);
+            }
+        }
+        // Custom categories — tokens without name+slug (or all tokens if custom-only)
+        if (def.custom) {
+            const values = {};
+            for (const [tokenKey, entry] of Object.entries(group)) {
+                // If category has both themeJson and custom (like shadow),
+                // only put tokens WITHOUT name+slug into custom
+                if (def.themeJson && entry.name && entry.slug)
+                    continue;
+                values[tokenKey] = entry.value;
+            }
+            if (Object.keys(values).length > 0) {
+                custom[def.custom] = values;
+            }
+        }
+    }
+    // When custom font sizes are defined, enable fluid typography
+    if (config.tokens.fontSize) {
+        if (!settings.typography)
+            settings.typography = {};
+        settings.typography.fluid = true;
+    }
+    // Merge custom values into settings
+    if (Object.keys(custom).length > 0) {
+        settings.custom = custom;
+    }
+    settings.useRootPaddingAwareAlignments = true;
+    const themeJson = {
+        $schema: 'https://schemas.wp.org/trunk/theme.json',
+        version: 3,
+        settings,
+    };
+    // Build styles block from baseStyles config
+    if (config.baseStyles) {
+        const styles = buildStylesBlock(config.baseStyles, config.tokens);
+        if (styles) {
+            themeJson.styles = styles;
+        }
+    }
+    return JSON.stringify(themeJson, null, 2) + '\n';
+}
+/**
+ * Build an array of preset objects from tokens that have name + slug.
+ */
+function buildNamedEntries(group, valueKey) {
+    const entries = [];
+    for (const entry of Object.values(group)) {
+        if (entry.name && entry.slug) {
+            const obj = {
+                slug: entry.slug,
+                [valueKey]: entry.value,
+                name: entry.name,
+            };
+            if (entry.fluid) {
+                obj.fluid = entry.fluid;
+            }
+            if (entry.fontFace && entry.fontFace.length > 0) {
+                obj.fontFace = entry.fontFace.map(face => ({
+                    fontFamily: entry.name,
+                    fontStyle: face.style,
+                    fontWeight: face.weight,
+                    src: [`file:./assets/fonts/${entry.slug}/${face.src}`],
+                }));
+            }
+            entries.push(obj);
+        }
+    }
+    return entries;
+}
+/**
+ * Set a value at a dot-separated path in a nested object.
+ * e.g. setNestedValue(obj, "color.palette", [...]) → obj.color.palette = [...]
+ */
+function setNestedValue(obj, path, value) {
+    const parts = path.split('.');
+    let current = obj;
+    for (let i = 0; i < parts.length - 1; i++) {
+        if (!current[parts[i]])
+            current[parts[i]] = {};
+        current = current[parts[i]];
+    }
+    current[parts[parts.length - 1]] = value;
+}
+/**
+ * Build the theme.json styles block from baseStyles config.
+ */
+function buildStylesBlock(baseStyles, tokens) {
+    const styles = {};
+    // Body typography → styles.typography
+    if (baseStyles.body) {
+        const bodyTypo = buildTypographyObject(baseStyles.body, tokens);
+        if (Object.keys(bodyTypo).length > 0) {
+            styles.typography = bodyTypo;
+        }
+    }
+    // Body color → styles.color
+    if (baseStyles.body) {
+        const bodyColor = buildColorObject(baseStyles.body, tokens);
+        if (Object.keys(bodyColor).length > 0) {
+            styles.color = bodyColor;
+        }
+    }
+    // Spacing → styles.spacing (prefer spacing category for ambiguous keys)
+    if (baseStyles.spacing?.blockGap || baseStyles.spacing?.padding) {
+        const spacingBlock = {};
+        if (baseStyles.spacing.blockGap) {
+            spacingBlock.blockGap = resolveForThemeJson(baseStyles.spacing.blockGap, tokens, 'spacing');
+        }
+        if (baseStyles.spacing.padding) {
+            const padding = {};
+            for (const [side, value] of Object.entries(baseStyles.spacing.padding)) {
+                if (value !== undefined) {
+                    padding[side] = resolveForThemeJson(value, tokens, 'spacing');
+                }
+            }
+            if (Object.keys(padding).length > 0) {
+                spacingBlock.padding = padding;
+            }
+        }
+        if (Object.keys(spacingBlock).length > 0) {
+            styles.spacing = spacingBlock;
+        }
+    }
+    // Elements → styles.elements
+    const elements = {};
+    const elementKeys = ['heading', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'caption', 'button', 'link'];
+    for (const element of elementKeys) {
+        const def = baseStyles[element];
+        if (!def)
+            continue;
+        // Individual headings get fontStyle: normal default
+        const isIndividualHeading = /^h[1-6]$/.test(element);
+        const withDefaults = isIndividualHeading ? ensureFontStyle(def) : def;
+        const elementObj = {};
+        const typo = buildTypographyObject(withDefaults, tokens);
+        if (Object.keys(typo).length > 0) {
+            elementObj.typography = typo;
+        }
+        const color = buildColorObject(withDefaults, tokens);
+        if (Object.keys(color).length > 0) {
+            elementObj.color = color;
+        }
+        // Link :hover pseudo-class
+        if (element === 'link' && def.hoverColor !== undefined) {
+            const hoverColor = {
+                text: resolveForThemeJson(def.hoverColor, tokens, 'colorPalette'),
+            };
+            elementObj[':hover'] = { color: hoverColor };
+        }
+        if (Object.keys(elementObj).length > 0) {
+            elements[element] = elementObj;
+        }
+    }
+    if (Object.keys(elements).length > 0) {
+        styles.elements = elements;
+    }
+    return Object.keys(styles).length > 0 ? styles : null;
+}
+/**
+ * Build a theme.json typography object from a BaseStyleElementDef.
+ * Values are resolved through resolveForThemeJson.
+ */
+function buildTypographyObject(def, tokens) {
+    const result = {};
+    if (def.fontFamily !== undefined) {
+        result.fontFamily = resolveForThemeJson(def.fontFamily, tokens);
+    }
+    if (def.fontSize !== undefined) {
+        result.fontSize = resolveForThemeJson(def.fontSize, tokens);
+    }
+    if (def.fontStyle !== undefined) {
+        result.fontStyle = def.fontStyle;
+    }
+    if (def.fontWeight !== undefined) {
+        result.fontWeight = def.fontWeight;
+    }
+    if (def.lineHeight !== undefined) {
+        result.lineHeight = def.lineHeight;
+    }
+    return result;
+}
+/**
+ * Build a theme.json color object from a BaseStyleElementDef.
+ * Maps color → text and background → background.
+ * Values are resolved through resolveForThemeJson with 'colorPalette' preference.
+ */
+function buildColorObject(def, tokens) {
+    const result = {};
+    if (def.color !== undefined) {
+        result.text = resolveForThemeJson(def.color, tokens, 'colorPalette');
+    }
+    if (def.background !== undefined) {
+        result.background = resolveForThemeJson(def.background, tokens, 'colorPalette');
+    }
+    return result;
+}
+//# sourceMappingURL=theme-json.js.map

package/dist/generators/theme-json.js.map

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

package/dist/generators/tokens-css.d.ts

@@ -0,0 +1,3 @@
+import type { C2bConfig } from '../types.js';
+export declare function generateTokensCss(config: C2bConfig): string;
+//# sourceMappingURL=tokens-css.d.ts.map

package/dist/generators/tokens-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-css.d.ts","sourceRoot":"","sources":["../../src/generators/tokens-css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAmC3D"}

package/dist/generators/tokens-css.js

@@ -0,0 +1,32 @@
+import { CATEGORY_REGISTRY, CATEGORY_ORDER, camelToKebab } from '../types.js';
+import { buildFluidClamp } from './fluid.js';
+export function generateTokensCss(config) {
+    const lines = [
+        '/* Auto-generated by component2block — do not edit manually */',
+        '',
+        ':root {',
+    ];
+    let firstCategory = true;
+    for (const category of CATEGORY_ORDER) {
+        const group = config.tokens[category];
+        if (!group)
+            continue;
+        const def = CATEGORY_REGISTRY[category];
+        if (!firstCategory) {
+            lines.push('');
+        }
+        firstCategory = false;
+        lines.push(`  /* ${def.label} */`);
+        for (const [key, entry] of Object.entries(group)) {
+            // Layout keys are camelCase in config but kebab-case in CSS variables
+            const cssKey = def.directMap ? camelToKebab(key) : key;
+            const varName = `--${config.prefix}--${def.cssSegment}-${cssKey}`;
+            const clampValue = entry.fluid ? buildFluidClamp(entry) : null;
+            lines.push(`  ${varName}: ${clampValue ?? entry.value};`);
+        }
+    }
+    lines.push('}');
+    lines.push('');
+    return lines.join('\n');
+}
+//# sourceMappingURL=tokens-css.js.map