@projectwallace/css-parser 0.17.0 → 0.18.1

package/dist/{css-node-B3EzCweR.js → css-node-Cf8K9nWd.js}

@@ -161,7 +161,7 @@ var CSSNode = class CSSNode {
 	/** Alias for `name` on declarations ("color" in "color: blue"), more semantic than `name` there. */
 	get property() {
 		let { type } = this;
-		if (type !== 4 && type !== 33) return;
+		if (type !== 4 && type !== 33 && type !== 57) return;
 		return this.get_content();
 	}
 	/**
@@ -174,6 +174,7 @@ var CSSNode = class CSSNode {
 		if (type === 34) return text;
 		if (type === 4 && first_child) return first_child;
 		if (type === 33) return first_child ?? null;
+		if (type === 57) return first_child?.first_child ?? null;
 		if (type === 12) return parse_dimension(text).value;
 		if (type === 11) return Number(text);
 		if (type === 18) {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { B as SUPPORTS_QUERY, C as NESTING_SELECTOR, D as OPERATOR, E as NUMBER, F as SELECTOR_LIST, G as VALUE, H as UNICODE_RANGE, I as STRING, L as STYLESHEET, M as PSEUDO_ELEMENT_SELECTOR, N as RAW, O as PARENTHESIS, P as SELECTOR, R as STYLE_RULE, S as MEDIA_TYPE, T as NTH_SELECTOR, U as UNIVERSAL_SELECTOR, V as TYPE_SELECTOR, W as URL, _ as ID_SELECTOR, a as CLASS_SELECTOR, b as MEDIA_FEATURE, c as CONTAINER_QUERY, d as DIMENSION, f as FEATURE_RANGE, g as IDENTIFIER, h as HASH, i as BLOCK, j as PSEUDO_CLASS_SELECTOR, k as PRELUDE_OPERATOR, m as FUNCTION, n as AT_RULE, o as COMBINATOR, p as FLAG_IMPORTANT, r as AT_RULE_PRELUDE, s as COMMENT, t as ATTRIBUTE_SELECTOR, u as DECLARATION, v as LANG_SELECTOR, w as NTH_OF_SELECTOR, x as MEDIA_QUERY, y as LAYER_NAME, z as SUPPORTS_DECLARATION } from "./arena-Bx5vp6Sl.js";
 import { NODE_TYPES } from "./constants.js";
 import { A as TOKEN_URL, C as TOKEN_PERCENTAGE, D as TOKEN_SEMICOLON, E as TOKEN_RIGHT_PAREN, M as Token, N as TokenType, O as TOKEN_STRING, S as TOKEN_NUMBER, T as TOKEN_RIGHT_BRACKET, _ as TOKEN_HASH, a as TOKEN_AT_KEYWORD, b as TOKEN_LEFT_BRACKET, c as TOKEN_CDC, d as TOKEN_COMMA, f as TOKEN_COMMENT, g as TOKEN_FUNCTION, h as TOKEN_EOF, i as tokenize, j as TOKEN_WHITESPACE, k as TOKEN_UNICODE_RANGE, l as TOKEN_CDO, m as TOKEN_DIMENSION, o as TOKEN_BAD_STRING, p as TOKEN_DELIM, r as LexerPosition, s as TOKEN_BAD_URL, t as CommentInfo, u as TOKEN_COLON, v as TOKEN_IDENT, w as TOKEN_RIGHT_BRACE, x as TOKEN_LEFT_PAREN, y as TOKEN_LEFT_BRACE } from "./tokenize-DeZYFa9R.js";
-import { $ as is_class_selector, A as PreludeSelectorList, At as is_stylesheet, B as SupportsDeclaration, Bt as TYPE_NAMES, C as NestingSelector, Ct as is_pseudo_class_selector, D as Operator, Dt as is_selector, E as Number, Et as is_rule, F as Selector, Ft as is_universal_selector, G as UniversalSelector, H as ToPlain, I as SelectorList, It as is_url, J as WithChildren, K as Url, L as SelectorNode, Lt as is_value, M as PseudoElementSelector, Mt as is_supports_query, N as Raw, Nt as is_type_selector, O as Parenthesis, Ot as is_selector_list, P as Rule, Pt as is_unicode_range, Q as is_block, R as String, Rt as CloneOptions, S as MediaType, St as is_prelude_selectorlist, T as NthSelector, Tt as is_raw, U as TypeSelector, V as SupportsQuery, W as UnicodeRange, X as is_atrule_prelude, Y as is_atrule, Z as is_attribute_selector, _ as Identifier, _t as is_nth_selector, a as Block, at as is_feature_range, b as MediaFeature, bt as is_parenthesis, c as Combinator, ct as is_id_selector, d as Declaration, dt as is_layer_name, et as is_combinator, f as Dimension, ft as is_media_feature, g as IdSelector, gt as is_nth_of_selector, h as Hash, ht as is_nesting_selector, i as AttributeSelector, it as is_dimension, j as PseudoClassSelector, jt as is_supports_declaration, k as PreludeOperator, kt as is_string, l as Comment, lt as is_identifier, m as Function, mt as is_media_type, n as Atrule, nt as is_container_query, o as CSSNode, ot as is_function, p as FeatureRange, pt as is_media_query, q as Value, r as AtrulePrelude, rt as is_declaration, s as ClassSelector, st as is_hash, t as AnyNode, tt as is_comment, u as ContainerQuery, ut as is_lang_selector, v as LangSelector, vt as is_number, w as NthOfSelector, wt as is_pseudo_element_selector, x as MediaQuery, xt as is_prelude_operator, y as LayerName, yt as is_operator, z as StyleSheet, zt as PlainCSSNode } from "./node-types-BRnQyc9B.js";
+import { $ as is_class_selector, A as PreludeSelectorList, At as is_stylesheet, B as SupportsDeclaration, Bt as TYPE_NAMES, C as NestingSelector, Ct as is_pseudo_class_selector, D as Operator, Dt as is_selector, E as Number, Et as is_rule, F as Selector, Ft as is_universal_selector, G as UniversalSelector, H as ToPlain, I as SelectorList, It as is_url, J as WithChildren, K as Url, L as SelectorNode, Lt as is_value, M as PseudoElementSelector, Mt as is_supports_query, N as Raw, Nt as is_type_selector, O as Parenthesis, Ot as is_selector_list, P as Rule, Pt as is_unicode_range, Q as is_block, R as String, Rt as CloneOptions, S as MediaType, St as is_prelude_selectorlist, T as NthSelector, Tt as is_raw, U as TypeSelector, V as SupportsQuery, W as UnicodeRange, X as is_atrule_prelude, Y as is_atrule, Z as is_attribute_selector, _ as Identifier, _t as is_nth_selector, a as Block, at as is_feature_range, b as MediaFeature, bt as is_parenthesis, c as Combinator, ct as is_id_selector, d as Declaration, dt as is_layer_name, et as is_combinator, f as Dimension, ft as is_media_feature, g as IdSelector, gt as is_nth_of_selector, h as Hash, ht as is_nesting_selector, i as AttributeSelector, it as is_dimension, j as PseudoClassSelector, jt as is_supports_declaration, k as PreludeOperator, kt as is_string, l as Comment, lt as is_identifier, m as Function, mt as is_media_type, n as Atrule, nt as is_container_query, o as CSSNode, ot as is_function, p as FeatureRange, pt as is_media_query, q as Value, r as AtrulePrelude, rt as is_declaration, s as ClassSelector, st as is_hash, t as AnyNode, tt as is_comment, u as ContainerQuery, ut as is_lang_selector, v as LangSelector, vt as is_number, w as NthOfSelector, wt as is_pseudo_element_selector, x as MediaQuery, xt as is_prelude_operator, y as LayerName, yt as is_operator, z as StyleSheet, zt as PlainCSSNode } from "./node-types-D41wr72y.js";
 import { ParserOptions, parse } from "./parse.js";
 import { parse_selector, parse_selector_list } from "./parse-selector.js";
 import { parse_atrule_prelude } from "./parse-atrule-prelude.js";

package/dist/index.js

@@ -1,7 +1,7 @@
 import { C as TOKEN_RIGHT_BRACKET, D as TOKEN_UNICODE_RANGE, E as TOKEN_STRING, O as TOKEN_URL, S as TOKEN_RIGHT_BRACE, T as TOKEN_SEMICOLON, _ as TOKEN_LEFT_BRACE, a as TOKEN_BAD_URL, b as TOKEN_NUMBER, c as TOKEN_COLON, d as TOKEN_DELIM, f as TOKEN_DIMENSION, g as TOKEN_IDENT, h as TOKEN_HASH, i as TOKEN_BAD_STRING, k as TOKEN_WHITESPACE, l as TOKEN_COMMA, m as TOKEN_FUNCTION, n as tokenize, o as TOKEN_CDC, p as TOKEN_EOF, r as TOKEN_AT_KEYWORD, s as TOKEN_CDO, u as TOKEN_COMMENT, v as TOKEN_LEFT_BRACKET, w as TOKEN_RIGHT_PAREN, x as TOKEN_PERCENTAGE, y as TOKEN_LEFT_PAREN } from "./tokenize-BiRLfVbm.js";
 import { A as PSEUDO_CLASS_SELECTOR, B as TYPE_SELECTOR, C as NESTING_SELECTOR, D as OPERATOR, E as NUMBER, F as STRING, H as UNIVERSAL_SELECTOR, I as STYLESHEET, L as STYLE_RULE, M as RAW, N as SELECTOR, O as PARENTHESIS, P as SELECTOR_LIST, R as SUPPORTS_DECLARATION, S as MEDIA_TYPE, T as NTH_SELECTOR, U as URL, V as UNICODE_RANGE, W as VALUE, _ as ID_SELECTOR, a as CLASS_SELECTOR, b as MEDIA_FEATURE, c as CONTAINER_QUERY, d as DIMENSION, f as FEATURE_RANGE, g as IDENTIFIER, h as HASH, i as BLOCK, j as PSEUDO_ELEMENT_SELECTOR, k as PRELUDE_OPERATOR, m as FUNCTION, n as AT_RULE, o as COMBINATOR, p as FLAG_IMPORTANT, r as AT_RULE_PRELUDE, s as COMMENT, t as ATTRIBUTE_SELECTOR, u as DECLARATION, v as LANG_SELECTOR, w as NTH_OF_SELECTOR, x as MEDIA_QUERY, y as LAYER_NAME, z as SUPPORTS_QUERY } from "./arena-CFwM4uQs.js";
 import { c as str_starts_with, i as is_vendor_prefixed, o as str_equals, r as is_custom, s as str_index_of, t as parse_dimension } from "./parse-dimension-ouWXNHdx.js";
-import { n as TYPE_NAMES } from "./css-node-B3EzCweR.js";
+import { n as TYPE_NAMES } from "./css-node-Cf8K9nWd.js";
 import { parse_selector, parse_selector_list } from "./parse-selector.js";
 import { parse_atrule_prelude } from "./parse-atrule-prelude.js";
 import { parse_value } from "./parse-value.js";

package/dist/{node-types-BRnQyc9B.d.ts → node-types-D41wr72y.d.ts}

@@ -192,7 +192,7 @@ type Block = WithClone<CSSNode & WithChildren<Raw | Declaration | Atrule | Rule>
 }>;
 type Comment = Leaf<typeof COMMENT, 'Comment'>;
 type Raw = Leaf<typeof RAW, 'Raw'>;
-type ValueLike = Function | Identifier | Operator | Parenthesis | Url | UnicodeRange | String | Hash | Dimension | Number;
+type ValueLike = Function | Identifier | Operator | Parenthesis | Url | UnicodeRange | String | Hash | Dimension | Number | SelectorList | SupportsDeclaration;
 type Identifier = Leaf<typeof IDENTIFIER, 'Identifier', {
   readonly name: string;
 }>;
@@ -294,7 +294,7 @@ type LangSelector = Leaf<typeof LANG_SELECTOR, 'Lang', {
   /** `"nl"`, `en-US` */
   readonly name: string | null;
 }>;
-type AtrulePrelude = WithClone<CSSNode & WithChildren<Raw | MediaQuery | MediaType | ContainerQuery | SupportsQuery | LayerName | PreludeOperator | PreludeSelectorList | Parenthesis | Url> & {
+type AtrulePrelude = WithClone<CSSNode & WithChildren<Raw | MediaQuery | MediaType | ContainerQuery | SupportsQuery | LayerName | PreludeOperator | PreludeSelectorList | Parenthesis | Url | Function | Identifier | String> & {
   readonly type: typeof AT_RULE_PRELUDE;
   readonly type_name: 'AtrulePrelude';
 }>;
@@ -312,7 +312,7 @@ type MediaType = Leaf<typeof MEDIA_TYPE, 'MediaType', {
   /** Media type text, e.g. "screen", "print" */
   readonly value: string;
 }>;
-type ContainerQuery = WithClone<CSSNode & WithChildren<Identifier | MediaFeature | Function> & {
+type ContainerQuery = WithClone<CSSNode & WithChildren<Identifier | MediaFeature | Function | PreludeOperator> & {
   readonly type: typeof CONTAINER_QUERY;
   readonly type_name: 'ContainerQuery';
 }>;
@@ -325,6 +325,10 @@ type SupportsQuery = WithClone<CSSNode & WithChildren<SupportsDeclaration> & {
 type SupportsDeclaration = WithClone<CSSNode & WithChildren<Declaration> & {
   readonly type: typeof SUPPORTS_DECLARATION;
   readonly type_name: 'SupportsDeclaration';
+  /** Property name, e.g. "display" from "(display: flex)" */
+  readonly property: string;
+  /** VALUE node for the declaration's value, e.g. "flex" from "(display: flex)" */
+  readonly value: Value | null;
 }>;
 type LayerName = Leaf<typeof LAYER_NAME, 'Layer', {
   readonly name: string;
@@ -341,7 +345,7 @@ type PreludeSelectorList = Leaf<typeof PRELUDE_SELECTORLIST, 'PreludeSelectorLis
   readonly value: string;
 }>;
 type PreludeOperator = Leaf<typeof PRELUDE_OPERATOR, 'Operator'>;
-type FeatureRange = WithClone<CSSNode & WithChildren<Dimension | Operator> & {
+type FeatureRange = WithClone<CSSNode & WithChildren<Dimension | PreludeOperator> & {
   readonly type: typeof FEATURE_RANGE;
   readonly type_name: 'MediaFeatureRange';
   /** The feature name in a range comparison, e.g. "width" from "(width >= 400px)" */

package/dist/parse-anplusb.d.ts

@@ -1,5 +1,5 @@
 import { l as CSSDataArena } from "./arena-Bx5vp6Sl.js";
-import { T as NthSelector } from "./node-types-BRnQyc9B.js";
+import { T as NthSelector } from "./node-types-D41wr72y.js";
 //#region src/parse-anplusb.d.ts
 /** @internal */
 declare class ANplusBParser {

package/dist/parse-anplusb.js

@@ -1,7 +1,7 @@
 import { t as Lexer } from "./tokenize-BiRLfVbm.js";
 import { l as CSSDataArena } from "./arena-CFwM4uQs.js";
 import { o as str_equals, s as str_index_of } from "./parse-dimension-ouWXNHdx.js";
-import { t as CSSNode } from "./css-node-B3EzCweR.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
 //#region src/parse-anplusb.ts
 /** @internal */
 var ANplusBParser = class {

package/dist/parse-atrule-prelude.d.ts

@@ -1,5 +1,5 @@
 import { l as CSSDataArena } from "./arena-Bx5vp6Sl.js";
-import { t as AnyNode } from "./node-types-BRnQyc9B.js";
+import { t as AnyNode } from "./node-types-D41wr72y.js";
 //#region src/parse-atrule-prelude.d.ts
 /** @internal */
 declare class AtRulePreludeParser {
@@ -7,12 +7,15 @@ declare class AtRulePreludeParser {
   private arena;
   private source;
   private prelude_end;
+  private value_node_parser;
+  private selector_parser;
   constructor(arena: CSSDataArena, source: string);
   parse_prelude(at_rule_name: string, start: number, end: number, line?: number, column?: number): number[];
   private parse_prelude_dispatch;
   private parse_media_query_list;
   private create_node;
   private is_and_or_not;
+  private parse_function_condition;
   private parse_single_media_query;
   private parse_media_feature;
   private parse_container_query;
@@ -30,7 +33,6 @@ declare class AtRulePreludeParser {
   private skip_whitespace;
   private peek_token_type;
   private next_token;
-  private parse_value_token;
   private parse_feature_value;
   private parse_namespace_prelude;
   private parse_scope_prelude;

package/dist/parse-atrule-prelude.js

@@ -1,8 +1,10 @@
 import { t as Lexer } from "./tokenize-BiRLfVbm.js";
 import { l as CSSDataArena } from "./arena-CFwM4uQs.js";
-import { a as is_whitespace, l as strip_vendor_prefix, o as str_equals } from "./parse-dimension-ouWXNHdx.js";
-import { t as CSSNode } from "./css-node-B3EzCweR.js";
+import { l as strip_vendor_prefix, o as str_equals } from "./parse-dimension-ouWXNHdx.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
 import { i as trim_boundaries, n as skip_whitespace_and_comments_forward } from "./parse-utils-D7srNG13.js";
+import { SelectorParser } from "./parse-selector.js";
+import { t as ValueNodeParser } from "./value-node-parser-CZ47v3hp.js";
 //#region src/parse-atrule-prelude.ts
 /** @internal */
 var AtRulePreludeParser = class {
@@ -10,11 +12,15 @@ var AtRulePreludeParser = class {
 	arena;
 	source;
 	prelude_end;
+	value_node_parser;
+	selector_parser;
 	constructor(arena, source) {
 		this.arena = arena;
 		this.source = source;
 		this.lexer = new Lexer(source);
 		this.prelude_end = 0;
+		this.value_node_parser = new ValueNodeParser(arena, source);
+		this.selector_parser = new SelectorParser(arena, source);
 	}
 	parse_prelude(at_rule_name, start, end, line = 1, column = 1) {
 		this.prelude_end = end;
@@ -64,18 +70,58 @@ var AtRulePreludeParser = class {
 	is_and_or_not(str) {
 		return str_equals("and", str) || str_equals("or", str) || str_equals("not", str);
 	}
+	parse_function_condition() {
+		let func_name = this.source.substring(this.lexer.token_start, this.lexer.token_end - 1);
+		let func_start = this.lexer.token_start;
+		let content_start = this.lexer.token_end;
+		let paren_depth = 1;
+		let func_end = this.lexer.token_end;
+		let content_end = content_start;
+		while (this.lexer.pos < this.prelude_end && paren_depth > 0) {
+			this.next_token();
+			let inner_token = this.lexer.token_type;
+			if (inner_token === 21 || inner_token === 2) paren_depth++;
+			else if (inner_token === 22) {
+				paren_depth--;
+				if (paren_depth === 0) {
+					content_end = this.lexer.token_start;
+					func_end = this.lexer.token_end;
+				}
+			} else if (inner_token === 26) break;
+		}
+		let func_node = this.create_node(15, func_start, func_end);
+		this.arena.set_content_start_delta(func_node, 0);
+		this.arena.set_content_length(func_node, func_name.length);
+		this.arena.set_value_start_delta(func_node, content_start - func_start);
+		this.arena.set_value_length(func_node, content_end - content_start);
+		if (str_equals("selector", func_name)) {
+			let selector_list = this.selector_parser.parse_selector(content_start, content_end, this.lexer.line, this.lexer.column);
+			if (selector_list !== null) this.arena.set_first_child(func_node, selector_list);
+		} else if (str_equals("style", func_name)) {
+			let colon_pos = this.find_colon_at_depth_zero(content_start, content_end);
+			if (colon_pos !== -1) {
+				let decl_child = this.create_supports_declaration(content_start, content_end, colon_pos);
+				this.arena.set_first_child(func_node, decl_child);
+			}
+		}
+		return func_node;
+	}
 	parse_single_media_query() {
 		let query_start = this.lexer.pos;
 		this.skip_whitespace();
 		if (this.lexer.pos >= this.prelude_end) return null;
+		let first_component = 0;
+		let last_component = 0;
 		const saved_token_start = this.lexer.save_position();
 		this.next_token();
 		if (this.lexer.token_type === 1) {
 			let text = this.source.substring(this.lexer.token_start, this.lexer.token_end);
-			if (!str_equals("only", text) && !str_equals("not", text)) this.lexer.restore_position(saved_token_start);
+			if (str_equals("only", text) || str_equals("not", text)) {
+				let modifier = this.create_node(38, this.lexer.token_start, this.lexer.token_end);
+				first_component = modifier;
+				last_component = modifier;
+			} else this.lexer.restore_position(saved_token_start);
 		} else this.lexer.restore_position(saved_token_start);
-		let first_component = 0;
-		let last_component = 0;
 		while (this.lexer.pos < this.prelude_end) {
 			this.skip_whitespace();
 			if (this.lexer.pos >= this.prelude_end) break;
@@ -107,7 +153,7 @@ var AtRulePreludeParser = class {
 		while (this.lexer.pos < this.prelude_end && depth > 0) {
 			this.next_token();
 			let token_type = this.lexer.token_type;
-			if (token_type === 21) depth++;
+			if (token_type === 21 || token_type === 2) depth++;
 			else if (token_type === 22) depth--;
 		}
 		if (depth !== 0) return null;
@@ -169,32 +215,8 @@ var AtRulePreludeParser = class {
 			let token_type = this.lexer.token_type;
 			let component = null;
 			if (token_type === 21) component = this.parse_media_feature();
-			else if (token_type === 2) {
-				let func_name = this.source.substring(this.lexer.token_start, this.lexer.token_end - 1);
-				let func_start = this.lexer.token_start;
-				let content_start = this.lexer.token_end;
-				let paren_depth = 1;
-				let func_end = this.lexer.token_end;
-				let content_end = content_start;
-				while (this.lexer.pos < this.prelude_end && paren_depth > 0) {
-					this.next_token();
-					let inner_token = this.lexer.token_type;
-					if (inner_token === 21 || inner_token === 2) paren_depth++;
-					else if (inner_token === 22) {
-						paren_depth--;
-						if (paren_depth === 0) {
-							content_end = this.lexer.token_start;
-							func_end = this.lexer.token_end;
-						}
-					} else if (inner_token === 26) break;
-				}
-				let func_node = this.create_node(15, func_start, func_end);
-				this.arena.set_content_start_delta(func_node, 0);
-				this.arena.set_content_length(func_node, func_name.length);
-				this.arena.set_value_start_delta(func_node, content_start - func_start);
-				this.arena.set_value_length(func_node, content_end - content_start);
-				component = func_node;
-			} else if (token_type === 1) {
+			else if (token_type === 2) component = this.parse_function_condition();
+			else if (token_type === 1) {
 				let text = this.source.substring(this.lexer.token_start, this.lexer.token_end);
 				if (this.is_and_or_not(text)) component = this.create_node(38, this.lexer.token_start, this.lexer.token_end);
 				else component = this.create_node(10, this.lexer.token_start, this.lexer.token_end);
@@ -224,7 +246,7 @@ var AtRulePreludeParser = class {
 				while (this.lexer.pos < this.prelude_end && depth > 0) {
 					this.next_token();
 					let inner_token_type = this.lexer.token_type;
-					if (inner_token_type === 21) depth++;
+					if (inner_token_type === 21 || inner_token_type === 2) depth++;
 					else if (inner_token_type === 22) depth--;
 				}
 				if (depth === 0) {
@@ -249,7 +271,7 @@ var AtRulePreludeParser = class {
 					let op = this.create_node(38, this.lexer.token_start, this.lexer.token_end);
 					nodes.push(op);
 				}
-			}
+			} else if (token_type === 2) nodes.push(this.parse_function_condition());
 		}
 		return nodes;
 	}
@@ -283,6 +305,8 @@ var AtRulePreludeParser = class {
 			this.arena.set_first_child(decl, value_node);
 		}
 		let supports_decl = this.create_node(57, content_start, content_end);
+		this.arena.set_content_start_delta(supports_decl, prop_trimmed[0] - content_start);
+		this.arena.set_content_length(supports_decl, prop_trimmed[1] - prop_trimmed[0]);
 		this.arena.set_first_child(supports_decl, decl);
 		return supports_decl;
 	}
@@ -446,6 +470,11 @@ var AtRulePreludeParser = class {
 				if (trimmed) {
 					this.arena.set_value_start_delta(supports_node, trimmed[0] - supports_start);
 					this.arena.set_value_length(supports_node, trimmed[1] - trimmed[0]);
+					let colon_pos = this.find_colon_at_depth_zero(trimmed[0], trimmed[1]);
+					if (colon_pos !== -1) {
+						let decl_child = this.create_supports_declaration(trimmed[0], trimmed[1], colon_pos);
+						this.arena.set_first_child(supports_node, decl_child);
+					}
 				}
 				return supports_node;
 			}
@@ -470,39 +499,8 @@ var AtRulePreludeParser = class {
 		}
 		return this.lexer.next_token_fast(false);
 	}
-	parse_value_token() {
-		switch (this.lexer.token_type) {
-			case 1: return this.create_node(10, this.lexer.token_start, this.lexer.token_end);
-			case 10: return this.create_node(11, this.lexer.token_start, this.lexer.token_end);
-			case 11:
-			case 12: return this.create_node(12, this.lexer.token_start, this.lexer.token_end);
-			case 5: return this.create_node(13, this.lexer.token_start, this.lexer.token_end);
-			default: return null;
-		}
-	}
 	parse_feature_value(start, end) {
-		const saved_position = this.lexer.save_position();
-		this.lexer.seek(start, this.lexer.line, this.lexer.column);
-		let first_node = 0;
-		let last_node = 0;
-		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) {
-				if (first_node === 0) first_node = node;
-				else this.arena.set_next_sibling(last_node, node);
-				last_node = node;
-			}
-		}
-		this.lexer.restore_position(saved_position);
-		return first_node;
+		return this.value_node_parser.parse_chain(start, end, this.lexer.line, this.lexer.column);
 	}
 	parse_namespace_prelude() {
 		let nodes = [];
@@ -531,7 +529,7 @@ var AtRulePreludeParser = class {
 				let depth = 1;
 				while (this.lexer.pos < this.prelude_end && depth > 0) {
 					this.next_token();
-					if (this.lexer.token_type === 21) depth++;
+					if (this.lexer.token_type === 21 || this.lexer.token_type === 2) depth++;
 					else if (this.lexer.token_type === 22) depth--;
 				}
 				let content_end = this.lexer.token_start;

package/dist/parse-declaration.d.ts

@@ -1,6 +1,6 @@
 import { l as CSSDataArena } from "./arena-Bx5vp6Sl.js";
 import { n as Lexer } from "./tokenize-DeZYFa9R.js";
-import { d as Declaration } from "./node-types-BRnQyc9B.js";
+import { d as Declaration } from "./node-types-D41wr72y.js";
 //#region src/parse-declaration.d.ts
 /** @internal */
 declare class DeclarationParser {

package/dist/parse-declaration.js

@@ -1,7 +1,7 @@
 import { t as Lexer } from "./tokenize-BiRLfVbm.js";
 import { l as CSSDataArena } from "./arena-CFwM4uQs.js";
 import { i as is_vendor_prefixed } from "./parse-dimension-ouWXNHdx.js";
-import { t as CSSNode } from "./css-node-B3EzCweR.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
 import { i as trim_boundaries } from "./parse-utils-D7srNG13.js";
 import { ValueParser } from "./parse-value.js";
 //#region src/parse-declaration.ts

package/dist/parse-selector.d.ts

@@ -1,5 +1,5 @@
 import { l as CSSDataArena } from "./arena-Bx5vp6Sl.js";
-import { F as Selector, I as SelectorList } from "./node-types-BRnQyc9B.js";
+import { F as Selector, I as SelectorList } from "./node-types-D41wr72y.js";
 //#region src/parse-selector.d.ts
 /** @internal */
 declare class SelectorParser {

package/dist/parse-selector.js

@@ -1,7 +1,7 @@
 import { t as Lexer } from "./tokenize-BiRLfVbm.js";
 import { l as CSSDataArena } from "./arena-CFwM4uQs.js";
 import { a as is_whitespace, n as is_combinator, o as str_equals } from "./parse-dimension-ouWXNHdx.js";
-import { t as CSSNode } from "./css-node-B3EzCweR.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
 import { n as skip_whitespace_and_comments_forward, r as skip_whitespace_forward, t as skip_whitespace_and_comments_backward } from "./parse-utils-D7srNG13.js";
 import { ANplusBParser } from "./parse-anplusb.js";
 //#region src/parse-selector.ts

package/dist/parse-value.d.ts

@@ -1,21 +1,12 @@
 import { l as CSSDataArena } from "./arena-Bx5vp6Sl.js";
-import { q as Value } from "./node-types-BRnQyc9B.js";
+import { q as Value } from "./node-types-D41wr72y.js";
 //#region src/parse-value.d.ts
 /** @internal */
 declare class ValueParser {
-  private lexer;
+  private nodes;
   private arena;
-  private source;
-  private value_end;
   constructor(arena: CSSDataArena, source: string);
   parse_value(start: number, end: number, start_line: number, start_column: number): number;
-  private is_whitespace_inline;
-  private parse_value_node;
-  private create_node;
-  private create_operator_node;
-  private parse_operator_node;
-  private parse_function_node;
-  private parse_parenthesis_node;
 }
 /**
  * Parse a CSS declaration value string and return a VALUE node

package/dist/parse-value.js

@@ -1,181 +1,25 @@
-import { t as Lexer } from "./tokenize-BiRLfVbm.js";
 import { l as CSSDataArena } from "./arena-CFwM4uQs.js";
-import { a as is_whitespace, o as str_equals } from "./parse-dimension-ouWXNHdx.js";
-import { t as CSSNode } from "./css-node-B3EzCweR.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
+import { t as ValueNodeParser } from "./value-node-parser-CZ47v3hp.js";
 //#region src/parse-value.ts
 /** @internal */
 var ValueParser = class {
-	lexer;
+	nodes;
 	arena;
-	source;
-	value_end;
 	constructor(arena, source) {
 		this.arena = arena;
-		this.source = source;
-		this.lexer = new Lexer(source);
-		this.value_end = 0;
+		this.nodes = new ValueNodeParser(arena, source);
 	}
 	parse_value(start, end, start_line, start_column) {
-		this.value_end = end;
-		this.lexer.seek(start, start_line, start_column);
-		let first_node = 0;
-		let last_node = 0;
-		while (this.lexer.pos < this.value_end) {
-			this.lexer.next_token_fast(false);
-			if (this.lexer.token_start >= this.value_end) break;
-			if (this.lexer.token_type === 26) break;
-			if (this.is_whitespace_inline()) continue;
-			let node = this.parse_value_node();
-			if (node !== null) {
-				if (first_node === 0) first_node = node;
-				else this.arena.set_next_sibling(last_node, node);
-				last_node = node;
-			}
-		}
+		let first_node = this.nodes.parse_chain(start, end, start_line, start_column);
 		if (first_node === 0) return this.arena.create_node(50, start, 0, start_line, start_column);
+		let last_node = this.nodes.last_chain_node;
 		let first_node_start = this.arena.get_start_offset(first_node);
 		let last_node_end = this.arena.get_start_offset(last_node) + this.arena.get_length(last_node);
 		let value_node = this.arena.create_node(50, first_node_start, last_node_end - first_node_start, start_line, start_column);
 		this.arena.set_first_child(value_node, first_node);
 		return value_node;
 	}
-	is_whitespace_inline() {
-		if (this.lexer.token_start >= this.lexer.token_end) return false;
-		for (let i = this.lexer.token_start; i < this.lexer.token_end; i++) if (!is_whitespace(this.source.charCodeAt(i))) return false;
-		return true;
-	}
-	parse_value_node() {
-		let token_type = this.lexer.token_type;
-		let start = this.lexer.token_start;
-		let end = this.lexer.token_end;
-		switch (token_type) {
-			case 1: return this.create_node(10, start, end);
-			case 10: return this.create_node(11, start, end);
-			case 11:
-			case 12: return this.create_node(12, start, end);
-			case 5: return this.create_node(13, start, end);
-			case 4: return this.create_node(14, start, end);
-			case 27: return this.create_node(19, start, end);
-			case 2: return this.parse_function_node(start, end);
-			case 9: return this.parse_operator_node(start, end);
-			case 18: return this.create_node(16, start, end);
-			case 21: return this.parse_parenthesis_node(start, end);
-			default: return null;
-		}
-	}
-	create_node(node_type, start, end) {
-		let node = this.arena.create_node(node_type, start, end - start, this.lexer.token_line, this.lexer.token_column);
-		this.arena.set_content_length(node, end - start);
-		return node;
-	}
-	create_operator_node(start, end) {
-		return this.create_node(16, start, end);
-	}
-	parse_operator_node(start, end) {
-		let ch = this.source.charCodeAt(start);
-		if (ch === 43 || ch === 45 || ch === 42 || ch === 47) return this.create_operator_node(start, end);
-		return null;
-	}
-	parse_function_node(start, end) {
-		let name_end = end - 1;
-		let func_name_substr = this.source.substring(start, name_end);
-		let node = this.arena.create_node(str_equals("url", func_name_substr) ? 18 : 15, start, 0, this.lexer.token_line, this.lexer.token_column);
-		this.arena.set_content_start_delta(node, 0);
-		this.arena.set_content_length(node, name_end - start);
-		if (str_equals("url", func_name_substr) || str_equals("src", func_name_substr)) {
-			let save_pos = this.lexer.save_position();
-			this.lexer.next_token_fast(false);
-			while (this.is_whitespace_inline() && this.lexer.pos < this.value_end) this.lexer.next_token_fast(false);
-			let first_token_type = this.lexer.token_type;
-			this.lexer.restore_position(save_pos);
-			if (first_token_type === 5) {} else {
-				let paren_depth = 1;
-				let func_end = end;
-				let content_start = end;
-				let content_end = end;
-				while (paren_depth > 0) {
-					this.lexer.next_token_fast(false);
-					let token_type = this.lexer.token_type;
-					if (token_type === 26) break;
-					if (token_type === 21 || token_type === 2) paren_depth++;
-					else if (token_type === 22) {
-						paren_depth--;
-						if (paren_depth === 0) {
-							content_end = this.lexer.token_start;
-							func_end = this.lexer.token_end;
-							break;
-						}
-					}
-				}
-				this.arena.set_length(node, func_end - start);
-				this.arena.set_value_start_delta(node, content_start - start);
-				this.arena.set_value_length(node, content_end - content_start);
-				return node;
-			}
-		}
-		let first_arg = 0;
-		let last_arg = 0;
-		let paren_depth = 1;
-		let func_end = end;
-		let content_start = end;
-		let content_end = end;
-		while (this.lexer.pos < this.value_end && paren_depth > 0) {
-			this.lexer.next_token_fast(false);
-			let token_type = this.lexer.token_type;
-			if (token_type === 26) break;
-			if (this.lexer.token_start >= this.value_end) break;
-			if (token_type === 22) {
-				paren_depth--;
-				if (paren_depth === 0) {
-					content_end = this.lexer.token_start;
-					func_end = this.lexer.token_end;
-					break;
-				}
-			}
-			if (this.is_whitespace_inline()) continue;
-			let arg_node = this.parse_value_node();
-			if (arg_node !== null) {
-				if (first_arg === 0) first_arg = arg_node;
-				else this.arena.set_next_sibling(last_arg, arg_node);
-				last_arg = arg_node;
-			}
-		}
-		this.arena.set_length(node, func_end - start);
-		this.arena.set_value_start_delta(node, content_start - start);
-		this.arena.set_value_length(node, content_end - content_start);
-		if (first_arg !== 0) this.arena.set_first_child(node, first_arg);
-		return node;
-	}
-	parse_parenthesis_node(start, end) {
-		let node = this.arena.create_node(17, start, 0, this.lexer.token_line, this.lexer.token_column);
-		let first_child = 0;
-		let last_child = 0;
-		let paren_depth = 1;
-		let paren_end = end;
-		while (this.lexer.pos < this.value_end && paren_depth > 0) {
-			this.lexer.next_token_fast(false);
-			let token_type = this.lexer.token_type;
-			if (token_type === 26) break;
-			if (this.lexer.token_start >= this.value_end) break;
-			if (token_type === 22) {
-				paren_depth--;
-				if (paren_depth === 0) {
-					paren_end = this.lexer.token_end;
-					break;
-				}
-			}
-			if (this.is_whitespace_inline()) continue;
-			let child_node = this.parse_value_node();
-			if (child_node !== null) {
-				if (first_child === 0) first_child = child_node;
-				else this.arena.set_next_sibling(last_child, child_node);
-				last_child = child_node;
-			}
-		}
-		this.arena.set_length(node, paren_end - start);
-		if (first_child !== 0) this.arena.set_first_child(node, first_child);
-		return node;
-	}
 };
 /**
 * Parse a CSS declaration value string and return a VALUE node

package/dist/parse.d.ts

@@ -1,6 +1,6 @@
 import { l as CSSDataArena } from "./arena-Bx5vp6Sl.js";
 import { t as CommentInfo } from "./tokenize-DeZYFa9R.js";
-import { z as StyleSheet } from "./node-types-BRnQyc9B.js";
+import { z as StyleSheet } from "./node-types-D41wr72y.js";
 //#region src/parse.d.ts
 interface ParserOptions {
   parse_values?: boolean;

package/dist/parse.js

@@ -1,6 +1,6 @@
 import { t as Lexer } from "./tokenize-BiRLfVbm.js";
 import { l as CSSDataArena } from "./arena-CFwM4uQs.js";
-import { t as CSSNode } from "./css-node-B3EzCweR.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
 import { i as trim_boundaries } from "./parse-utils-D7srNG13.js";
 import { SelectorParser } from "./parse-selector.js";
 import { AtRulePreludeParser } from "./parse-atrule-prelude.js";

package/dist/value-node-parser-CZ47v3hp.js

@@ -0,0 +1,176 @@
+import { t as Lexer } from "./tokenize-BiRLfVbm.js";
+import "./arena-CFwM4uQs.js";
+import { a as is_whitespace, o as str_equals } from "./parse-dimension-ouWXNHdx.js";
+//#region src/value-node-parser.ts
+/** @internal */
+var ValueNodeParser = class {
+	lexer;
+	arena;
+	source;
+	end = 0;
+	last_chain_node = 0;
+	constructor(arena, source) {
+		this.arena = arena;
+		this.source = source;
+		this.lexer = new Lexer(source);
+	}
+	parse_chain(start, end, start_line, start_column) {
+		this.end = end;
+		this.lexer.seek(start, start_line, start_column);
+		let first_node = 0;
+		let last_node = 0;
+		while (this.lexer.pos < this.end) {
+			this.lexer.next_token_fast(false);
+			if (this.lexer.token_start >= this.end) break;
+			if (this.lexer.token_type === 26) break;
+			if (this.is_whitespace_inline()) continue;
+			let node = this.parse_value_node();
+			if (node !== null) {
+				if (first_node === 0) first_node = node;
+				else this.arena.set_next_sibling(last_node, node);
+				last_node = node;
+			}
+		}
+		this.last_chain_node = last_node;
+		return first_node;
+	}
+	is_whitespace_inline() {
+		if (this.lexer.token_start >= this.lexer.token_end) return false;
+		for (let i = this.lexer.token_start; i < this.lexer.token_end; i++) if (!is_whitespace(this.source.charCodeAt(i))) return false;
+		return true;
+	}
+	parse_value_node() {
+		let token_type = this.lexer.token_type;
+		let start = this.lexer.token_start;
+		let end = this.lexer.token_end;
+		switch (token_type) {
+			case 1: return this.create_node(10, start, end);
+			case 10: return this.create_node(11, start, end);
+			case 11:
+			case 12: return this.create_node(12, start, end);
+			case 5: return this.create_node(13, start, end);
+			case 4: return this.create_node(14, start, end);
+			case 27: return this.create_node(19, start, end);
+			case 2: return this.parse_function_node(start, end);
+			case 9: return this.parse_operator_node(start, end);
+			case 18: return this.create_node(16, start, end);
+			case 21: return this.parse_parenthesis_node(start, end);
+			default: return null;
+		}
+	}
+	create_node(node_type, start, end) {
+		let node = this.arena.create_node(node_type, start, end - start, this.lexer.token_line, this.lexer.token_column);
+		this.arena.set_content_length(node, end - start);
+		return node;
+	}
+	create_operator_node(start, end) {
+		return this.create_node(16, start, end);
+	}
+	parse_operator_node(start, end) {
+		let ch = this.source.charCodeAt(start);
+		if (ch === 43 || ch === 45 || ch === 42 || ch === 47) return this.create_operator_node(start, end);
+		return null;
+	}
+	parse_function_node(start, end) {
+		let name_end = end - 1;
+		let func_name_substr = this.source.substring(start, name_end);
+		let node = this.arena.create_node(str_equals("url", func_name_substr) ? 18 : 15, start, 0, this.lexer.token_line, this.lexer.token_column);
+		this.arena.set_content_start_delta(node, 0);
+		this.arena.set_content_length(node, name_end - start);
+		if (str_equals("url", func_name_substr) || str_equals("src", func_name_substr)) {
+			let save_pos = this.lexer.save_position();
+			this.lexer.next_token_fast(false);
+			while (this.is_whitespace_inline() && this.lexer.pos < this.end) this.lexer.next_token_fast(false);
+			let first_token_type = this.lexer.token_type;
+			this.lexer.restore_position(save_pos);
+			if (first_token_type === 5) {} else {
+				let paren_depth = 1;
+				let func_end = end;
+				let content_start = end;
+				let content_end = end;
+				while (paren_depth > 0) {
+					this.lexer.next_token_fast(false);
+					let token_type = this.lexer.token_type;
+					if (token_type === 26) break;
+					if (token_type === 21 || token_type === 2) paren_depth++;
+					else if (token_type === 22) {
+						paren_depth--;
+						if (paren_depth === 0) {
+							content_end = this.lexer.token_start;
+							func_end = this.lexer.token_end;
+							break;
+						}
+					}
+				}
+				this.arena.set_length(node, func_end - start);
+				this.arena.set_value_start_delta(node, content_start - start);
+				this.arena.set_value_length(node, content_end - content_start);
+				return node;
+			}
+		}
+		let first_arg = 0;
+		let last_arg = 0;
+		let paren_depth = 1;
+		let func_end = end;
+		let content_start = end;
+		let content_end = end;
+		while (this.lexer.pos < this.end && paren_depth > 0) {
+			this.lexer.next_token_fast(false);
+			let token_type = this.lexer.token_type;
+			if (token_type === 26) break;
+			if (this.lexer.token_start >= this.end) break;
+			if (token_type === 22) {
+				paren_depth--;
+				if (paren_depth === 0) {
+					content_end = this.lexer.token_start;
+					func_end = this.lexer.token_end;
+					break;
+				}
+			}
+			if (this.is_whitespace_inline()) continue;
+			let arg_node = this.parse_value_node();
+			if (arg_node !== null) {
+				if (first_arg === 0) first_arg = arg_node;
+				else this.arena.set_next_sibling(last_arg, arg_node);
+				last_arg = arg_node;
+			}
+		}
+		this.arena.set_length(node, func_end - start);
+		this.arena.set_value_start_delta(node, content_start - start);
+		this.arena.set_value_length(node, content_end - content_start);
+		if (first_arg !== 0) this.arena.set_first_child(node, first_arg);
+		return node;
+	}
+	parse_parenthesis_node(start, end) {
+		let node = this.arena.create_node(17, start, 0, this.lexer.token_line, this.lexer.token_column);
+		let first_child = 0;
+		let last_child = 0;
+		let paren_depth = 1;
+		let paren_end = end;
+		while (this.lexer.pos < this.end && paren_depth > 0) {
+			this.lexer.next_token_fast(false);
+			let token_type = this.lexer.token_type;
+			if (token_type === 26) break;
+			if (this.lexer.token_start >= this.end) break;
+			if (token_type === 22) {
+				paren_depth--;
+				if (paren_depth === 0) {
+					paren_end = this.lexer.token_end;
+					break;
+				}
+			}
+			if (this.is_whitespace_inline()) continue;
+			let child_node = this.parse_value_node();
+			if (child_node !== null) {
+				if (first_child === 0) first_child = child_node;
+				else this.arena.set_next_sibling(last_child, child_node);
+				last_child = child_node;
+			}
+		}
+		this.arena.set_length(node, paren_end - start);
+		if (first_child !== 0) this.arena.set_first_child(node, first_child);
+		return node;
+	}
+};
+//#endregion
+export { ValueNodeParser as t };

package/dist/walk.d.ts

@@ -1,4 +1,4 @@
-import { o as CSSNode, t as AnyNode } from "./node-types-BRnQyc9B.js";
+import { o as CSSNode, t as AnyNode } from "./node-types-D41wr72y.js";
 //#region src/walk.d.ts
 declare const SKIP: unique symbol;
 declare const BREAK: unique symbol;

package/dist/walk.js

@@ -1,5 +1,5 @@
 import "./arena-CFwM4uQs.js";
-import { t as CSSNode } from "./css-node-B3EzCweR.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
 import "./constants.js";
 //#region src/walk.ts
 const SKIP = Symbol("SKIP");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectwallace/css-parser",
-  "version": "0.17.0",
+  "version": "0.18.1",
   "description": "High-performance CSS lexer and parser, optimized for CSS inspection and analysis",
   "keywords": [
     "ast",