@tscaps/engine 0.2.1 → 0.3.0

package/dist/modules/css/CssKeyframeNamespacer.js

@@ -0,0 +1,48 @@
+const KEYFRAME_NAME_RE = /@(?:-webkit-|-moz-)?keyframes\s+([a-zA-Z_-][a-zA-Z0-9_-]*)/g;
+const SELECTOR_SPECIAL_CHARS_RE = /[.*+?^${}()|[\]\\]/g;
+/**
+ * Renames every `@keyframes` in a stylesheet to a form unique to
+ * `key`, and rewrites the `animation-name` / `animation` references
+ * that point at them in step.
+ *
+ * Keyframe names are global to the document, so two stylesheets that
+ * both define `fade-in` silently share whichever one loaded last.
+ * Anything emitting more than one stylesheet into the same document —
+ * or more than one independently-authored block into the same
+ * stylesheet — has to pass its blocks through here first.
+ *
+ * `key` becomes part of a CSS identifier, so it must be spellable as
+ * one: letters, digits, `_` and `-`. A key carrying anything else turns
+ * every `@keyframes` it names into a syntax error, which costs the
+ * animations that referenced them and says nothing about why.
+ */
+export class CssKeyframeNamespacer {
+    namespace(css, key) {
+        const names = new Set();
+        for (const match of css.matchAll(KEYFRAME_NAME_RE))
+            names.add(match[1]);
+        if (names.size === 0)
+            return css;
+        let result = css;
+        for (const name of names) {
+            result = this.renameOne(result, name, `${name}-${key}`);
+        }
+        return result;
+    }
+    renameOne(css, name, renamed) {
+        const escaped = name.replace(SELECTOR_SPECIAL_CHARS_RE, '\\$&');
+        let result = css.replace(new RegExp(`(@(?:-webkit-|-moz-)?keyframes\\s+)${escaped}(?![\\w-])`, 'g'), `$1${renamed}`);
+        // Both `animation-name:` and the `animation:` shorthand can carry a
+        // comma-separated list of names. The rewrite scans the whole value
+        // range (between `:` and the next `;` or rule boundary) and replaces
+        // every whole-word occurrence, so the second entry in
+        // `animation-name: foo, bar` is reached. The value-bounded scope
+        // avoids touching a class or property elsewhere that happens to
+        // share the spelling.
+        const replaceInValue = (_m, prefix, value) => prefix + value.replace(new RegExp(`(?<![\\w-])${escaped}(?![\\w-])`, 'g'), renamed);
+        result = result.replace(/(animation-name\s*:\s*)([^;{}]*)/g, replaceInValue);
+        result = result.replace(/(animation\s*:\s*)([^;{}]*)/g, replaceInValue);
+        return result;
+    }
+}
+//# sourceMappingURL=CssKeyframeNamespacer.js.map

package/dist/modules/css/CssKeyframeNamespacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssKeyframeNamespacer.js","sourceRoot":"","sources":["../../../src/modules/css/CssKeyframeNamespacer.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,6DAA6D,CAAC;AACvF,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,qBAAqB;IAChC,SAAS,CAAC,GAAW,EAAE,GAAW;QAChC,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;QAChC,KAAK,MAAM,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,gBAAgB,CAAC;YAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC;QACzE,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC;YAAE,OAAO,GAAG,CAAC;QAEjC,IAAI,MAAM,GAAG,GAAG,CAAC;QACjB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC,CAAC;QAC1D,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,SAAS,CAAC,GAAW,EAAE,IAAY,EAAE,OAAe;QAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;QAChE,IAAI,MAAM,GAAG,GAAG,CAAC,OAAO,CACtB,IAAI,MAAM,CAAC,sCAAsC,OAAO,YAAY,EAAE,GAAG,CAAC,EAC1E,KAAK,OAAO,EAAE,CACf,CAAC;QACF,oEAAoE;QACpE,mEAAmE;QACnE,qEAAqE;QACrE,sDAAsD;QACtD,iEAAiE;QACjE,gEAAgE;QAChE,sBAAsB;QACtB,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,MAAc,EAAE,KAAa,EAAU,EAAE,CAC3E,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,cAAc,OAAO,YAAY,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;QACtF,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,mCAAmC,EAAE,cAAc,CAAC,CAAC;QAC7E,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,8BAA8B,EAAE,cAAc,CAAC,CAAC;QACxE,OAAO,MAAM,CAAC;IAChB,CAAC;CACF"}

package/dist/modules/css/CssKeyframesScanner.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Extracts `@keyframes` names from a stylesheet: the names it defines
+ * and the names its `animation` / `animation-name` declarations
+ * reference. Comparing the two sets finds animations that can never
+ * run because their keyframes are missing.
+ *
+ * Cheap regex scan rather than a CSS parse; pass the source through
+ * {@link CssMinifier} first so commented-out rules don't count.
+ * Function tokens (`cubic-bezier(…)`, `var(…)`, `steps(…)`) and
+ * shorthand keywords are excluded from references, so what remains is
+ * the author-chosen names.
+ */
+export declare class CssKeyframesScanner {
+    definedNames(css: string): Set<string>;
+    referencedNames(css: string): Set<string>;
+    /**
+     * Clears what sits between a function's parentheses while keeping the
+     * parentheses themselves, so `steps(2, end)` becomes `steps()`.
+     * Arguments can hold bare identifiers — `end` and `start` in
+     * `steps()`, `jump-none` and friends — that are indistinguishable
+     * from a keyframes name once the enclosing call is gone. Keeping the
+     * `(` lets the function's own name still be recognised as a function
+     * rather than collected as a reference.
+     */
+    private emptyFunctionArguments;
+    private collectNameTokens;
+    private isFunctionToken;
+}
+//# sourceMappingURL=CssKeyframesScanner.d.ts.map

package/dist/modules/css/CssKeyframesScanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssKeyframesScanner.d.ts","sourceRoot":"","sources":["../../../src/modules/css/CssKeyframesScanner.ts"],"names":[],"mappings":"AAgCA;;;;;;;;;;;GAWG;AACH,qBAAa,mBAAmB;IAE9B,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAQtC,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAQzC;;;;;;;;OAQG;IACH,OAAO,CAAC,sBAAsB;IAiB9B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,eAAe;CAGxB"}

package/dist/modules/css/CssKeyframesScanner.js

@@ -0,0 +1,102 @@
+const DEFINITION_PATTERN = /@(?:-webkit-|-moz-)?keyframes\s+([a-zA-Z_-][a-zA-Z0-9_-]*)/g;
+const ANIMATION_VALUE_PATTERN = /(?:animation-name|animation)\s*:\s*([^;{}]*)/g;
+const IDENT_PATTERN = /(?<![\w.#-])-?[a-zA-Z_][a-zA-Z0-9_-]*/g;
+/** Value tokens that are animation shorthand keywords, never a keyframes name. */
+const ANIMATION_VALUE_KEYWORDS = new Set([
+    'none',
+    'linear',
+    'ease',
+    'ease-in',
+    'ease-out',
+    'ease-in-out',
+    'step-start',
+    'step-end',
+    'infinite',
+    'normal',
+    'reverse',
+    'alternate',
+    'alternate-reverse',
+    'forwards',
+    'backwards',
+    'both',
+    'running',
+    'paused',
+    'inherit',
+    'initial',
+    'unset',
+    'revert',
+    'revert-layer',
+    'important',
+]);
+/**
+ * Extracts `@keyframes` names from a stylesheet: the names it defines
+ * and the names its `animation` / `animation-name` declarations
+ * reference. Comparing the two sets finds animations that can never
+ * run because their keyframes are missing.
+ *
+ * Cheap regex scan rather than a CSS parse; pass the source through
+ * {@link CssMinifier} first so commented-out rules don't count.
+ * Function tokens (`cubic-bezier(…)`, `var(…)`, `steps(…)`) and
+ * shorthand keywords are excluded from references, so what remains is
+ * the author-chosen names.
+ */
+export class CssKeyframesScanner {
+    definedNames(css) {
+        const found = new Set();
+        for (const match of css.matchAll(DEFINITION_PATTERN)) {
+            found.add(match[1]);
+        }
+        return found;
+    }
+    referencedNames(css) {
+        const found = new Set();
+        for (const declaration of css.matchAll(ANIMATION_VALUE_PATTERN)) {
+            this.collectNameTokens(this.emptyFunctionArguments(declaration[1]), found);
+        }
+        return found;
+    }
+    /**
+     * Clears what sits between a function's parentheses while keeping the
+     * parentheses themselves, so `steps(2, end)` becomes `steps()`.
+     * Arguments can hold bare identifiers — `end` and `start` in
+     * `steps()`, `jump-none` and friends — that are indistinguishable
+     * from a keyframes name once the enclosing call is gone. Keeping the
+     * `(` lets the function's own name still be recognised as a function
+     * rather than collected as a reference.
+     */
+    emptyFunctionArguments(value) {
+        let depth = 0;
+        let out = '';
+        for (const char of value) {
+            if (char === '(') {
+                depth++;
+                if (depth === 1)
+                    out += char;
+            }
+            else if (char === ')') {
+                if (depth === 1)
+                    out += char;
+                if (depth > 0)
+                    depth--;
+            }
+            else if (depth === 0) {
+                out += char;
+            }
+        }
+        return out;
+    }
+    collectNameTokens(value, found) {
+        for (const match of value.matchAll(IDENT_PATTERN)) {
+            const token = match[0];
+            if (ANIMATION_VALUE_KEYWORDS.has(token))
+                continue;
+            if (this.isFunctionToken(value, match.index + token.length))
+                continue;
+            found.add(token);
+        }
+    }
+    isFunctionToken(value, indexAfterToken) {
+        return value[indexAfterToken] === '(';
+    }
+}
+//# sourceMappingURL=CssKeyframesScanner.js.map

package/dist/modules/css/CssKeyframesScanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssKeyframesScanner.js","sourceRoot":"","sources":["../../../src/modules/css/CssKeyframesScanner.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,6DAA6D,CAAC;AACzF,MAAM,uBAAuB,GAAG,+CAA+C,CAAC;AAChF,MAAM,aAAa,GAAG,wCAAwC,CAAC;AAE/D,kFAAkF;AAClF,MAAM,wBAAwB,GAAwB,IAAI,GAAG,CAAC;IAC5D,MAAM;IACN,QAAQ;IACR,MAAM;IACN,SAAS;IACT,UAAU;IACV,aAAa;IACb,YAAY;IACZ,UAAU;IACV,UAAU;IACV,QAAQ;IACR,SAAS;IACT,WAAW;IACX,mBAAmB;IACnB,UAAU;IACV,WAAW;IACX,MAAM;IACN,SAAS;IACT,QAAQ;IACR,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,cAAc;IACd,WAAW;CACZ,CAAC,CAAC;AAEH;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,mBAAmB;IAE9B,YAAY,CAAC,GAAW;QACtB,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;QAChC,KAAK,MAAM,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC;YACrD,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,eAAe,CAAC,GAAW;QACzB,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;QAChC,KAAK,MAAM,WAAW,IAAI,GAAG,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC;YAChE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QAC9E,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;;;;;OAQG;IACK,sBAAsB,CAAC,KAAa;QAC1C,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;gBACjB,KAAK,EAAE,CAAC;gBACR,IAAI,KAAK,KAAK,CAAC;oBAAE,GAAG,IAAI,IAAI,CAAC;YAC/B,CAAC;iBAAM,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;gBACxB,IAAI,KAAK,KAAK,CAAC;oBAAE,GAAG,IAAI,IAAI,CAAC;gBAC7B,IAAI,KAAK,GAAG,CAAC;oBAAE,KAAK,EAAE,CAAC;YACzB,CAAC;iBAAM,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBACvB,GAAG,IAAI,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC;IAEO,iBAAiB,CAAC,KAAa,EAAE,KAAkB;QACzD,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YAClD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACvB,IAAI,wBAAwB,CAAC,GAAG,CAAC,KAAK,CAAC;gBAAE,SAAS;YAClD,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;gBAAE,SAAS;YACtE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAEO,eAAe,CAAC,KAAa,EAAE,eAAuB;QAC5D,OAAO,KAAK,CAAC,eAAe,CAAC,KAAK,GAAG,CAAC;IACxC,CAAC;CACF"}

package/dist/modules/css/CssLayer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Cascade layers the framework publishes as part of its stylesheet
+ * contract, mirroring how `CssClass` names the published classes.
+ *
+ * Only the framework's own layer is named here. A consumer that wants
+ * its stylesheets to lose to the framework's `!important` rules and win
+ * over its normal ones puts them in layers of its own, declared after
+ * this one — layers are ordered by first appearance, and the framework
+ * baseline is emitted first.
+ *
+ * The layer is load-bearing rather than cosmetic. Cascade order puts
+ * unlayered `!important` declarations *below* layered ones, so a
+ * framework rule left outside a layer would lose to any `!important` a
+ * consumer writes — including the frozen-frame rule that makes a
+ * rendered frame a function of the playhead.
+ */
+export declare enum CssLayer {
+    FRAMEWORK = "tscaps-framework"
+}
+//# sourceMappingURL=CssLayer.d.ts.map

package/dist/modules/css/CssLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssLayer.d.ts","sourceRoot":"","sources":["../../../src/modules/css/CssLayer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,oBAAY,QAAQ;IAClB,SAAS,qBAAqB;CAC/B"}

package/dist/modules/css/CssLayer.js

@@ -0,0 +1,21 @@
+/**
+ * Cascade layers the framework publishes as part of its stylesheet
+ * contract, mirroring how `CssClass` names the published classes.
+ *
+ * Only the framework's own layer is named here. A consumer that wants
+ * its stylesheets to lose to the framework's `!important` rules and win
+ * over its normal ones puts them in layers of its own, declared after
+ * this one — layers are ordered by first appearance, and the framework
+ * baseline is emitted first.
+ *
+ * The layer is load-bearing rather than cosmetic. Cascade order puts
+ * unlayered `!important` declarations *below* layered ones, so a
+ * framework rule left outside a layer would lose to any `!important` a
+ * consumer writes — including the frozen-frame rule that makes a
+ * rendered frame a function of the playhead.
+ */
+export var CssLayer;
+(function (CssLayer) {
+    CssLayer["FRAMEWORK"] = "tscaps-framework";
+})(CssLayer || (CssLayer = {}));
+//# sourceMappingURL=CssLayer.js.map

package/dist/modules/css/CssLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssLayer.js","sourceRoot":"","sources":["../../../src/modules/css/CssLayer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAN,IAAY,QAEX;AAFD,WAAY,QAAQ;IAClB,0CAA8B,CAAA;AAChC,CAAC,EAFW,QAAQ,KAAR,QAAQ,QAEnB"}

package/dist/modules/css/CssScoper.d.ts

@@ -14,15 +14,24 @@
  * (e.g. `.my-scope`); its identifier portion seeds the keyframe rename.
  */
 export declare class CssScoper {
+    private readonly keyframeNamespacer;
     scope(css: string, scopeSelector: string): string;
-    private scopeKeyframes;
     private scopeSelectorsInRange;
     private scopeAtRuleBody;
     private scopeCompoundSelector;
     private isWhitespace;
     private isCommentStart;
     private findCommentEnd;
-    private findBraceOrEnd;
+    /**
+     * Locates the boundary that ends the current top-level construct:
+     * `{` opens a rule block, `;` terminates a statement-form at-rule
+     * (`@charset`, `@import`, `@namespace`, `@layer name;`), and `end`
+     * means the range was consumed without either.
+     *
+     * Skips over string literals and CSS comments so a `;` inside a
+     * `url("…")` or a commented-out block doesn't fool the caller.
+     */
+    private findRuleTerminator;
     private isAtRuleHeader;
     private extractAtRuleName;
     /**

package/dist/modules/css/CssScoper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CssScoper.d.ts","sourceRoot":"","sources":["../../../src/modules/css/CssScoper.ts"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;GAcG;AACH,qBAAa,SAAS;IACpB,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM;IAKjD,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,qBAAqB;IAuC7B,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAKzB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;CAyB1B"}
+{"version":3,"file":"CssScoper.d.ts","sourceRoot":"","sources":["../../../src/modules/css/CssScoper.ts"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;;;GAcG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAA+B;IAElE,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM;IAKjD,OAAO,CAAC,qBAAqB;IA8C7B,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAKtB;;;;;;;;OAQG;IACH,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAKzB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;CAyB1B"}

package/dist/modules/css/CssScoper.js

@@ -1,6 +1,5 @@
-const KEYFRAME_NAME_RE = /@(?:-webkit-|-moz-)?keyframes\s+([a-zA-Z_-][a-zA-Z0-9_-]*)/g;
+import { CssKeyframeNamespacer } from '../css/CssKeyframeNamespacer';
 const AT_RULE_NAME_RE = /^@([a-zA-Z][a-zA-Z0-9-]*)/;
-const SELECTOR_SPECIAL_CHARS_RE = /[.*+?^${}()|[\]\\]/g;
 /** At-rules whose body holds regular style rules — selectors inside must be scoped. */
 const SCOPEABLE_AT_RULES = new Set([
     'container',
@@ -9,7 +8,6 @@ const SCOPEABLE_AT_RULES = new Set([
     'layer',
     'scope',
 ]);
-const escapeRegex = (s) => s.replace(SELECTOR_SPECIAL_CHARS_RE, '\\$&');
 /**
  * Scopes a CSS string so it can coexist with sibling stylesheets in
  * the same document. Top-level selectors get prefixed with
@@ -26,33 +24,10 @@ const escapeRegex = (s) => s.replace(SELECTOR_SPECIAL_CHARS_RE, '\\$&');
  * (e.g. `.my-scope`); its identifier portion seeds the keyframe rename.
  */
 export class CssScoper {
+    keyframeNamespacer = new CssKeyframeNamespacer();
     scope(css, scopeSelector) {
         const scopeKey = scopeSelector.replace(/^\.+/, '');
-        return this.scopeSelectorsInRange(this.scopeKeyframes(css, scopeKey), 0, undefined, scopeSelector);
-    }
-    scopeKeyframes(css, scopeKey) {
-        const names = new Set();
-        for (const m of css.matchAll(KEYFRAME_NAME_RE))
-            names.add(m[1]);
-        if (names.size === 0)
-            return css;
-        let result = css;
-        for (const name of names) {
-            const scopedName = `${name}-${scopeKey}`;
-            const esc = escapeRegex(name);
-            result = result.replace(new RegExp(`(@(?:-webkit-|-moz-)?keyframes\\s+)${esc}(?![\\w-])`, 'g'), `$1${scopedName}`);
-            // Both `animation-name:` and the `animation:` shorthand can carry a
-            // comma-separated list of names. The rewrite scans the whole value
-            // range (between `:` and the next `;` or rule boundary) and replaces
-            // every whole-word occurrence, so the second entry in
-            // `animation-name: foo, bar` is reached. The value-bounded scope
-            // avoids touching a class or property elsewhere that happens to
-            // share the spelling.
-            const replaceInValue = (_m, prefix, value) => prefix + value.replace(new RegExp(`(?<![\\w-])${esc}(?![\\w-])`, 'g'), scopedName);
-            result = result.replace(/(animation-name\s*:\s*)([^;{}]*)/g, replaceInValue);
-            result = result.replace(/(animation\s*:\s*)([^;{}]*)/g, replaceInValue);
-        }
-        return result;
+        return this.scopeSelectorsInRange(this.keyframeNamespacer.namespace(css, scopeKey), 0, undefined, scopeSelector);
     }
     scopeSelectorsInRange(css, start, end, scopeSelector) {
         const stopAt = end ?? css.length;
@@ -71,13 +46,20 @@ export class CssScoper {
                 i = commentEnd;
                 continue;
             }
-            const braceIndex = this.findBraceOrEnd(css, i, stopAt);
-            if (braceIndex === stopAt) {
+            const { index: ruleEnd, kind } = this.findRuleTerminator(css, i, stopAt);
+            if (kind === 'end') {
                 result += css.slice(i, stopAt);
                 return result;
             }
-            const header = css.slice(i, braceIndex);
-            const bodyStart = braceIndex + 1;
+            if (kind === 'semi') {
+                // Statement-form at-rule (`@charset`, `@import`, `@namespace`,
+                // `@layer name;`): no block to scope, emit as-is and advance.
+                result += css.slice(i, ruleEnd + 1);
+                i = ruleEnd + 1;
+                continue;
+            }
+            const header = css.slice(i, ruleEnd);
+            const bodyStart = ruleEnd + 1;
             const bodyEnd = this.findMatchingClose(css, bodyStart, stopAt);
             if (this.isAtRuleHeader(header)) {
                 result += `${header}{`;
@@ -117,12 +99,46 @@ export class CssScoper {
         const closeIndex = css.indexOf('*/', commentStart + 2);
         return closeIndex === -1 || closeIndex >= stopAt ? stopAt : closeIndex + 2;
     }
-    findBraceOrEnd(css, start, stopAt) {
-        for (let i = start; i < stopAt; i++) {
-            if (css[i] === '{')
-                return i;
+    /**
+     * Locates the boundary that ends the current top-level construct:
+     * `{` opens a rule block, `;` terminates a statement-form at-rule
+     * (`@charset`, `@import`, `@namespace`, `@layer name;`), and `end`
+     * means the range was consumed without either.
+     *
+     * Skips over string literals and CSS comments so a `;` inside a
+     * `url("…")` or a commented-out block doesn't fool the caller.
+     */
+    findRuleTerminator(css, start, stopAt) {
+        let i = start;
+        let stringDelim = null;
+        while (i < stopAt) {
+            const ch = css[i];
+            if (stringDelim) {
+                if (ch === '\\' && i + 1 < stopAt) {
+                    i += 2;
+                    continue;
+                }
+                if (ch === stringDelim)
+                    stringDelim = null;
+                i++;
+                continue;
+            }
+            if (ch === '"' || ch === '\'') {
+                stringDelim = ch;
+                i++;
+                continue;
+            }
+            if (this.isCommentStart(css, i)) {
+                i = this.findCommentEnd(css, i, stopAt);
+                continue;
+            }
+            if (ch === '{')
+                return { index: i, kind: 'brace' };
+            if (ch === ';')
+                return { index: i, kind: 'semi' };
+            i++;
         }
-        return stopAt;
+        return { index: stopAt, kind: 'end' };
     }
     isAtRuleHeader(header) {
         return header.trimStart().startsWith('@');

package/dist/modules/css/CssScoper.js.map

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

package/dist/modules/css/CssSelectorClassScanner.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Returns every class name used in rule selectors across the given
+ * source. `@keyframes` bodies are skipped entirely (their selectors
+ * are offsets, not element selectors); every other at-rule body is
+ * scanned recursively so selectors inside `@container` / `@media` /
+ * `@supports` blocks are covered.
+ *
+ * Only selector headers are scanned — declaration bodies are not, so
+ * a dot inside a value (`url(image.png)`) never registers. Pass the
+ * source through {@link CssMinifier} first so commented-out rules
+ * don't count. Selectors nested inside style-rule bodies (native CSS
+ * nesting) are not scanned.
+ */
+export declare class CssSelectorClassScanner {
+    scan(css: string): Set<string>;
+    private scanRange;
+    private collectClasses;
+    /**
+     * Index of the `}` closing the block opened just before `start`.
+     * String literals are respected so braces inside them don't shift
+     * the depth. Falls back to `end` when the block is unterminated.
+     */
+    private findMatchingClose;
+}
+//# sourceMappingURL=CssSelectorClassScanner.d.ts.map

package/dist/modules/css/CssSelectorClassScanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssSelectorClassScanner.d.ts","sourceRoot":"","sources":["../../../src/modules/css/CssSelectorClassScanner.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,qBAAa,uBAAuB;IAElC,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAM9B,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,cAAc;IAMtB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;CAwB1B"}

package/dist/modules/css/CssSelectorClassScanner.js

@@ -0,0 +1,91 @@
+const CLASS_IN_SELECTOR_PATTERN = /\.(-?[a-zA-Z_][a-zA-Z0-9_-]*)/g;
+const KEYFRAMES_HEADER_PATTERN = /^\s*@(?:-webkit-|-moz-)?keyframes\b/;
+/**
+ * Returns every class name used in rule selectors across the given
+ * source. `@keyframes` bodies are skipped entirely (their selectors
+ * are offsets, not element selectors); every other at-rule body is
+ * scanned recursively so selectors inside `@container` / `@media` /
+ * `@supports` blocks are covered.
+ *
+ * Only selector headers are scanned — declaration bodies are not, so
+ * a dot inside a value (`url(image.png)`) never registers. Pass the
+ * source through {@link CssMinifier} first so commented-out rules
+ * don't count. Selectors nested inside style-rule bodies (native CSS
+ * nesting) are not scanned.
+ */
+export class CssSelectorClassScanner {
+    scan(css) {
+        const found = new Set();
+        this.scanRange(css, 0, css.length, found);
+        return found;
+    }
+    scanRange(css, start, end, found) {
+        let i = start;
+        while (i < end) {
+            const brace = css.indexOf('{', i);
+            if (brace === -1 || brace >= end)
+                return;
+            const header = css.slice(i, brace);
+            const bodyStart = brace + 1;
+            const bodyEnd = this.findMatchingClose(css, bodyStart, end);
+            if (KEYFRAMES_HEADER_PATTERN.test(header.trimStart())) {
+                // skip: keyframe step selectors are percentages, not elements
+            }
+            else if (header.trimStart().startsWith('@')) {
+                this.scanRange(css, bodyStart, bodyEnd, found);
+            }
+            else {
+                this.collectClasses(header, found);
+            }
+            i = bodyEnd + 1;
+        }
+    }
+    collectClasses(header, found) {
+        for (const match of header.matchAll(CLASS_IN_SELECTOR_PATTERN)) {
+            found.add(match[1]);
+        }
+    }
+    /**
+     * Index of the `}` closing the block opened just before `start`.
+     * String literals are respected so braces inside them don't shift
+     * the depth. Falls back to `end` when the block is unterminated.
+     */
+    findMatchingClose(css, start, end) {
+        let depth = 1;
+        let i = start;
+        let stringDelim = null;
+        while (i < end) {
+            const ch = css[i];
+            if (stringDelim) {
+                if (ch === '\\' && i + 1 < end) {
+                    i += 2;
+                    continue;
+                }
+                if (ch === stringDelim)
+                    stringDelim = null;
+                i++;
+                continue;
+            }
+            if (ch === '"' || ch === "'") {
+                stringDelim = ch;
+                i++;
+                continue;
+            }
+            if (ch === '{') {
+                depth++;
+                i++;
+                continue;
+            }
+            if (ch === '}') {
+                depth--;
+                if (depth === 0)
+                    return i;
+                i++;
+                continue;
+            }
+            i++;
+        }
+        return end;
+    }
+}
+//# sourceMappingURL=CssSelectorClassScanner.js.map

package/dist/modules/css/CssSelectorClassScanner.js.map

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

package/dist/modules/css/CssVarReferenceScanner.d.ts

@@ -1,13 +1,16 @@
 /**
- * Returns every CSS custom property name referenced via `var(--name)`
- * anywhere in the given source.
+ * Returns every CSS custom property name the given source reads, whether
+ * it substitutes the value with `var(--name)` or tests it in a style
+ * query such as `@container style(--name: rtl)`.
  *
  * Cheap regex scan rather than a CSS parse. False positives are
- * limited to literal `var(--…)` substrings inside string values; pass
- * the source through {@link CssMinifier} first to drop comments that
- * would otherwise contribute to the result.
+ * limited to literal `var(--…)` / `style(--…)` substrings inside string
+ * values; pass the source through {@link CssMinifier} first to drop
+ * comments that would otherwise contribute to the result. Over-inclusion
+ * is harmless — it only keeps a property that would have been dropped.
  */
 export declare class CssVarReferenceScanner {
     scan(css: string): Set<string>;
+    private collectMatches;
 }
 //# sourceMappingURL=CssVarReferenceScanner.d.ts.map

package/dist/modules/css/CssVarReferenceScanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CssVarReferenceScanner.d.ts","sourceRoot":"","sources":["../../../src/modules/css/CssVarReferenceScanner.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,qBAAa,sBAAsB;IAEjC,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;CAO/B"}
+{"version":3,"file":"CssVarReferenceScanner.d.ts","sourceRoot":"","sources":["../../../src/modules/css/CssVarReferenceScanner.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,qBAAa,sBAAsB;IAEjC,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAO9B,OAAO,CAAC,cAAc;CAKvB"}

package/dist/modules/css/CssVarReferenceScanner.js

@@ -1,20 +1,27 @@
 const VAR_REFERENCE_PATTERN = /var\(\s*(--[a-zA-Z0-9_-]+)/g;
+const STYLE_QUERY_PATTERN = /style\(\s*(--[a-zA-Z0-9_-]+)/g;
 /**
- * Returns every CSS custom property name referenced via `var(--name)`
- * anywhere in the given source.
+ * Returns every CSS custom property name the given source reads, whether
+ * it substitutes the value with `var(--name)` or tests it in a style
+ * query such as `@container style(--name: rtl)`.
  *
  * Cheap regex scan rather than a CSS parse. False positives are
- * limited to literal `var(--…)` substrings inside string values; pass
- * the source through {@link CssMinifier} first to drop comments that
- * would otherwise contribute to the result.
+ * limited to literal `var(--…)` / `style(--…)` substrings inside string
+ * values; pass the source through {@link CssMinifier} first to drop
+ * comments that would otherwise contribute to the result. Over-inclusion
+ * is harmless — it only keeps a property that would have been dropped.
  */
 export class CssVarReferenceScanner {
     scan(css) {
         const found = new Set();
-        for (const match of css.matchAll(VAR_REFERENCE_PATTERN)) {
+        this.collectMatches(css, VAR_REFERENCE_PATTERN, found);
+        this.collectMatches(css, STYLE_QUERY_PATTERN, found);
+        return found;
+    }
+    collectMatches(css, pattern, found) {
+        for (const match of css.matchAll(pattern)) {
             found.add(match[1]);
         }
-        return found;
     }
 }
 //# sourceMappingURL=CssVarReferenceScanner.js.map

package/dist/modules/css/CssVarReferenceScanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"CssVarReferenceScanner.js","sourceRoot":"","sources":["../../../src/modules/css/CssVarReferenceScanner.ts"],"names":[],"mappings":"AAAA,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,OAAO,sBAAsB;IAEjC,IAAI,CAAC,GAAW;QACd,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;QAChC,KAAK,MAAM,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC;YACxD,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CACF"}
+{"version":3,"file":"CssVarReferenceScanner.js","sourceRoot":"","sources":["../../../src/modules/css/CssVarReferenceScanner.ts"],"names":[],"mappings":"AAAA,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAC5D,MAAM,mBAAmB,GAAG,+BAA+B,CAAC;AAE5D;;;;;;;;;;GAUG;AACH,MAAM,OAAO,sBAAsB;IAEjC,IAAI,CAAC,GAAW;QACd,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;QAChC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;QACvD,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,cAAc,CAAC,GAAW,EAAE,OAAe,EAAE,KAAkB;QACrE,KAAK,MAAM,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;CACF"}