@projectwallace/css-parser 0.18.0 → 0.18.2

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 { 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-CDEnYcVG.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 { 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-DK24ACbY.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 { t as Lexer } from "./tokenize-DK24ACbY.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 {
@@ -8,12 +8,15 @@ declare class AtRulePreludeParser {
   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 scan_matching_paren;
+  private parse_function_condition;
   private parse_single_media_query;
   private parse_media_feature;
   private parse_container_query;

package/dist/parse-atrule-prelude.js

@@ -1,9 +1,10 @@
-import { t as Lexer } from "./tokenize-BiRLfVbm.js";
+import { t as Lexer } from "./tokenize-DK24ACbY.js";
 import { l as CSSDataArena } from "./arena-CFwM4uQs.js";
 import { l as strip_vendor_prefix, 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 { i as trim_boundaries, n as skip_whitespace_and_comments_forward } from "./parse-utils-D7srNG13.js";
-import { t as ValueNodeParser } from "./value-node-parser-CZ47v3hp.js";
+import { SelectorParser } from "./parse-selector.js";
+import { t as ValueNodeParser } from "./value-node-parser-jRoWXgOr.js";
 //#region src/parse-atrule-prelude.ts
 /** @internal */
 var AtRulePreludeParser = class {
@@ -12,12 +13,14 @@ var AtRulePreludeParser = class {
 	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;
@@ -67,18 +70,65 @@ var AtRulePreludeParser = class {
 	is_and_or_not(str) {
 		return str_equals("and", str) || str_equals("or", str) || str_equals("not", str);
 	}
+	scan_matching_paren() {
+		let depth = 1;
+		let content_end = this.lexer.pos;
+		let close_end = this.lexer.token_end;
+		while (this.lexer.pos < this.prelude_end && depth > 0) {
+			let token_type = this.next_token();
+			if (token_type === 21 || token_type === 2) depth++;
+			else if (token_type === 22) {
+				depth--;
+				if (depth === 0) {
+					content_end = this.lexer.token_start;
+					close_end = this.lexer.token_end;
+				}
+			} else if (token_type === 26) break;
+		}
+		return [
+			content_end,
+			close_end,
+			depth === 0
+		];
+	}
+	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 [content_end, func_end] = this.scan_matching_paren();
+		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;
@@ -105,17 +155,9 @@ var AtRulePreludeParser = class {
 	}
 	parse_media_feature() {
 		let feature_start = this.lexer.token_start;
-		let depth = 1;
 		let content_start = this.lexer.pos;
-		while (this.lexer.pos < this.prelude_end && depth > 0) {
-			this.next_token();
-			let token_type = this.lexer.token_type;
-			if (token_type === 21 || token_type === 2) depth++;
-			else if (token_type === 22) depth--;
-		}
-		if (depth !== 0) return null;
-		let content_end = this.lexer.token_start;
-		let feature_end = this.lexer.token_end;
+		let [content_end, feature_end, matched] = this.scan_matching_paren();
+		if (!matched) return null;
 		let has_comparison = false;
 		let i = content_start;
 		while (i < content_end) {
@@ -172,32 +214,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);
@@ -222,17 +240,9 @@ var AtRulePreludeParser = class {
 			let token_type = this.lexer.token_type;
 			if (token_type === 21) {
 				let feature_start = this.lexer.token_start;
-				let depth = 1;
 				let content_start = this.lexer.pos;
-				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 || inner_token_type === 2) depth++;
-					else if (inner_token_type === 22) depth--;
-				}
-				if (depth === 0) {
-					let content_end = this.lexer.token_start;
-					let feature_end = this.lexer.token_end;
+				let [content_end, feature_end, matched] = this.scan_matching_paren();
+				if (matched) {
 					let query = this.create_node(36, feature_start, feature_end);
 					let trimmed = trim_boundaries(this.source, content_start, content_end);
 					if (trimmed) {
@@ -252,7 +262,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;
 	}
@@ -286,6 +296,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;
 	}
@@ -371,15 +383,8 @@ var AtRulePreludeParser = class {
 		let url_start = this.lexer.token_start;
 		let url_end = this.lexer.token_end;
 		if (this.lexer.token_type === 2) {
-			let paren_depth = 1;
-			while (this.lexer.pos < this.prelude_end && paren_depth > 0) {
-				let tokenType = this.next_token();
-				if (tokenType === 21 || tokenType === 2) paren_depth++;
-				else if (tokenType === 22) {
-					paren_depth--;
-					if (paren_depth === 0) url_end = this.lexer.token_end;
-				} else if (tokenType === 26) break;
-			}
+			let [, close_end] = this.scan_matching_paren();
+			url_end = close_end;
 		}
 		return this.create_node(18, url_start, url_end);
 	}
@@ -396,17 +401,10 @@ var AtRulePreludeParser = class {
 				let content_length = 0;
 				if (this.lexer.token_type === 2) {
 					content_start = this.lexer.pos;
-					let paren_depth = 1;
-					while (this.lexer.pos < this.prelude_end && paren_depth > 0) {
-						let tokenType = this.next_token();
-						if (tokenType === 21 || tokenType === 2) paren_depth++;
-						else if (tokenType === 22) {
-							paren_depth--;
-							if (paren_depth === 0) {
-								content_length = this.lexer.token_start - content_start;
-								layer_end = this.lexer.token_end;
-							}
-						} else if (tokenType === 26) break;
+					let [content_end, close_end, matched] = this.scan_matching_paren();
+					if (matched) {
+						content_length = content_end - content_start;
+						layer_end = close_end;
 					}
 				}
 				let layer_node = this.create_node(37, layer_start, layer_end);
@@ -427,28 +425,21 @@ var AtRulePreludeParser = class {
 		const saved = this.lexer.save_position();
 		this.next_token();
 		if (this.lexer.token_type === 2) {
-			if (str_equals("supports", this.source.substring(this.lexer.token_start, this.lexer.token_end - 1))) {
+			let text = this.source.substring(this.lexer.token_start, this.lexer.token_end - 1);
+			if (str_equals("supports", text)) {
 				let supports_start = this.lexer.token_start;
 				let content_start = this.lexer.token_end;
-				let paren_depth = 1;
-				let supports_end = this.lexer.token_end;
-				let content_end = content_start;
-				while (this.lexer.pos < this.prelude_end && paren_depth > 0) {
-					let tokenType = this.next_token();
-					if (tokenType === 21 || tokenType === 2) paren_depth++;
-					else if (tokenType === 22) {
-						paren_depth--;
-						if (paren_depth === 0) {
-							content_end = this.lexer.token_start;
-							supports_end = this.lexer.token_end;
-						}
-					} else if (tokenType === 26) break;
-				}
+				let [content_end, supports_end] = this.scan_matching_paren();
 				let supports_node = this.create_node(36, supports_start, supports_end);
 				let trimmed = trim_boundaries(this.source, content_start, content_end);
 				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;
 			}
@@ -500,14 +491,7 @@ var AtRulePreludeParser = class {
 				this.next_token();
 				let paren_start = this.lexer.token_start;
 				let content_start = this.lexer.pos;
-				let depth = 1;
-				while (this.lexer.pos < this.prelude_end && depth > 0) {
-					this.next_token();
-					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;
-				let paren_end = this.lexer.token_end;
+				let [content_end, paren_end] = this.scan_matching_paren();
 				let scope_node = this.create_node(41, paren_start, paren_end);
 				let trimmed = trim_boundaries(this.source, content_start, content_end);
 				if (trimmed) {
@@ -517,7 +501,8 @@ var AtRulePreludeParser = class {
 				nodes.push(scope_node);
 			} else if (token_type === 1) {
 				this.next_token();
-				if (str_equals("to", this.source.substring(this.lexer.token_start, this.lexer.token_end))) nodes.push(this.create_node(38, this.lexer.token_start, this.lexer.token_end));
+				let text = this.source.substring(this.lexer.token_start, this.lexer.token_end);
+				if (str_equals("to", text)) nodes.push(this.create_node(38, this.lexer.token_start, this.lexer.token_end));
 			} else this.next_token();
 		}
 		return nodes;

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 { n as Lexer } from "./tokenize-CDEnYcVG.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,8 +1,8 @@
-import { t as Lexer } from "./tokenize-BiRLfVbm.js";
+import { t as Lexer } from "./tokenize-DK24ACbY.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 { i as trim_boundaries } from "./parse-utils-D7srNG13.js";
+import { t as CSSNode } from "./css-node-Cf8K9nWd.js";
+import { i as trim_boundaries, t as skip_whitespace_and_comments_backward } from "./parse-utils-D7srNG13.js";
 import { ValueParser } from "./parse-value.js";
 //#region src/parse-declaration.ts
 /** @internal */
@@ -70,39 +70,70 @@ var DeclarationParser = class {
 			lexer.restore_position(has_delimiter_prefix ? initial_saved : saved);
 			return null;
 		}
-		lexer.next_token_fast(true);
+		lexer.pos = lexer.token_end;
+		lexer.skip_whitespace_in_range(this.source.length);
 		let declaration = this.arena.create_node(4, prop_start, 0, decl_line, decl_column);
 		this.arena.set_content_start_delta(declaration, 0);
 		this.arena.set_content_length(declaration, prop_end - prop_start);
-		let value_start = lexer.token_start;
-		let value_start_line = lexer.token_line;
-		let value_start_column = lexer.token_column;
+		let value_start = lexer.pos;
+		let value_start_line = lexer.line;
+		let value_start_column = lexer.column;
 		let value_end = value_start;
 		let has_important = false;
-		let last_end = lexer.token_end;
+		let last_end = value_start;
 		let paren_depth = 0;
-		while (lexer.token_type !== 26 && lexer.token_start < end) {
-			let token_type = lexer.token_type;
-			if (token_type === 21 || token_type === 2) paren_depth++;
-			else if (token_type === 22) paren_depth--;
-			if (token_type === 17 && paren_depth === 0) break;
-			if (token_type === 24 && paren_depth === 0) break;
-			if (token_type === 23) {
+		while (true) {
+			let stop_ch = lexer.skip_to_declaration_stop(end);
+			if (stop_ch === 40) {
+				paren_depth++;
+				lexer.pos++;
+				continue;
+			}
+			if (stop_ch === 41) {
+				paren_depth--;
+				lexer.pos++;
+				continue;
+			}
+			if (stop_ch === 59 && paren_depth === 0) {
+				value_end = skip_whitespace_and_comments_backward(this.source, lexer.pos, value_start);
+				lexer.next_token_fast(false);
+				break;
+			}
+			if (stop_ch === 125 && paren_depth === 0) {
+				if (lexer.pos === value_start) {
+					last_end = lexer.pos + 1;
+					value_end = value_start;
+				} else {
+					last_end = skip_whitespace_and_comments_backward(this.source, lexer.pos, value_start);
+					value_end = last_end;
+				}
+				lexer.next_token_fast(false);
+				break;
+			}
+			if (stop_ch === 123) {
 				lexer.restore_position(saved);
 				return null;
 			}
-			if (token_type === 9 && this.source[lexer.token_start] === "!") {
-				value_end = lexer.token_start;
+			if (stop_ch === 33) {
+				value_end = lexer.pos;
+				lexer.pos++;
 				if (lexer.next_token_fast(true) === 1) {
 					has_important = true;
 					last_end = lexer.token_end;
 					lexer.next_token_fast(true);
 					break;
 				}
+				last_end = lexer.token_end;
+				value_end = last_end;
+				continue;
 			}
-			last_end = lexer.token_end;
-			value_end = last_end;
-			lexer.next_token_fast(true);
+			if (stop_ch === 0) {
+				last_end = skip_whitespace_and_comments_backward(this.source, lexer.pos, value_start);
+				value_end = last_end;
+				lexer.next_token_fast(false);
+				break;
+			}
+			lexer.pos++;
 		}
 		let trimmed = trim_boundaries(this.source, value_start, value_end);
 		if (trimmed) {
@@ -141,7 +172,10 @@ var DeclarationParser = class {
 function parse_declaration(source) {
 	const arena = new CSSDataArena(CSSDataArena.capacity_for_source(source.length));
 	const decl_index = new DeclarationParser(arena, source).parse_declaration(0, source.length);
-	if (decl_index === null) return new CSSNode(arena, source, arena.create_node(4, 0, 0, 1, 1));
+	if (decl_index === null) {
+		const empty = arena.create_node(4, 0, 0, 1, 1);
+		return new CSSNode(arena, source, empty);
+	}
 	return new CSSNode(arena, source, decl_index);
 }
 //#endregion

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 {
@@ -30,7 +30,6 @@ declare class SelectorParser {
   private parse_nth_expression;
   private find_of_keyword;
   private create_node;
-  private create_node_at;
   private skip_whitespace;
 }
 declare function parse_selector_list(source: string): SelectorList;