design-constraint-validator 1.0.0 → 2.0.1

package/themes/layout.order.json

@@ -1,18 +1,18 @@
-{
-  "$description": "Layout hierarchy order constraints - container widths grow, padding hierarchy, gutters ≤ paddings, control touch targets",
-  "order": [
-    ["layout.container.xs", "<=", "layout.container.sm"],
-    ["layout.container.sm", "<=", "layout.container.md"],
-    ["layout.container.md", "<=", "layout.container.lg"],
-    ["layout.container.lg", "<=", "layout.container.xl"],
-
-    ["layout.padding.page", ">=", "layout.padding.section"],
-    ["layout.padding.section", ">=", "layout.padding.card"],
-    ["layout.padding.card", ">=", "layout.padding.chip"],
-
-    ["layout.grid.gutter", "<=", "layout.padding.section"],
-    ["layout.grid.gutter", "<=", "layout.padding.card"],
-
-    ["control.size.min", ">=", "layout.padding.card"]
-  ]
-}
+{
+  "$description": "Layout hierarchy order constraints - container widths grow, padding hierarchy, gutters ≤ paddings, control touch targets",
+  "order": [
+    ["layout.container.xs", "<=", "layout.container.sm"],
+    ["layout.container.sm", "<=", "layout.container.md"],
+    ["layout.container.md", "<=", "layout.container.lg"],
+    ["layout.container.lg", "<=", "layout.container.xl"],
+
+    ["layout.padding.page", ">=", "layout.padding.section"],
+    ["layout.padding.section", ">=", "layout.padding.card"],
+    ["layout.padding.card", ">=", "layout.padding.chip"],
+
+    ["layout.grid.gutter", "<=", "layout.padding.section"],
+    ["layout.grid.gutter", "<=", "layout.padding.card"],
+
+    ["control.size.min", ">=", "layout.padding.card"]
+  ]
+}

package/themes/layout.sm.order.json

@@ -1,18 +1,18 @@
-{
-  "$description": "Layout hierarchy order constraints - SM breakpoint specific",
-  "order": [
-    ["layout.container.xs", "<=", "layout.container.sm"],
-    ["layout.container.sm", "<=", "layout.container.md"],
-    ["layout.container.md", "<=", "layout.container.lg"],
-    ["layout.container.lg", "<=", "layout.container.xl"],
-
-    ["layout.padding.page", ">=", "layout.padding.section"],
-    ["layout.padding.section", ">=", "layout.padding.card"],
-    ["layout.padding.card", ">=", "layout.padding.chip"],
-
-    ["layout.grid.gutter", "<=", "layout.padding.section"],
-    ["layout.grid.gutter", "<=", "layout.padding.card"],
-
-    ["control.size.min", ">=", "layout.padding.card"]
-  ]
-}
+{
+  "$description": "Layout hierarchy order constraints - SM breakpoint specific",
+  "order": [
+    ["layout.container.xs", "<=", "layout.container.sm"],
+    ["layout.container.sm", "<=", "layout.container.md"],
+    ["layout.container.md", "<=", "layout.container.lg"],
+    ["layout.container.lg", "<=", "layout.container.xl"],
+
+    ["layout.padding.page", ">=", "layout.padding.section"],
+    ["layout.padding.section", ">=", "layout.padding.card"],
+    ["layout.padding.card", ">=", "layout.padding.chip"],
+
+    ["layout.grid.gutter", "<=", "layout.padding.section"],
+    ["layout.grid.gutter", "<=", "layout.padding.card"],
+
+    ["control.size.min", ">=", "layout.padding.card"]
+  ]
+}

package/themes/spacing.order.json

@@ -1,14 +1,14 @@
-{
-  "$description": "Spacing scale order constraints - defines monotonic spacing hierarchy",
-  "order": [
-    ["size.spacing.12", ">=", "size.spacing.10"],
-    ["size.spacing.10", ">=", "size.spacing.8"],
-    ["size.spacing.8", ">=", "size.spacing.6"],
-    ["size.spacing.6", ">=", "size.spacing.4"],
-    ["size.spacing.4", ">=", "size.spacing.3"],
-    ["size.spacing.3", ">=", "size.spacing.2-5"],
-    ["size.spacing.2-5", ">=", "size.spacing.2"],
-    ["size.spacing.2", ">=", "size.spacing.1"],
-    ["size.spacing.1", ">=", "size.spacing.0-5"]
-  ]
-}
+{
+  "$description": "Spacing scale order constraints - defines monotonic spacing hierarchy",
+  "order": [
+    ["size.spacing.12", ">=", "size.spacing.10"],
+    ["size.spacing.10", ">=", "size.spacing.8"],
+    ["size.spacing.8", ">=", "size.spacing.6"],
+    ["size.spacing.6", ">=", "size.spacing.4"],
+    ["size.spacing.4", ">=", "size.spacing.3"],
+    ["size.spacing.3", ">=", "size.spacing.2-5"],
+    ["size.spacing.2-5", ">=", "size.spacing.2"],
+    ["size.spacing.2", ">=", "size.spacing.1"],
+    ["size.spacing.1", ">=", "size.spacing.0-5"]
+  ]
+}

package/themes/typography.lg.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - LG breakpoint specific",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - LG breakpoint specific",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/themes/typography.md.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - MD breakpoint specific",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - MD breakpoint specific",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/themes/typography.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - defines that h1 ≥ h2 ≥ ... ≥ h6 by font size",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - defines that h1 ≥ h2 ≥ ... ≥ h6 by font size",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/themes/typography.sm.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - SM breakpoint specific",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - SM breakpoint specific",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/cli/engine-helpers.d.ts

@@ -1,8 +0,0 @@
-import { type TokenNode } from '../core/flatten.js';
-import { Engine } from '../core/engine.js';
-import { loadTokensWithBreakpoint, type Breakpoint } from '../core/breakpoints.js';
-import type { DcvConfig } from './types.js';
-export declare function createEngine(tokensRoot: TokenNode, config?: DcvConfig): Engine;
-export declare function createValidationEngine(tokensRoot: TokenNode, bp: Breakpoint | undefined, config: DcvConfig): Engine;
-export { loadTokensWithBreakpoint };
-//# sourceMappingURL=engine-helpers.d.ts.map

package/cli/engine-helpers.js

@@ -1,70 +0,0 @@
-import { flattenTokens } from '../core/flatten.js';
-import { Engine } from '../core/engine.js';
-import { MonotonicPlugin, parseSize as parseSizePx } from '../core/constraints/monotonic.js';
-import { MonotonicLightness } from '../core/constraints/monotonic-lightness.js';
-import { WcagContrastPlugin } from '../core/constraints/wcag.js';
-import { loadOrders as loadOrdersBP, loadTokensWithBreakpoint } from '../core/breakpoints.js';
-export function createEngine(tokensRoot, config = {}) {
-    const { flat, edges } = flattenTokens(tokensRoot);
-    const init = {};
-    for (const [id, token] of Object.entries(flat))
-        init[id] = token.value;
-    const engine = new Engine(init, edges);
-    function loadOrders(path) {
-        try {
-            // eslint-disable-next-line @typescript-eslint/no-require-imports
-            return JSON.parse(require('node:fs').readFileSync(path, 'utf8')).order;
-        }
-        catch {
-            return [];
-        }
-    }
-    const typOrders = loadOrders('themes/typography.order.json');
-    const spacingOrders = loadOrders('themes/spacing.order.json');
-    const layoutOrders = loadOrders('themes/layout.order.json');
-    const colorOrders = loadOrders('themes/color.order.json');
-    if (typOrders.length)
-        engine.use(MonotonicPlugin(typOrders, parseSizePx, 'monotonic-typography'));
-    if (spacingOrders.length)
-        engine.use(MonotonicPlugin(spacingOrders, parseSizePx, 'monotonic-spacing'));
-    if (layoutOrders.length)
-        engine.use(MonotonicPlugin(layoutOrders, parseSizePx, 'monotonic-layout'));
-    if (colorOrders.length)
-        engine.use(MonotonicLightness(colorOrders));
-    if (config.constraints?.wcag) {
-        const wcagRules = config.constraints.wcag.map((r) => ({ fg: r.foreground, bg: r.background, min: r.ratio || 4.5, where: r.description || 'Unknown' }));
-        engine.use(WcagContrastPlugin(wcagRules));
-    }
-    const defaultWcagPairs = [
-        { fg: 'color.role.text.default', bg: 'color.role.bg.surface', min: 4.5, where: 'Body text on surface' },
-        { fg: 'color.role.accent.default', bg: 'color.role.bg.surface', min: 3.0, where: 'Accent on surface' },
-        { fg: 'color.role.focus.ring', bg: 'color.role.bg.surface', min: 3.0, where: 'Focus ring on surface', backdrop: '#ffffff' }
-    ];
-    engine.use(WcagContrastPlugin(defaultWcagPairs));
-    return engine;
-}
-export function createValidationEngine(tokensRoot, bp, config) {
-    const { flat, edges } = flattenTokens(tokensRoot);
-    const init = {};
-    for (const t of Object.values(flat))
-        init[t.id] = t.value;
-    const engine = new Engine(init, edges);
-    const typ = loadOrdersBP('typography', bp);
-    const spc = loadOrdersBP('spacing', bp);
-    const lay = loadOrdersBP('layout', bp);
-    const col = loadOrdersBP('color', bp);
-    if (typ.length)
-        engine.use(MonotonicPlugin(typ, parseSizePx, 'monotonic-typography'));
-    if (spc.length)
-        engine.use(MonotonicPlugin(spc, parseSizePx, 'monotonic-spacing'));
-    if (lay.length)
-        engine.use(MonotonicPlugin(lay, parseSizePx, 'monotonic-layout'));
-    if (col.length)
-        engine.use(MonotonicLightness(col));
-    if (config.constraints?.wcag) {
-        const wcagRules = config.constraints.wcag.map((rule) => ({ fg: rule.foreground, bg: rule.background, min: rule.ratio || 4.5, where: rule.description || 'Unknown' }));
-        engine.use(WcagContrastPlugin(wcagRules));
-    }
-    return engine;
-}
-export { loadTokensWithBreakpoint };

package/cli/engine-helpers.ts

@@ -1,61 +0,0 @@
-import { flattenTokens, type TokenNode, type FlatToken } from '../core/flatten.js';
-import { Engine } from '../core/engine.js';
-import { MonotonicPlugin, parseSize as parseSizePx } from '../core/constraints/monotonic.js';
-import { MonotonicLightness } from '../core/constraints/monotonic-lightness.js';
-import { WcagContrastPlugin } from '../core/constraints/wcag.js';
-import { loadOrders as loadOrdersBP, loadTokensWithBreakpoint, type Breakpoint } from '../core/breakpoints.js';
-import type { DcvConfig } from './types.js';
-
-export function createEngine(tokensRoot: TokenNode, config: DcvConfig = {}): Engine {
-  const { flat, edges } = flattenTokens(tokensRoot);
-  const init: Record<string, string | number> = {};
-  for (const [id, token] of Object.entries(flat)) init[id] = (token as FlatToken).value;
-  const engine = new Engine(init, edges);
-  function loadOrders(path: string) {
-    try { 
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
-      return JSON.parse(require('node:fs').readFileSync(path, 'utf8')).order as [string, '<='|'>=', string][]; 
-    } catch { return []; }
-  }
-  const typOrders = loadOrders('themes/typography.order.json');
-  const spacingOrders = loadOrders('themes/spacing.order.json');
-  const layoutOrders = loadOrders('themes/layout.order.json');
-  const colorOrders = loadOrders('themes/color.order.json');
-  if (typOrders.length) engine.use(MonotonicPlugin(typOrders, parseSizePx, 'monotonic-typography'));
-  if (spacingOrders.length) engine.use(MonotonicPlugin(spacingOrders, parseSizePx, 'monotonic-spacing'));
-  if (layoutOrders.length) engine.use(MonotonicPlugin(layoutOrders, parseSizePx, 'monotonic-layout'));
-  if (colorOrders.length) engine.use(MonotonicLightness(colorOrders));
-  if (config.constraints?.wcag) {
-    const wcagRules = config.constraints.wcag.map((r: any) => ({ fg: r.foreground, bg: r.background, min: r.ratio || 4.5, where: r.description || 'Unknown' }));
-    engine.use(WcagContrastPlugin(wcagRules));
-  }
-  const defaultWcagPairs = [
-    { fg: 'color.role.text.default', bg: 'color.role.bg.surface', min: 4.5, where: 'Body text on surface' },
-    { fg: 'color.role.accent.default', bg: 'color.role.bg.surface', min: 3.0, where: 'Accent on surface' },
-    { fg: 'color.role.focus.ring', bg: 'color.role.bg.surface', min: 3.0, where: 'Focus ring on surface', backdrop: '#ffffff' }
-  ];
-  engine.use(WcagContrastPlugin(defaultWcagPairs));
-  return engine;
-}
-
-export function createValidationEngine(tokensRoot: TokenNode, bp: Breakpoint | undefined, config: DcvConfig): Engine {
-  const { flat, edges } = flattenTokens(tokensRoot);
-  const init: Record<string, string | number> = {};
-  for (const t of Object.values(flat)) init[(t as FlatToken).id] = (t as FlatToken).value;
-  const engine = new Engine(init, edges);
-  const typ = loadOrdersBP('typography', bp);
-  const spc = loadOrdersBP('spacing', bp);
-  const lay = loadOrdersBP('layout', bp);
-  const col = loadOrdersBP('color', bp);
-  if (typ.length) engine.use(MonotonicPlugin(typ, parseSizePx, 'monotonic-typography'));
-  if (spc.length) engine.use(MonotonicPlugin(spc, parseSizePx, 'monotonic-spacing'));
-  if (lay.length) engine.use(MonotonicPlugin(lay, parseSizePx, 'monotonic-layout'));
-  if (col.length) engine.use(MonotonicLightness(col));
-  if (config.constraints?.wcag) {
-    const wcagRules = config.constraints.wcag.map((rule: any) => ({ fg: rule.foreground, bg: rule.background, min: rule.ratio || 4.5, where: rule.description || 'Unknown' }));
-    engine.use(WcagContrastPlugin(wcagRules));
-  }
-  return engine;
-}
-
-export { loadTokensWithBreakpoint };

package/core/cross-axis-config.d.ts

@@ -1,5 +0,0 @@
-export declare function loadCrossAxisPlugin(path: string, bp?: string, opts?: {
-    debug?: boolean;
-    knownIds?: Set<string>;
-}): import("./engine.js").ConstraintPlugin;
-//# sourceMappingURL=cross-axis-config.d.ts.map

package/core/cross-axis-config.js

@@ -1,144 +0,0 @@
-import fs from "node:fs";
-import { CrossAxisPlugin } from "./constraints/cross-axis.js";
-export function loadCrossAxisPlugin(path, bp, opts) {
-    const debug = !!opts?.debug;
-    const known = opts?.knownIds ?? new Set();
-    const log = (...args) => { if (debug)
-        console.log("[cross-axis]", ...args); };
-    if (!fs.existsSync(path)) {
-        log(`no rules file at ${path} (bp=${bp ?? "global"})`);
-        return CrossAxisPlugin([], bp);
-    }
-    const raw = JSON.parse(fs.readFileSync(path, "utf8"));
-    const rules = [];
-    const unknownIds = new Set();
-    const skipped = [];
-    // Fuzzy suggestion helpers (lightweight Levenshtein)
-    function levenshtein(a, b) {
-        const dp = Array(b.length + 1).fill(0).map((_, j) => j);
-        for (let i = 1; i <= a.length; i++) {
-            let prev = i - 1, cur = i;
-            for (let j = 1; j <= b.length; j++) {
-                const tmp = cur;
-                const cost = a[i - 1] === b[j - 1] ? 0 : 1;
-                cur = Math.min(dp[j] + 1, cur + 1, prev + cost);
-                dp[j] = tmp;
-                prev = tmp;
-            }
-            dp[b.length] = cur;
-        }
-        return dp[b.length];
-    }
-    function suggest(id, k = 3) {
-        return [...known].map(c => ({ id: c, d: levenshtein(id, c) }))
-            .sort((a, b) => a.d - b.d)
-            .slice(0, k);
-    }
-    const needId = (id) => {
-        if (!id)
-            return false;
-        if (!known.has(id)) {
-            unknownIds.add(id);
-        }
-        return true;
-    };
-    for (const r of raw.rules || []) {
-        if (r.bp && bp && r.bp !== bp) {
-            continue;
-        }
-        if (r.bp && !bp) { // rule targets specific breakpoint; skip in global run
-            continue;
-        }
-        try {
-            if (r.when && r.require) {
-                // Validate IDs
-                needId(r.when.id);
-                needId(r.require.id);
-                if (r.require.ref)
-                    needId(r.require.ref);
-                rules.push({
-                    id: r.id, level: r.level, where: r.where,
-                    when: { id: r.when.id, test: makeOp(r.when.op, r.when.value) },
-                    require: {
-                        id: r.require.id,
-                        test: (v, ctx) => {
-                            const rhs = valueOrRef(ctx, r.require.ref, r.require.fallback);
-                            return cmp(v, rhs, r.require.op);
-                        },
-                        msg: (v, ctx) => {
-                            const rhs = valueOrRef(ctx, r.require.ref, r.require.fallback);
-                            return `${r.require.id} ${prettyFail(r.require.op)} ${fmt(rhs)} (was ${fmt(v)})`;
-                        }
-                    }
-                });
-            }
-            else if (r.compare) {
-                needId(r.compare.a);
-                needId(r.compare.b);
-                rules.push({
-                    id: r.id, level: r.level, where: r.where,
-                    when: { id: r.compare.a, test: () => true },
-                    require: {
-                        id: r.compare.a,
-                        test: (_, ctx) => {
-                            const a = ctx.getPx(r.compare.a) ?? NaN;
-                            const b = ctx.getPx(r.compare.b) ?? NaN;
-                            const delta = px(r.compare.delta ?? 0);
-                            if (Number.isNaN(a) || Number.isNaN(b))
-                                return true; // skip check if missing
-                            return cmp(a, b + delta, r.compare.op);
-                        },
-                        msg: (_, ctx) => {
-                            const a = ctx.getPx(r.compare.a);
-                            const b = ctx.getPx(r.compare.b);
-                            const delta = px(r.compare.delta ?? 0);
-                            return `${r.compare.a} ${prettyFail(r.compare.op)} ${fmt((b ?? 0) + delta)} (was ${fmt(a ?? NaN)})`;
-                        }
-                    }
-                });
-            }
-            else {
-                skipped.push({ id: r.id, reason: "neither when+require nor compare present" });
-            }
-        }
-        catch (e) {
-            skipped.push({ id: r.id, reason: `exception: ${e?.message ?? e}` });
-        }
-    }
-    log(`loaded ${rules.length} rule(s) from ${path}${bp ? ` [bp=${bp}]` : ""}`);
-    if (unknownIds.size) {
-        log(`unknown ids referenced:`, [...unknownIds].join(", "));
-        for (const u of unknownIds) {
-            const s = suggest(u, 3);
-            if (s.length)
-                log(`  did you mean: ${s.map(x => `${x.id} (d=${x.d})`).join(', ')}`);
-        }
-    }
-    if (skipped.length) {
-        for (const s of skipped)
-            log(`skipped rule ${s.id ?? "(no id)"} — ${s.reason}`);
-    }
-    // Extra hint for common anchor pitfall
-    for (const r of raw.rules || []) {
-        if (r.require?.ref && !known.has(r.require.ref)) {
-            log(`anchor missing: ${r.require.ref} → will use fallback=${JSON.stringify(r.require.fallback)} when evaluating`);
-        }
-    }
-    return CrossAxisPlugin(rules, bp);
-}
-// helpers
-const px = (v) => typeof v === "number" ? v : parseFloat(String(v)) * (String(v).trim().endsWith("rem") ? 16 : 1);
-const cmp = (a, b, op) => op === ">=" ? a >= b : op === ">" ? a > b : op === "<=" ? a <= b : op === "<" ? a < b : op === "==" ? a === b : a !== b;
-const prettyFail = (op) => ({ ">=": "<", ">": "≤", "<=": ">", "<": "≥", "==": "≠", "!=": "=" }[op] || "≠");
-const fmt = (v) => Number.isFinite(Number(v)) ? `${Number(v)}px` : String(v);
-function valueOrRef(ctx, ref, fallback) {
-    if (ref) {
-        const v = ctx.getPx(ref);
-        if (v != null)
-            return v;
-    }
-    return typeof fallback === "number" ? fallback : px(fallback ?? 0);
-}
-function makeOp(op, rhs) {
-    return (v) => cmp(v, rhs, op);
-}