waybetter 0.1.1 → 0.7.0

package/dist/runtime/themeComponents.js

@@ -0,0 +1,476 @@
+// Component tokens: the part of a theme that says how each piece of the site is built (a button's
+// radius and border, a post's padding and fill, the size and case of a handle), instead of one radius
+// and one density for everything. A theme names generic components (`post`, `buttonPrimary`,
+// `navItem`); the site adapter says which selectors they are (its part map). Pure.
+//
+// Safety is the same as the rest of a theme document: every token is a clamped number, a fixed word
+// or a color role name. No token carries CSS text, a selector or a color literal, so one contrast
+// pass over the palette covers every component, and the CSS is built from the vocabulary below.
+//
+// How it lands in the page: values are custom properties at zero specificity
+// (`:where(:root){--wb-part-post-radius:0px}`), rules are rigid (`:root:root <part>{border-radius:
+// var(--wb-part-post-radius) !important}`). An owner's Custom CSS or a plugin overrides a value by
+// setting the variable, for the whole page or for one subtree, without fighting `!important`.
+//
+// The bevel borders (`bevel-out`, `bevel-in`) follow 98.css's raised and sunken edges (MIT, Jordan
+// Scales, https://github.com/jdan/98.css): four inset shadows, here computed from the theme's roles.
+import { inkOnEvery } from "./themeInk.js";
+import { contrastRatio, hexToRgb, mix, relativeLuminance } from "./themeApi.js";
+// ---------------------------------------------------------------------------------------------
+// Vocabulary
+/** Color roles a component may name. `onAccent` is the readable label on the accent. */
+export const COLOR_ROLES = ['bg', 'surface', 'elevated', 'page', 'border', 'text', 'muted', 'accent', 'onAccent', 'inverse', 'onInverse'];
+export const BORDER_STYLES = ['none', 'solid', 'dashed', 'dotted', 'double', 'bevel-out', 'bevel-in'];
+export const SHADOWS = ['none', 'soft', 'deep', 'hard', 'inset', 'glow'];
+export const CASES = ['none', 'upper', 'lower', 'capitalize', 'small-caps'];
+export const AVATAR_SHAPES = ['circle', 'rounded', 'square', 'squircle', 'hexagon', 'octagon', 'diamond'];
+export const CORNERS = ['round', 'cut'];
+const FONT_ROLES = ['interface', 'post', 'heading', 'numbers', 'mono', 'chrome', 'dialog'];
+const LABEL = [12, 20];
+const SMALL = [11, 18];
+/** Every component a theme can name. Sites map them to selectors; a component a site does not have is ignored. */
+export const COMPONENTS = {
+    nav: { width: [56, 320], glass: true, gradient: true },
+    navItem: { height: [36, 64], fontSize: LABEL, text: true },
+    topBar: { height: [40, 64], glass: true, gradient: true, fontSize: LABEL },
+    tabs: { presets: 'tabs', gradient: true },
+    tab: { height: [32, 56], fontSize: LABEL, text: true, presets: 'tabs' },
+    post: { corner: true, presets: 'post', contrast: 7 },
+    avatar: { size: [20, 64], shape: true, visible: true },
+    displayName: { text: true, fontSize: LABEL, visible: true },
+    handle: { text: true, fontSize: SMALL, visible: true },
+    postText: { text: true, fontSize: [13, 24], contrast: 7 },
+    meta: { text: true, fontSize: SMALL },
+    actionBar: {},
+    action: { size: [28, 44] },
+    count: { text: true, fontSize: SMALL, visible: true },
+    media: { corner: true, maxHeight: [200, 700] },
+    linkCard: { corner: true },
+    quote: {},
+    button: { height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },
+    buttonPrimary: { parent: 'button', height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },
+    buttonSecondary: { parent: 'button', height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },
+    buttonGhost: { parent: 'button', height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },
+    input: { height: [32, 56], fontSize: LABEL, text: true, presets: 'input' },
+    search: { height: [32, 56], fontSize: LABEL, text: true, presets: 'input' },
+    composer: { fontSize: [13, 24], text: true },
+    /** The tool icons under a composer (media, poll, emoji); `text` is their color. */
+    composerTool: { size: [28, 44] },
+    panel: { glass: true, presets: 'panel' },
+    menu: { parent: 'panel', glass: true, presets: 'panel' },
+    dialog: { parent: 'panel', glass: true, presets: 'panel' },
+    toast: { parent: 'panel', glass: true, presets: 'panel' },
+    hoverCard: { parent: 'panel', glass: true, presets: 'panel' },
+    sidebarCard: { parent: 'panel', glass: true, corner: true, presets: 'panel' },
+    badge: { size: [14, 24], corner: true, fontSize: SMALL, text: true },
+    pill: { fontSize: SMALL, text: true },
+    divider: {},
+    scrollbar: {},
+    profileHeader: {},
+};
+export const COMPONENT_IDS = Object.keys(COMPONENTS);
+/** Clamp ranges of the tokens every component shares (the JSON Schema says the same; tested). */
+export const TOKEN_LIMITS = {
+    radius: [0, 32], borderWidth: [0, 4], padX: [0, 32], padY: [0, 32], gap: [0, 24], weight: [100, 900],
+    tracking: [-0.05, 0.2], leading: [1.1, 2], angle: [0, 360], lift: [0, 4], scale: [0.96, 1.04],
+};
+/** Named token bundles per family; a theme's own tokens win over its preset's. Frozen once shipped. */
+export const PRESETS = {
+    button: {
+        pill: { radius: 'pill', borderWidth: 0 },
+        soft: { radius: 8, borderWidth: 0 },
+        square: { radius: 0, borderWidth: 1, borderStyle: 'solid' },
+        outline: { radius: 6, borderWidth: 1, borderStyle: 'solid', fill: 'transparent', text: 'text', borderColor: 'border' },
+        bevel: { radius: 0, borderStyle: 'bevel-out', fill: 'surface', text: 'text', active: { shadow: 'inset' } },
+        gloss: { radius: 'pill', borderWidth: 1, borderStyle: 'solid', shadow: 'soft' },
+        'flat-link': { radius: 0, borderWidth: 0, fill: 'transparent', text: 'accent', hover: { underline: true } },
+    },
+    post: {
+        flat: { radius: 0, borderWidth: 0, fill: 'transparent', shadow: 'none' },
+        card: { radius: 14, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'surface' },
+        bubble: { radius: 20, borderWidth: 0, fill: 'surface' },
+        window: { radius: 0, borderStyle: 'bevel-out', fill: 'surface' },
+        ruled: { radius: 0, borderWidth: 0, fill: 'transparent' },
+    },
+    input: {
+        pill: { radius: 'pill', borderWidth: 1, borderStyle: 'solid', borderColor: 'border' },
+        underline: { radius: 0, borderWidth: 0, fill: 'transparent' },
+        sunken: { radius: 0, borderStyle: 'bevel-in', fill: 'bg', text: 'text' },
+        boxed: { radius: 4, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'bg' },
+    },
+    panel: {
+        sheet: { radius: 12, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'surface', shadow: 'soft' },
+        window: { radius: 0, borderStyle: 'bevel-out', fill: 'surface', shadow: 'none' },
+        glass: { radius: 16, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'glass', shadow: 'soft' },
+    },
+    tabs: {
+        underline: { radius: 0 },
+        pills: { radius: 'pill' },
+        folder: { radius: 6, borderWidth: 1, borderStyle: 'solid', borderColor: 'border' },
+        blocks: { radius: 0, borderWidth: 1, borderStyle: 'solid', borderColor: 'border' },
+    },
+};
+// ---------------------------------------------------------------------------------------------
+// Sanitizing
+const obj = (value) => value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+const finite = (value) => typeof value === 'number' && Number.isFinite(value);
+const clamp = (value, [min, max]) => Math.min(max, Math.max(min, value));
+const oneOf = (value, options) => options.includes(value) ? value : undefined;
+const role = (value) => oneOf(value, COLOR_ROLES);
+function sanitizeFill(value, def) {
+    if (value === 'transparent')
+        return 'transparent';
+    if (value === 'glass')
+        return def.glass ? 'glass' : undefined;
+    const named = role(value);
+    if (named)
+        return named;
+    const source = obj(value);
+    const from = role(source.from), to = role(source.to);
+    if (def.gradient && from && to)
+        return { from, to, angle: Math.round(clamp(finite(source.angle) ? source.angle : 180, TOKEN_LIMITS.angle)) };
+    return undefined;
+}
+function sanitizeState(value, def) {
+    const source = obj(value);
+    const out = {};
+    const fill = sanitizeFill(source.fill, def);
+    if (fill !== undefined)
+        out.fill = fill;
+    const text = role(source.text);
+    if (text)
+        out.text = text;
+    const borderColor = role(source.borderColor);
+    if (borderColor)
+        out.borderColor = borderColor;
+    const shadow = oneOf(source.shadow, SHADOWS);
+    if (shadow)
+        out.shadow = shadow;
+    if (finite(source.lift))
+        out.lift = +clamp(source.lift, TOKEN_LIMITS.lift).toFixed(1);
+    if (finite(source.scale))
+        out.scale = +clamp(source.scale, TOKEN_LIMITS.scale).toFixed(3);
+    if (typeof source.underline === 'boolean')
+        out.underline = source.underline;
+    return Object.keys(out).length ? out : undefined;
+}
+/** One component's tokens from JSON: clamped, unknown names and tokens the component does not take dropped. */
+export function sanitizeComponentTokens(id, value) {
+    const def = COMPONENTS[id];
+    const source = obj(value);
+    const out = {};
+    if (def.presets && typeof source.preset === 'string' && Object.hasOwn(PRESETS[def.presets], source.preset))
+        out.preset = source.preset;
+    if (source.radius === 'pill')
+        out.radius = 'pill';
+    else if (finite(source.radius))
+        out.radius = Math.round(clamp(source.radius, TOKEN_LIMITS.radius));
+    if (finite(source.borderWidth))
+        out.borderWidth = +clamp(source.borderWidth, TOKEN_LIMITS.borderWidth).toFixed(1);
+    const borderStyle = oneOf(source.borderStyle, BORDER_STYLES);
+    if (borderStyle)
+        out.borderStyle = borderStyle;
+    const borderColor = role(source.borderColor);
+    if (borderColor)
+        out.borderColor = borderColor;
+    const fill = sanitizeFill(source.fill, def);
+    if (fill !== undefined)
+        out.fill = fill;
+    const text = role(source.text);
+    if (text)
+        out.text = text;
+    for (const key of ['padX', 'padY', 'gap'])
+        if (finite(source[key]))
+            out[key] = Math.round(clamp(source[key], TOKEN_LIMITS[key]));
+    for (const key of ['height', 'width', 'size', 'maxHeight', 'fontSize']) {
+        const range = def[key];
+        if (range && finite(source[key]))
+            out[key] = Math.round(clamp(source[key], range));
+    }
+    if (def.text || def.fontSize) {
+        const font = oneOf(source.font, FONT_ROLES);
+        if (font)
+            out.font = font;
+        if (finite(source.weight))
+            out.weight = Math.round(clamp(source.weight, TOKEN_LIMITS.weight) / 50) * 50;
+        const textCase = oneOf(source.case, CASES);
+        if (textCase && id !== 'postText')
+            out.case = textCase;
+        if (finite(source.tracking))
+            out.tracking = +clamp(source.tracking, TOKEN_LIMITS.tracking).toFixed(3);
+        if (finite(source.leading))
+            out.leading = +clamp(source.leading, TOKEN_LIMITS.leading).toFixed(2);
+    }
+    const shadow = oneOf(source.shadow, SHADOWS);
+    if (shadow)
+        out.shadow = shadow;
+    if (def.shape) {
+        const shape = oneOf(source.shape, AVATAR_SHAPES);
+        if (shape)
+            out.shape = shape;
+    }
+    if (def.corner) {
+        const corner = oneOf(source.corner, CORNERS);
+        if (corner)
+            out.corner = corner;
+    }
+    if (def.visible && typeof source.visible === 'boolean')
+        out.visible = source.visible;
+    for (const state of ['hover', 'active', 'focus']) {
+        const tokens = sanitizeState(source[state], def);
+        if (tokens)
+            out[state] = tokens;
+    }
+    return Object.keys(out).length ? out : undefined;
+}
+/** The `components` group from JSON. Null when nothing valid is left (the theme sets no component). */
+export function sanitizeComponents(value) {
+    const source = obj(value);
+    const out = {};
+    for (const id of COMPONENT_IDS) {
+        if (!Object.hasOwn(source, id))
+            continue;
+        const tokens = sanitizeComponentTokens(id, source[id]);
+        if (tokens)
+            out[id] = tokens;
+    }
+    return Object.keys(out).length ? out : null;
+}
+/** Every component with its preset and its parent's tokens folded in (own tokens win, then the preset, then the parent). */
+export function resolveComponents(components) {
+    const expand = (id, tokens) => {
+        if (!tokens)
+            return {};
+        const def = COMPONENTS[id];
+        const preset = tokens.preset && def.presets ? PRESETS[def.presets][tokens.preset] : undefined;
+        const { preset: _name, ...own } = tokens;
+        return { ...preset, ...own };
+    };
+    const out = {};
+    for (const id of COMPONENT_IDS) {
+        const def = COMPONENTS[id];
+        const parent = def.parent;
+        const inherited = parent ? expand(parent, components[parent]) : {};
+        const merged = { ...inherited, ...expand(id, components[id]) };
+        if (Object.keys(merged).length)
+            out[id] = merged;
+    }
+    return out;
+}
+const rgba = (hex, alpha) => `rgba(${hexToRgb(hex).join(', ')}, ${alpha})`;
+const dark = (hex) => relativeLuminance(hex) < 0.18;
+/** The most readable of the theme's text-capable roles on `fill`. */
+export function readableRole(fill, colors, preferred) {
+    const candidates = ['text', 'onAccent', 'onInverse', 'bg', 'inverse'];
+    if (preferred && !candidates.includes(preferred))
+        candidates.unshift(preferred);
+    return candidates.reduce((best, candidate) => contrastRatio(colors[candidate], fill) > contrastRatio(colors[best], fill) ? candidate : best, preferred ?? 'text');
+}
+function fillCss(fill, colors) {
+    if (fill === 'transparent')
+        return { decl: [['background-color', 'transparent'], ['background-image', 'none']], solid: null };
+    if (fill === 'glass')
+        return { decl: [['background-color', rgba(colors.surface, 0.72)], ['backdrop-filter', 'blur(14px) saturate(1.4)'], ['-webkit-backdrop-filter', 'blur(14px) saturate(1.4)']], solid: colors.surface };
+    if (typeof fill === 'string')
+        return { decl: [['background-color', colors[fill]], ['background-image', 'none']], solid: colors[fill] };
+    // A gradient is judged at its less readable end: the midpoint stands in for both when choosing a label.
+    return { decl: [['background-color', colors[fill.to]], ['background-image', `linear-gradient(${fill.angle}deg, ${colors[fill.from]}, ${colors[fill.to]})`]], solid: mix(colors[fill.from], colors[fill.to], 0.5) };
+}
+/** Raised and sunken edges after 98.css: two light and two dark inset lines, from the part's own fill. */
+function bevel(out, face) {
+    const light = mix(face, '#ffffff', 0.85), soft = mix(face, '#ffffff', 0.35), shade = mix(face, '#000000', 0.35), deep = mix(face, '#000000', 0.9);
+    return out
+        ? `inset -1px -1px ${deep}, inset 1px 1px ${light}, inset -2px -2px ${shade}, inset 2px 2px ${soft}`
+        : `inset -1px -1px ${light}, inset 1px 1px ${shade}, inset -2px -2px ${soft}, inset 2px 2px ${deep}`;
+}
+function shadowCss(name, colors) {
+    const base = dark(colors.bg);
+    switch (name) {
+        case 'soft': return base ? `0 1px 2px ${rgba('#000000', 0.4)}, 0 8px 24px ${rgba('#000000', 0.35)}` : `0 1px 2px ${rgba('#000000', 0.06)}, 0 8px 24px ${rgba('#000000', 0.1)}`;
+        case 'deep': return `0 0 0 1px ${rgba(colors.border, 0.6)}, 0 24px 64px ${rgba('#000000', base ? 0.6 : 0.28)}`;
+        case 'hard': return `4px 4px 0 ${colors.accent}`;
+        case 'inset': return `inset 1px 1px 3px ${rgba('#000000', base ? 0.6 : 0.25)}`;
+        case 'glow': return `0 0 0 1px ${rgba(colors.accent, 0.5)}, 0 0 18px ${rgba(colors.accent, 0.35)}`;
+        default: return 'none';
+    }
+}
+const SHAPES = {
+    circle: [['border-radius', '50%']],
+    rounded: [['border-radius', '26%']],
+    square: [['border-radius', '2px']],
+    squircle: [['border-radius', '34%']],
+    hexagon: [['border-radius', '0'], ['clip-path', 'polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%)']],
+    octagon: [['border-radius', '0'], ['clip-path', 'polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%)']],
+    diamond: [['border-radius', '0'], ['clip-path', 'polygon(50% 0, 100% 50%, 50% 100%, 0 50%)']],
+};
+const CASE_CSS = {
+    none: [['text-transform', 'none'], ['font-variant-caps', 'normal']],
+    upper: [['text-transform', 'uppercase']],
+    lower: [['text-transform', 'lowercase']],
+    capitalize: [['text-transform', 'capitalize']],
+    'small-caps': [['text-transform', 'none'], ['font-variant-caps', 'all-small-caps']],
+};
+/** A part rule's selector: two `:root`s lift it over the site's atomic classes and inline styles' non-important values. */
+export const partRule = (selector) => selector.split(/,(?![^(]*\))/).map(one => `:root:root ${one.trim()}`).join(',');
+/**
+ * CSS for a theme's components over a site's part map. A component without a part, and a token the
+ * part skips, emits nothing. Text on a fill the theme chose is held to the component's contrast
+ * (the text role is swapped for the most readable one); sizes stay at or above a 24px target.
+ */
+export function compileComponents(components, parts, ctx) {
+    const values = [], rules = [], notes = [];
+    const resolved = resolveComponents(components);
+    for (const id of COMPONENT_IDS) {
+        const tokens = resolved[id], part = parts[id];
+        if (!tokens || !part)
+            continue;
+        const def = COMPONENTS[id];
+        const skip = new Set(part.skip ?? []);
+        const has = (key) => tokens[key] !== undefined && !skip.has(key);
+        const box = [], type = [], fillRule = [];
+        const put = (list, token, property, value) => {
+            const name = `--wb-part-${id}-${token}`;
+            if (!values.some(item => item.startsWith(`${name}:`)))
+                values.push(`${name}:${value}`);
+            list.push(`${property}:var(${name}) !important`);
+        };
+        // Fill first: the text role depends on it.
+        let face = null;
+        if (has('fill')) {
+            const { decl, solid } = fillCss(tokens.fill, ctx.colors);
+            face = solid;
+            decl.forEach(([property, value], index) => put(part.fill ? fillRule : box, `fill${index ? `-${index}` : ''}`, property, value));
+        }
+        let textRole = has('text') ? tokens.text : undefined;
+        const need = def.contrast ?? 4.5;
+        if (face && (def.text || textRole)) {
+            // A role that cannot read on this fill gives way to the best role (white label on an accent fill)...
+            if (!textRole || contrastRatio(ctx.colors[textRole], face) < need) {
+                const readable = readableRole(face, ctx.colors, textRole);
+                if (textRole && readable !== textRole)
+                    notes.push(`${id}: text "${textRole}" on its fill is under ${need}:1, using "${readable}"`);
+                textRole = readable;
+            }
+        }
+        if (textRole) {
+            // ...and the ink is then solved on the grounds it really sits on (theme engine v3 3.3): its fill, or with
+            // no fill of its own every surface it can sit on, the page canvas included (an outline button in the
+            // rail sits on the page: Solarized's accent read 4.45:1 there).
+            // A role made for another ground (onAccent, onInverse, bg: a label on a fill some parent paints, the
+            // Classic bar) is the theme's statement about that parent and stands.
+            const surfaceInk = textRole === 'text' || textRole === 'muted' || textRole === 'accent';
+            const grounds = face ? [face] : surfaceInk ? [ctx.colors.bg, ctx.colors.surface, ctx.colors.elevated, ctx.colors.page] : [];
+            const solved = grounds.length ? inkOnEvery(grounds, ctx.colors[textRole], need) : { ink: ctx.colors[textRole], adjusted: false };
+            if (solved.adjusted)
+                notes.push(`${id}: text "${textRole}" moved to ${solved.ink} to read ${need}:1 on ${grounds.join('/')}`);
+            put(type, 'text', 'color', solved.ink);
+        }
+        if (has('radius'))
+            put(box, 'radius', 'border-radius', tokens.radius === 'pill' ? '9999px' : `${tokens.radius}px`);
+        const style = has('borderStyle') ? tokens.borderStyle : undefined;
+        if (style === 'bevel-out' || style === 'bevel-in') {
+            const base = face ?? ctx.colors.surface;
+            put(box, 'border-style', 'border-style', 'none');
+            put(box, 'bevel', 'box-shadow', bevel(style === 'bevel-out', base));
+        }
+        else {
+            if (style)
+                put(box, 'border-style', 'border-style', style);
+            if (has('borderWidth'))
+                put(box, 'border-width', 'border-width', `${tokens.borderWidth}px`);
+            // A width without a style would draw nothing: X's boxes are `border: 0 solid`.
+            if (has('borderWidth') && !style && tokens.borderWidth > 0)
+                put(box, 'border-style', 'border-style', 'solid');
+            if (has('shadow'))
+                put(box, 'shadow', 'box-shadow', shadowCss(tokens.shadow, ctx.colors));
+        }
+        if (has('borderColor'))
+            put(box, 'border-color', 'border-color', ctx.colors[tokens.borderColor]);
+        if (has('padX'))
+            put(box, 'pad-x', 'padding-inline', `${tokens.padX}px`);
+        if (has('padY'))
+            put(box, 'pad-y', 'padding-block', `${tokens.padY}px`);
+        if (has('gap'))
+            put(box, 'gap', 'gap', `${tokens.gap}px`);
+        if (has('height'))
+            put(box, 'height', 'min-height', `${Math.max(24, tokens.height)}px`);
+        if (has('width'))
+            put(box, 'width', 'width', `${tokens.width}px`);
+        if (has('size')) {
+            put(box, 'size', 'width', `${tokens.size}px`);
+            box.push(`height:var(--wb-part-${id}-size) !important`);
+        }
+        if (has('maxHeight'))
+            put(box, 'max-height', 'max-height', `${tokens.maxHeight}px`);
+        if (has('shape'))
+            SHAPES[tokens.shape].forEach(([property, value], index) => put(box, `shape${index ? `-${index}` : ''}`, property, value));
+        if (has('corner') && tokens.corner === 'cut')
+            put(box, 'corner', 'clip-path', 'polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px))');
+        if (has('visible') && tokens.visible === false)
+            put(box, 'display', 'display', 'none');
+        if (has('font'))
+            put(type, 'font', 'font-family', ctx.fonts[tokens.font]);
+        if (has('fontSize')) {
+            put(type, 'font-size', 'font-size', `${tokens.fontSize}px`);
+            put(type, 'line-height', 'line-height', String(tokens.leading ?? 1.3));
+        }
+        else if (has('leading'))
+            put(type, 'line-height', 'line-height', String(tokens.leading));
+        if (has('weight'))
+            put(type, 'weight', 'font-weight', String(tokens.weight));
+        if (has('case'))
+            CASE_CSS[tokens.case].forEach(([property, value], index) => put(type, `case${index ? `-${index}` : ''}`, property, value));
+        if (has('tracking'))
+            put(type, 'tracking', 'letter-spacing', `${tokens.tracking}em`);
+        const textSel = part.text ?? part.sel;
+        if (box.length)
+            rules.push(`${partRule(part.sel)}{${box.join(';')}}`);
+        if (fillRule.length)
+            rules.push(`${partRule(part.fill)}{${fillRule.join(';')}}`);
+        if (type.length)
+            rules.push(`${partRule(textSel)}{${type.join(';')}}`);
+        for (const state of ['hover', 'active', 'focus']) {
+            const tokensOf = tokens[state];
+            if (!tokensOf || skip.has(state))
+                continue;
+            const pseudo = state === 'focus' ? ':focus-visible' : `:${state}`;
+            const still = [], moving = [], label = [];
+            let stateFace = face;
+            if (tokensOf.fill !== undefined) {
+                const { decl, solid } = fillCss(tokensOf.fill, ctx.colors);
+                stateFace = solid ?? face;
+                for (const [property, value] of decl)
+                    still.push(`${property}:${value} !important`);
+            }
+            let stateText = tokensOf.text;
+            if (stateFace && (stateText || tokensOf.fill !== undefined) && (def.text || stateText)) {
+                if (!stateText || contrastRatio(ctx.colors[stateText], stateFace) < (def.contrast ?? 4.5))
+                    stateText = readableRole(stateFace, ctx.colors, stateText);
+            }
+            if (stateText)
+                label.push(`color:${ctx.colors[stateText]} !important`);
+            if (tokensOf.underline !== undefined)
+                label.push(`text-decoration:${tokensOf.underline ? 'underline' : 'none'} !important`);
+            if (tokensOf.borderColor)
+                still.push(`border-color:${ctx.colors[tokensOf.borderColor]} !important`);
+            if (tokensOf.shadow)
+                still.push(`box-shadow:${tokensOf.shadow === 'inset' && (style === 'bevel-out' || style === 'bevel-in') ? bevel(false, face ?? ctx.colors.surface) : shadowCss(tokensOf.shadow, ctx.colors)} !important`);
+            const transforms = [tokensOf.lift ? `translateY(-${tokensOf.lift}px)` : '', tokensOf.scale && tokensOf.scale !== 1 ? `scale(${tokensOf.scale})` : ''].filter(Boolean);
+            if (transforms.length)
+                moving.push(`transform:${transforms.join(' ')} !important`);
+            const stateSel = (selector) => selector.split(/,(?![^(]*\))/).map(one => `${one.trim()}${pseudo}`).join(',');
+            if (still.length)
+                rules.push(`${partRule(stateSel(part.sel))}{${still.join(';')}}`);
+            // The label of a hovered or pressed part: the box and the text leaves under it.
+            if (label.length)
+                rules.push(`${partRule(`${stateSel(part.sel)},${part.sel.split(/,(?![^(]*\))/).map(one => `${one.trim()}${pseudo} :is(span,div,a)`).join(',')}`)}{${label.join(';')}}`);
+            // Movement only for people who have not asked for less of it.
+            if (moving.length)
+                rules.push(`@media (prefers-reduced-motion:no-preference){${partRule(stateSel(part.sel))}{${moving.join(';')}}}`);
+        }
+    }
+    return { values, rules, notes };
+}
+/** The `colors.actions` group: the colors of an on state (liked, reposted, bookmarked) and of the reply hover. */
+export const ACTION_NAMES = ['reply', 'repost', 'like', 'bookmark'];
+//# sourceMappingURL=themeComponents.js.map

package/dist/runtime/themeComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeComponents.js","sourceRoot":"","sources":["../../../runtime/src/themeComponents.ts"],"names":[],"mappings":"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","sourcesContent":["// Component tokens: the part of a theme that says how each piece of the site is built (a button's\n// radius and border, a post's padding and fill, the size and case of a handle), instead of one radius\n// and one density for everything. A theme names generic components (`post`, `buttonPrimary`,\n// `navItem`); the site adapter says which selectors they are (its part map). Pure.\n//\n// Safety is the same as the rest of a theme document: every token is a clamped number, a fixed word\n// or a color role name. No token carries CSS text, a selector or a color literal, so one contrast\n// pass over the palette covers every component, and the CSS is built from the vocabulary below.\n//\n// How it lands in the page: values are custom properties at zero specificity\n// (`:where(:root){--wb-part-post-radius:0px}`), rules are rigid (`:root:root <part>{border-radius:\n// var(--wb-part-post-radius) !important}`). An owner's Custom CSS or a plugin overrides a value by\n// setting the variable, for the whole page or for one subtree, without fighting `!important`.\n//\n// The bevel borders (`bevel-out`, `bevel-in`) follow 98.css's raised and sunken edges (MIT, Jordan\n// Scales, https://github.com/jdan/98.css): four inset shadows, here computed from the theme's roles.\n\nimport { inkOnEvery } from './themeInk.ts';\nimport { contrastRatio, hexToRgb, mix, relativeLuminance, type FontRoleName } from './themeApi.ts';\n\n// ---------------------------------------------------------------------------------------------\n// Vocabulary\n\n/** Color roles a component may name. `onAccent` is the readable label on the accent. */\nexport const COLOR_ROLES = ['bg', 'surface', 'elevated', 'page', 'border', 'text', 'muted', 'accent', 'onAccent', 'inverse', 'onInverse'] as const;\nexport type ColorRole = typeof COLOR_ROLES[number];\nexport type RoleColors = Record<ColorRole, string>;\n\nexport const BORDER_STYLES = ['none', 'solid', 'dashed', 'dotted', 'double', 'bevel-out', 'bevel-in'] as const;\nexport const SHADOWS = ['none', 'soft', 'deep', 'hard', 'inset', 'glow'] as const;\nexport const CASES = ['none', 'upper', 'lower', 'capitalize', 'small-caps'] as const;\nexport const AVATAR_SHAPES = ['circle', 'rounded', 'square', 'squircle', 'hexagon', 'octagon', 'diamond'] as const;\nexport const CORNERS = ['round', 'cut'] as const;\nconst FONT_ROLES: readonly FontRoleName[] = ['interface', 'post', 'heading', 'numbers', 'mono', 'chrome', 'dialog'];\n\nexport type Gradient = { from: ColorRole; to: ColorRole; angle: number };\nexport type Fill = ColorRole | 'transparent' | 'glass' | Gradient;\nexport type StateTokens = { fill?: Fill; text?: ColorRole; borderColor?: ColorRole; shadow?: typeof SHADOWS[number]; lift?: number; scale?: number; underline?: boolean };\nexport type ComponentTokens = {\n  preset?: string;\n  radius?: number | 'pill';\n  borderWidth?: number;\n  borderStyle?: typeof BORDER_STYLES[number];\n  borderColor?: ColorRole;\n  fill?: Fill;\n  text?: ColorRole;\n  padX?: number;\n  padY?: number;\n  gap?: number;\n  height?: number;\n  width?: number;\n  size?: number;\n  maxHeight?: number;\n  font?: FontRoleName;\n  fontSize?: number;\n  weight?: number;\n  case?: typeof CASES[number];\n  tracking?: number;\n  leading?: number;\n  shadow?: typeof SHADOWS[number];\n  shape?: typeof AVATAR_SHAPES[number];\n  corner?: typeof CORNERS[number];\n  visible?: boolean;\n  hover?: StateTokens;\n  active?: StateTokens;\n  focus?: StateTokens;\n};\n\ntype ComponentDef = {\n  /** Tokens set on the parent apply to this component too. */\n  parent?: string;\n  /** A text part: type tokens land on its leaves. */\n  text?: boolean;\n  /** Size ranges in px (absent: the token is not accepted on this component). */\n  height?: [number, number]; width?: [number, number]; size?: [number, number]; maxHeight?: [number, number]; fontSize?: [number, number];\n  /** Tokens only some components take. */\n  shape?: boolean; corner?: boolean; visible?: boolean;\n  /** Glass fills (a blur) are allowed here; never on parts that repeat down a timeline. */\n  glass?: boolean;\n  /** Gradient fills are allowed here (bars and buttons). */\n  gradient?: boolean;\n  /** Presets of this component's family. */\n  presets?: keyof typeof PRESETS;\n  /** Contrast its text must reach on its own fill. */\n  contrast?: number;\n};\n\nconst LABEL: [number, number] = [12, 20];\nconst SMALL: [number, number] = [11, 18];\n/** Every component a theme can name. Sites map them to selectors; a component a site does not have is ignored. */\nexport const COMPONENTS = {\n  nav: { width: [56, 320], glass: true, gradient: true },\n  navItem: { height: [36, 64], fontSize: LABEL, text: true },\n  topBar: { height: [40, 64], glass: true, gradient: true, fontSize: LABEL },\n  tabs: { presets: 'tabs', gradient: true },\n  tab: { height: [32, 56], fontSize: LABEL, text: true, presets: 'tabs' },\n  post: { corner: true, presets: 'post', contrast: 7 },\n  avatar: { size: [20, 64], shape: true, visible: true },\n  displayName: { text: true, fontSize: LABEL, visible: true },\n  handle: { text: true, fontSize: SMALL, visible: true },\n  postText: { text: true, fontSize: [13, 24], contrast: 7 },\n  meta: { text: true, fontSize: SMALL },\n  actionBar: {},\n  action: { size: [28, 44] },\n  count: { text: true, fontSize: SMALL, visible: true },\n  media: { corner: true, maxHeight: [200, 700] },\n  linkCard: { corner: true },\n  quote: {},\n  button: { height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },\n  buttonPrimary: { parent: 'button', height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },\n  buttonSecondary: { parent: 'button', height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },\n  buttonGhost: { parent: 'button', height: [24, 56], fontSize: LABEL, text: true, gradient: true, presets: 'button' },\n  input: { height: [32, 56], fontSize: LABEL, text: true, presets: 'input' },\n  search: { height: [32, 56], fontSize: LABEL, text: true, presets: 'input' },\n  composer: { fontSize: [13, 24], text: true },\n  /** The tool icons under a composer (media, poll, emoji); `text` is their color. */\n  composerTool: { size: [28, 44] },\n  panel: { glass: true, presets: 'panel' },\n  menu: { parent: 'panel', glass: true, presets: 'panel' },\n  dialog: { parent: 'panel', glass: true, presets: 'panel' },\n  toast: { parent: 'panel', glass: true, presets: 'panel' },\n  hoverCard: { parent: 'panel', glass: true, presets: 'panel' },\n  sidebarCard: { parent: 'panel', glass: true, corner: true, presets: 'panel' },\n  badge: { size: [14, 24], corner: true, fontSize: SMALL, text: true },\n  pill: { fontSize: SMALL, text: true },\n  divider: {},\n  scrollbar: {},\n  profileHeader: {},\n} as const satisfies Record<string, ComponentDef>;\nexport type ComponentId = keyof typeof COMPONENTS;\nexport const COMPONENT_IDS = Object.keys(COMPONENTS) as ComponentId[];\nexport type ThemeComponents = Partial<Record<ComponentId, ComponentTokens>>;\n\n/** Clamp ranges of the tokens every component shares (the JSON Schema says the same; tested). */\nexport const TOKEN_LIMITS = {\n  radius: [0, 32], borderWidth: [0, 4], padX: [0, 32], padY: [0, 32], gap: [0, 24], weight: [100, 900],\n  tracking: [-0.05, 0.2], leading: [1.1, 2], angle: [0, 360], lift: [0, 4], scale: [0.96, 1.04],\n} as const;\n\n/** Named token bundles per family; a theme's own tokens win over its preset's. Frozen once shipped. */\nexport const PRESETS = {\n  button: {\n    pill: { radius: 'pill', borderWidth: 0 },\n    soft: { radius: 8, borderWidth: 0 },\n    square: { radius: 0, borderWidth: 1, borderStyle: 'solid' },\n    outline: { radius: 6, borderWidth: 1, borderStyle: 'solid', fill: 'transparent', text: 'text', borderColor: 'border' },\n    bevel: { radius: 0, borderStyle: 'bevel-out', fill: 'surface', text: 'text', active: { shadow: 'inset' } },\n    gloss: { radius: 'pill', borderWidth: 1, borderStyle: 'solid', shadow: 'soft' },\n    'flat-link': { radius: 0, borderWidth: 0, fill: 'transparent', text: 'accent', hover: { underline: true } },\n  },\n  post: {\n    flat: { radius: 0, borderWidth: 0, fill: 'transparent', shadow: 'none' },\n    card: { radius: 14, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'surface' },\n    bubble: { radius: 20, borderWidth: 0, fill: 'surface' },\n    window: { radius: 0, borderStyle: 'bevel-out', fill: 'surface' },\n    ruled: { radius: 0, borderWidth: 0, fill: 'transparent' },\n  },\n  input: {\n    pill: { radius: 'pill', borderWidth: 1, borderStyle: 'solid', borderColor: 'border' },\n    underline: { radius: 0, borderWidth: 0, fill: 'transparent' },\n    sunken: { radius: 0, borderStyle: 'bevel-in', fill: 'bg', text: 'text' },\n    boxed: { radius: 4, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'bg' },\n  },\n  panel: {\n    sheet: { radius: 12, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'surface', shadow: 'soft' },\n    window: { radius: 0, borderStyle: 'bevel-out', fill: 'surface', shadow: 'none' },\n    glass: { radius: 16, borderWidth: 1, borderStyle: 'solid', borderColor: 'border', fill: 'glass', shadow: 'soft' },\n  },\n  tabs: {\n    underline: { radius: 0 },\n    pills: { radius: 'pill' },\n    folder: { radius: 6, borderWidth: 1, borderStyle: 'solid', borderColor: 'border' },\n    blocks: { radius: 0, borderWidth: 1, borderStyle: 'solid', borderColor: 'border' },\n  },\n} as const satisfies Record<string, Record<string, ComponentTokens>>;\n\n// ---------------------------------------------------------------------------------------------\n// Sanitizing\n\nconst obj = (value: unknown): Record<string, unknown> => value && typeof value === 'object' && !Array.isArray(value) ? value as Record<string, unknown> : {};\nconst finite = (value: unknown): value is number => typeof value === 'number' && Number.isFinite(value);\nconst clamp = (value: number, [min, max]: readonly [number, number]) => Math.min(max, Math.max(min, value));\nconst oneOf = <T extends string>(value: unknown, options: readonly T[]): T | undefined => options.includes(value as T) ? value as T : undefined;\nconst role = (value: unknown) => oneOf(value, COLOR_ROLES);\n\nfunction sanitizeFill(value: unknown, def: ComponentDef): Fill | undefined {\n  if (value === 'transparent') return 'transparent';\n  if (value === 'glass') return def.glass ? 'glass' : undefined;\n  const named = role(value);\n  if (named) return named;\n  const source = obj(value);\n  const from = role(source.from), to = role(source.to);\n  if (def.gradient && from && to) return { from, to, angle: Math.round(clamp(finite(source.angle) ? source.angle : 180, TOKEN_LIMITS.angle)) };\n  return undefined;\n}\n\nfunction sanitizeState(value: unknown, def: ComponentDef): StateTokens | undefined {\n  const source = obj(value);\n  const out: StateTokens = {};\n  const fill = sanitizeFill(source.fill, def); if (fill !== undefined) out.fill = fill;\n  const text = role(source.text); if (text) out.text = text;\n  const borderColor = role(source.borderColor); if (borderColor) out.borderColor = borderColor;\n  const shadow = oneOf(source.shadow, SHADOWS); if (shadow) out.shadow = shadow;\n  if (finite(source.lift)) out.lift = +clamp(source.lift, TOKEN_LIMITS.lift).toFixed(1);\n  if (finite(source.scale)) out.scale = +clamp(source.scale, TOKEN_LIMITS.scale).toFixed(3);\n  if (typeof source.underline === 'boolean') out.underline = source.underline;\n  return Object.keys(out).length ? out : undefined;\n}\n\n/** One component's tokens from JSON: clamped, unknown names and tokens the component does not take dropped. */\nexport function sanitizeComponentTokens(id: ComponentId, value: unknown): ComponentTokens | undefined {\n  const def: ComponentDef = COMPONENTS[id];\n  const source = obj(value);\n  const out: ComponentTokens = {};\n  if (def.presets && typeof source.preset === 'string' && Object.hasOwn(PRESETS[def.presets], source.preset)) out.preset = source.preset;\n  if (source.radius === 'pill') out.radius = 'pill';\n  else if (finite(source.radius)) out.radius = Math.round(clamp(source.radius, TOKEN_LIMITS.radius));\n  if (finite(source.borderWidth)) out.borderWidth = +clamp(source.borderWidth, TOKEN_LIMITS.borderWidth).toFixed(1);\n  const borderStyle = oneOf(source.borderStyle, BORDER_STYLES); if (borderStyle) out.borderStyle = borderStyle;\n  const borderColor = role(source.borderColor); if (borderColor) out.borderColor = borderColor;\n  const fill = sanitizeFill(source.fill, def); if (fill !== undefined) out.fill = fill;\n  const text = role(source.text); if (text) out.text = text;\n  for (const key of ['padX', 'padY', 'gap'] as const) if (finite(source[key])) out[key] = Math.round(clamp(source[key] as number, TOKEN_LIMITS[key]));\n  for (const key of ['height', 'width', 'size', 'maxHeight', 'fontSize'] as const) {\n    const range = def[key];\n    if (range && finite(source[key])) out[key] = Math.round(clamp(source[key] as number, range));\n  }\n  if (def.text || def.fontSize) {\n    const font = oneOf(source.font, FONT_ROLES); if (font) out.font = font;\n    if (finite(source.weight)) out.weight = Math.round(clamp(source.weight, TOKEN_LIMITS.weight) / 50) * 50;\n    const textCase = oneOf(source.case, CASES); if (textCase && id !== 'postText') out.case = textCase;\n    if (finite(source.tracking)) out.tracking = +clamp(source.tracking, TOKEN_LIMITS.tracking).toFixed(3);\n    if (finite(source.leading)) out.leading = +clamp(source.leading, TOKEN_LIMITS.leading).toFixed(2);\n  }\n  const shadow = oneOf(source.shadow, SHADOWS); if (shadow) out.shadow = shadow;\n  if (def.shape) { const shape = oneOf(source.shape, AVATAR_SHAPES); if (shape) out.shape = shape; }\n  if (def.corner) { const corner = oneOf(source.corner, CORNERS); if (corner) out.corner = corner; }\n  if (def.visible && typeof source.visible === 'boolean') out.visible = source.visible;\n  for (const state of ['hover', 'active', 'focus'] as const) { const tokens = sanitizeState(source[state], def); if (tokens) out[state] = tokens; }\n  return Object.keys(out).length ? out : undefined;\n}\n\n/** The `components` group from JSON. Null when nothing valid is left (the theme sets no component). */\nexport function sanitizeComponents(value: unknown): ThemeComponents | null {\n  const source = obj(value);\n  const out: ThemeComponents = {};\n  for (const id of COMPONENT_IDS) {\n    if (!Object.hasOwn(source, id)) continue;\n    const tokens = sanitizeComponentTokens(id, source[id]);\n    if (tokens) out[id] = tokens;\n  }\n  return Object.keys(out).length ? out : null;\n}\n\n/** Every component with its preset and its parent's tokens folded in (own tokens win, then the preset, then the parent). */\nexport function resolveComponents(components: ThemeComponents): ThemeComponents {\n  const expand = (id: ComponentId, tokens: ComponentTokens | undefined): ComponentTokens => {\n    if (!tokens) return {};\n    const def: ComponentDef = COMPONENTS[id];\n    const preset = tokens.preset && def.presets ? (PRESETS[def.presets] as Record<string, ComponentTokens>)[tokens.preset] : undefined;\n    const { preset: _name, ...own } = tokens;\n    return { ...preset, ...own };\n  };\n  const out: ThemeComponents = {};\n  for (const id of COMPONENT_IDS) {\n    const def: ComponentDef = COMPONENTS[id];\n    const parent = def.parent as ComponentId | undefined;\n    const inherited = parent ? expand(parent, components[parent]) : {};\n    const merged = { ...inherited, ...expand(id, components[id]) };\n    if (Object.keys(merged).length) out[id] = merged;\n  }\n  return out;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Compiling\n\n/** A site's selectors for one component. */\nexport type PartDef = {\n  /** The component's box. */\n  sel: string;\n  /** Its text leaves (sites often put type on leaf spans); defaults to the box. */\n  text?: string;\n  /** Where a fill is painted when it is not the box itself. */\n  fill?: string;\n  /** Tokens the site cannot honor on this part (left out of the CSS). */\n  skip?: ReadonlyArray<keyof ComponentTokens>;\n};\nexport type PartMap = Partial<Record<ComponentId, PartDef>>;\n\nexport type ComponentContext = {\n  /** Every role as `#rrggbb` (the theme's palette, legible). */\n  colors: RoleColors;\n  /** `font-family` per font role. */\n  fonts: Record<FontRoleName, string>;\n};\n\nconst rgba = (hex: string, alpha: number) => `rgba(${hexToRgb(hex).join(', ')}, ${alpha})`;\nconst dark = (hex: string) => relativeLuminance(hex) < 0.18;\n\n/** The most readable of the theme's text-capable roles on `fill`. */\nexport function readableRole(fill: string, colors: RoleColors, preferred?: ColorRole): ColorRole {\n  const candidates: ColorRole[] = ['text', 'onAccent', 'onInverse', 'bg', 'inverse'];\n  if (preferred && !candidates.includes(preferred)) candidates.unshift(preferred);\n  return candidates.reduce((best, candidate) => contrastRatio(colors[candidate], fill) > contrastRatio(colors[best], fill) ? candidate : best, preferred ?? 'text');\n}\n\nfunction fillCss(fill: Fill, colors: RoleColors): { decl: Array<[string, string]>; solid: string | null } {\n  if (fill === 'transparent') return { decl: [['background-color', 'transparent'], ['background-image', 'none']], solid: null };\n  if (fill === 'glass') return { decl: [['background-color', rgba(colors.surface, 0.72)], ['backdrop-filter', 'blur(14px) saturate(1.4)'], ['-webkit-backdrop-filter', 'blur(14px) saturate(1.4)']], solid: colors.surface };\n  if (typeof fill === 'string') return { decl: [['background-color', colors[fill]], ['background-image', 'none']], solid: colors[fill] };\n  // A gradient is judged at its less readable end: the midpoint stands in for both when choosing a label.\n  return { decl: [['background-color', colors[fill.to]], ['background-image', `linear-gradient(${fill.angle}deg, ${colors[fill.from]}, ${colors[fill.to]})`]], solid: mix(colors[fill.from], colors[fill.to], 0.5) };\n}\n\n/** Raised and sunken edges after 98.css: two light and two dark inset lines, from the part's own fill. */\nfunction bevel(out: boolean, face: string): string {\n  const light = mix(face, '#ffffff', 0.85), soft = mix(face, '#ffffff', 0.35), shade = mix(face, '#000000', 0.35), deep = mix(face, '#000000', 0.9);\n  return out\n    ? `inset -1px -1px ${deep}, inset 1px 1px ${light}, inset -2px -2px ${shade}, inset 2px 2px ${soft}`\n    : `inset -1px -1px ${light}, inset 1px 1px ${shade}, inset -2px -2px ${soft}, inset 2px 2px ${deep}`;\n}\n\nfunction shadowCss(name: typeof SHADOWS[number], colors: RoleColors): string {\n  const base = dark(colors.bg);\n  switch (name) {\n    case 'soft': return base ? `0 1px 2px ${rgba('#000000', 0.4)}, 0 8px 24px ${rgba('#000000', 0.35)}` : `0 1px 2px ${rgba('#000000', 0.06)}, 0 8px 24px ${rgba('#000000', 0.1)}`;\n    case 'deep': return `0 0 0 1px ${rgba(colors.border, 0.6)}, 0 24px 64px ${rgba('#000000', base ? 0.6 : 0.28)}`;\n    case 'hard': return `4px 4px 0 ${colors.accent}`;\n    case 'inset': return `inset 1px 1px 3px ${rgba('#000000', base ? 0.6 : 0.25)}`;\n    case 'glow': return `0 0 0 1px ${rgba(colors.accent, 0.5)}, 0 0 18px ${rgba(colors.accent, 0.35)}`;\n    default: return 'none';\n  }\n}\n\nconst SHAPES: Record<typeof AVATAR_SHAPES[number], Array<[string, string]>> = {\n  circle: [['border-radius', '50%']],\n  rounded: [['border-radius', '26%']],\n  square: [['border-radius', '2px']],\n  squircle: [['border-radius', '34%']],\n  hexagon: [['border-radius', '0'], ['clip-path', 'polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%)']],\n  octagon: [['border-radius', '0'], ['clip-path', 'polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%)']],\n  diamond: [['border-radius', '0'], ['clip-path', 'polygon(50% 0, 100% 50%, 50% 100%, 0 50%)']],\n};\nconst CASE_CSS: Record<typeof CASES[number], Array<[string, string]>> = {\n  none: [['text-transform', 'none'], ['font-variant-caps', 'normal']],\n  upper: [['text-transform', 'uppercase']],\n  lower: [['text-transform', 'lowercase']],\n  capitalize: [['text-transform', 'capitalize']],\n  'small-caps': [['text-transform', 'none'], ['font-variant-caps', 'all-small-caps']],\n};\n\n/** A part rule's selector: two `:root`s lift it over the site's atomic classes and inline styles' non-important values. */\nexport const partRule = (selector: string) => selector.split(/,(?![^(]*\\))/).map(one => `:root:root ${one.trim()}`).join(',');\n\nexport type CompiledComponents = {\n  /** `--wb-part-*` declarations (for `:where(:root)`). */\n  values: string[];\n  /** Rules that read them. */\n  rules: string[];\n  /** What the contrast pass changed, for import notes and the builder's report. */\n  notes: string[];\n};\n\n/**\n * CSS for a theme's components over a site's part map. A component without a part, and a token the\n * part skips, emits nothing. Text on a fill the theme chose is held to the component's contrast\n * (the text role is swapped for the most readable one); sizes stay at or above a 24px target.\n */\nexport function compileComponents(components: ThemeComponents, parts: PartMap, ctx: ComponentContext): CompiledComponents {\n  const values: string[] = [], rules: string[] = [], notes: string[] = [];\n  const resolved = resolveComponents(components);\n  for (const id of COMPONENT_IDS) {\n    const tokens = resolved[id], part = parts[id];\n    if (!tokens || !part) continue;\n    const def: ComponentDef = COMPONENTS[id];\n    const skip = new Set<string>(part.skip ?? []);\n    const has = <K extends keyof ComponentTokens>(key: K): boolean => tokens[key] !== undefined && !skip.has(key);\n    const box: string[] = [], type: string[] = [], fillRule: string[] = [];\n    const put = (list: string[], token: string, property: string, value: string) => {\n      const name = `--wb-part-${id}-${token}`;\n      if (!values.some(item => item.startsWith(`${name}:`))) values.push(`${name}:${value}`);\n      list.push(`${property}:var(${name}) !important`);\n    };\n\n    // Fill first: the text role depends on it.\n    let face: string | null = null;\n    if (has('fill')) {\n      const { decl, solid } = fillCss(tokens.fill!, ctx.colors);\n      face = solid;\n      decl.forEach(([property, value], index) => put(part.fill ? fillRule : box, `fill${index ? `-${index}` : ''}`, property, value));\n    }\n    let textRole = has('text') ? tokens.text! : undefined;\n    const need = def.contrast ?? 4.5;\n    if (face && (def.text || textRole)) {\n      // A role that cannot read on this fill gives way to the best role (white label on an accent fill)...\n      if (!textRole || contrastRatio(ctx.colors[textRole], face) < need) {\n        const readable = readableRole(face, ctx.colors, textRole);\n        if (textRole && readable !== textRole) notes.push(`${id}: text \"${textRole}\" on its fill is under ${need}:1, using \"${readable}\"`);\n        textRole = readable;\n      }\n    }\n    if (textRole) {\n      // ...and the ink is then solved on the grounds it really sits on (theme engine v3 3.3): its fill, or with\n      // no fill of its own every surface it can sit on, the page canvas included (an outline button in the\n      // rail sits on the page: Solarized's accent read 4.45:1 there).\n      // A role made for another ground (onAccent, onInverse, bg: a label on a fill some parent paints, the\n      // Classic bar) is the theme's statement about that parent and stands.\n      const surfaceInk = textRole === 'text' || textRole === 'muted' || textRole === 'accent';\n      const grounds = face ? [face] : surfaceInk ? [ctx.colors.bg, ctx.colors.surface, ctx.colors.elevated, ctx.colors.page] : [];\n      const solved = grounds.length ? inkOnEvery(grounds, ctx.colors[textRole], need) : { ink: ctx.colors[textRole], adjusted: false };\n      if (solved.adjusted) notes.push(`${id}: text \"${textRole}\" moved to ${solved.ink} to read ${need}:1 on ${grounds.join('/')}`);\n      put(type, 'text', 'color', solved.ink);\n    }\n\n    if (has('radius')) put(box, 'radius', 'border-radius', tokens.radius === 'pill' ? '9999px' : `${tokens.radius}px`);\n    const style = has('borderStyle') ? tokens.borderStyle! : undefined;\n    if (style === 'bevel-out' || style === 'bevel-in') {\n      const base = face ?? ctx.colors.surface;\n      put(box, 'border-style', 'border-style', 'none');\n      put(box, 'bevel', 'box-shadow', bevel(style === 'bevel-out', base));\n    } else {\n      if (style) put(box, 'border-style', 'border-style', style);\n      if (has('borderWidth')) put(box, 'border-width', 'border-width', `${tokens.borderWidth}px`);\n      // A width without a style would draw nothing: X's boxes are `border: 0 solid`.\n      if (has('borderWidth') && !style && tokens.borderWidth! > 0) put(box, 'border-style', 'border-style', 'solid');\n      if (has('shadow')) put(box, 'shadow', 'box-shadow', shadowCss(tokens.shadow!, ctx.colors));\n    }\n    if (has('borderColor')) put(box, 'border-color', 'border-color', ctx.colors[tokens.borderColor!]);\n    if (has('padX')) put(box, 'pad-x', 'padding-inline', `${tokens.padX}px`);\n    if (has('padY')) put(box, 'pad-y', 'padding-block', `${tokens.padY}px`);\n    if (has('gap')) put(box, 'gap', 'gap', `${tokens.gap}px`);\n    if (has('height')) put(box, 'height', 'min-height', `${Math.max(24, tokens.height!)}px`);\n    if (has('width')) put(box, 'width', 'width', `${tokens.width}px`);\n    if (has('size')) { put(box, 'size', 'width', `${tokens.size}px`); box.push(`height:var(--wb-part-${id}-size) !important`); }\n    if (has('maxHeight')) put(box, 'max-height', 'max-height', `${tokens.maxHeight}px`);\n    if (has('shape')) SHAPES[tokens.shape!].forEach(([property, value], index) => put(box, `shape${index ? `-${index}` : ''}`, property, value));\n    if (has('corner') && tokens.corner === 'cut') put(box, 'corner', 'clip-path', 'polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px))');\n    if (has('visible') && tokens.visible === false) put(box, 'display', 'display', 'none');\n\n    if (has('font')) put(type, 'font', 'font-family', ctx.fonts[tokens.font!]);\n    if (has('fontSize')) {\n      put(type, 'font-size', 'font-size', `${tokens.fontSize}px`);\n      put(type, 'line-height', 'line-height', String(tokens.leading ?? 1.3));\n    } else if (has('leading')) put(type, 'line-height', 'line-height', String(tokens.leading));\n    if (has('weight')) put(type, 'weight', 'font-weight', String(tokens.weight));\n    if (has('case')) CASE_CSS[tokens.case!].forEach(([property, value], index) => put(type, `case${index ? `-${index}` : ''}`, property, value));\n    if (has('tracking')) put(type, 'tracking', 'letter-spacing', `${tokens.tracking}em`);\n\n    const textSel = part.text ?? part.sel;\n    if (box.length) rules.push(`${partRule(part.sel)}{${box.join(';')}}`);\n    if (fillRule.length) rules.push(`${partRule(part.fill!)}{${fillRule.join(';')}}`);\n    if (type.length) rules.push(`${partRule(textSel)}{${type.join(';')}}`);\n\n    for (const state of ['hover', 'active', 'focus'] as const) {\n      const tokensOf = tokens[state];\n      if (!tokensOf || skip.has(state)) continue;\n      const pseudo = state === 'focus' ? ':focus-visible' : `:${state}`;\n      const still: string[] = [], moving: string[] = [], label: string[] = [];\n      let stateFace = face;\n      if (tokensOf.fill !== undefined) { const { decl, solid } = fillCss(tokensOf.fill, ctx.colors); stateFace = solid ?? face; for (const [property, value] of decl) still.push(`${property}:${value} !important`); }\n      let stateText = tokensOf.text;\n      if (stateFace && (stateText || tokensOf.fill !== undefined) && (def.text || stateText)) {\n        if (!stateText || contrastRatio(ctx.colors[stateText], stateFace) < (def.contrast ?? 4.5)) stateText = readableRole(stateFace, ctx.colors, stateText);\n      }\n      if (stateText) label.push(`color:${ctx.colors[stateText]} !important`);\n      if (tokensOf.underline !== undefined) label.push(`text-decoration:${tokensOf.underline ? 'underline' : 'none'} !important`);\n      if (tokensOf.borderColor) still.push(`border-color:${ctx.colors[tokensOf.borderColor]} !important`);\n      if (tokensOf.shadow) still.push(`box-shadow:${tokensOf.shadow === 'inset' && (style === 'bevel-out' || style === 'bevel-in') ? bevel(false, face ?? ctx.colors.surface) : shadowCss(tokensOf.shadow, ctx.colors)} !important`);\n      const transforms = [tokensOf.lift ? `translateY(-${tokensOf.lift}px)` : '', tokensOf.scale && tokensOf.scale !== 1 ? `scale(${tokensOf.scale})` : ''].filter(Boolean);\n      if (transforms.length) moving.push(`transform:${transforms.join(' ')} !important`);\n      const stateSel = (selector: string) => selector.split(/,(?![^(]*\\))/).map(one => `${one.trim()}${pseudo}`).join(',');\n      if (still.length) rules.push(`${partRule(stateSel(part.sel))}{${still.join(';')}}`);\n      // The label of a hovered or pressed part: the box and the text leaves under it.\n      if (label.length) rules.push(`${partRule(`${stateSel(part.sel)},${part.sel.split(/,(?![^(]*\\))/).map(one => `${one.trim()}${pseudo} :is(span,div,a)`).join(',')}`)}{${label.join(';')}}`);\n      // Movement only for people who have not asked for less of it.\n      if (moving.length) rules.push(`@media (prefers-reduced-motion:no-preference){${partRule(stateSel(part.sel))}{${moving.join(';')}}}`);\n    }\n  }\n  return { values, rules, notes };\n}\n\n/** The `colors.actions` group: the colors of an on state (liked, reposted, bookmarked) and of the reply hover. */\nexport const ACTION_NAMES = ['reply', 'repost', 'like', 'bookmark'] as const;\nexport type ActionColors = Partial<Record<typeof ACTION_NAMES[number], string>>;\n"]}