@projectwallace/css-parser 0.8.5 → 0.8.7

package/dist/arena.d.ts

@@ -41,6 +41,7 @@ export declare const FLAG_HAS_BLOCK: number;
 export declare const FLAG_VENDOR_PREFIXED: number;
 export declare const FLAG_HAS_DECLARATIONS: number;
 export declare const FLAG_HAS_PARENS: number;
+export declare const FLAG_BROWSERHACK: number;
 export declare const ATTR_OPERATOR_NONE = 0;
 export declare const ATTR_OPERATOR_EQUAL = 1;
 export declare const ATTR_OPERATOR_TILDE_EQUAL = 2;

package/dist/arena.js

@@ -1,4 +1,4 @@
-let BYTES_PER_NODE = 32;
+let BYTES_PER_NODE = 36;
 const STYLESHEET = 1;
 const STYLE_RULE = 2;
 const AT_RULE = 3;
@@ -37,9 +37,11 @@ const LAYER_NAME = 37;
 const PRELUDE_OPERATOR = 38;
 const FLAG_IMPORTANT = 1 << 0;
 const FLAG_HAS_ERROR = 1 << 1;
+const FLAG_LENGTH_OVERFLOW = 1 << 2;
 const FLAG_HAS_BLOCK = 1 << 3;
 const FLAG_HAS_DECLARATIONS = 1 << 5;
 const FLAG_HAS_PARENS = 1 << 6;
+const FLAG_BROWSERHACK = 1 << 7;
 const ATTR_OPERATOR_NONE = 0;
 const ATTR_OPERATOR_EQUAL = 1;
 const ATTR_OPERATOR_TILDE_EQUAL = 2;
@@ -59,6 +61,8 @@ class CSSDataArena {
   // Number of nodes currently allocated
   growth_count;
   // Number of times the arena has grown
+  overflow_lengths;
+  // Stores actual lengths for nodes > 65535 chars
   // Growth multiplier when capacity is exceeded
   static GROWTH_FACTOR = 1.3;
   // Estimated nodes per KB of CSS (based on real-world data)
@@ -71,6 +75,7 @@ class CSSDataArena {
     this.growth_count = 0;
     this.buffer = new ArrayBuffer(initial_capacity * BYTES_PER_NODE);
     this.view = new DataView(this.buffer);
+    this.overflow_lengths = /* @__PURE__ */ new Map();
   }
   // Calculate recommended initial capacity based on CSS source size
   static capacity_for_source(source_length) {
@@ -109,6 +114,12 @@ class CSSDataArena {
   }
   // Read length in source
   get_length(node_index) {
+    if (this.has_flag(node_index, FLAG_LENGTH_OVERFLOW)) {
+      const overflow_length = this.overflow_lengths.get(node_index);
+      if (overflow_length !== void 0) {
+        return overflow_length;
+      }
+    }
     return this.view.getUint16(this.node_offset(node_index) + 2, true);
   }
   // Read content start offset (stored as delta from startOffset)
@@ -123,11 +134,11 @@ class CSSDataArena {
   }
   // Read attribute operator (for NODE_SELECTOR_ATTRIBUTE)
   get_attr_operator(node_index) {
-    return this.view.getUint8(this.node_offset(node_index) + 30);
+    return this.view.getUint8(this.node_offset(node_index) + 32);
   }
   // Read attribute flags (for NODE_SELECTOR_ATTRIBUTE)
   get_attr_flags(node_index) {
-    return this.view.getUint8(this.node_offset(node_index) + 31);
+    return this.view.getUint8(this.node_offset(node_index) + 33);
   }
   // Read first child index (0 = no children)
   get_first_child(node_index) {
@@ -143,7 +154,7 @@ class CSSDataArena {
   }
   // Read start column
   get_start_column(node_index) {
-    return this.view.getUint16(this.node_offset(node_index) + 28, true);
+    return this.view.getUint32(this.node_offset(node_index) + 28, true);
   }
   // Read value start offset (stored as delta from startOffset, declaration value / at-rule prelude)
   get_value_start(node_index) {
@@ -164,13 +175,15 @@ class CSSDataArena {
   set_flags(node_index, flags) {
     this.view.setUint8(this.node_offset(node_index) + 1, flags);
   }
-  // Write start offset in source
-  set_start_offset(node_index, offset) {
-    this.view.setUint32(this.node_offset(node_index) + 12, offset, true);
-  }
   // Write length in source
   set_length(node_index, length) {
-    this.view.setUint16(this.node_offset(node_index) + 2, length, true);
+    if (length > 65535) {
+      this.view.setUint16(this.node_offset(node_index) + 2, 65535, true);
+      this.set_flag(node_index, FLAG_LENGTH_OVERFLOW);
+      this.overflow_lengths.set(node_index, length);
+    } else {
+      this.view.setUint16(this.node_offset(node_index) + 2, length, true);
+    }
   }
   // Write content start delta (offset from startOffset)
   set_content_start_delta(node_index, delta) {
@@ -182,11 +195,11 @@ class CSSDataArena {
   }
   // Write attribute operator (for NODE_SELECTOR_ATTRIBUTE)
   set_attr_operator(node_index, operator) {
-    this.view.setUint8(this.node_offset(node_index) + 30, operator);
+    this.view.setUint8(this.node_offset(node_index) + 32, operator);
   }
   // Write attribute flags (for NODE_SELECTOR_ATTRIBUTE)
   set_attr_flags(node_index, flags) {
-    this.view.setUint8(this.node_offset(node_index) + 31, flags);
+    this.view.setUint8(this.node_offset(node_index) + 33, flags);
   }
   // Write first child index
   set_first_child(node_index, childIndex) {
@@ -196,14 +209,6 @@ class CSSDataArena {
   set_next_sibling(node_index, siblingIndex) {
     this.view.setUint32(this.node_offset(node_index) + 8, siblingIndex, true);
   }
-  // Write start line
-  set_start_line(node_index, line) {
-    this.view.setUint32(this.node_offset(node_index) + 24, line, true);
-  }
-  // Write start column
-  set_start_column(node_index, column) {
-    this.view.setUint16(this.node_offset(node_index) + 28, column, true);
-  }
   // Write value start delta (offset from startOffset, declaration value / at-rule prelude)
   set_value_start_delta(node_index, delta) {
     this.view.setUint16(this.node_offset(node_index) + 18, delta, true);
@@ -233,10 +238,10 @@ class CSSDataArena {
     this.count++;
     const offset = node_index * BYTES_PER_NODE;
     this.view.setUint8(offset, type);
-    this.view.setUint16(offset + 2, length, true);
     this.view.setUint32(offset + 12, start_offset, true);
     this.view.setUint32(offset + 24, start_line, true);
-    this.view.setUint16(offset + 28, start_column, true);
+    this.view.setUint32(offset + 28, start_column, true);
+    this.set_length(node_index, length);
     return node_index;
   }
   // --- Tree Building Helpers ---
@@ -275,4 +280,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, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, FLAG_HAS_ERROR, FLAG_HAS_PARENS, 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 };
+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, 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 };

package/dist/css-node.d.ts

@@ -64,6 +64,7 @@ export type PlainCSSNode = {
     prelude?: string;
     is_important?: boolean;
     is_vendor_prefixed?: boolean;
+    is_browserhack?: boolean;
     has_error?: boolean;
     attr_operator?: number;
     attr_flags?: number;
@@ -124,6 +125,8 @@ export declare class CSSNode {
     get unit(): string | null;
     /** Check if this declaration has !important */
     get is_important(): boolean | null;
+    /** Check if this declaration has a browser hack prefix */
+    get is_browserhack(): boolean | null;
     /** Check if this has a vendor prefix (computed on-demand) */
     get is_vendor_prefixed(): boolean;
     /** Check if this node has an error */
@@ -202,25 +205,12 @@ export declare class CSSNode {
     /** Get text of first compound selector (no node allocation) */
     get first_compound_text(): string;
     /**
-     * Clone this node as a mutable plain JavaScript object
-     *
-     * Extracts all properties from the arena into a plain object with children as an array.
-     * The resulting object can be freely modified.
+     * Clone this node as a mutable plain JavaScript object with children as arrays.
+     * See API.md for examples.
      *
      * @param options - Cloning configuration
      * @param options.deep - Recursively clone children (default: true)
      * @param options.locations - Include line/column/start/length (default: false)
-     * @returns Plain object with children as array
-     *
-     * @example
-     * const ast = parse('div { color: red; }')
-     * const decl = ast.first_child.block.first_child
-     * const plain = decl.clone()
-     *
-     * // Access children as array
-     * plain.children.length
-     * plain.children[0]
-     * plain.children.push(newChild)
      */
     clone(options?: CloneOptions): PlainCSSNode;
 }

package/dist/css-node.js

@@ -1,4 +1,4 @@
-import { DIMENSION, NUMBER, URL, STRING, DECLARATION, FLAG_IMPORTANT, 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, 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, PARENTHESIS, OPERATOR, HASH, STYLESHEET } from './arena.js';
+import { DIMENSION, NUMBER, URL, STRING, DECLARATION, 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, 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, PARENTHESIS, OPERATOR, HASH, 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';
 
@@ -160,6 +160,11 @@ class CSSNode {
     if (this.type !== DECLARATION) return null;
     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;
+    return this.arena.has_flag(this.index, FLAG_BROWSERHACK);
+  }
   /** Check if this has a vendor prefix (computed on-demand) */
   get is_vendor_prefixed() {
     switch (this.type) {
@@ -454,25 +459,12 @@ class CSSNode {
   }
   // --- Node Cloning ---
   /**
-   * Clone this node as a mutable plain JavaScript object
-   *
-   * Extracts all properties from the arena into a plain object with children as an array.
-   * The resulting object can be freely modified.
+   * Clone this node as a mutable plain JavaScript object with children as arrays.
+   * See API.md for examples.
    *
    * @param options - Cloning configuration
    * @param options.deep - Recursively clone children (default: true)
    * @param options.locations - Include line/column/start/length (default: false)
-   * @returns Plain object with children as array
-   *
-   * @example
-   * const ast = parse('div { color: red; }')
-   * const decl = ast.first_child.block.first_child
-   * const plain = decl.clone()
-   *
-   * // Access children as array
-   * plain.children.length
-   * plain.children[0]
-   * plain.children.push(newChild)
    */
   clone(options = {}) {
     const { deep = true, locations = false } = options;
@@ -491,7 +483,10 @@ class CSSNode {
     if (this.type === AT_RULE && this.prelude) {
       plain.prelude = this.prelude;
     }
-    if (this.type === DECLARATION) plain.is_important = this.is_important;
+    if (this.type === DECLARATION) {
+      plain.is_important = this.is_important;
+      plain.is_browserhack = this.is_browserhack;
+    }
     plain.is_vendor_prefixed = this.is_vendor_prefixed;
     plain.has_error = this.has_error;
     if (this.type === ATTRIBUTE_SELECTOR) {

package/dist/index.d.ts

@@ -5,9 +5,10 @@ export { parse_declaration } from './parse-declaration';
 export { parse_value } from './parse-value';
 export { tokenize } from './tokenize';
 export { walk, traverse, SKIP, BREAK } from './walk';
+export { is_custom, is_vendor_prefixed, str_equals, str_starts_with, str_index_of } from './string-utils';
 export { type ParserOptions } from './parse';
 export { CSSNode, type CSSNodeType, TYPE_NAMES, type CloneOptions, type PlainCSSNode } from './css-node';
-export type { LexerPosition } from './lexer';
+export type { LexerPosition } from './tokenize';
 export { 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 * from './constants';
 export * from './token-types';

package/dist/index.js

@@ -5,6 +5,7 @@ export { parse_declaration } from './parse-declaration.js';
 export { parse_value } from './parse-value.js';
 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, 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 } from './arena.js';
 export { NODE_TYPES } from './constants.js';

package/dist/parse-anplusb.js

@@ -1,4 +1,4 @@
-import { Lexer } from './lexer.js';
+import { Lexer } from './tokenize.js';
 import { NTH_SELECTOR, CSSDataArena } from './arena.js';
 import { TOKEN_IDENT, TOKEN_DELIM, TOKEN_DIMENSION, TOKEN_NUMBER } from './token-types.js';
 import { str_equals, CHAR_MINUS_HYPHEN, CHAR_PLUS, str_index_of } from './string-utils.js';

package/dist/parse-atrule-prelude.js

@@ -1,4 +1,4 @@
-import { Lexer } from './lexer.js';
+import { Lexer } from './tokenize.js';
 import { CSSDataArena, PRELUDE_OPERATOR, MEDIA_TYPE, MEDIA_QUERY, MEDIA_FEATURE, IDENTIFIER, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, URL } from './arena.js';
 import { TOKEN_COMMA, TOKEN_IDENT, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_WHITESPACE, TOKEN_URL, TOKEN_FUNCTION, TOKEN_STRING, TOKEN_EOF } from './token-types.js';
 import { str_equals } from './string-utils.js';

package/dist/parse-declaration.js

@@ -1,7 +1,8 @@
-import { Lexer } from './lexer.js';
-import { CSSDataArena, DECLARATION, FLAG_IMPORTANT } from './arena.js';
+import { Lexer } from './tokenize.js';
+import { CSSDataArena, DECLARATION, FLAG_IMPORTANT, FLAG_BROWSERHACK } from './arena.js';
 import { ValueParser } from './parse-value.js';
-import { TOKEN_IDENT, TOKEN_COLON, TOKEN_EOF, TOKEN_SEMICOLON, TOKEN_RIGHT_BRACE, TOKEN_LEFT_BRACE, TOKEN_DELIM } from './token-types.js';
+import { is_vendor_prefixed } from './string-utils.js';
+import { TOKEN_AT_KEYWORD, TOKEN_HASH, TOKEN_IDENT, TOKEN_DELIM, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_LEFT_BRACKET, TOKEN_RIGHT_BRACKET, TOKEN_COMMA, TOKEN_COLON, TOKEN_EOF, TOKEN_SEMICOLON, TOKEN_RIGHT_BRACE, TOKEN_LEFT_BRACE } from './token-types.js';
 import { trim_boundaries } from './parse-utils.js';
 import { CSSNode } from './css-node.js';
 
@@ -25,13 +26,52 @@ class DeclarationParser {
   }
   // Parse a declaration using a provided lexer (used by Parser to avoid re-tokenization)
   parse_declaration_with_lexer(lexer, end) {
-    if (lexer.token_type !== TOKEN_IDENT) {
+    let has_browser_hack = false;
+    let browser_hack_start = 0;
+    let browser_hack_line = 1;
+    let browser_hack_column = 1;
+    if (lexer.token_type === TOKEN_AT_KEYWORD || lexer.token_type === TOKEN_HASH) {
+      has_browser_hack = true;
+      browser_hack_start = lexer.token_start;
+      browser_hack_line = lexer.token_line;
+      browser_hack_column = lexer.token_column;
+    } else if (lexer.token_type === TOKEN_IDENT) {
+      const first_char = this.source.charCodeAt(lexer.token_start);
+      if (first_char === 95) {
+        has_browser_hack = true;
+        browser_hack_start = lexer.token_start;
+        browser_hack_line = lexer.token_line;
+        browser_hack_column = lexer.token_column;
+      } else if (first_char === 45) {
+        if (!is_vendor_prefixed(this.source, lexer.token_start, lexer.token_end)) {
+          has_browser_hack = true;
+          browser_hack_start = lexer.token_start;
+          browser_hack_line = lexer.token_line;
+          browser_hack_column = lexer.token_column;
+        }
+      }
+    } else {
+      const is_browser_hack_token = lexer.token_type === TOKEN_DELIM || lexer.token_type === TOKEN_LEFT_PAREN || lexer.token_type === TOKEN_RIGHT_PAREN || lexer.token_type === TOKEN_LEFT_BRACKET || lexer.token_type === TOKEN_RIGHT_BRACKET || lexer.token_type === TOKEN_COMMA || lexer.token_type === TOKEN_COLON;
+      if (is_browser_hack_token) {
+        const delim_saved = lexer.save_position();
+        browser_hack_start = lexer.token_start;
+        browser_hack_line = lexer.token_line;
+        browser_hack_column = lexer.token_column;
+        lexer.next_token_fast(true);
+        if (lexer.token_type === TOKEN_IDENT) {
+          has_browser_hack = true;
+        } else {
+          lexer.restore_position(delim_saved);
+        }
+      }
+    }
+    if (lexer.token_type !== TOKEN_IDENT && lexer.token_type !== TOKEN_AT_KEYWORD && lexer.token_type !== TOKEN_HASH) {
       return null;
     }
-    let prop_start = lexer.token_start;
+    let prop_start = has_browser_hack ? browser_hack_start : lexer.token_start;
     let prop_end = lexer.token_end;
-    let decl_line = lexer.token_line;
-    let decl_column = lexer.token_column;
+    let decl_line = has_browser_hack ? browser_hack_line : lexer.token_line;
+    let decl_column = has_browser_hack ? browser_hack_column : lexer.token_column;
     const saved = lexer.save_position();
     lexer.next_token_fast(true);
     if (lexer.token_type !== TOKEN_COLON) {
@@ -92,6 +132,9 @@ class DeclarationParser {
     if (has_important) {
       this.arena.set_flag(declaration, FLAG_IMPORTANT);
     }
+    if (has_browser_hack) {
+      this.arena.set_flag(declaration, FLAG_BROWSERHACK);
+    }
     if (lexer.token_type === TOKEN_SEMICOLON) {
       last_end = lexer.token_end;
       lexer.next_token_fast(true);

package/dist/parse-selector.js

@@ -1,4 +1,4 @@
-import { Lexer } from './lexer.js';
+import { Lexer } from './tokenize.js';
 import { CSSDataArena, SELECTOR_LIST, SELECTOR, COMBINATOR, NESTING_SELECTOR, ID_SELECTOR, TYPE_SELECTOR, UNIVERSAL_SELECTOR, CLASS_SELECTOR, ATTRIBUTE_SELECTOR, ATTR_OPERATOR_NONE, ATTR_FLAG_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_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, FLAG_HAS_PARENS, LANG_SELECTOR, NTH_OF_SELECTOR } from './arena.js';
 import { TOKEN_COMMA, TOKEN_DELIM, TOKEN_EOF, TOKEN_WHITESPACE, TOKEN_FUNCTION, TOKEN_COLON, TOKEN_LEFT_BRACKET, TOKEN_HASH, TOKEN_IDENT, TOKEN_RIGHT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_STRING } from './token-types.js';
 import { skip_whitespace_and_comments_forward, skip_whitespace_and_comments_backward, skip_whitespace_forward } from './parse-utils.js';

package/dist/parse-value.js

@@ -1,4 +1,4 @@
-import { Lexer } from './lexer.js';
+import { Lexer } from './tokenize.js';
 import { CSSDataArena, OPERATOR, HASH, STRING, DIMENSION, NUMBER, IDENTIFIER, URL, FUNCTION, PARENTHESIS } from './arena.js';
 import { TOKEN_EOF, TOKEN_LEFT_PAREN, TOKEN_COMMA, TOKEN_DELIM, TOKEN_FUNCTION, TOKEN_HASH, TOKEN_STRING, TOKEN_DIMENSION, TOKEN_PERCENTAGE, TOKEN_NUMBER, TOKEN_IDENT, TOKEN_RIGHT_PAREN } from './token-types.js';
 import { is_whitespace, CHAR_PLUS, CHAR_MINUS_HYPHEN, CHAR_ASTERISK, CHAR_FORWARD_SLASH, str_equals } from './string-utils.js';

package/dist/parse.js

@@ -1,11 +1,12 @@
-import { Lexer } from './lexer.js';
+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 { CSSNode } from './css-node.js';
 import { SelectorParser } from './parse-selector.js';
 import { AtRulePreludeParser } from './parse-atrule-prelude.js';
 import { DeclarationParser } from './parse-declaration.js';
-import { TOKEN_EOF, TOKEN_AT_KEYWORD, TOKEN_LEFT_BRACE, TOKEN_RIGHT_BRACE, TOKEN_IDENT, TOKEN_SEMICOLON } from './token-types.js';
+import { TOKEN_EOF, TOKEN_AT_KEYWORD, TOKEN_LEFT_BRACE, TOKEN_RIGHT_BRACE, TOKEN_IDENT, TOKEN_HASH, TOKEN_DELIM, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_LEFT_BRACKET, TOKEN_RIGHT_BRACKET, TOKEN_COMMA, TOKEN_COLON, TOKEN_SEMICOLON } from './token-types.js';
 import { trim_boundaries } from './parse-utils.js';
+import { CHAR_PERIOD, CHAR_GREATER_THAN, CHAR_PLUS, CHAR_TILDE, CHAR_AMPERSAND } from './string-utils.js';
 
 let DECLARATION_AT_RULES = /* @__PURE__ */ new Set(["font-face", "font-feature-values", "page", "property", "counter-style"]);
 let CONDITIONAL_AT_RULES = /* @__PURE__ */ new Set(["media", "supports", "container", "layer", "nest"]);
@@ -176,10 +177,18 @@ class Parser {
   }
   // Parse a declaration: property: value;
   parse_declaration() {
-    if (this.peek_type() !== TOKEN_IDENT) {
-      return null;
+    const token_type = this.peek_type();
+    if (token_type === TOKEN_IDENT || token_type === TOKEN_AT_KEYWORD || token_type === TOKEN_HASH) {
+      return this.declaration_parser.parse_declaration_with_lexer(this.lexer, this.source.length);
+    }
+    if (token_type === TOKEN_DELIM || token_type === TOKEN_LEFT_PAREN || token_type === TOKEN_RIGHT_PAREN || token_type === TOKEN_LEFT_BRACKET || token_type === TOKEN_RIGHT_BRACKET || token_type === TOKEN_COMMA || token_type === TOKEN_COLON) {
+      const char_code = this.source.charCodeAt(this.lexer.token_start);
+      if (char_code === CHAR_PERIOD || char_code === CHAR_GREATER_THAN || char_code === CHAR_PLUS || char_code === CHAR_TILDE || char_code === CHAR_AMPERSAND) {
+        return null;
+      }
+      return this.declaration_parser.parse_declaration_with_lexer(this.lexer, this.source.length);
     }
-    return this.declaration_parser.parse_declaration_with_lexer(this.lexer, this.source.length);
+    return null;
   }
   // Parse an at-rule: @media, @import, @font-face, etc.
   parse_atrule() {

package/dist/string-utils.d.ts

@@ -67,3 +67,17 @@ export declare function str_index_of(str: string, searchChar: string): number;
  */
 export declare function is_vendor_prefixed(text: string): boolean;
 export declare function is_vendor_prefixed(source: string, start: number, end: number): boolean;
+/**
+ * Check if a string is a CSS custom property (starts with --)
+ *
+ * @param str - The string to check
+ * @returns true if the string starts with -- (custom property)
+ *
+ * Examples:
+ * - `--primary-color` → true
+ * - `--my-var` → true
+ * - `-webkit-transform` → false (vendor prefix, not custom)
+ * - `border-radius` → false (standard property)
+ * - `color` → false
+ */
+export declare function is_custom(str: string): boolean;

package/dist/string-utils.js

@@ -109,5 +109,9 @@ function is_vendor_prefixed(source, start, end) {
   }
   return false;
 }
+function is_custom(str) {
+  if (str.length < 3) return false;
+  return str.charCodeAt(0) === CHAR_MINUS_HYPHEN && str.charCodeAt(1) === CHAR_MINUS_HYPHEN;
+}
 
-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_MINUS_HYPHEN, CHAR_NEWLINE, CHAR_PERIOD, CHAR_PIPE, CHAR_PLUS, CHAR_SINGLE_QUOTE, CHAR_SPACE, CHAR_TAB, CHAR_TILDE, is_combinator, 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_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 };

package/dist/tokenize.d.ts

@@ -1,4 +1,14 @@
-import type { Token } from './token-types';
+import { type Token, type TokenType } from './token-types';
+export interface LexerPosition {
+    pos: number;
+    line: number;
+    column: number;
+    token_type: TokenType;
+    token_start: number;
+    token_end: number;
+    token_line: number;
+    token_column: number;
+}
 /**
  * Tokenize CSS source code
  * @param source - The CSS source code to tokenize