@projectwallace/css-parser 0.10.0 → 0.11.1

package/dist/arena.d.ts

@@ -36,6 +36,7 @@ export declare const SUPPORTS_QUERY = 36;
 export declare const LAYER_NAME = 37;
 export declare const PRELUDE_OPERATOR = 38;
 export declare const FEATURE_RANGE = 39;
+export declare const AT_RULE_PRELUDE = 40;
 export declare const FLAG_IMPORTANT: number;
 export declare const FLAG_HAS_ERROR: number;
 export declare const FLAG_LENGTH_OVERFLOW: number;

package/dist/arena.js

@@ -37,6 +37,7 @@ const SUPPORTS_QUERY = 36;
 const LAYER_NAME = 37;
 const PRELUDE_OPERATOR = 38;
 const FEATURE_RANGE = 39;
+const AT_RULE_PRELUDE = 40;
 const FLAG_IMPORTANT = 1 << 0;
 const FLAG_HAS_ERROR = 1 << 1;
 const FLAG_LENGTH_OVERFLOW = 1 << 2;
@@ -284,4 +285,4 @@ class CSSDataArena {
   }
 }
 
-export { ATTRIBUTE_SELECTOR, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_NONE, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, AT_RULE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, CSSDataArena, DECLARATION, DIMENSION, FEATURE_RANGE, FLAG_BROWSERHACK, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, FLAG_HAS_ERROR, FLAG_HAS_PARENS, FLAG_IMPORTANT, FLAG_LENGTH_OVERFLOW, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNIVERSAL_SELECTOR, URL, VALUE };
+export { ATTRIBUTE_SELECTOR, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_NONE, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, AT_RULE, AT_RULE_PRELUDE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, CSSDataArena, DECLARATION, DIMENSION, FEATURE_RANGE, FLAG_BROWSERHACK, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, FLAG_HAS_ERROR, FLAG_HAS_PARENS, FLAG_IMPORTANT, FLAG_LENGTH_OVERFLOW, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNIVERSAL_SELECTOR, URL, VALUE };

package/dist/char-types.d.ts

@@ -1,3 +1,9 @@
+export declare let CHAR_ALPHA: number;
+export declare let CHAR_DIGIT: number;
+export declare let CHAR_HEX: number;
+export declare let CHAR_WHITESPACE: number;
+export declare let CHAR_NEWLINE: number;
+export declare let char_types: Uint8Array<ArrayBuffer>;
 export declare function is_digit(ch: number): boolean;
 export declare function is_hex_digit(ch: number): boolean;
 export declare function is_alpha(ch: number): boolean;

package/dist/char-types.js

@@ -52,4 +52,4 @@ function is_ident_char(ch) {
   return is_ident_start(ch) || is_digit(ch);
 }
 
-export { is_alpha, is_digit, is_hex_digit, is_ident_char, is_ident_start, is_newline, is_whitespace };
+export { CHAR_ALPHA, CHAR_DIGIT, CHAR_HEX, CHAR_NEWLINE, CHAR_WHITESPACE, char_types, is_alpha, is_digit, is_hex_digit, is_ident_char, is_ident_start, is_newline, is_whitespace };

package/dist/constants.d.ts

@@ -1,5 +1,5 @@
-import { STYLESHEET, STYLE_RULE, AT_RULE, DECLARATION, SELECTOR, COMMENT, BLOCK, IDENTIFIER, NUMBER, DIMENSION, STRING, HASH, FUNCTION, OPERATOR, PARENTHESIS, URL, VALUE, SELECTOR_LIST, TYPE_SELECTOR, CLASS_SELECTOR, ID_SELECTOR, ATTRIBUTE_SELECTOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, COMBINATOR, UNIVERSAL_SELECTOR, NESTING_SELECTOR, NTH_SELECTOR, NTH_OF_SELECTOR, LANG_SELECTOR, MEDIA_QUERY, MEDIA_FEATURE, MEDIA_TYPE, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, PRELUDE_OPERATOR, FEATURE_RANGE, FLAG_IMPORTANT, ATTR_OPERATOR_NONE, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_FLAG_NONE, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE } from './arena';
-export { STYLESHEET, STYLE_RULE, AT_RULE, DECLARATION, SELECTOR, COMMENT, BLOCK, IDENTIFIER, NUMBER, DIMENSION, STRING, HASH, FUNCTION, OPERATOR, PARENTHESIS, URL, VALUE, SELECTOR_LIST, TYPE_SELECTOR, CLASS_SELECTOR, ID_SELECTOR, ATTRIBUTE_SELECTOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, COMBINATOR, UNIVERSAL_SELECTOR, NESTING_SELECTOR, NTH_SELECTOR, NTH_OF_SELECTOR, LANG_SELECTOR, MEDIA_QUERY, MEDIA_FEATURE, MEDIA_TYPE, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, PRELUDE_OPERATOR, FEATURE_RANGE, FLAG_IMPORTANT, ATTR_OPERATOR_NONE, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_FLAG_NONE, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, };
+import { STYLESHEET, STYLE_RULE, AT_RULE, DECLARATION, SELECTOR, COMMENT, BLOCK, IDENTIFIER, NUMBER, DIMENSION, STRING, HASH, FUNCTION, OPERATOR, PARENTHESIS, URL, VALUE, SELECTOR_LIST, TYPE_SELECTOR, CLASS_SELECTOR, ID_SELECTOR, ATTRIBUTE_SELECTOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, COMBINATOR, UNIVERSAL_SELECTOR, NESTING_SELECTOR, NTH_SELECTOR, NTH_OF_SELECTOR, LANG_SELECTOR, MEDIA_QUERY, MEDIA_FEATURE, MEDIA_TYPE, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, PRELUDE_OPERATOR, FEATURE_RANGE, AT_RULE_PRELUDE, FLAG_IMPORTANT, ATTR_OPERATOR_NONE, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_FLAG_NONE, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE } from './arena';
+export { STYLESHEET, STYLE_RULE, AT_RULE, DECLARATION, SELECTOR, COMMENT, BLOCK, IDENTIFIER, NUMBER, DIMENSION, STRING, HASH, FUNCTION, OPERATOR, PARENTHESIS, URL, VALUE, SELECTOR_LIST, TYPE_SELECTOR, CLASS_SELECTOR, ID_SELECTOR, ATTRIBUTE_SELECTOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, COMBINATOR, UNIVERSAL_SELECTOR, NESTING_SELECTOR, NTH_SELECTOR, NTH_OF_SELECTOR, LANG_SELECTOR, MEDIA_QUERY, MEDIA_FEATURE, MEDIA_TYPE, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, PRELUDE_OPERATOR, FEATURE_RANGE, AT_RULE_PRELUDE, FLAG_IMPORTANT, ATTR_OPERATOR_NONE, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_FLAG_NONE, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, };
 export declare const NODE_TYPES: {
     readonly STYLESHEET: 1;
     readonly STYLE_RULE: 2;
@@ -39,4 +39,5 @@ export declare const NODE_TYPES: {
     readonly LAYER_NAME: 37;
     readonly PRELUDE_OPERATOR: 38;
     readonly FEATURE_RANGE: 39;
+    readonly AT_RULE_PRELUDE: 40;
 };

package/dist/constants.js

@@ -1,4 +1,4 @@
-import { FEATURE_RANGE, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_FEATURE, MEDIA_QUERY, LANG_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, COMBINATOR, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, ATTRIBUTE_SELECTOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, SELECTOR_LIST, VALUE, URL, PARENTHESIS, OPERATOR, FUNCTION, HASH, STRING, DIMENSION, NUMBER, IDENTIFIER, BLOCK, COMMENT, SELECTOR, DECLARATION, AT_RULE, STYLE_RULE, STYLESHEET } from './arena.js';
+import { AT_RULE_PRELUDE, FEATURE_RANGE, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_FEATURE, MEDIA_QUERY, LANG_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, COMBINATOR, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, ATTRIBUTE_SELECTOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, SELECTOR_LIST, VALUE, URL, PARENTHESIS, OPERATOR, FUNCTION, HASH, STRING, DIMENSION, NUMBER, IDENTIFIER, BLOCK, COMMENT, SELECTOR, DECLARATION, AT_RULE, STYLE_RULE, STYLESHEET } from './arena.js';
 export { ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_NONE, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, FLAG_IMPORTANT } from './arena.js';
 
 const NODE_TYPES = {
@@ -43,7 +43,8 @@ const NODE_TYPES = {
   SUPPORTS_QUERY,
   LAYER_NAME,
   PRELUDE_OPERATOR,
-  FEATURE_RANGE
+  FEATURE_RANGE,
+  AT_RULE_PRELUDE
 };
 
-export { ATTRIBUTE_SELECTOR, AT_RULE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, DECLARATION, DIMENSION, FEATURE_RANGE, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NODE_TYPES, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNIVERSAL_SELECTOR, URL, VALUE };
+export { ATTRIBUTE_SELECTOR, AT_RULE, AT_RULE_PRELUDE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, DECLARATION, DIMENSION, FEATURE_RANGE, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NODE_TYPES, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNIVERSAL_SELECTOR, URL, VALUE };

package/dist/css-node.d.ts

@@ -1,5 +1,5 @@
 import type { CSSDataArena } from './arena';
-import { STYLESHEET, STYLE_RULE, AT_RULE, DECLARATION, SELECTOR, COMMENT, BLOCK, IDENTIFIER, NUMBER, DIMENSION, STRING, HASH, FUNCTION, OPERATOR, PARENTHESIS, URL, VALUE, SELECTOR_LIST, TYPE_SELECTOR, CLASS_SELECTOR, ID_SELECTOR, ATTRIBUTE_SELECTOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, COMBINATOR, UNIVERSAL_SELECTOR, NESTING_SELECTOR, NTH_SELECTOR, NTH_OF_SELECTOR, LANG_SELECTOR, MEDIA_QUERY, MEDIA_FEATURE, MEDIA_TYPE, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, PRELUDE_OPERATOR, FEATURE_RANGE } from './arena';
+import { STYLESHEET, STYLE_RULE, AT_RULE, DECLARATION, SELECTOR, COMMENT, BLOCK, IDENTIFIER, NUMBER, DIMENSION, STRING, HASH, FUNCTION, OPERATOR, PARENTHESIS, URL, VALUE, SELECTOR_LIST, TYPE_SELECTOR, CLASS_SELECTOR, ID_SELECTOR, ATTRIBUTE_SELECTOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, COMBINATOR, UNIVERSAL_SELECTOR, NESTING_SELECTOR, NTH_SELECTOR, NTH_OF_SELECTOR, LANG_SELECTOR, MEDIA_QUERY, MEDIA_FEATURE, MEDIA_TYPE, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, PRELUDE_OPERATOR, FEATURE_RANGE, AT_RULE_PRELUDE } from './arena';
 export declare const TYPE_NAMES: {
     readonly 1: "StyleSheet";
     readonly 2: "Rule";
@@ -39,9 +39,10 @@ export declare const TYPE_NAMES: {
     readonly 37: "Layer";
     readonly 38: "Operator";
     readonly 39: "MediaFeatureRange";
+    readonly 40: "AtrulePrelude";
 };
 export type TypeName = (typeof TYPE_NAMES)[keyof typeof TYPE_NAMES] | 'unknown';
-export type CSSNodeType = typeof STYLESHEET | typeof STYLE_RULE | typeof AT_RULE | typeof DECLARATION | typeof SELECTOR | typeof COMMENT | typeof BLOCK | typeof IDENTIFIER | typeof NUMBER | typeof DIMENSION | typeof STRING | typeof HASH | typeof FUNCTION | typeof OPERATOR | typeof PARENTHESIS | typeof URL | typeof VALUE | typeof SELECTOR_LIST | typeof TYPE_SELECTOR | typeof CLASS_SELECTOR | typeof ID_SELECTOR | typeof ATTRIBUTE_SELECTOR | typeof PSEUDO_CLASS_SELECTOR | typeof PSEUDO_ELEMENT_SELECTOR | typeof COMBINATOR | typeof UNIVERSAL_SELECTOR | typeof NESTING_SELECTOR | typeof NTH_SELECTOR | typeof NTH_OF_SELECTOR | typeof LANG_SELECTOR | typeof MEDIA_QUERY | typeof MEDIA_FEATURE | typeof MEDIA_TYPE | typeof CONTAINER_QUERY | typeof SUPPORTS_QUERY | typeof LAYER_NAME | typeof PRELUDE_OPERATOR | typeof FEATURE_RANGE;
+export type CSSNodeType = typeof STYLESHEET | typeof STYLE_RULE | typeof AT_RULE | typeof DECLARATION | typeof SELECTOR | typeof COMMENT | typeof BLOCK | typeof IDENTIFIER | typeof NUMBER | typeof DIMENSION | typeof STRING | typeof HASH | typeof FUNCTION | typeof OPERATOR | typeof PARENTHESIS | typeof URL | typeof VALUE | typeof SELECTOR_LIST | typeof TYPE_SELECTOR | typeof CLASS_SELECTOR | typeof ID_SELECTOR | typeof ATTRIBUTE_SELECTOR | typeof PSEUDO_CLASS_SELECTOR | typeof PSEUDO_ELEMENT_SELECTOR | typeof COMBINATOR | typeof UNIVERSAL_SELECTOR | typeof NESTING_SELECTOR | typeof NTH_SELECTOR | typeof NTH_OF_SELECTOR | typeof LANG_SELECTOR | typeof MEDIA_QUERY | typeof MEDIA_FEATURE | typeof MEDIA_TYPE | typeof CONTAINER_QUERY | typeof SUPPORTS_QUERY | typeof LAYER_NAME | typeof PRELUDE_OPERATOR | typeof FEATURE_RANGE | typeof AT_RULE_PRELUDE;
 export interface CloneOptions {
     /**
      * Recursively clone all children
@@ -63,7 +64,7 @@ export type PlainCSSNode = {
     property?: string;
     value?: string | number | null;
     unit?: string;
-    prelude?: string;
+    prelude?: PlainCSSNode | null;
     is_important?: boolean;
     is_vendor_prefixed?: boolean;
     is_browserhack?: boolean;
@@ -107,31 +108,33 @@ export declare class CSSNode {
     /** Get the numeric value for NUMBER and DIMENSION nodes, or null for other node types */
     get value_as_number(): number | null;
     /**
-     * Get the prelude text (for at-rules: "(min-width: 768px)" in "@media (min-width: 768px)")
-     * This is an alias for `value` to make at-rule usage more semantic
+     * Get the prelude node:
+     * - For at-rules: AT_RULE_PRELUDE wrapper containing structured prelude children (media queries, layer names, etc.)
+     * - For style rules: SELECTOR_LIST or SELECTOR node
+     * Returns null if no prelude exists
      */
-    get prelude(): string | null;
+    get prelude(): CSSNode | null | undefined;
     /**
      * Get the attribute operator (for attribute selectors: =, ~=, |=, ^=, $=, *=)
      * Returns one of the ATTR_OPERATOR_* constants
      */
-    get attr_operator(): number;
+    get attr_operator(): number | undefined;
     /**
      * Get the attribute flags (for attribute selectors: i, s)
      * Returns one of the ATTR_FLAG_* constants
      */
-    get attr_flags(): number;
+    get attr_flags(): number | undefined;
     /** Get the unit for dimension nodes (e.g., "px" from "100px", "%" from "50%") */
-    get unit(): string | null;
+    get unit(): string | undefined;
     /** Check if this declaration has !important */
-    get is_important(): boolean | null;
+    get is_important(): boolean | undefined;
     /** Check if this declaration has a browser hack prefix */
-    get is_browserhack(): boolean | null;
+    get is_browserhack(): boolean | undefined;
     /** Check if this has a vendor prefix (computed on-demand) */
     get is_vendor_prefixed(): boolean;
     /** Check if this node has an error */
     get has_error(): boolean;
-    /** Check if this at-rule has a prelude */
+    /** Check if this node has a prelude (at-rules and style rules) */
     get has_prelude(): boolean;
     /** Check if this rule has a block { } */
     get has_block(): boolean;
@@ -140,7 +143,7 @@ export declare class CSSNode {
     /** Get the block node (for style rules and at-rules with blocks) */
     get block(): CSSNode | null;
     /** Check if this block is empty (no declarations or rules, only comments allowed) */
-    get is_empty(): boolean;
+    get is_empty(): boolean | undefined;
     /** Get start line number */
     get line(): number;
     /** Get start column number */
@@ -171,37 +174,18 @@ export declare class CSSNode {
     /** Make CSSNode iterable over its children */
     [Symbol.iterator](): Iterator<CSSNode>;
     /** Get the 'a' coefficient from An+B expression (e.g., "2n" from "2n+1", "odd" from "odd") */
-    get nth_a(): string | null;
+    get nth_a(): string | undefined;
     /** Get the 'b' coefficient from An+B expression (e.g., "+1" from "2n+1") */
-    get nth_b(): string | null;
+    get nth_b(): string | undefined;
     /** Get the An+B formula node from :nth-child(2n+1 of .foo) */
-    get nth(): CSSNode | null;
+    get nth(): CSSNode | undefined;
     /** Get the selector list from :nth-child(2n+1 of .foo) */
-    get selector(): CSSNode | null;
+    get selector(): CSSNode | undefined;
     /**
      * Get selector list from pseudo-class functions
      * Works for :is(.a), :not(.b), :has(.c), :where(.d), :nth-child(2n of .e)
      */
-    get selector_list(): CSSNode | null;
-    /**
-     * Iterator over first compound selector parts (zero allocation)
-     * Yields parts before the first combinator
-     */
-    compound_parts(): IterableIterator<CSSNode>;
-    /**
-     * Get first compound selector as array
-     * Returns array of parts before first combinator
-     */
-    get first_compound(): CSSNode[];
-    /**
-     * Split selector into compound selectors
-     * Returns array of compound arrays split by combinators
-     */
-    get all_compounds(): CSSNode[][];
-    /** Check if selector is compound (no combinators) */
-    get is_compound(): boolean;
-    /** Get text of first compound selector (no node allocation) */
-    get first_compound_text(): string;
+    get selector_list(): CSSNode | undefined;
     /**
      * Clone this node as a mutable plain JavaScript object with children as arrays.
      * See API.md for examples.

package/dist/css-node.js

@@ -1,4 +1,4 @@
-import { DECLARATION, DIMENSION, NUMBER, URL, STRING, FLAG_IMPORTANT, FLAG_BROWSERHACK, IDENTIFIER, FUNCTION, AT_RULE, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, FLAG_HAS_ERROR, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, STYLE_RULE, BLOCK, COMMENT, FLAG_HAS_PARENS, NTH_SELECTOR, NTH_OF_SELECTOR, SELECTOR_LIST, SELECTOR, COMBINATOR, ATTRIBUTE_SELECTOR, FEATURE_RANGE, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_FEATURE, MEDIA_QUERY, LANG_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, VALUE, PARENTHESIS, OPERATOR, HASH, STYLESHEET } from './arena.js';
+import { DECLARATION, DIMENSION, NUMBER, URL, STRING, AT_RULE, AT_RULE_PRELUDE, STYLE_RULE, ATTRIBUTE_SELECTOR, FLAG_IMPORTANT, FLAG_BROWSERHACK, IDENTIFIER, FUNCTION, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, FLAG_HAS_ERROR, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, BLOCK, COMMENT, FLAG_HAS_PARENS, NTH_SELECTOR, NTH_OF_SELECTOR, SELECTOR_LIST, FEATURE_RANGE, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_FEATURE, MEDIA_QUERY, LANG_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, COMBINATOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, VALUE, PARENTHESIS, OPERATOR, HASH, SELECTOR, STYLESHEET } from './arena.js';
 import { str_starts_with, is_vendor_prefixed, is_whitespace, CHAR_MINUS_HYPHEN, CHAR_PLUS } from './string-utils.js';
 import { parse_dimension } from './parse-utils.js';
 
@@ -40,7 +40,8 @@ const TYPE_NAMES = {
   [SUPPORTS_QUERY]: "SupportsQuery",
   [LAYER_NAME]: "Layer",
   [PRELUDE_OPERATOR]: "Operator",
-  [FEATURE_RANGE]: "MediaFeatureRange"
+  [FEATURE_RANGE]: "MediaFeatureRange",
+  [AT_RULE_PRELUDE]: "AtrulePrelude"
 };
 class CSSNode {
   arena;
@@ -137,18 +138,30 @@ class CSSNode {
     return null;
   }
   /**
-   * Get the prelude text (for at-rules: "(min-width: 768px)" in "@media (min-width: 768px)")
-   * This is an alias for `value` to make at-rule usage more semantic
+   * Get the prelude node:
+   * - For at-rules: AT_RULE_PRELUDE wrapper containing structured prelude children (media queries, layer names, etc.)
+   * - For style rules: SELECTOR_LIST or SELECTOR node
+   * Returns null if no prelude exists
    */
   get prelude() {
-    let val = this.value;
-    return typeof val === "string" ? val : null;
+    if (this.type === AT_RULE) {
+      let first = this.first_child;
+      if (first && first.type === AT_RULE_PRELUDE) {
+        return first;
+      }
+      return null;
+    }
+    if (this.type === STYLE_RULE) {
+      return this.first_child;
+    }
+    return void 0;
   }
   /**
    * Get the attribute operator (for attribute selectors: =, ~=, |=, ^=, $=, *=)
    * Returns one of the ATTR_OPERATOR_* constants
    */
   get attr_operator() {
+    if (this.type !== ATTRIBUTE_SELECTOR) return void 0;
     return this.arena.get_attr_operator(this.index);
   }
   /**
@@ -156,21 +169,22 @@ class CSSNode {
    * Returns one of the ATTR_FLAG_* constants
    */
   get attr_flags() {
+    if (this.type !== ATTRIBUTE_SELECTOR) return void 0;
     return this.arena.get_attr_flags(this.index);
   }
   /** Get the unit for dimension nodes (e.g., "px" from "100px", "%" from "50%") */
   get unit() {
-    if (this.type !== DIMENSION) return null;
+    if (this.type !== DIMENSION) return void 0;
     return parse_dimension(this.text).unit;
   }
   /** Check if this declaration has !important */
   get is_important() {
-    if (this.type !== DECLARATION) return null;
+    if (this.type !== DECLARATION) return void 0;
     return this.arena.has_flag(this.index, FLAG_IMPORTANT);
   }
   /** Check if this declaration has a browser hack prefix */
   get is_browserhack() {
-    if (this.type !== DECLARATION) return null;
+    if (this.type !== DECLARATION) return void 0;
     return this.arena.has_flag(this.index, FLAG_BROWSERHACK);
   }
   /** Check if this has a vendor prefix (computed on-demand) */
@@ -195,9 +209,15 @@ class CSSNode {
   get has_error() {
     return this.arena.has_flag(this.index, FLAG_HAS_ERROR);
   }
-  /** Check if this at-rule has a prelude */
+  /** Check if this node has a prelude (at-rules and style rules) */
   get has_prelude() {
-    return this.arena.get_value_length(this.index) > 0;
+    if (this.type === AT_RULE) {
+      return this.arena.get_value_length(this.index) > 0;
+    }
+    if (this.type === STYLE_RULE) {
+      return this.first_child !== null;
+    }
+    return false;
   }
   /** Check if this rule has a block { } */
   get has_block() {
@@ -232,7 +252,7 @@ class CSSNode {
   }
   /** Check if this block is empty (no declarations or rules, only comments allowed) */
   get is_empty() {
-    if (this.type !== BLOCK) return false;
+    if (this.type !== BLOCK) return void 0;
     let child = this.first_child;
     while (child) {
       if (child.type !== COMMENT) {
@@ -317,17 +337,17 @@ class CSSNode {
   // --- An+B Expression Helpers (for NODE_SELECTOR_NTH) ---
   /** Get the 'a' coefficient from An+B expression (e.g., "2n" from "2n+1", "odd" from "odd") */
   get nth_a() {
-    if (this.type !== NTH_SELECTOR) return null;
+    if (this.type !== NTH_SELECTOR && this.type !== NTH_OF_SELECTOR) return void 0;
     let len = this.arena.get_content_length(this.index);
-    if (len === 0) return null;
+    if (len === 0) return void 0;
     let start = this.arena.get_content_start(this.index);
     return this.source.substring(start, start + len);
   }
   /** Get the 'b' coefficient from An+B expression (e.g., "+1" from "2n+1") */
   get nth_b() {
-    if (this.type !== NTH_SELECTOR) return null;
+    if (this.type !== NTH_SELECTOR && this.type !== NTH_OF_SELECTOR) return void 0;
     let len = this.arena.get_value_length(this.index);
-    if (len === 0) return null;
+    if (len === 0) return void 0;
     let start = this.arena.get_value_start(this.index);
     let value = this.source.substring(start, start + len);
     let check_pos = start - 1;
@@ -349,14 +369,14 @@ class CSSNode {
   // --- Pseudo-Class Nth-Of Helpers (for NODE_SELECTOR_NTH_OF) ---
   /** Get the An+B formula node from :nth-child(2n+1 of .foo) */
   get nth() {
-    if (this.type !== NTH_OF_SELECTOR) return null;
-    return this.first_child;
+    if (this.type !== NTH_OF_SELECTOR) return void 0;
+    return this.first_child ?? void 0;
   }
   /** Get the selector list from :nth-child(2n+1 of .foo) */
   get selector() {
-    if (this.type !== NTH_OF_SELECTOR) return null;
+    if (this.type !== NTH_OF_SELECTOR) return void 0;
     let first = this.first_child;
-    return first ? first.next_sibling : null;
+    return first?.next_sibling ?? void 0;
   }
   // --- Pseudo-Class Selector List Helper ---
   /**
@@ -364,95 +384,16 @@ class CSSNode {
    * Works for :is(.a), :not(.b), :has(.c), :where(.d), :nth-child(2n of .e)
    */
   get selector_list() {
-    if (this.type !== PSEUDO_CLASS_SELECTOR) return null;
+    if (this.type !== PSEUDO_CLASS_SELECTOR) return void 0;
     let child = this.first_child;
-    if (!child) return null;
+    if (!child) return void 0;
     if (child.type === SELECTOR_LIST) {
       return child;
     }
     if (child.type === NTH_OF_SELECTOR) {
       return child.selector;
     }
-    return null;
-  }
-  // --- Compound Selector Helpers (for NODE_SELECTOR) ---
-  /**
-   * Iterator over first compound selector parts (zero allocation)
-   * Yields parts before the first combinator
-   */
-  *compound_parts() {
-    if (this.type !== SELECTOR) return;
-    let child = this.first_child;
-    while (child) {
-      if (child.type === COMBINATOR) break;
-      yield child;
-      child = child.next_sibling;
-    }
-  }
-  /**
-   * Get first compound selector as array
-   * Returns array of parts before first combinator
-   */
-  get first_compound() {
-    if (this.type !== SELECTOR) return [];
-    let result = [];
-    let child = this.first_child;
-    while (child) {
-      if (child.type === COMBINATOR) break;
-      result.push(child);
-      child = child.next_sibling;
-    }
-    return result;
-  }
-  /**
-   * Split selector into compound selectors
-   * Returns array of compound arrays split by combinators
-   */
-  get all_compounds() {
-    if (this.type !== SELECTOR) return [];
-    let compounds = [];
-    let current_compound = [];
-    let child = this.first_child;
-    while (child) {
-      if (child.type === COMBINATOR) {
-        if (current_compound.length > 0) {
-          compounds.push(current_compound);
-          current_compound = [];
-        }
-      } else {
-        current_compound.push(child);
-      }
-      child = child.next_sibling;
-    }
-    if (current_compound.length > 0) {
-      compounds.push(current_compound);
-    }
-    return compounds;
-  }
-  /** Check if selector is compound (no combinators) */
-  get is_compound() {
-    if (this.type !== SELECTOR) return false;
-    let child = this.first_child;
-    while (child) {
-      if (child.type === COMBINATOR) return false;
-      child = child.next_sibling;
-    }
-    return true;
-  }
-  /** Get text of first compound selector (no node allocation) */
-  get first_compound_text() {
-    if (this.type !== SELECTOR) return "";
-    let start = -1;
-    let end = -1;
-    let child = this.first_child;
-    while (child) {
-      if (child.type === COMBINATOR) break;
-      if (start === -1) start = child.start;
-      end = child.start + child.length;
-      child = child.next_sibling;
-    }
-    if (start === -1) return "";
-    return this.source.substring(start, end);
+    return void 0;
   }
   // --- Node Cloning ---
   /**
@@ -477,9 +418,6 @@ class CSSNode {
       plain.value = this.value;
       if (this.unit) plain.unit = this.unit;
     }
-    if (this.type === AT_RULE && this.prelude) {
-      plain.prelude = this.prelude;
-    }
     if (this.type === DECLARATION) {
       plain.is_important = this.is_important;
       plain.is_browserhack = this.is_browserhack;

package/dist/index.js

@@ -7,6 +7,6 @@ export { tokenize } from './tokenize.js';
 export { BREAK, SKIP, traverse, walk } from './walk.js';
 export { is_custom, is_vendor_prefixed, str_equals, str_index_of, str_starts_with } from './string-utils.js';
 export { CSSNode, TYPE_NAMES } from './css-node.js';
-export { ATTRIBUTE_SELECTOR, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_NONE, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, AT_RULE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, DECLARATION, DIMENSION, FEATURE_RANGE, FLAG_IMPORTANT, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNIVERSAL_SELECTOR, URL, VALUE } from './arena.js';
+export { ATTRIBUTE_SELECTOR, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_NONE, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, AT_RULE, AT_RULE_PRELUDE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, DECLARATION, DIMENSION, FEATURE_RANGE, FLAG_IMPORTANT, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNIVERSAL_SELECTOR, URL, VALUE } from './arena.js';
 export { NODE_TYPES } from './constants.js';
 export { TOKEN_AT_KEYWORD, TOKEN_BAD_STRING, TOKEN_BAD_URL, TOKEN_CDC, TOKEN_CDO, TOKEN_COLON, TOKEN_COMMA, TOKEN_COMMENT, TOKEN_DELIM, TOKEN_DIMENSION, TOKEN_EOF, TOKEN_FUNCTION, TOKEN_HASH, TOKEN_IDENT, TOKEN_LEFT_BRACE, TOKEN_LEFT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_NUMBER, TOKEN_PERCENTAGE, TOKEN_RIGHT_BRACE, TOKEN_RIGHT_BRACKET, TOKEN_RIGHT_PAREN, TOKEN_SEMICOLON, TOKEN_STRING, TOKEN_URL, TOKEN_WHITESPACE } from './token-types.js';

package/dist/parse-atrule-prelude.js

@@ -1,7 +1,7 @@
 import { Lexer } from './tokenize.js';
-import { CSSDataArena, PRELUDE_OPERATOR, MEDIA_TYPE, MEDIA_QUERY, MEDIA_FEATURE, FUNCTION, IDENTIFIER, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, URL, STRING, DIMENSION, NUMBER, FEATURE_RANGE } from './arena.js';
-import { TOKEN_COMMA, TOKEN_IDENT, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_FUNCTION, TOKEN_EOF, TOKEN_WHITESPACE, TOKEN_URL, TOKEN_STRING, TOKEN_DIMENSION, TOKEN_PERCENTAGE, TOKEN_NUMBER } from './token-types.js';
-import { str_equals, CHAR_LESS_THAN, CHAR_GREATER_THAN, CHAR_EQUALS, CHAR_COLON, is_whitespace } from './string-utils.js';
+import { CSSDataArena, PRELUDE_OPERATOR, MEDIA_TYPE, MEDIA_QUERY, MEDIA_FEATURE, FUNCTION, IDENTIFIER, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, STRING, URL, DIMENSION, NUMBER, FEATURE_RANGE } from './arena.js';
+import { TOKEN_COMMA, TOKEN_IDENT, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_FUNCTION, TOKEN_EOF, TOKEN_WHITESPACE, TOKEN_STRING, TOKEN_URL, TOKEN_DIMENSION, TOKEN_PERCENTAGE, TOKEN_NUMBER } from './token-types.js';
+import { strip_vendor_prefix, str_equals, CHAR_LESS_THAN, CHAR_GREATER_THAN, CHAR_EQUALS, CHAR_COLON, is_whitespace } from './string-utils.js';
 import { trim_boundaries, skip_whitespace_forward } from './parse-utils.js';
 import { CSSNode } from './css-node.js';
 
@@ -26,20 +26,23 @@ class AtRulePreludeParser {
   }
   // Dispatch to appropriate parser based on at-rule type
   parse_prelude_dispatch(at_rule_name) {
-    if (str_equals("media", at_rule_name)) {
+    let normalized_name = strip_vendor_prefix(at_rule_name);
+    if (str_equals("media", normalized_name)) {
       return this.parse_media_query_list();
-    } else if (str_equals("container", at_rule_name)) {
+    } else if (str_equals("container", normalized_name)) {
       return this.parse_container_query();
-    } else if (str_equals("supports", at_rule_name)) {
+    } else if (str_equals("supports", normalized_name)) {
       return this.parse_supports_query();
-    } else if (str_equals("layer", at_rule_name)) {
+    } else if (str_equals("layer", normalized_name)) {
       return this.parse_layer_names();
-    } else if (str_equals("keyframes", at_rule_name)) {
+    } else if (str_equals("keyframes", normalized_name)) {
       return this.parse_identifier();
-    } else if (str_equals("property", at_rule_name)) {
+    } else if (str_equals("property", normalized_name)) {
       return this.parse_identifier();
-    } else if (str_equals("import", at_rule_name)) {
+    } else if (str_equals("import", normalized_name)) {
       return this.parse_import_prelude();
+    } else if (str_equals("charset", normalized_name)) {
+      return this.parse_charset_prelude();
     }
     return [];
   }
@@ -303,6 +306,15 @@ class AtRulePreludeParser {
     let ident = this.create_node(IDENTIFIER, this.lexer.token_start, this.lexer.token_end);
     return [ident];
   }
+  // Parse @charset prelude: "UTF-8"
+  parse_charset_prelude() {
+    this.skip_whitespace();
+    if (this.lexer.pos >= this.prelude_end) return [];
+    this.next_token();
+    if (this.lexer.token_type !== TOKEN_STRING) return [];
+    let str = this.create_node(STRING, this.lexer.token_start, this.lexer.token_end);
+    return [str];
+  }
   // Parse @import prelude: url() [layer] [supports()] [media-query-list]
   // @import url("styles.css") layer(base) supports(display: grid) screen and (min-width: 768px);
   parse_import_prelude() {

package/dist/parse-selector.js

@@ -34,9 +34,13 @@ class SelectorParser {
     let list_column = this.lexer.column;
     while (this.lexer.pos < this.selector_end) {
       let selector_start = this.lexer.pos;
+      let selector_line = this.lexer.line;
+      let selector_column = this.lexer.column;
       let complex_selector = this.parse_complex_selector(allow_relative);
       if (complex_selector !== null) {
-        let selector_wrapper = this.create_node(SELECTOR, selector_start, this.lexer.pos);
+        let selector_wrapper = this.arena.create_node(SELECTOR, selector_start, this.lexer.pos - selector_start, selector_line, selector_column);
+        this.arena.set_content_start_delta(selector_wrapper, 0);
+        this.arena.set_content_length(selector_wrapper, this.lexer.pos - selector_start);
         let last_component = complex_selector;
         let next_sibling = this.arena.get_next_sibling(last_component);
         while (next_sibling !== 0) {
@@ -77,7 +81,7 @@ class SelectorParser {
       if (token_type === TOKEN_DELIM) {
         let ch = this.source.charCodeAt(this.lexer.token_start);
         if (ch === CHAR_GREATER_THAN || ch === CHAR_PLUS || ch === CHAR_TILDE) {
-          let combinator = this.create_node(COMBINATOR, this.lexer.token_start, this.lexer.token_end);
+          let combinator = this.create_node_at(COMBINATOR, this.lexer.token_start, this.lexer.token_end, this.lexer.token_line, this.lexer.token_column);
           components.push(combinator);
           this.skip_whitespace();
         } else {
@@ -233,40 +237,48 @@ class SelectorParser {
   // Parse combinator (>, +, ~, or descendant space)
   try_parse_combinator() {
     let whitespace_start = this.lexer.pos;
+    let whitespace_start_line = this.lexer.line;
+    let whitespace_start_column = this.lexer.column;
     let has_whitespace = false;
     while (this.lexer.pos < this.selector_end) {
       let ch = this.source.charCodeAt(this.lexer.pos);
       if (ch === CHAR_SPACE || ch === CHAR_TAB || ch === CHAR_NEWLINE || ch === CHAR_CARRIAGE_RETURN || ch === CHAR_FORM_FEED) {
         has_whitespace = true;
-        this.lexer.pos++;
+        this.lexer.advance();
       } else {
         break;
       }
     }
     if (this.lexer.pos >= this.selector_end) {
       this.lexer.pos = whitespace_start;
+      this.lexer.line = whitespace_start_line;
+      this.lexer.column = whitespace_start_column;
       return null;
     }
     this.lexer.next_token_fast(false);
     if (this.lexer.token_type === TOKEN_DELIM) {
       let ch = this.source.charCodeAt(this.lexer.token_start);
       if (is_combinator(ch)) {
-        return this.create_node(COMBINATOR, this.lexer.token_start, this.lexer.token_end);
+        return this.create_node_at(COMBINATOR, this.lexer.token_start, this.lexer.token_end, this.lexer.token_line, this.lexer.token_column);
       }
     }
     if (has_whitespace) {
       this.lexer.pos = whitespace_start;
+      this.lexer.line = whitespace_start_line;
+      this.lexer.column = whitespace_start_column;
       while (this.lexer.pos < this.selector_end) {
         let ch = this.source.charCodeAt(this.lexer.pos);
         if (ch === CHAR_SPACE || ch === CHAR_TAB || ch === CHAR_NEWLINE || ch === CHAR_CARRIAGE_RETURN || ch === CHAR_FORM_FEED) {
-          this.lexer.pos++;
+          this.lexer.advance();
         } else {
           break;
         }
       }
-      return this.create_node(COMBINATOR, whitespace_start, this.lexer.pos);
+      return this.create_node_at(COMBINATOR, whitespace_start, this.lexer.pos, whitespace_start_line, whitespace_start_column);
     }
     this.lexer.pos = whitespace_start;
+    this.lexer.line = whitespace_start_line;
+    this.lexer.column = whitespace_start_column;
     return null;
   }
   // Parse class selector (.classname)
@@ -568,14 +580,22 @@ class SelectorParser {
     return -1;
   }
   create_node(type, start, end) {
-    let node = this.arena.create_node(type, start, end - start, this.lexer.line, this.lexer.column);
+    let node = this.arena.create_node(type, start, end - start, this.lexer.token_line, this.lexer.token_column);
     this.arena.set_content_start_delta(node, 0);
     this.arena.set_content_length(node, end - start);
     return node;
   }
-  // Helper to skip whitespace
+  create_node_at(type, start, end, line, column) {
+    let node = this.arena.create_node(type, start, end - start, line, column);
+    this.arena.set_content_start_delta(node, 0);
+    this.arena.set_content_length(node, end - start);
+    return node;
+  }
+  // Helper to skip whitespace and update line/column
   skip_whitespace() {
-    this.lexer.pos = skip_whitespace_forward(this.source, this.lexer.pos, this.selector_end);
+    while (this.lexer.pos < this.selector_end && is_whitespace(this.source.charCodeAt(this.lexer.pos))) {
+      this.lexer.advance();
+    }
   }
 }
 function parse_selector(source) {

package/dist/parse.js

@@ -1,5 +1,5 @@
 import { Lexer } from './tokenize.js';
-import { CSSDataArena, STYLESHEET, STYLE_RULE, FLAG_HAS_BLOCK, BLOCK, FLAG_HAS_DECLARATIONS, SELECTOR_LIST, AT_RULE } from './arena.js';
+import { CSSDataArena, STYLESHEET, STYLE_RULE, FLAG_HAS_BLOCK, BLOCK, FLAG_HAS_DECLARATIONS, SELECTOR_LIST, AT_RULE, AT_RULE_PRELUDE } from './arena.js';
 import { CSSNode } from './css-node.js';
 import { SelectorParser } from './parse-selector.js';
 import { AtRulePreludeParser } from './parse-atrule-prelude.js';
@@ -167,13 +167,13 @@ class Parser {
       this.next_token();
     }
     if (this.parse_selectors_enabled && this.selector_parser) {
-      let selectorNode = this.selector_parser.parse_selector(selector_start, last_end, selector_line, selector_column);
-      if (selectorNode !== null) {
-        return selectorNode;
+      let selector = this.selector_parser.parse_selector(selector_start, last_end, selector_line, selector_column);
+      if (selector !== null) {
+        return selector;
       }
     }
-    let selector = this.arena.create_node(SELECTOR_LIST, selector_start, last_end - selector_start, selector_line, selector_column);
-    return selector;
+    let selector_list = this.arena.create_node(SELECTOR_LIST, selector_start, last_end - selector_start, selector_line, selector_column);
+    return selector_list;
   }
   // Parse a declaration: property: value;
   parse_declaration() {
@@ -221,12 +221,16 @@ class Parser {
       this.next_token();
     }
     let trimmed = trim_boundaries(this.source, prelude_start, prelude_end);
-    let prelude_nodes = [];
+    let prelude_wrapper = null;
     if (trimmed) {
       this.arena.set_value_start_delta(at_rule, trimmed[0] - at_rule_start);
       this.arena.set_value_length(at_rule, trimmed[1] - trimmed[0]);
       if (this.prelude_parser) {
-        prelude_nodes = this.prelude_parser.parse_prelude(at_rule_name, trimmed[0], trimmed[1], at_rule_line, at_rule_column);
+        prelude_wrapper = this.arena.create_node(AT_RULE_PRELUDE, trimmed[0], trimmed[1] - trimmed[0], at_rule_line, at_rule_column);
+        let prelude_nodes = this.prelude_parser.parse_prelude(at_rule_name, trimmed[0], trimmed[1], at_rule_line, at_rule_column);
+        if (prelude_nodes.length > 0) {
+          this.arena.append_children(prelude_wrapper, prelude_nodes);
+        }
       }
     }
     let last_end = this.lexer.token_end;
@@ -304,13 +308,26 @@ class Parser {
         this.arena.set_length(block_node, last_end - block_start);
       }
       this.arena.append_children(block_node, block_children);
-      prelude_nodes.push(block_node);
+      let at_rule_children = [];
+      if (prelude_wrapper !== null) {
+        at_rule_children.push(prelude_wrapper);
+      }
+      at_rule_children.push(block_node);
+      this.arena.set_length(at_rule, last_end - at_rule_start);
+      this.arena.append_children(at_rule, at_rule_children);
     } else if (this.peek_type() === TOKEN_SEMICOLON) {
       last_end = this.lexer.token_end;
       this.next_token();
+      this.arena.set_length(at_rule, last_end - at_rule_start);
+      if (prelude_wrapper !== null) {
+        this.arena.append_children(at_rule, [prelude_wrapper]);
+      }
+    } else {
+      this.arena.set_length(at_rule, last_end - at_rule_start);
+      if (prelude_wrapper !== null) {
+        this.arena.append_children(at_rule, [prelude_wrapper]);
+      }
     }
-    this.arena.set_length(at_rule, last_end - at_rule_start);
-    this.arena.append_children(at_rule, prelude_nodes);
     return at_rule;
   }
   // Determine if an at-rule contains declarations or nested rules

package/dist/string-utils.d.ts

@@ -82,3 +82,18 @@ export declare function is_vendor_prefixed(source: string, start: number, end: n
  * - `color` → false
  */
 export declare function is_custom(str: string): boolean;
+/**
+ * Strip vendor prefix from a string
+ *
+ * @param str - The string to strip vendor prefix from
+ * @returns The string without vendor prefix, or original string if no prefix found
+ *
+ * Examples:
+ * - `-webkit-keyframes` → `keyframes`
+ * - `-moz-appearance` → `appearance`
+ * - `-ms-filter` → `filter`
+ * - `-o-border-image` → `border-image`
+ * - `keyframes` → `keyframes` (no change)
+ * - `--custom-property` → `--custom-property` (custom property, not vendor prefix)
+ */
+export declare function strip_vendor_prefix(str: string): string;

package/dist/string-utils.js

@@ -114,5 +114,16 @@ function is_custom(str) {
   if (str.length < 3) return false;
   return str.charCodeAt(0) === CHAR_MINUS_HYPHEN && str.charCodeAt(1) === CHAR_MINUS_HYPHEN;
 }
+function strip_vendor_prefix(str) {
+  if (!is_vendor_prefixed(str)) {
+    return str;
+  }
+  for (let i = 2; i < str.length; i++) {
+    if (str.charCodeAt(i) === CHAR_MINUS_HYPHEN) {
+      return str.substring(i + 1);
+    }
+  }
+  return str;
+}
 
-export { CHAR_AMPERSAND, CHAR_ASTERISK, CHAR_CARET, CHAR_CARRIAGE_RETURN, CHAR_COLON, CHAR_DOLLAR, CHAR_DOUBLE_QUOTE, CHAR_EQUALS, CHAR_FORM_FEED, CHAR_FORWARD_SLASH, CHAR_GREATER_THAN, CHAR_LESS_THAN, CHAR_MINUS_HYPHEN, CHAR_NEWLINE, CHAR_PERIOD, CHAR_PIPE, CHAR_PLUS, CHAR_SINGLE_QUOTE, CHAR_SPACE, CHAR_TAB, CHAR_TILDE, is_combinator, is_custom, is_digit, is_vendor_prefixed, is_whitespace, str_equals, str_index_of, str_starts_with };
+export { CHAR_AMPERSAND, CHAR_ASTERISK, CHAR_CARET, CHAR_CARRIAGE_RETURN, CHAR_COLON, CHAR_DOLLAR, CHAR_DOUBLE_QUOTE, CHAR_EQUALS, CHAR_FORM_FEED, CHAR_FORWARD_SLASH, CHAR_GREATER_THAN, CHAR_LESS_THAN, CHAR_MINUS_HYPHEN, CHAR_NEWLINE, CHAR_PERIOD, CHAR_PIPE, CHAR_PLUS, CHAR_SINGLE_QUOTE, CHAR_SPACE, CHAR_TAB, CHAR_TILDE, is_combinator, is_custom, is_digit, is_vendor_prefixed, is_whitespace, str_equals, str_index_of, str_starts_with, strip_vendor_prefix };

package/dist/tokenize.js

@@ -1,5 +1,5 @@
-import { is_whitespace, is_newline, is_digit, is_ident_start, is_hex_digit, is_ident_char } from './char-types.js';
-import { TOKEN_EOF, TOKEN_LEFT_BRACE, TOKEN_RIGHT_BRACE, TOKEN_COLON, TOKEN_SEMICOLON, TOKEN_COMMA, TOKEN_LEFT_BRACKET, TOKEN_RIGHT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_CDO, TOKEN_CDC, TOKEN_DELIM, TOKEN_WHITESPACE, TOKEN_COMMENT, TOKEN_STRING, TOKEN_BAD_STRING, TOKEN_PERCENTAGE, TOKEN_DIMENSION, TOKEN_NUMBER, TOKEN_FUNCTION, TOKEN_IDENT, TOKEN_AT_KEYWORD, TOKEN_HASH } from './token-types.js';
+import { char_types, CHAR_WHITESPACE, CHAR_NEWLINE, CHAR_DIGIT, is_ident_start, is_newline, is_hex_digit, is_whitespace, is_ident_char } from './char-types.js';
+import { TOKEN_EOF, TOKEN_RIGHT_PAREN, TOKEN_LEFT_PAREN, TOKEN_RIGHT_BRACKET, TOKEN_LEFT_BRACKET, TOKEN_COMMA, TOKEN_SEMICOLON, TOKEN_COLON, TOKEN_RIGHT_BRACE, TOKEN_LEFT_BRACE, TOKEN_CDO, TOKEN_CDC, TOKEN_DELIM, TOKEN_WHITESPACE, TOKEN_COMMENT, TOKEN_STRING, TOKEN_BAD_STRING, TOKEN_PERCENTAGE, TOKEN_DIMENSION, TOKEN_NUMBER, TOKEN_FUNCTION, TOKEN_IDENT, TOKEN_AT_KEYWORD, TOKEN_HASH } from './token-types.js';
 
 const CHAR_LEFT_BRACE = 123;
 const CHAR_RIGHT_BRACE = 125;
@@ -57,7 +57,7 @@ class Lexer {
     if (skip_whitespace) {
       while (this.pos < this.source.length) {
         let ch2 = this.source.charCodeAt(this.pos);
-        if (!is_whitespace(ch2) && !is_newline(ch2)) break;
+        if (ch2 >= 128 || (char_types[ch2] & (CHAR_WHITESPACE | CHAR_NEWLINE)) === 0) break;
         this.advance();
       }
     }
@@ -68,43 +68,36 @@ class Lexer {
     let start = this.pos;
     let start_line = this.line;
     let start_column = this.column;
-    if (ch === CHAR_LEFT_BRACE) {
-      this.advance();
-      return this.make_token(TOKEN_LEFT_BRACE, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_RIGHT_BRACE) {
-      this.advance();
-      return this.make_token(TOKEN_RIGHT_BRACE, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_COLON) {
-      this.advance();
-      return this.make_token(TOKEN_COLON, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_SEMICOLON) {
-      this.advance();
-      return this.make_token(TOKEN_SEMICOLON, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_COMMA) {
-      this.advance();
-      return this.make_token(TOKEN_COMMA, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_LEFT_BRACKET) {
-      this.advance();
-      return this.make_token(TOKEN_LEFT_BRACKET, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_RIGHT_BRACKET) {
-      this.advance();
-      return this.make_token(TOKEN_RIGHT_BRACKET, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_LEFT_PAREN) {
-      this.advance();
-      return this.make_token(TOKEN_LEFT_PAREN, start, this.pos, start_line, start_column);
-    }
-    if (ch === CHAR_RIGHT_PAREN) {
-      this.advance();
-      return this.make_token(TOKEN_RIGHT_PAREN, start, this.pos, start_line, start_column);
+    switch (ch) {
+      case CHAR_LEFT_BRACE:
+        this.advance();
+        return this.make_token(TOKEN_LEFT_BRACE, start, this.pos, start_line, start_column);
+      case CHAR_RIGHT_BRACE:
+        this.advance();
+        return this.make_token(TOKEN_RIGHT_BRACE, start, this.pos, start_line, start_column);
+      case CHAR_COLON:
+        this.advance();
+        return this.make_token(TOKEN_COLON, start, this.pos, start_line, start_column);
+      case CHAR_SEMICOLON:
+        this.advance();
+        return this.make_token(TOKEN_SEMICOLON, start, this.pos, start_line, start_column);
+      case CHAR_COMMA:
+        this.advance();
+        return this.make_token(TOKEN_COMMA, start, this.pos, start_line, start_column);
+      case CHAR_LEFT_BRACKET:
+        this.advance();
+        return this.make_token(TOKEN_LEFT_BRACKET, start, this.pos, start_line, start_column);
+      case CHAR_RIGHT_BRACKET:
+        this.advance();
+        return this.make_token(TOKEN_RIGHT_BRACKET, start, this.pos, start_line, start_column);
+      case CHAR_LEFT_PAREN:
+        this.advance();
+        return this.make_token(TOKEN_LEFT_PAREN, start, this.pos, start_line, start_column);
+      case CHAR_RIGHT_PAREN:
+        this.advance();
+        return this.make_token(TOKEN_RIGHT_PAREN, start, this.pos, start_line, start_column);
     }
-    if (is_whitespace(ch) || is_newline(ch)) {
+    if (ch < 128 && (char_types[ch] & (CHAR_WHITESPACE | CHAR_NEWLINE)) !== 0) {
       return this.consume_whitespace(start_line, start_column);
     }
     if (ch === CHAR_FORWARD_SLASH && this.peek() === CHAR_ASTERISK) {
@@ -112,7 +105,7 @@ class Lexer {
         this.advance(2);
         while (this.pos < this.source.length - 1) {
           let ch2 = this.source.charCodeAt(this.pos);
-          if (ch2 === CHAR_ASTERISK && this.source.charCodeAt(this.pos + 1) === CHAR_FORWARD_SLASH) {
+          if (ch2 === CHAR_ASTERISK && this.peek() === CHAR_FORWARD_SLASH) {
             this.advance(2);
             break;
           }
@@ -125,20 +118,23 @@ class Lexer {
     if (ch === CHAR_DOUBLE_QUOTE || ch === CHAR_SINGLE_QUOTE) {
       return this.consume_string(ch, start_line, start_column);
     }
-    if (is_digit(ch)) {
+    if (ch < 128 && (char_types[ch] & CHAR_DIGIT) !== 0) {
       return this.consume_number(start_line, start_column);
     }
-    if (ch === CHAR_DOT && is_digit(this.peek())) {
-      return this.consume_number(start_line, start_column);
+    if (ch === CHAR_DOT) {
+      let next = this.peek();
+      if (next < 128 && (char_types[next] & CHAR_DIGIT) !== 0) {
+        return this.consume_number(start_line, start_column);
+      }
     }
     if (ch === CHAR_LESS_THAN && this.pos + 3 < this.source.length) {
-      if (this.source.charCodeAt(this.pos + 1) === CHAR_EXCLAMATION && this.source.charCodeAt(this.pos + 2) === CHAR_HYPHEN && this.source.charCodeAt(this.pos + 3) === CHAR_HYPHEN) {
+      if (this.peek() === CHAR_EXCLAMATION && this.peek(2) === CHAR_HYPHEN && this.peek(3) === CHAR_HYPHEN) {
         this.advance(4);
         return this.make_token(TOKEN_CDO, start, this.pos, start_line, start_column);
       }
     }
     if (ch === CHAR_HYPHEN && this.pos + 2 < this.source.length) {
-      if (this.source.charCodeAt(this.pos + 1) === CHAR_HYPHEN && this.source.charCodeAt(this.pos + 2) === CHAR_GREATER_THAN) {
+      if (this.peek() === CHAR_HYPHEN && this.peek(2) === CHAR_GREATER_THAN) {
         this.advance(3);
         return this.make_token(TOKEN_CDC, start, this.pos, start_line, start_column);
       }
@@ -166,9 +162,16 @@ class Lexer {
     }
     if (ch === CHAR_HYPHEN || ch === CHAR_PLUS) {
       let next = this.peek();
-      if (is_digit(next) || next === CHAR_DOT && is_digit(this.peek(2))) {
+      let is_next_digit = next < 128 && (char_types[next] & CHAR_DIGIT) !== 0;
+      if (is_next_digit) {
         return this.consume_number(start_line, start_column);
       }
+      if (next === CHAR_DOT) {
+        let next2 = this.peek(2);
+        if (next2 < 128 && (char_types[next2] & CHAR_DIGIT) !== 0) {
+          return this.consume_number(start_line, start_column);
+        }
+      }
     }
     this.advance();
     return this.make_token(TOKEN_DELIM, start, this.pos, start_line, start_column);
@@ -177,7 +180,7 @@ class Lexer {
     let start = this.pos;
     while (this.pos < this.source.length) {
       let ch = this.source.charCodeAt(this.pos);
-      if (!is_whitespace(ch) && !is_newline(ch)) break;
+      if (ch >= 128 || (char_types[ch] & (CHAR_WHITESPACE | CHAR_NEWLINE)) === 0) break;
       this.advance();
     }
     return this.make_token(TOKEN_WHITESPACE, start, this.pos, start_line, start_column);
@@ -187,7 +190,7 @@ class Lexer {
     this.advance(2);
     while (this.pos < this.source.length - 1) {
       let ch = this.source.charCodeAt(this.pos);
-      if (ch === CHAR_ASTERISK && this.source.charCodeAt(this.pos + 1) === CHAR_FORWARD_SLASH) {
+      if (ch === CHAR_ASTERISK && this.peek() === CHAR_FORWARD_SLASH) {
         this.advance(2);
         break;
       }
@@ -246,20 +249,30 @@ class Lexer {
     if (ch === CHAR_PLUS || ch === CHAR_HYPHEN) {
       this.advance();
     }
-    while (this.pos < this.source.length && is_digit(this.source.charCodeAt(this.pos))) {
+    while (this.pos < this.source.length) {
+      let ch2 = this.source.charCodeAt(this.pos);
+      if (ch2 >= 128 || (char_types[ch2] & CHAR_DIGIT) === 0) break;
       this.advance();
     }
-    if (this.pos < this.source.length && this.source.charCodeAt(this.pos) === CHAR_DOT && this.pos + 1 < this.source.length && is_digit(this.source.charCodeAt(this.pos + 1))) {
-      this.advance();
-      while (this.pos < this.source.length && is_digit(this.source.charCodeAt(this.pos))) {
+    if (this.pos < this.source.length && this.source.charCodeAt(this.pos) === CHAR_DOT && this.pos + 1 < this.source.length) {
+      let next = this.peek();
+      if (next < 128 && (char_types[next] & CHAR_DIGIT) !== 0) {
         this.advance();
+        while (this.pos < this.source.length) {
+          let ch2 = this.source.charCodeAt(this.pos);
+          if (ch2 >= 128 || (char_types[ch2] & CHAR_DIGIT) === 0) break;
+          this.advance();
+        }
       }
     }
     if (this.pos < this.source.length) {
       let ch2 = this.source.charCodeAt(this.pos);
       if (ch2 === CHAR_LOWERCASE_E || ch2 === CHAR_UPPERCASE_E) {
         let next = this.peek();
-        if (is_digit(next) || (next === CHAR_PLUS || next === CHAR_HYPHEN) && is_digit(this.peek(2))) {
+        let is_next_digit = next < 128 && (char_types[next] & CHAR_DIGIT) !== 0;
+        let next2 = this.peek(2);
+        let is_next2_digit = next2 < 128 && (char_types[next2] & CHAR_DIGIT) !== 0;
+        if (is_next_digit || (next === CHAR_PLUS || next === CHAR_HYPHEN) && is_next2_digit) {
           this.advance();
           if (this.pos < this.source.length) {
             let sign = this.source.charCodeAt(this.pos);
@@ -267,7 +280,9 @@ class Lexer {
               this.advance();
             }
           }
-          while (this.pos < this.source.length && is_digit(this.source.charCodeAt(this.pos))) {
+          while (this.pos < this.source.length) {
+            let ch3 = this.source.charCodeAt(this.pos);
+            if (ch3 >= 128 || (char_types[ch3] & CHAR_DIGIT) === 0) break;
             this.advance();
           }
         }
@@ -294,7 +309,7 @@ class Lexer {
       let ch = this.source.charCodeAt(this.pos);
       if (ch === CHAR_BACKSLASH) {
         if (this.pos + 1 >= this.source.length) break;
-        let next = this.source.charCodeAt(this.pos + 1);
+        let next = this.peek();
         if (is_newline(next)) break;
         this.advance();
         if (is_hex_digit(next)) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@projectwallace/css-parser",
-	"version": "0.10.0",
+	"version": "0.11.1",
 	"description": "High-performance CSS lexer and parser, optimized for CSS inspection and analysis",
 	"author": "Bart Veneman <bart@projectwallace.com>",
 	"license": "MIT",
@@ -60,7 +60,8 @@
 		"benchmark:memory": "npm run build && node --expose-gc benchmark/memory.ts",
 		"lint": "oxlint --config .oxlintrc.json",
 		"lint-package": "publint",
-		"check": "tsc --noEmit"
+		"check": "tsc --noEmit",
+		"precommit": "npm run test -- --run; npm run lint; npm run check"
 	},
 	"keywords": [
 		"css",