@projectwallace/css-parser 0.8.10 → 0.10.0

package/dist/arena.d.ts

@@ -14,6 +14,7 @@ export declare const FUNCTION = 15;
 export declare const OPERATOR = 16;
 export declare const PARENTHESIS = 17;
 export declare const URL = 18;
+export declare const VALUE = 19;
 export declare const SELECTOR_LIST = 20;
 export declare const TYPE_SELECTOR = 21;
 export declare const CLASS_SELECTOR = 22;
@@ -34,6 +35,7 @@ export declare const CONTAINER_QUERY = 35;
 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 FLAG_IMPORTANT: number;
 export declare const FLAG_HAS_ERROR: number;
 export declare const FLAG_LENGTH_OVERFLOW: number;

package/dist/arena.js

@@ -15,6 +15,7 @@ const FUNCTION = 15;
 const OPERATOR = 16;
 const PARENTHESIS = 17;
 const URL = 18;
+const VALUE = 19;
 const SELECTOR_LIST = 20;
 const TYPE_SELECTOR = 21;
 const CLASS_SELECTOR = 22;
@@ -35,6 +36,7 @@ const CONTAINER_QUERY = 35;
 const SUPPORTS_QUERY = 36;
 const LAYER_NAME = 37;
 const PRELUDE_OPERATOR = 38;
+const FEATURE_RANGE = 39;
 const FLAG_IMPORTANT = 1 << 0;
 const FLAG_HAS_ERROR = 1 << 1;
 const FLAG_LENGTH_OVERFLOW = 1 << 2;
@@ -66,7 +68,9 @@ class CSSDataArena {
   // Growth multiplier when capacity is exceeded
   static GROWTH_FACTOR = 1.3;
   // Estimated nodes per KB of CSS (based on real-world data)
-  static NODES_PER_KB = 270;
+  // Increased from 270 to 325 to account for VALUE wrapper nodes
+  // (~20% of nodes are declarations, +1 VALUE node per declaration = +20% nodes)
+  static NODES_PER_KB = 325;
   // Buffer to avoid frequent growth (15%)
   static CAPACITY_BUFFER = 1.2;
   constructor(initial_capacity = 1024) {
@@ -280,4 +284,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_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 };
+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 };

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, 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, 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, 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, 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, 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, };
 export declare const NODE_TYPES: {
     readonly STYLESHEET: 1;
     readonly STYLE_RULE: 2;
@@ -17,6 +17,7 @@ export declare const NODE_TYPES: {
     readonly OPERATOR: 16;
     readonly PARENTHESIS: 17;
     readonly URL: 18;
+    readonly VALUE: 19;
     readonly SELECTOR_LIST: 20;
     readonly TYPE_SELECTOR: 21;
     readonly CLASS_SELECTOR: 22;
@@ -37,4 +38,5 @@ export declare const NODE_TYPES: {
     readonly SUPPORTS_QUERY: 36;
     readonly LAYER_NAME: 37;
     readonly PRELUDE_OPERATOR: 38;
+    readonly FEATURE_RANGE: 39;
 };

package/dist/constants.js

@@ -1,4 +1,4 @@
-import { 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, URL, PARENTHESIS, OPERATOR, FUNCTION, HASH, STRING, DIMENSION, NUMBER, IDENTIFIER, BLOCK, COMMENT, SELECTOR, DECLARATION, AT_RULE, STYLE_RULE, STYLESHEET } from './arena.js';
+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';
 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 = {
@@ -20,6 +20,7 @@ const NODE_TYPES = {
   OPERATOR,
   PARENTHESIS,
   URL,
+  VALUE,
   // Selector nodes
   SELECTOR_LIST,
   TYPE_SELECTOR,
@@ -41,7 +42,8 @@ const NODE_TYPES = {
   CONTAINER_QUERY,
   SUPPORTS_QUERY,
   LAYER_NAME,
-  PRELUDE_OPERATOR
+  PRELUDE_OPERATOR,
+  FEATURE_RANGE
 };
 
-export { ATTRIBUTE_SELECTOR, AT_RULE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, DECLARATION, DIMENSION, 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 };
+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 };

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, 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 } 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';
 export declare const TYPE_NAMES: {
     readonly 1: "StyleSheet";
     readonly 2: "Rule";
@@ -17,6 +17,7 @@ export declare const TYPE_NAMES: {
     readonly 16: "Operator";
     readonly 17: "Parentheses";
     readonly 18: "Url";
+    readonly 19: "Value";
     readonly 20: "SelectorList";
     readonly 21: "TypeSelector";
     readonly 22: "ClassSelector";
@@ -37,9 +38,10 @@ export declare const TYPE_NAMES: {
     readonly 36: "SupportsQuery";
     readonly 37: "Layer";
     readonly 38: "Operator";
+    readonly 39: "MediaFeatureRange";
 };
 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 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;
+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 interface CloneOptions {
     /**
      * Recursively clone all children
@@ -101,7 +103,7 @@ export declare class CSSNode {
      * For URL nodes with quoted string: returns the string with quotes (consistent with STRING node)
      * For URL nodes with unquoted URL: returns the URL content without quotes
      */
-    get value(): string | number | null;
+    get value(): CSSNode | string | number | null;
     /** Get the numeric value for NUMBER and DIMENSION nodes, or null for other node types */
     get value_as_number(): number | null;
     /**
@@ -139,8 +141,6 @@ export declare class CSSNode {
     get block(): CSSNode | null;
     /** Check if this block is empty (no declarations or rules, only comments allowed) */
     get is_empty(): boolean;
-    /** Get array of parsed value nodes (for declarations only) */
-    get values(): CSSNode[];
     /** Get start line number */
     get line(): number;
     /** Get start column number */

package/dist/css-node.js

@@ -1,4 +1,4 @@
-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 { 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 { str_starts_with, is_vendor_prefixed, is_whitespace, CHAR_MINUS_HYPHEN, CHAR_PLUS } from './string-utils.js';
 import { parse_dimension } from './parse-utils.js';
 
@@ -19,6 +19,7 @@ const TYPE_NAMES = {
   [OPERATOR]: "Operator",
   [PARENTHESIS]: "Parentheses",
   [URL]: "Url",
+  [VALUE]: "Value",
   [SELECTOR_LIST]: "SelectorList",
   [TYPE_SELECTOR]: "TypeSelector",
   [CLASS_SELECTOR]: "ClassSelector",
@@ -38,7 +39,8 @@ const TYPE_NAMES = {
   [CONTAINER_QUERY]: "ContainerQuery",
   [SUPPORTS_QUERY]: "SupportsQuery",
   [LAYER_NAME]: "Layer",
-  [PRELUDE_OPERATOR]: "Operator"
+  [PRELUDE_OPERATOR]: "Operator",
+  [FEATURE_RANGE]: "MediaFeatureRange"
 };
 class CSSNode {
   arena;
@@ -93,6 +95,9 @@ class CSSNode {
    */
   get value() {
     let { type, text } = this;
+    if (type === DECLARATION && this.first_child) {
+      return this.first_child;
+    }
     if (type === DIMENSION) {
       return parse_dimension(text).value;
     }
@@ -237,17 +242,6 @@ class CSSNode {
     }
     return true;
   }
-  // --- Value Node Access (for declarations) ---
-  /** Get array of parsed value nodes (for declarations only) */
-  get values() {
-    let result = [];
-    let child = this.first_child;
-    while (child) {
-      result.push(child);
-      child = child.next_sibling;
-    }
-    return result;
-  }
   /** Get start line number */
   get line() {
     return this.arena.get_start_line(this.index);

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, 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 { 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 { 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 } from './arena.js';
-import { TOKEN_COMMA, TOKEN_IDENT, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_FUNCTION, TOKEN_EOF, TOKEN_WHITESPACE, TOKEN_URL, TOKEN_STRING } from './token-types.js';
-import { str_equals } from './string-utils.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 { trim_boundaries, skip_whitespace_forward } from './parse-utils.js';
 import { CSSNode } from './css-node.js';
 
@@ -113,7 +113,7 @@ class AtRulePreludeParser {
     this.arena.append_children(query_node, components);
     return query_node;
   }
-  // Parse media feature: (min-width: 768px)
+  // Parse media feature: (min-width: 768px) or range: (50px <= width <= 100px)
   parse_media_feature() {
     let feature_start = this.lexer.token_start;
     let depth = 1;
@@ -130,11 +130,44 @@ class AtRulePreludeParser {
     if (depth !== 0) return null;
     let content_end = this.lexer.token_start;
     let feature_end = this.lexer.token_end;
+    let has_comparison = false;
+    for (let i = content_start; i < content_end; i++) {
+      let ch = this.source.charCodeAt(i);
+      if (ch === CHAR_LESS_THAN || ch === CHAR_GREATER_THAN || ch === CHAR_EQUALS) {
+        has_comparison = true;
+        break;
+      }
+    }
+    if (has_comparison) {
+      return this.parse_feature_range(feature_start, feature_end, content_start, content_end);
+    }
     let feature = this.create_node(MEDIA_FEATURE, feature_start, feature_end);
-    let trimmed = trim_boundaries(this.source, content_start, content_end);
-    if (trimmed) {
-      this.arena.set_value_start_delta(feature, trimmed[0] - feature_start);
-      this.arena.set_value_length(feature, trimmed[1] - trimmed[0]);
+    let colon_pos = -1;
+    for (let i = content_start; i < content_end; i++) {
+      if (this.source.charCodeAt(i) === CHAR_COLON) {
+        colon_pos = i;
+        break;
+      }
+    }
+    if (colon_pos !== -1) {
+      let name_trimmed = trim_boundaries(this.source, content_start, colon_pos);
+      if (name_trimmed) {
+        this.arena.set_content_start_delta(feature, name_trimmed[0] - feature_start);
+        this.arena.set_content_length(feature, name_trimmed[1] - name_trimmed[0]);
+      }
+      let value_trimmed = trim_boundaries(this.source, colon_pos + 1, content_end);
+      if (value_trimmed) {
+        let value_nodes = this.parse_feature_value(value_trimmed[0], value_trimmed[1]);
+        if (value_nodes.length > 0) {
+          this.arena.append_children(feature, value_nodes);
+        }
+      }
+    } else {
+      let trimmed = trim_boundaries(this.source, content_start, content_end);
+      if (trimmed) {
+        this.arena.set_content_start_delta(feature, trimmed[0] - feature_start);
+        this.arena.set_content_length(feature, trimmed[1] - trimmed[0]);
+      }
     }
     return feature;
   }
@@ -433,6 +466,82 @@ class AtRulePreludeParser {
     }
     return this.lexer.next_token_fast(false);
   }
+  // Helper: Parse a single value token into a node
+  parse_value_token() {
+    switch (this.lexer.token_type) {
+      case TOKEN_IDENT:
+        return this.create_node(IDENTIFIER, this.lexer.token_start, this.lexer.token_end);
+      case TOKEN_NUMBER:
+        return this.create_node(NUMBER, this.lexer.token_start, this.lexer.token_end);
+      case TOKEN_PERCENTAGE:
+      case TOKEN_DIMENSION:
+        return this.create_node(DIMENSION, this.lexer.token_start, this.lexer.token_end);
+      case TOKEN_STRING:
+        return this.create_node(STRING, this.lexer.token_start, this.lexer.token_end);
+      default:
+        return null;
+    }
+  }
+  // Helper: Parse feature value portion into typed nodes
+  parse_feature_value(start, end) {
+    let saved_pos = this.lexer.save_position();
+    this.lexer.pos = start;
+    let nodes = [];
+    while (this.lexer.pos < end) {
+      this.lexer.next_token_fast(false);
+      if (this.lexer.token_start >= end) break;
+      let all_whitespace = true;
+      for (let i = this.lexer.token_start; i < this.lexer.token_end && i < end; i++) {
+        if (!is_whitespace(this.source.charCodeAt(i))) {
+          all_whitespace = false;
+          break;
+        }
+      }
+      if (all_whitespace) continue;
+      let node = this.parse_value_token();
+      if (node !== null) nodes.push(node);
+    }
+    this.lexer.restore_position(saved_pos);
+    return nodes;
+  }
+  // Parse media feature range syntax: (50px <= width <= 100px)
+  parse_feature_range(feature_start, feature_end, content_start, content_end) {
+    let range_node = this.create_node(FEATURE_RANGE, feature_start, feature_end);
+    let children = [];
+    let feature_name_start = -1;
+    let feature_name_end = -1;
+    let pos = content_start;
+    while (pos < content_end) {
+      pos = skip_whitespace_forward(this.source, pos, content_end);
+      if (pos >= content_end) break;
+      let ch = this.source.charCodeAt(pos);
+      if (ch === CHAR_LESS_THAN || ch === CHAR_GREATER_THAN || ch === CHAR_EQUALS) {
+        let op_start = pos++;
+        if (pos < content_end && this.source.charCodeAt(pos) === CHAR_EQUALS) pos++;
+        let op = this.create_node(PRELUDE_OPERATOR, op_start, pos);
+        children.push(op);
+      } else {
+        let saved = this.lexer.save_position();
+        this.lexer.pos = pos;
+        this.next_token();
+        if (this.lexer.token_type === TOKEN_IDENT) {
+          feature_name_start = this.lexer.token_start;
+          feature_name_end = this.lexer.token_end;
+        } else {
+          let value_nodes = this.parse_feature_value(this.lexer.token_start, this.lexer.token_end);
+          children.push(...value_nodes);
+        }
+        pos = this.lexer.pos;
+        this.lexer.restore_position(saved);
+      }
+    }
+    if (feature_name_start !== -1) {
+      this.arena.set_content_start_delta(range_node, feature_name_start - feature_start);
+      this.arena.set_content_length(range_node, feature_name_end - feature_name_start);
+    }
+    this.arena.append_children(range_node, children);
+    return range_node;
+  }
 }
 function parse_atrule_prelude(at_rule_name, prelude) {
   const arena = new CSSDataArena(CSSDataArena.capacity_for_source(prelude.length));

package/dist/parse-declaration.js

@@ -124,12 +124,16 @@ class DeclarationParser {
       this.arena.set_value_start_delta(declaration, trimmed[0] - prop_start);
       this.arena.set_value_length(declaration, trimmed[1] - trimmed[0]);
       if (this.value_parser) {
-        let valueNodes = this.value_parser.parse_value(value_start, trimmed[1], value_start_line, value_start_column);
-        this.arena.append_children(declaration, valueNodes);
+        let valueNode = this.value_parser.parse_value(value_start, trimmed[1], value_start_line, value_start_column);
+        this.arena.append_children(declaration, [valueNode]);
       }
     } else {
       this.arena.set_value_start_delta(declaration, value_start - prop_start);
       this.arena.set_value_length(declaration, 0);
+      if (this.value_parser) {
+        let valueNode = this.value_parser.parse_value(value_start, value_start, value_start_line, value_start_column);
+        this.arena.append_children(declaration, [valueNode]);
+      }
     }
     if (has_important) {
       this.arena.set_flag(declaration, FLAG_IMPORTANT);

package/dist/parse-value.d.ts

@@ -1,7 +1,7 @@
 import { CSSNode } from './css-node';
 /**
- * Parse a CSS declaration value string and return an array of value AST nodes
+ * Parse a CSS declaration value string and return a VALUE node
  * @param value_string - The CSS value to parse (e.g., "1px solid red")
- * @returns An array of CSSNode objects representing the parsed value
+ * @returns A CSSNode VALUE wrapper containing the parsed value tokens as children
  */
-export declare function parse_value(value_string: string): CSSNode[];
+export declare function parse_value(value_string: string): CSSNode;

package/dist/parse-value.js

@@ -1,5 +1,5 @@
 import { Lexer } from './tokenize.js';
-import { CSSDataArena, OPERATOR, HASH, STRING, DIMENSION, NUMBER, IDENTIFIER, URL, FUNCTION, PARENTHESIS } from './arena.js';
+import { CSSDataArena, VALUE, 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';
 import { CSSNode } from './css-node.js';
@@ -15,14 +15,24 @@ class ValueParser {
     this.lexer = new Lexer(source, false);
     this.value_end = 0;
   }
-  // Parse a declaration value range into value nodes (standalone use)
-  // Returns array of value node indices
+  // Parse a declaration value range into a VALUE wrapper node
+  // Returns single VALUE node index
   parse_value(start, end, start_line, start_column) {
     this.value_end = end;
     this.lexer.pos = start;
     this.lexer.line = start_line;
     this.lexer.column = start_column;
-    return this.parse_value_tokens();
+    let value_nodes = this.parse_value_tokens();
+    if (value_nodes.length === 0) {
+      let value_node2 = this.arena.create_node(VALUE, start, 0, start_line, start_column);
+      return value_node2;
+    }
+    let first_node_start = this.arena.get_start_offset(value_nodes[0]);
+    let last_node_index = value_nodes[value_nodes.length - 1];
+    let last_node_end = this.arena.get_start_offset(last_node_index) + this.arena.get_length(last_node_index);
+    let value_node = this.arena.create_node(VALUE, first_node_start, last_node_end - first_node_start, start_line, start_column);
+    this.arena.append_children(value_node, value_nodes);
+    return value_node;
   }
   // Core token parsing logic
   parse_value_tokens() {
@@ -210,8 +220,8 @@ class ValueParser {
 function parse_value(value_string) {
   const arena = new CSSDataArena(CSSDataArena.capacity_for_source(value_string.length));
   const value_parser = new ValueParser(arena, value_string);
-  const node_indices = value_parser.parse_value(0, value_string.length, 1, 1);
-  return node_indices.map((index) => new CSSNode(arena, value_string, index));
+  const value_node_index = value_parser.parse_value(0, value_string.length, 1, 1);
+  return new CSSNode(arena, value_string, value_node_index);
 }
 
 export { ValueParser, parse_value };

package/dist/string-utils.d.ts

@@ -18,6 +18,7 @@ export declare const CHAR_PIPE = 124;
 export declare const CHAR_DOLLAR = 36;
 export declare const CHAR_CARET = 94;
 export declare const CHAR_COLON = 58;
+export declare const CHAR_LESS_THAN = 60;
 /**
  * @param a Base string, MUST be lowercase!
  * @param b Compare string

package/dist/string-utils.js

@@ -18,6 +18,7 @@ const CHAR_PIPE = 124;
 const CHAR_DOLLAR = 36;
 const CHAR_CARET = 94;
 const CHAR_COLON = 58;
+const CHAR_LESS_THAN = 60;
 function is_whitespace(ch) {
   return ch === CHAR_SPACE || ch === CHAR_TAB || ch === CHAR_NEWLINE || ch === CHAR_CARRIAGE_RETURN || ch === CHAR_FORM_FEED;
 }
@@ -114,4 +115,4 @@ function is_custom(str) {
   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_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 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@projectwallace/css-parser",
-	"version": "0.8.10",
+	"version": "0.10.0",
 	"description": "High-performance CSS lexer and parser, optimized for CSS inspection and analysis",
 	"author": "Bart Veneman <bart@projectwallace.com>",
 	"license": "MIT",