@webiny/website-builder-sdk 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/InheritanceProcessor.js.map

@@ -1 +1 @@
-{"version":3,"names":["InheritanceProcessor","constructor","breakpoints","inputsAst","responsiveInputPaths","getResponsiveInputPaths","getInheritanceMap","bindings","breakpoint","overrides","inputs","styles","upTo","Math","max","indexOf","currentBpIndex","overriddenInputsMap","Map","overriddenStylesMap","i","bp","override","key","has","set","Set","get","add","inputsInheritance","Object","keys","normalizedKey","normalizeBindingKey","isResponsive","lookupKey","overrideIndices","lastOverrideIndex","idx","overridden","inheritedFromIndex","j","inheritedFrom","undefined","stylesInheritance","Array","from","path","replace","responsivePaths","traverse","nodes","prefix","node","currentPath","name","join","input","responsive","children","length"],"sources":["InheritanceProcessor.ts"],"sourcesContent":["import type { DocumentElementBindings } from \"~/types.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\n\nexport type InheritanceInfo = {\n    inputs: Record<\n        string,\n        {\n            overridden: boolean;\n            inheritedFrom?: string;\n        }\n    >;\n    styles: Record<\n        string,\n        {\n            overridden: boolean;\n            inheritedFrom?: string;\n        }\n    >;\n};\n\nexport class InheritanceProcessor {\n    private breakpoints: string[];\n    private responsiveInputPaths: Set<string>;\n\n    constructor(breakpoints: string[], inputsAst: InputAstNode[]) {\n        this.breakpoints = breakpoints;\n        this.responsiveInputPaths = this.getResponsiveInputPaths(inputsAst);\n    }\n\n    public getInheritanceMap(bindings: DocumentElementBindings, breakpoint: string) {\n        const overrides = bindings.overrides ?? {};\n        const inputs = bindings.inputs ?? {};\n        const styles = bindings.styles ?? {};\n\n        const upTo = Math.max(this.breakpoints.indexOf(breakpoint), 0);\n        const currentBpIndex = this.breakpoints.indexOf(breakpoint);\n\n        // Maps now store sets of all override indices per key for correct ancestor lookup\n        const overriddenInputsMap = new Map<string, Set<number>>();\n        const overriddenStylesMap = new Map<string, Set<number>>();\n\n        // 1) Merge overrides and track all override indices for inputs and styles\n        for (let i = 0; i <= upTo; i++) {\n            const bp = this.breakpoints[i];\n            const override = overrides[bp];\n            if (!override) {\n                continue;\n            }\n\n            if (override.inputs) {\n                for (const key in override.inputs) {\n                    if (!overriddenInputsMap.has(key)) {\n                        overriddenInputsMap.set(key, new Set());\n                    }\n                    overriddenInputsMap.get(key)!.add(i);\n                }\n            }\n            if (override.styles) {\n                for (const key in override.styles) {\n                    if (!overriddenStylesMap.has(key)) {\n                        overriddenStylesMap.set(key, new Set());\n                    }\n                    overriddenStylesMap.get(key)!.add(i);\n                }\n            }\n        }\n\n        // Also consider base bindings as overrides at index 0 if not already present\n        for (const key in inputs) {\n            if (!overriddenInputsMap.has(key)) {\n                overriddenInputsMap.set(key, new Set([0]));\n            } else {\n                overriddenInputsMap.get(key)!.add(0);\n            }\n        }\n        for (const key in styles) {\n            if (!overriddenStylesMap.has(key)) {\n                overriddenStylesMap.set(key, new Set([0]));\n            } else {\n                overriddenStylesMap.get(key)!.add(0);\n            }\n        }\n\n        // 2) Compute inheritance info for inputs\n        const inputsInheritance: InheritanceInfo[\"inputs\"] = {};\n        for (const key of Object.keys(inputs)) {\n            const normalizedKey = this.normalizeBindingKey(key);\n            const isResponsive = this.responsiveInputPaths.has(normalizedKey);\n            // Skip non-responsive input keys\n            if (!isResponsive) {\n                continue;\n            }\n\n            // If responsive, normalize key to ignore indexes for inheritance checks\n            const lookupKey = isResponsive ? normalizedKey : key;\n\n            // Find the greatest index <= currentBpIndex where key is overridden\n            const overrideIndices = overriddenInputsMap.get(lookupKey) ?? new Set();\n\n            let lastOverrideIndex = -1;\n            for (const idx of overrideIndices) {\n                if (idx <= currentBpIndex && idx > lastOverrideIndex) {\n                    lastOverrideIndex = idx;\n                }\n            }\n\n            const overridden = lastOverrideIndex === currentBpIndex;\n\n            // Find nearest ancestor breakpoint less than currentBpIndex\n            let inheritedFromIndex = 0; // Use `desktop` as fallback.\n            for (let j = currentBpIndex - 1; j >= 0; j--) {\n                if (overrideIndices.has(j)) {\n                    inheritedFromIndex = j;\n                    break;\n                }\n            }\n\n            const inheritedFrom =\n                inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;\n\n            inputsInheritance[key] = {\n                overridden,\n                inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom\n            };\n        }\n\n        // 3) Compute inheritance info for styles\n        const stylesInheritance: InheritanceInfo[\"styles\"] = {};\n        const keys = new Set([...Object.keys(styles), ...Array.from(overriddenStylesMap.keys())]);\n\n        for (const key of keys) {\n            const overrideIndices = overriddenStylesMap.get(key) ?? new Set();\n\n            let lastOverrideIndex = -1;\n            for (const idx of overrideIndices) {\n                if (idx <= currentBpIndex && idx > lastOverrideIndex) {\n                    lastOverrideIndex = idx;\n                }\n            }\n\n            const overridden = lastOverrideIndex === currentBpIndex;\n\n            let inheritedFromIndex = 0; // Use `desktop` as fallback.\n            for (let j = currentBpIndex - 1; j >= 0; j--) {\n                if (overrideIndices.has(j)) {\n                    inheritedFromIndex = j;\n                    break;\n                }\n            }\n\n            const inheritedFrom =\n                inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;\n\n            stylesInheritance[key] = {\n                overridden,\n                inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom\n            };\n        }\n\n        return {\n            inputs: inputsInheritance,\n            styles: stylesInheritance\n        };\n    }\n\n    private normalizeBindingKey(path: string): string {\n        return path.replace(/\\[\\d+\\]/g, \"\");\n    }\n\n    private getResponsiveInputPaths(inputsAst: InputAstNode[]): Set<string> {\n        const responsivePaths = new Set<string>();\n\n        const traverse = (nodes: InputAstNode[], prefix: string[]) => {\n            for (const node of nodes) {\n                const currentPath = [...prefix, node.name].join(\"/\");\n                if (node.input?.responsive) {\n                    responsivePaths.add(currentPath);\n                }\n                if (node.children.length) {\n                    traverse(node.children, [...prefix, node.name]);\n                }\n            }\n        };\n\n        traverse(inputsAst, []);\n        return responsivePaths;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InheritanceProcessor.js","sources":["../src/InheritanceProcessor.ts"],"sourcesContent":["import type { DocumentElementBindings } from \"~/types.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\n\nexport type InheritanceInfo = {\n    inputs: Record<\n        string,\n        {\n            overridden: boolean;\n            inheritedFrom?: string;\n        }\n    >;\n    styles: Record<\n        string,\n        {\n            overridden: boolean;\n            inheritedFrom?: string;\n        }\n    >;\n};\n\nexport class InheritanceProcessor {\n    private breakpoints: string[];\n    private responsiveInputPaths: Set<string>;\n\n    constructor(breakpoints: string[], inputsAst: InputAstNode[]) {\n        this.breakpoints = breakpoints;\n        this.responsiveInputPaths = this.getResponsiveInputPaths(inputsAst);\n    }\n\n    public getInheritanceMap(bindings: DocumentElementBindings, breakpoint: string) {\n        const overrides = bindings.overrides ?? {};\n        const inputs = bindings.inputs ?? {};\n        const styles = bindings.styles ?? {};\n\n        const upTo = Math.max(this.breakpoints.indexOf(breakpoint), 0);\n        const currentBpIndex = this.breakpoints.indexOf(breakpoint);\n\n        // Maps now store sets of all override indices per key for correct ancestor lookup\n        const overriddenInputsMap = new Map<string, Set<number>>();\n        const overriddenStylesMap = new Map<string, Set<number>>();\n\n        // 1) Merge overrides and track all override indices for inputs and styles\n        for (let i = 0; i <= upTo; i++) {\n            const bp = this.breakpoints[i];\n            const override = overrides[bp];\n            if (!override) {\n                continue;\n            }\n\n            if (override.inputs) {\n                for (const key in override.inputs) {\n                    if (!overriddenInputsMap.has(key)) {\n                        overriddenInputsMap.set(key, new Set());\n                    }\n                    overriddenInputsMap.get(key)!.add(i);\n                }\n            }\n            if (override.styles) {\n                for (const key in override.styles) {\n                    if (!overriddenStylesMap.has(key)) {\n                        overriddenStylesMap.set(key, new Set());\n                    }\n                    overriddenStylesMap.get(key)!.add(i);\n                }\n            }\n        }\n\n        // Also consider base bindings as overrides at index 0 if not already present\n        for (const key in inputs) {\n            if (!overriddenInputsMap.has(key)) {\n                overriddenInputsMap.set(key, new Set([0]));\n            } else {\n                overriddenInputsMap.get(key)!.add(0);\n            }\n        }\n        for (const key in styles) {\n            if (!overriddenStylesMap.has(key)) {\n                overriddenStylesMap.set(key, new Set([0]));\n            } else {\n                overriddenStylesMap.get(key)!.add(0);\n            }\n        }\n\n        // 2) Compute inheritance info for inputs\n        const inputsInheritance: InheritanceInfo[\"inputs\"] = {};\n        for (const key of Object.keys(inputs)) {\n            const normalizedKey = this.normalizeBindingKey(key);\n            const isResponsive = this.responsiveInputPaths.has(normalizedKey);\n            // Skip non-responsive input keys\n            if (!isResponsive) {\n                continue;\n            }\n\n            // If responsive, normalize key to ignore indexes for inheritance checks\n            const lookupKey = isResponsive ? normalizedKey : key;\n\n            // Find the greatest index <= currentBpIndex where key is overridden\n            const overrideIndices = overriddenInputsMap.get(lookupKey) ?? new Set();\n\n            let lastOverrideIndex = -1;\n            for (const idx of overrideIndices) {\n                if (idx <= currentBpIndex && idx > lastOverrideIndex) {\n                    lastOverrideIndex = idx;\n                }\n            }\n\n            const overridden = lastOverrideIndex === currentBpIndex;\n\n            // Find nearest ancestor breakpoint less than currentBpIndex\n            let inheritedFromIndex = 0; // Use `desktop` as fallback.\n            for (let j = currentBpIndex - 1; j >= 0; j--) {\n                if (overrideIndices.has(j)) {\n                    inheritedFromIndex = j;\n                    break;\n                }\n            }\n\n            const inheritedFrom =\n                inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;\n\n            inputsInheritance[key] = {\n                overridden,\n                inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom\n            };\n        }\n\n        // 3) Compute inheritance info for styles\n        const stylesInheritance: InheritanceInfo[\"styles\"] = {};\n        const keys = new Set([...Object.keys(styles), ...Array.from(overriddenStylesMap.keys())]);\n\n        for (const key of keys) {\n            const overrideIndices = overriddenStylesMap.get(key) ?? new Set();\n\n            let lastOverrideIndex = -1;\n            for (const idx of overrideIndices) {\n                if (idx <= currentBpIndex && idx > lastOverrideIndex) {\n                    lastOverrideIndex = idx;\n                }\n            }\n\n            const overridden = lastOverrideIndex === currentBpIndex;\n\n            let inheritedFromIndex = 0; // Use `desktop` as fallback.\n            for (let j = currentBpIndex - 1; j >= 0; j--) {\n                if (overrideIndices.has(j)) {\n                    inheritedFromIndex = j;\n                    break;\n                }\n            }\n\n            const inheritedFrom =\n                inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;\n\n            stylesInheritance[key] = {\n                overridden,\n                inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom\n            };\n        }\n\n        return {\n            inputs: inputsInheritance,\n            styles: stylesInheritance\n        };\n    }\n\n    private normalizeBindingKey(path: string): string {\n        return path.replace(/\\[\\d+\\]/g, \"\");\n    }\n\n    private getResponsiveInputPaths(inputsAst: InputAstNode[]): Set<string> {\n        const responsivePaths = new Set<string>();\n\n        const traverse = (nodes: InputAstNode[], prefix: string[]) => {\n            for (const node of nodes) {\n                const currentPath = [...prefix, node.name].join(\"/\");\n                if (node.input?.responsive) {\n                    responsivePaths.add(currentPath);\n                }\n                if (node.children.length) {\n                    traverse(node.children, [...prefix, node.name]);\n                }\n            }\n        };\n\n        traverse(inputsAst, []);\n        return responsivePaths;\n    }\n}\n"],"names":["InheritanceProcessor","breakpoints","inputsAst","bindings","breakpoint","overrides","inputs","styles","upTo","Math","currentBpIndex","overriddenInputsMap","Map","overriddenStylesMap","i","bp","override","key","Set","inputsInheritance","Object","normalizedKey","isResponsive","lookupKey","overrideIndices","lastOverrideIndex","idx","overridden","inheritedFromIndex","j","inheritedFrom","undefined","stylesInheritance","keys","Array","path","responsivePaths","traverse","nodes","prefix","node","currentPath"],"mappings":"AAoBO,MAAMA;IAIT,YAAYC,WAAqB,EAAEC,SAAyB,CAAE;QAC1D,IAAI,CAAC,WAAW,GAAGD;QACnB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,CAACC;IAC7D;IAEO,kBAAkBC,QAAiC,EAAEC,UAAkB,EAAE;QAC5E,MAAMC,YAAYF,SAAS,SAAS,IAAI,CAAC;QACzC,MAAMG,SAASH,SAAS,MAAM,IAAI,CAAC;QACnC,MAAMI,SAASJ,SAAS,MAAM,IAAI,CAAC;QAEnC,MAAMK,OAAOC,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAACL,aAAa;QAC5D,MAAMM,iBAAiB,IAAI,CAAC,WAAW,CAAC,OAAO,CAACN;QAGhD,MAAMO,sBAAsB,IAAIC;QAChC,MAAMC,sBAAsB,IAAID;QAGhC,IAAK,IAAIE,IAAI,GAAGA,KAAKN,MAAMM,IAAK;YAC5B,MAAMC,KAAK,IAAI,CAAC,WAAW,CAACD,EAAE;YAC9B,MAAME,WAAWX,SAAS,CAACU,GAAG;YAC9B,IAAKC;gBAIL,IAAIA,SAAS,MAAM,EACf,IAAK,MAAMC,OAAOD,SAAS,MAAM,CAAE;oBAC/B,IAAI,CAACL,oBAAoB,GAAG,CAACM,MACzBN,oBAAoB,GAAG,CAACM,KAAK,IAAIC;oBAErCP,oBAAoB,GAAG,CAACM,KAAM,GAAG,CAACH;gBACtC;gBAEJ,IAAIE,SAAS,MAAM,EACf,IAAK,MAAMC,OAAOD,SAAS,MAAM,CAAE;oBAC/B,IAAI,CAACH,oBAAoB,GAAG,CAACI,MACzBJ,oBAAoB,GAAG,CAACI,KAAK,IAAIC;oBAErCL,oBAAoB,GAAG,CAACI,KAAM,GAAG,CAACH;gBACtC;;QAER;QAGA,IAAK,MAAMG,OAAOX,OACd,IAAKK,oBAAoB,GAAG,CAACM,MAGzBN,oBAAoB,GAAG,CAACM,KAAM,GAAG,CAAC;aAFlCN,oBAAoB,GAAG,CAACM,KAAK,IAAIC,IAAI;YAAC;SAAE;QAKhD,IAAK,MAAMD,OAAOV,OACd,IAAKM,oBAAoB,GAAG,CAACI,MAGzBJ,oBAAoB,GAAG,CAACI,KAAM,GAAG,CAAC;aAFlCJ,oBAAoB,GAAG,CAACI,KAAK,IAAIC,IAAI;YAAC;SAAE;QAOhD,MAAMC,oBAA+C,CAAC;QACtD,KAAK,MAAMF,OAAOG,OAAO,IAAI,CAACd,QAAS;YACnC,MAAMe,gBAAgB,IAAI,CAAC,mBAAmB,CAACJ;YAC/C,MAAMK,eAAe,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAACD;YAEnD,IAAI,CAACC,cACD;YAIJ,MAAMC,YAAYD,eAAeD,gBAAgBJ;YAGjD,MAAMO,kBAAkBb,oBAAoB,GAAG,CAACY,cAAc,IAAIL;YAElE,IAAIO,oBAAoB;YACxB,KAAK,MAAMC,OAAOF,gBACd,IAAIE,OAAOhB,kBAAkBgB,MAAMD,mBAC/BA,oBAAoBC;YAI5B,MAAMC,aAAaF,sBAAsBf;YAGzC,IAAIkB,qBAAqB;YACzB,IAAK,IAAIC,IAAInB,iBAAiB,GAAGmB,KAAK,GAAGA,IACrC,IAAIL,gBAAgB,GAAG,CAACK,IAAI;gBACxBD,qBAAqBC;gBACrB;YACJ;YAGJ,MAAMC,gBACFF,sBAAsB,IAAI,IAAI,CAAC,WAAW,CAACA,mBAAmB,GAAGG;YAErEZ,iBAAiB,CAACF,IAAI,GAAG;gBACrBU;gBACA,eAAevB,eAAe0B,gBAAgBC,SAAYD;YAC9D;QACJ;QAGA,MAAME,oBAA+C,CAAC;QACtD,MAAMC,OAAO,IAAIf,IAAI;eAAIE,OAAO,IAAI,CAACb;eAAY2B,MAAM,IAAI,CAACrB,oBAAoB,IAAI;SAAI;QAExF,KAAK,MAAMI,OAAOgB,KAAM;YACpB,MAAMT,kBAAkBX,oBAAoB,GAAG,CAACI,QAAQ,IAAIC;YAE5D,IAAIO,oBAAoB;YACxB,KAAK,MAAMC,OAAOF,gBACd,IAAIE,OAAOhB,kBAAkBgB,MAAMD,mBAC/BA,oBAAoBC;YAI5B,MAAMC,aAAaF,sBAAsBf;YAEzC,IAAIkB,qBAAqB;YACzB,IAAK,IAAIC,IAAInB,iBAAiB,GAAGmB,KAAK,GAAGA,IACrC,IAAIL,gBAAgB,GAAG,CAACK,IAAI;gBACxBD,qBAAqBC;gBACrB;YACJ;YAGJ,MAAMC,gBACFF,sBAAsB,IAAI,IAAI,CAAC,WAAW,CAACA,mBAAmB,GAAGG;YAErEC,iBAAiB,CAACf,IAAI,GAAG;gBACrBU;gBACA,eAAevB,eAAe0B,gBAAgBC,SAAYD;YAC9D;QACJ;QAEA,OAAO;YACH,QAAQX;YACR,QAAQa;QACZ;IACJ;IAEQ,oBAAoBG,IAAY,EAAU;QAC9C,OAAOA,KAAK,OAAO,CAAC,YAAY;IACpC;IAEQ,wBAAwBjC,SAAyB,EAAe;QACpE,MAAMkC,kBAAkB,IAAIlB;QAE5B,MAAMmB,WAAW,CAACC,OAAuBC;YACrC,KAAK,MAAMC,QAAQF,MAAO;gBACtB,MAAMG,cAAc;uBAAIF;oBAAQC,KAAK,IAAI;iBAAC,CAAC,IAAI,CAAC;gBAChD,IAAIA,KAAK,KAAK,EAAE,YACZJ,gBAAgB,GAAG,CAACK;gBAExB,IAAID,KAAK,QAAQ,CAAC,MAAM,EACpBH,SAASG,KAAK,QAAQ,EAAE;uBAAID;oBAAQC,KAAK,IAAI;iBAAC;YAEtD;QACJ;QAEAH,SAASnC,WAAW,EAAE;QACtB,OAAOkC;IACX;AACJ"}

package/InheritanceProcessor.test.js

@@ -1,193 +1,192 @@
-import { describe, it, expect } from "vitest";
+import { describe, expect, it } from "vitest";
 import { InheritanceProcessor } from "./InheritanceProcessor.js";
-// Mock AST for inputs
-const inputsAst = [{
-  name: "rowGap",
-  type: "text",
-  list: false,
-  path: "rowGap",
-  children: [],
-  input: {
-    type: "text",
-    responsive: true,
-    name: "rowGap"
-  }
-}, {
-  name: "title",
-  type: "text",
-  list: false,
-  path: "title",
-  children: [],
-  input: {
-    type: "text",
-    responsive: false,
-    name: "title"
-  }
-}];
-describe("InheritanceProcessor", () => {
-  const breakpoints = ["desktop", "tablet", "mobile"];
-  const processor = new InheritanceProcessor(breakpoints, inputsAst);
-  it("should correctly compute inheritance info for responsive inputs and styles", () => {
-    const bindings = {
-      inputs: {
-        rowGap: {
-          static: "20px"
-        },
-        title: {
-          static: "Default Title"
+const inputsAst = [
+    {
+        name: "rowGap",
+        type: "text",
+        list: false,
+        path: "rowGap",
+        children: [],
+        input: {
+            type: "text",
+            responsive: true,
+            name: "rowGap"
         }
-      },
-      styles: {
-        paddingTop: {
-          static: "10px"
-        },
-        color: {
-          static: "red"
+    },
+    {
+        name: "title",
+        type: "text",
+        list: false,
+        path: "title",
+        children: [],
+        input: {
+            type: "text",
+            responsive: false,
+            name: "title"
         }
-      },
-      overrides: {
-        tablet: {
-          styles: {
-            paddingTop: {
-              static: "5px"
-            }
-          }
-        },
-        mobile: {
-          inputs: {
-            rowGap: {
-              static: "10px"
-            }
-          },
-          styles: {
-            paddingTop: {
-              static: "2px"
+    }
+];
+describe("InheritanceProcessor", ()=>{
+    const breakpoints = [
+        "desktop",
+        "tablet",
+        "mobile"
+    ];
+    const processor = new InheritanceProcessor(breakpoints, inputsAst);
+    it("should correctly compute inheritance info for responsive inputs and styles", ()=>{
+        const bindings = {
+            inputs: {
+                rowGap: {
+                    static: "20px"
+                },
+                title: {
+                    static: "Default Title"
+                }
+            },
+            styles: {
+                paddingTop: {
+                    static: "10px"
+                },
+                color: {
+                    static: "red"
+                }
             },
-            color: {
-              static: "blue"
+            overrides: {
+                tablet: {
+                    styles: {
+                        paddingTop: {
+                            static: "5px"
+                        }
+                    }
+                },
+                mobile: {
+                    inputs: {
+                        rowGap: {
+                            static: "10px"
+                        }
+                    },
+                    styles: {
+                        paddingTop: {
+                            static: "2px"
+                        },
+                        color: {
+                            static: "blue"
+                        }
+                    }
+                }
             }
-          }
-        }
-      }
-    };
-
-    // desktop breakpoint
-    const desktopResult = processor.getInheritanceMap(bindings, "desktop");
-    expect(desktopResult.inputs["rowGap"]).toEqual({
-      overridden: true,
-      inheritedFrom: undefined
-    });
-    expect(desktopResult.inputs["title"]).toBeUndefined(); // not responsive
-    expect(desktopResult.styles["paddingTop"]).toEqual({
-      overridden: true,
-      inheritedFrom: undefined
-    });
-    expect(desktopResult.styles["color"]).toEqual({
-      overridden: true,
-      inheritedFrom: undefined
-    });
-
-    // tablet breakpoint
-    const tabletResult = processor.getInheritanceMap(bindings, "tablet");
-    expect(tabletResult.inputs["rowGap"]).toEqual({
-      overridden: false,
-      inheritedFrom: "desktop"
-    });
-    expect(tabletResult.styles["paddingTop"]).toEqual({
-      overridden: true,
-      inheritedFrom: "desktop"
-    });
-    expect(tabletResult.styles["color"]).toEqual({
-      overridden: false,
-      inheritedFrom: "desktop"
-    });
-
-    // mobile breakpoint
-    const mobileResult = processor.getInheritanceMap(bindings, "mobile");
-    expect(mobileResult.inputs["rowGap"]).toEqual({
-      overridden: true,
-      inheritedFrom: "desktop"
-    });
-    expect(mobileResult.styles["paddingTop"]).toEqual({
-      overridden: true,
-      inheritedFrom: "tablet"
-    });
-    expect(mobileResult.styles["color"]).toEqual({
-      overridden: true,
-      inheritedFrom: "desktop"
-    });
-  });
-  it("should skip non-responsive inputs in inheritance info", () => {
-    const bindings = {
-      inputs: {
-        title: {
-          static: "Static Title"
-        }
-      },
-      styles: {},
-      overrides: {}
-    };
-    const result = processor.getInheritanceMap(bindings, "desktop");
-    expect(result.inputs["title"]).toBeUndefined();
-  });
-  it("should handle missing overrides gracefully", () => {
-    const bindings = {
-      inputs: {
-        rowGap: {
-          static: "20px"
-        }
-      },
-      styles: {
-        paddingTop: {
-          static: "10px"
-        }
-      }
-      // no overrides
-    };
-    const result = processor.getInheritanceMap(bindings, "mobile");
-    expect(result.inputs["rowGap"]).toEqual({
-      overridden: false,
-      inheritedFrom: "desktop"
+        };
+        const desktopResult = processor.getInheritanceMap(bindings, "desktop");
+        expect(desktopResult.inputs["rowGap"]).toEqual({
+            overridden: true,
+            inheritedFrom: void 0
+        });
+        expect(desktopResult.inputs["title"]).toBeUndefined();
+        expect(desktopResult.styles["paddingTop"]).toEqual({
+            overridden: true,
+            inheritedFrom: void 0
+        });
+        expect(desktopResult.styles["color"]).toEqual({
+            overridden: true,
+            inheritedFrom: void 0
+        });
+        const tabletResult = processor.getInheritanceMap(bindings, "tablet");
+        expect(tabletResult.inputs["rowGap"]).toEqual({
+            overridden: false,
+            inheritedFrom: "desktop"
+        });
+        expect(tabletResult.styles["paddingTop"]).toEqual({
+            overridden: true,
+            inheritedFrom: "desktop"
+        });
+        expect(tabletResult.styles["color"]).toEqual({
+            overridden: false,
+            inheritedFrom: "desktop"
+        });
+        const mobileResult = processor.getInheritanceMap(bindings, "mobile");
+        expect(mobileResult.inputs["rowGap"]).toEqual({
+            overridden: true,
+            inheritedFrom: "desktop"
+        });
+        expect(mobileResult.styles["paddingTop"]).toEqual({
+            overridden: true,
+            inheritedFrom: "tablet"
+        });
+        expect(mobileResult.styles["color"]).toEqual({
+            overridden: true,
+            inheritedFrom: "desktop"
+        });
     });
-    expect(result.styles["paddingTop"]).toEqual({
-      overridden: false,
-      inheritedFrom: "desktop"
+    it("should skip non-responsive inputs in inheritance info", ()=>{
+        const bindings = {
+            inputs: {
+                title: {
+                    static: "Static Title"
+                }
+            },
+            styles: {},
+            overrides: {}
+        };
+        const result = processor.getInheritanceMap(bindings, "desktop");
+        expect(result.inputs["title"]).toBeUndefined();
     });
-  });
-  it("should handle missing ancestor values gracefully", () => {
-    const bindings = {
-      inputs: {},
-      styles: {
-        backgroundColor: {
-          static: "#ec8787"
-        }
-      },
-      overrides: {
-        tablet: {
-          styles: {}
-        },
-        mobile: {
-          styles: {
-            backgroundColor: {
-              static: "#50e3c2"
+    it("should handle missing overrides gracefully", ()=>{
+        const bindings = {
+            inputs: {
+                rowGap: {
+                    static: "20px"
+                }
             },
-            marginTop: {
-              static: "122px"
+            styles: {
+                paddingTop: {
+                    static: "10px"
+                }
             }
-          }
-        }
-      }
-    };
-    const result = processor.getInheritanceMap(bindings, "mobile");
-    expect(result.styles["backgroundColor"]).toEqual({
-      overridden: true,
-      inheritedFrom: "desktop"
+        };
+        const result = processor.getInheritanceMap(bindings, "mobile");
+        expect(result.inputs["rowGap"]).toEqual({
+            overridden: false,
+            inheritedFrom: "desktop"
+        });
+        expect(result.styles["paddingTop"]).toEqual({
+            overridden: false,
+            inheritedFrom: "desktop"
+        });
     });
-    expect(result.styles["marginTop"]).toEqual({
-      overridden: true,
-      inheritedFrom: "desktop"
+    it("should handle missing ancestor values gracefully", ()=>{
+        const bindings = {
+            inputs: {},
+            styles: {
+                backgroundColor: {
+                    static: "#ec8787"
+                }
+            },
+            overrides: {
+                tablet: {
+                    styles: {}
+                },
+                mobile: {
+                    styles: {
+                        backgroundColor: {
+                            static: "#50e3c2"
+                        },
+                        marginTop: {
+                            static: "122px"
+                        }
+                    }
+                }
+            }
+        };
+        const result = processor.getInheritanceMap(bindings, "mobile");
+        expect(result.styles["backgroundColor"]).toEqual({
+            overridden: true,
+            inheritedFrom: "desktop"
+        });
+        expect(result.styles["marginTop"]).toEqual({
+            overridden: true,
+            inheritedFrom: "desktop"
+        });
     });
-  });
 });
 
 //# sourceMappingURL=InheritanceProcessor.test.js.map

package/InheritanceProcessor.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["describe","it","expect","InheritanceProcessor","inputsAst","name","type","list","path","children","input","responsive","breakpoints","processor","bindings","inputs","rowGap","static","title","styles","paddingTop","color","overrides","tablet","mobile","desktopResult","getInheritanceMap","toEqual","overridden","inheritedFrom","undefined","toBeUndefined","tabletResult","mobileResult","result","backgroundColor","marginTop"],"sources":["InheritanceProcessor.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { InheritanceProcessor } from \"./InheritanceProcessor.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\n\n// Mock AST for inputs\nconst inputsAst: InputAstNode[] = [\n    {\n        name: \"rowGap\",\n        type: \"text\",\n        list: false,\n        path: \"rowGap\",\n        children: [],\n        input: { type: \"text\", responsive: true, name: \"rowGap\" }\n    },\n    {\n        name: \"title\",\n        type: \"text\",\n        list: false,\n        path: \"title\",\n        children: [],\n        input: { type: \"text\", responsive: false, name: \"title\" }\n    }\n];\n\ndescribe(\"InheritanceProcessor\", () => {\n    const breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n    const processor = new InheritanceProcessor(breakpoints, inputsAst);\n\n    it(\"should correctly compute inheritance info for responsive inputs and styles\", () => {\n        const bindings = {\n            inputs: {\n                rowGap: { static: \"20px\" },\n                title: { static: \"Default Title\" }\n            },\n            styles: {\n                paddingTop: { static: \"10px\" },\n                color: { static: \"red\" }\n            },\n            overrides: {\n                tablet: {\n                    styles: {\n                        paddingTop: { static: \"5px\" }\n                    }\n                },\n                mobile: {\n                    inputs: {\n                        rowGap: { static: \"10px\" }\n                    },\n                    styles: {\n                        paddingTop: { static: \"2px\" },\n                        color: { static: \"blue\" }\n                    }\n                }\n            }\n        };\n\n        // desktop breakpoint\n        const desktopResult = processor.getInheritanceMap(bindings as any, \"desktop\");\n\n        expect(desktopResult.inputs[\"rowGap\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n        expect(desktopResult.inputs[\"title\"]).toBeUndefined(); // not responsive\n        expect(desktopResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n        expect(desktopResult.styles[\"color\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n\n        // tablet breakpoint\n        const tabletResult = processor.getInheritanceMap(bindings as any, \"tablet\");\n\n        expect(tabletResult.inputs[\"rowGap\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n        expect(tabletResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n        expect(tabletResult.styles[\"color\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n\n        // mobile breakpoint\n        const mobileResult = processor.getInheritanceMap(bindings as any, \"mobile\");\n\n        expect(mobileResult.inputs[\"rowGap\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n        expect(mobileResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"tablet\"\n        });\n        expect(mobileResult.styles[\"color\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n    });\n\n    it(\"should skip non-responsive inputs in inheritance info\", () => {\n        const bindings = {\n            inputs: {\n                title: { static: \"Static Title\" }\n            },\n            styles: {},\n            overrides: {}\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"desktop\");\n        expect(result.inputs[\"title\"]).toBeUndefined();\n    });\n\n    it(\"should handle missing overrides gracefully\", () => {\n        const bindings = {\n            inputs: {\n                rowGap: { static: \"20px\" }\n            },\n            styles: {\n                paddingTop: { static: \"10px\" }\n            }\n            // no overrides\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"mobile\");\n        expect(result.inputs[\"rowGap\"]).toEqual({ overridden: false, inheritedFrom: \"desktop\" });\n        expect(result.styles[\"paddingTop\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n    });\n\n    it(\"should handle missing ancestor values gracefully\", () => {\n        const bindings = {\n            inputs: {},\n            styles: {\n                backgroundColor: {\n                    static: \"#ec8787\"\n                }\n            },\n            overrides: {\n                tablet: {\n                    styles: {}\n                },\n                mobile: {\n                    styles: {\n                        backgroundColor: {\n                            static: \"#50e3c2\"\n                        },\n                        marginTop: {\n                            static: \"122px\"\n                        }\n                    }\n                }\n            }\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"mobile\");\n        expect(result.styles[\"backgroundColor\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n\n        expect(result.styles[\"marginTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InheritanceProcessor.test.js","sources":["../src/InheritanceProcessor.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { InheritanceProcessor } from \"./InheritanceProcessor.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\n\n// Mock AST for inputs\nconst inputsAst: InputAstNode[] = [\n    {\n        name: \"rowGap\",\n        type: \"text\",\n        list: false,\n        path: \"rowGap\",\n        children: [],\n        input: { type: \"text\", responsive: true, name: \"rowGap\" }\n    },\n    {\n        name: \"title\",\n        type: \"text\",\n        list: false,\n        path: \"title\",\n        children: [],\n        input: { type: \"text\", responsive: false, name: \"title\" }\n    }\n];\n\ndescribe(\"InheritanceProcessor\", () => {\n    const breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n    const processor = new InheritanceProcessor(breakpoints, inputsAst);\n\n    it(\"should correctly compute inheritance info for responsive inputs and styles\", () => {\n        const bindings = {\n            inputs: {\n                rowGap: { static: \"20px\" },\n                title: { static: \"Default Title\" }\n            },\n            styles: {\n                paddingTop: { static: \"10px\" },\n                color: { static: \"red\" }\n            },\n            overrides: {\n                tablet: {\n                    styles: {\n                        paddingTop: { static: \"5px\" }\n                    }\n                },\n                mobile: {\n                    inputs: {\n                        rowGap: { static: \"10px\" }\n                    },\n                    styles: {\n                        paddingTop: { static: \"2px\" },\n                        color: { static: \"blue\" }\n                    }\n                }\n            }\n        };\n\n        // desktop breakpoint\n        const desktopResult = processor.getInheritanceMap(bindings as any, \"desktop\");\n\n        expect(desktopResult.inputs[\"rowGap\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n        expect(desktopResult.inputs[\"title\"]).toBeUndefined(); // not responsive\n        expect(desktopResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n        expect(desktopResult.styles[\"color\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n\n        // tablet breakpoint\n        const tabletResult = processor.getInheritanceMap(bindings as any, \"tablet\");\n\n        expect(tabletResult.inputs[\"rowGap\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n        expect(tabletResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n        expect(tabletResult.styles[\"color\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n\n        // mobile breakpoint\n        const mobileResult = processor.getInheritanceMap(bindings as any, \"mobile\");\n\n        expect(mobileResult.inputs[\"rowGap\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n        expect(mobileResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"tablet\"\n        });\n        expect(mobileResult.styles[\"color\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n    });\n\n    it(\"should skip non-responsive inputs in inheritance info\", () => {\n        const bindings = {\n            inputs: {\n                title: { static: \"Static Title\" }\n            },\n            styles: {},\n            overrides: {}\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"desktop\");\n        expect(result.inputs[\"title\"]).toBeUndefined();\n    });\n\n    it(\"should handle missing overrides gracefully\", () => {\n        const bindings = {\n            inputs: {\n                rowGap: { static: \"20px\" }\n            },\n            styles: {\n                paddingTop: { static: \"10px\" }\n            }\n            // no overrides\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"mobile\");\n        expect(result.inputs[\"rowGap\"]).toEqual({ overridden: false, inheritedFrom: \"desktop\" });\n        expect(result.styles[\"paddingTop\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n    });\n\n    it(\"should handle missing ancestor values gracefully\", () => {\n        const bindings = {\n            inputs: {},\n            styles: {\n                backgroundColor: {\n                    static: \"#ec8787\"\n                }\n            },\n            overrides: {\n                tablet: {\n                    styles: {}\n                },\n                mobile: {\n                    styles: {\n                        backgroundColor: {\n                            static: \"#50e3c2\"\n                        },\n                        marginTop: {\n                            static: \"122px\"\n                        }\n                    }\n                }\n            }\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"mobile\");\n        expect(result.styles[\"backgroundColor\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n\n        expect(result.styles[\"marginTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n    });\n});\n"],"names":["inputsAst","describe","breakpoints","processor","InheritanceProcessor","it","bindings","desktopResult","expect","undefined","tabletResult","mobileResult","result"],"mappings":"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"}

package/InheritedValueResolver.d.ts

@@ -6,5 +6,22 @@ export declare class InheritedValueResolver {
     private readonly breakpoints;
     private readonly getBindings;
     constructor(breakpoints: string[], getBindings: GetBreakpointBindings);
-    getInheritedValue(key: string, breakpoint: string): ValueBinding | undefined;
+    /**
+     * The literal inherited from the nearest ancestor breakpoint.
+     *
+     * Returns the `static` value, not a binding — the declared return type used to say `ValueBinding`,
+     * which was simply wrong and made the token work below look impossible when it is not.
+     */
+    getInheritedValue(key: string, breakpoint: string): unknown;
+    /**
+     * The whole binding inherited from the nearest ancestor breakpoint.
+     *
+     * Needed because a token reference has no `static` value: read through `getInheritedValue` alone, a
+     * property whose parent breakpoint holds a token looks unset, so an override would be written even
+     * when it matches what it inherits — and the theme would then stop reaching that breakpoint.
+     *
+     * A binding counts as present if it carries either a literal or a token, which is exactly the
+     * invariant `ValueBinding` maintains: one or the other, never both.
+     */
+    getInheritedBinding(key: string, breakpoint: string): ValueBinding | undefined;
 }

package/InheritedValueResolver.js

@@ -1,24 +1,22 @@
-export class InheritedValueResolver {
-  constructor(breakpoints, getBindings) {
-    this.breakpoints = breakpoints;
-    this.getBindings = getBindings;
-  }
-  getInheritedValue(key, breakpoint) {
-    const currentIndex = this.breakpoints.indexOf(breakpoint);
-    // Walk backwards from currentIndex - 1 to 0
-    for (let i = currentIndex - 1; i >= 0; i--) {
-      const bp = this.breakpoints[i];
-      const bindings = this.getBindings(bp);
-      if (!bindings) {
-        continue;
-      }
-      const value = bindings[key]?.static;
-      if (value !== undefined) {
-        return value;
-      }
+class InheritedValueResolver {
+    constructor(breakpoints, getBindings){
+        this.breakpoints = breakpoints;
+        this.getBindings = getBindings;
+    }
+    getInheritedValue(key, breakpoint) {
+        return this.getInheritedBinding(key, breakpoint)?.static;
+    }
+    getInheritedBinding(key, breakpoint) {
+        const currentIndex = this.breakpoints.indexOf(breakpoint);
+        for(let i = currentIndex - 1; i >= 0; i--){
+            const bp = this.breakpoints[i];
+            const bindings = this.getBindings(bp);
+            if (!bindings) continue;
+            const binding = bindings[key];
+            if (binding?.static !== void 0 || binding?.token !== void 0) return binding;
+        }
     }
-    return undefined;
-  }
 }
+export { InheritedValueResolver };
 
 //# sourceMappingURL=InheritedValueResolver.js.map

package/InheritedValueResolver.js.map

@@ -1 +1 @@
-{"version":3,"names":["InheritedValueResolver","constructor","breakpoints","getBindings","getInheritedValue","key","breakpoint","currentIndex","indexOf","i","bp","bindings","value","static","undefined"],"sources":["InheritedValueResolver.ts"],"sourcesContent":["import type { ValueBinding } from \"~/types.js\";\n\nexport interface GetBreakpointBindings {\n    (breakpoint: string): Record<string, ValueBinding> | undefined;\n}\n\nexport class InheritedValueResolver {\n    private readonly breakpoints: string[];\n    private readonly getBindings: GetBreakpointBindings;\n\n    constructor(breakpoints: string[], getBindings: GetBreakpointBindings) {\n        this.breakpoints = breakpoints;\n        this.getBindings = getBindings;\n    }\n\n    getInheritedValue(key: string, breakpoint: string): ValueBinding | undefined {\n        const currentIndex = this.breakpoints.indexOf(breakpoint);\n        // Walk backwards from currentIndex - 1 to 0\n        for (let i = currentIndex - 1; i >= 0; i--) {\n            const bp = this.breakpoints[i];\n            const bindings = this.getBindings(bp);\n\n            if (!bindings) {\n                continue;\n            }\n\n            const value = bindings[key]?.static;\n            if (value !== undefined) {\n                return value;\n            }\n        }\n        return undefined;\n    }\n}\n"],"mappings":"AAMA,OAAO,MAAMA,sBAAsB,CAAC;EAIhCC,WAAWA,CAACC,WAAqB,EAAEC,WAAkC,EAAE;IACnE,IAAI,CAACD,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACC,WAAW,GAAGA,WAAW;EAClC;EAEAC,iBAAiBA,CAACC,GAAW,EAAEC,UAAkB,EAA4B;IACzE,MAAMC,YAAY,GAAG,IAAI,CAACL,WAAW,CAACM,OAAO,CAACF,UAAU,CAAC;IACzD;IACA,KAAK,IAAIG,CAAC,GAAGF,YAAY,GAAG,CAAC,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MACxC,MAAMC,EAAE,GAAG,IAAI,CAACR,WAAW,CAACO,CAAC,CAAC;MAC9B,MAAME,QAAQ,GAAG,IAAI,CAACR,WAAW,CAACO,EAAE,CAAC;MAErC,IAAI,CAACC,QAAQ,EAAE;QACX;MACJ;MAEA,MAAMC,KAAK,GAAGD,QAAQ,CAACN,GAAG,CAAC,EAAEQ,MAAM;MACnC,IAAID,KAAK,KAAKE,SAAS,EAAE;QACrB,OAAOF,KAAK;MAChB;IACJ;IACA,OAAOE,SAAS;EACpB;AACJ","ignoreList":[]}
+{"version":3,"file":"InheritedValueResolver.js","sources":["../src/InheritedValueResolver.ts"],"sourcesContent":["import type { ValueBinding } from \"~/types.js\";\n\nexport interface GetBreakpointBindings {\n    (breakpoint: string): Record<string, ValueBinding> | undefined;\n}\n\nexport class InheritedValueResolver {\n    private readonly breakpoints: string[];\n    private readonly getBindings: GetBreakpointBindings;\n\n    constructor(breakpoints: string[], getBindings: GetBreakpointBindings) {\n        this.breakpoints = breakpoints;\n        this.getBindings = getBindings;\n    }\n\n    /**\n     * The literal inherited from the nearest ancestor breakpoint.\n     *\n     * Returns the `static` value, not a binding — the declared return type used to say `ValueBinding`,\n     * which was simply wrong and made the token work below look impossible when it is not.\n     */\n    getInheritedValue(key: string, breakpoint: string): unknown {\n        return this.getInheritedBinding(key, breakpoint)?.static;\n    }\n\n    /**\n     * The whole binding inherited from the nearest ancestor breakpoint.\n     *\n     * Needed because a token reference has no `static` value: read through `getInheritedValue` alone, a\n     * property whose parent breakpoint holds a token looks unset, so an override would be written even\n     * when it matches what it inherits — and the theme would then stop reaching that breakpoint.\n     *\n     * A binding counts as present if it carries either a literal or a token, which is exactly the\n     * invariant `ValueBinding` maintains: one or the other, never both.\n     */\n    getInheritedBinding(key: string, breakpoint: string): ValueBinding | undefined {\n        const currentIndex = this.breakpoints.indexOf(breakpoint);\n        // Walk backwards from currentIndex - 1 to 0\n        for (let i = currentIndex - 1; i >= 0; i--) {\n            const bp = this.breakpoints[i];\n            const bindings = this.getBindings(bp);\n\n            if (!bindings) {\n                continue;\n            }\n\n            const binding = bindings[key];\n            if (binding?.static !== undefined || binding?.token !== undefined) {\n                return binding;\n            }\n        }\n        return undefined;\n    }\n}\n"],"names":["InheritedValueResolver","breakpoints","getBindings","key","breakpoint","currentIndex","i","bp","bindings","binding","undefined"],"mappings":"AAMO,MAAMA;IAIT,YAAYC,WAAqB,EAAEC,WAAkC,CAAE;QACnE,IAAI,CAAC,WAAW,GAAGD;QACnB,IAAI,CAAC,WAAW,GAAGC;IACvB;IAQA,kBAAkBC,GAAW,EAAEC,UAAkB,EAAW;QACxD,OAAO,IAAI,CAAC,mBAAmB,CAACD,KAAKC,aAAa;IACtD;IAYA,oBAAoBD,GAAW,EAAEC,UAAkB,EAA4B;QAC3E,MAAMC,eAAe,IAAI,CAAC,WAAW,CAAC,OAAO,CAACD;QAE9C,IAAK,IAAIE,IAAID,eAAe,GAAGC,KAAK,GAAGA,IAAK;YACxC,MAAMC,KAAK,IAAI,CAAC,WAAW,CAACD,EAAE;YAC9B,MAAME,WAAW,IAAI,CAAC,WAAW,CAACD;YAElC,IAAI,CAACC,UACD;YAGJ,MAAMC,UAAUD,QAAQ,CAACL,IAAI;YAC7B,IAAIM,SAAS,WAAWC,UAAaD,SAAS,UAAUC,QACpD,OAAOD;QAEf;IAEJ;AACJ"}

package/InputBindingsProcessor.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentElementBindings, DocumentElementInputBindings } from "./types.js";
+import type { DocumentElementBindings, DocumentElementInputBindings, TokenReference } from "./types.js";
 import type { InputAstNode } from "./ComponentManifestToAstConverter.js";
 import type { ElementFactory } from "./ElementFactory.js";
 import { InputsUpdater } from "./InputsUpdater.js";
@@ -23,15 +23,36 @@ export declare class InputsBindingsProcessor {
     private inputsAst;
     private elementReferences;
     constructor(elementId: string, inputsAst: InputAstNode[], breakpoints: string[], rawBindings: DocumentElementBindings, elementFactory: ElementFactory);
+    /**
+     * The token references among these bindings, keyed by flat binding path.
+     *
+     * The counterpart to {@link toDeepInputs}: that resolves a reference to the CSS value so the preview
+     * renders it, this reports *that it was a reference* so a picker can show which token is selected and
+     * so {@link createUpdate} can write it back as one.
+     *
+     * Callers must seed their token map from this before editing. `createUpdate` treats an absent key as
+     * "make this a literal", which is what clears a reference when someone picks a free value — so an
+     * incomplete map silently converts every other token on the element into a frozen literal.
+     */
+    toTokenMap(flat?: NonNullable<DocumentElementBindings["inputs"]>): Record<string, TokenReference>;
     /**
      * Converts flat input bindings into deep inputs object (removes `.static` wrappers).
+     *
+     * A token reference yields its `var(--wby-…)` form, so an input bound to a theme colour renders the
+     * themed value in the editor exactly as it will on the site. Use {@link toTokenMap} alongside this
+     * when you need to know a value came from a token rather than a literal.
      */
     toDeepInputs(flat: NonNullable<DocumentElementBindings["inputs"]>): DeepBindings;
     /**
      * Flattens deep inputs object into flat bindings with `.static` wrappers,
      * skipping overrides that match inherited parent breakpoint values.
+     *
+     * @param tokens Flat binding paths in this map are written as token references instead of literals.
+     *               A path absent from it is written as `static`, which is what clears a reference when
+     *               someone picks a free value over a token — so callers must seed the map from
+     *               {@link toTokenMap} rather than passing only the path they changed.
      */
-    createUpdate(inputs: DeepBindings, breakpoint: string): InputsUpdater;
+    createUpdate(inputs: DeepBindings, breakpoint: string, tokens?: Record<string, TokenReference>): InputsUpdater;
     private getElementReferences;
     private isBaseBreakpoint;
 }