@react-querybuilder/core 8.18.0 → 8.19.1

package/dist/react-querybuilder_core.mjs

@@ -429,7 +429,8 @@ const standardClassnames = {
 	branches: "queryBuilder-branches",
 	justified: "queryBuilder-justified",
 	hasSubQuery: "rule-hasSubQuery",
-	loading: "queryBuilder-loading"
+	loading: "queryBuilder-loading",
+	valueDateTimeRelative: "rule-value-dateTimeRelative"
 };
 /**
 * Default classnames for each component.
@@ -479,7 +480,8 @@ const defaultControlClassnames = {
 	valueListItem: "",
 	branches: "",
 	hasSubQuery: "",
-	loading: ""
+	loading: "",
+	valueDateTimeRelative: ""
 };
 /**
 * Default reason codes for a group being invalid.
@@ -612,51 +614,25 @@ const trimIfString = (val) => typeof val === "string" ? val.trim() : val;
 * Splits a string by comma then trims each element. Arrays are returned as is except
 * any string elements are trimmed.
 */
-const toArray = (a, { retainEmptyStrings } = {}) => Array.isArray(a) ? a.map((v) => trimIfString(v)) : typeof a === "string" ? splitBy(a, ",").filter(retainEmptyStrings ? () => true : (s) => !/^\s*$/.test(s)).map((s) => s.trim()) : typeof a === "number" ? [a] : [];
+const toArray = (a, { retainEmptyStrings } = {}) => Array.isArray(a) ? a.map(trimIfString) : typeof a === "string" ? splitBy(a, ",").filter(retainEmptyStrings ? () => true : (s) => !/^\s*$/.test(s)).map((s) => s.trim()) : typeof a === "number" ? [a] : [];
 /**
 * Determines if an array is free of `null`/`undefined`.
 */
 const nullFreeArray = (arr) => arr.every((el) => el === false || (el ?? false) !== false);
 //#endregion
-//#region src/utils/clsx.ts
-/* v8 ignore start -- @preserve */
-function toVal(mix) {
-	let k;
-	let y;
-	let str = "";
-	if (typeof mix === "string" || typeof mix === "number") str += mix;
-	else if (typeof mix === "object") {
-		if (Array.isArray(mix)) {
-			const len = mix.length;
-			for (k = 0; k < len; k++) if (mix[k] && (y = toVal(mix[k]))) {
-				str && (str += " ");
-				str += y;
-			}
-		} else for (y in mix) if (mix[y]) {
-			str && (str += " ");
-			str += y;
-		}
-	}
-	return str;
+//#region ../../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
 }
-/* v8 ignore stop -- @preserve */
-/**
-* Vendored/adapted version of the `clsx` package.
-*
-* **NOTE:** Prefer the official package from npm outside the context of React Query Builder.
-*/
-// v8 ignore next
-function clsx(...args) {
-	let i = 0;
-	let tmp;
-	let x;
-	let str = "";
-	const len = args.length;
-	for (; i < len; i++) if ((tmp = args[i]) && (x = toVal(tmp))) {
-		str && (str += " ");
-		str += x;
-	}
-	return str;
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
 }
 //#endregion
 //#region src/utils/misc.ts
@@ -673,7 +649,7 @@ const numericRegex = new RegExp(numericRegex$1.source.replace(/^\^/, String.raw`
 /**
 * Determines if a variable is a plain old JavaScript object, aka POJO.
 */
-const isPojo = (obj) => obj === null || typeof obj !== "object" ? false : Object.getPrototypeOf(obj) === Object.prototype;
+const isPojo = (obj) => obj !== null && typeof obj === "object" && Object.getPrototypeOf(obj) === Object.prototype;
 /**
 * Simple helper to determine whether a value is null, undefined, or an empty string.
 */
@@ -2002,106 +1978,6 @@ const defaultRuleGroupProcessorCypher = (ruleGroup, options) => {
 	return processRuleGroup(ruleGroup, true);
 };
 //#endregion
-//#region src/utils/formatQuery/defaultRuleProcessorDrizzle.ts
-/**
-* Default rule processor used by {@link formatQuery} for the "drizzle" format.
-*
-* @group Export
-*/
-const defaultRuleProcessorDrizzle = (rule, _options) => {
-	const opts = _options ?? (	/* v8 ignore start -- @preserve */ {});
-	// v8 ignore next
-	const { parseNumbers, preserveValueOrder, context = {} } = opts;
-	const { columns, drizzleOperators, useRawFields } = context;
-	if (!columns || !drizzleOperators) return void 0;
-	const { between, eq, gt, gte, inArray, isNotNull, isNull, like, lt, lte, ne, notBetween, notInArray, notLike, sql } = drizzleOperators;
-	const { field, operator, value, valueSource } = rule;
-	const column = useRawFields && /^[a-z_][a-z0-9_.]*$/i.test(field) ? sql.raw(field) : columns[field];
-	const operatorLC = lc(operator);
-	const valueIsField = valueSource === "field";
-	const asFieldOrValue = (v) => valueIsField ? columns[v] : v;
-	const maybeParseNumber = (v) => {
-		if (valueIsField || !parseNumbers) return asFieldOrValue(v);
-		return shouldRenderAsNumber(v, true) ? parseNumber(v, { parseNumbers: true }) : v;
-	};
-	if (!column) return void 0;
-	const matchEval = processMatchMode(rule);
-	if (matchEval === false) return;
-	else if (matchEval) {
-		if (opts.preset !== "postgresql") return void 0;
-		const { mode, threshold } = matchEval;
-		const arrayElementAlias = "elem_alias";
-		const nestedArrayFilter = defaultRuleGroupProcessorDrizzle(transformQuery(rule.value, { ruleProcessor: (r) => ({
-			...r,
-			field: arrayElementAlias
-		}) }), {
-			...opts,
-			context: {
-				...opts.context,
-				useRawFields: true
-			}
-		});
-		switch (mode) {
-			case "all": return sql`(select count(*) from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)}) = array_length(${column}, 1)`;
-			case "none": return sql`not exists (select 1 from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)})`;
-			case "some": return sql`exists (select 1 from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)})`;
-			case "atleast":
-			case "atmost":
-			case "exactly": {
-				const op = mode === "atleast" ? ">=" : mode === "atmost" ? "<=" : "=";
-				return threshold > 0 && threshold < 1 ? sql`(select count(*)::float / array_length(${column}, 1) from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)}) ${sql.raw(`${op} ${threshold}`)}` : sql`(select count(*) from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)}) ${sql.raw(`${op} ${threshold}`)}`;
-			}
-		}
-	}
-	switch (operatorLC) {
-		case "=": return eq(column, maybeParseNumber(value));
-		case "!=": return ne(column, maybeParseNumber(value));
-		case ">": return gt(column, maybeParseNumber(value));
-		case "<": return lt(column, maybeParseNumber(value));
-		case ">=": return gte(column, maybeParseNumber(value));
-		case "<=": return lte(column, maybeParseNumber(value));
-		case "beginswith":
-		case "doesnotbeginwith": return (operatorLC === "doesnotbeginwith" ? notLike : like)(column, valueIsField ? sql`${asFieldOrValue(value)} || '%'` : `${value}%`);
-		case "contains":
-		case "doesnotcontain": return (operatorLC === "doesnotcontain" ? notLike : like)(column, valueIsField ? sql`'%' || ${asFieldOrValue(value)} || '%'` : `%${value}%`);
-		case "endswith":
-		case "doesnotendwith": return (operatorLC === "doesnotendwith" ? notLike : like)(column, valueIsField ? sql`'%' || ${asFieldOrValue(value)}` : `%${value}`);
-		case "null": return isNull(column);
-		case "notnull": return isNotNull(column);
-		case "in":
-		case "notin": {
-			const valueAsArray = toArray(value).map((v) => maybeParseNumber(v));
-			return operatorLC === "notin" ? notInArray(column, valueAsArray) : inArray(column, valueAsArray);
-		}
-		case "between":
-		case "notbetween": {
-			const valueAsArray = toArray(value);
-			if (valueAsArray.length >= 2 && isValidValue(valueAsArray[0]) && isValidValue(valueAsArray[1])) {
-				let [first, second] = valueAsArray;
-				const shouldParseNumbers = !(parseNumbers === false);
-				if (!valueIsField && shouldRenderAsNumber(first, shouldParseNumbers) && shouldRenderAsNumber(second, shouldParseNumbers)) {
-					const firstNum = parseNumber(first, { parseNumbers: shouldParseNumbers });
-					const secondNum = parseNumber(second, { parseNumbers: shouldParseNumbers });
-					if (!preserveValueOrder && secondNum < firstNum) {
-						const tempNum = secondNum;
-						second = firstNum;
-						first = tempNum;
-					} else {
-						first = firstNum;
-						second = secondNum;
-					}
-				} else if (valueIsField) {
-					first = asFieldOrValue(first);
-					second = asFieldOrValue(second);
-				}
-				return operatorLC === "notbetween" ? notBetween(column, first, second) : between(column, first, second);
-			}
-			return;
-		}
-		default: return;
-	}
-};
-//#endregion
 //#region src/utils/formatQuery/defaultRuleGroupProcessorDrizzle.ts
 /**
 * Default rule group processor used by {@link formatQuery} for the "drizzle" format. The returned
@@ -2116,10 +1992,9 @@ const defaultRuleProcessorDrizzle = (rule, _options) => {
 * @group Export
 */
 const defaultRuleGroupProcessorDrizzle = (ruleGroup, options, _meta) => (columns, drizzleOperators) => {
-	const { fields, getParseNumberBoolean, placeholderFieldName, placeholderOperatorName, placeholderValueName, validateRule, validationMap } = options;
+	const { fields, getParseNumberBoolean, placeholderFieldName, placeholderOperatorName, placeholderValueName, validateRule, validationMap, ruleProcessor } = options;
 	if (!columns || !drizzleOperators) return void 0;
 	const { and, not, or } = drizzleOperators;
-	const ruleProcessor = defaultRuleProcessorDrizzle;
 	const processRuleGroup = (rg, _outermost) => {
 		if (!isRuleOrGroupValid(rg, validationMap[rg.id ?? ""])) return;
 		const processedRules = rg.rules.map((rule) => {
@@ -2735,96 +2610,6 @@ const defaultRuleGroupProcessorSQL = (ruleGroup, options) => {
 	return processRuleGroup(ruleGroup, true);
 };
 //#endregion
-//#region src/utils/formatQuery/defaultRuleProcessorTanStackDB.ts
-/**
-* Default rule processor used by {@link formatQuery} for the "tanstack_db" format.
-*
-* @group Export
-*/
-const defaultRuleProcessorTanStackDB = (rule, _options) => {
-	const { parseNumbers, preserveValueOrder, context = {} } = _options ?? (	/* v8 ignore start -- @preserve */ {});
-	const ops = context.tanStackDbOperators;
-	const refs = context._tanstackDbRefs;
-	const primaryRef = context._tanstackDbPrimaryRef;
-	if (!ops || !refs || !primaryRef) return void 0;
-	const { and, eq, gt, gte, inArray, isNull, like, lt, lte, not } = ops;
-	const resolveField = (fieldName) => {
-		const dotIdx = fieldName.indexOf(".");
-		if (dotIdx > 0) {
-			const prefix = fieldName.slice(0, dotIdx);
-			const rest = fieldName.slice(dotIdx + 1);
-			if (refs[prefix]) return refs[prefix][rest];
-		}
-		return refs[primaryRef][fieldName];
-	};
-	const { field, operator, value, valueSource } = rule;
-	const column = resolveField(field);
-	const operatorLC = lc(operator);
-	const valueIsField = valueSource === "field";
-	const asFieldOrValue = (v) => valueIsField ? resolveField(v) : v;
-	const maybeParseNumber = (v) => {
-		if (valueIsField || !parseNumbers) return asFieldOrValue(v);
-		return shouldRenderAsNumber(v, true) ? parseNumber(v, { parseNumbers: true }) : v;
-	};
-	switch (operatorLC) {
-		case "=": return eq(column, maybeParseNumber(value));
-		case "!=": return not(eq(column, maybeParseNumber(value)));
-		case ">": return gt(column, maybeParseNumber(value));
-		case "<": return lt(column, maybeParseNumber(value));
-		case ">=": return gte(column, maybeParseNumber(value));
-		case "<=": return lte(column, maybeParseNumber(value));
-		case "beginswith":
-		case "doesnotbeginwith": {
-			const expr = like(column, valueIsField ? void 0 : `${value}%`);
-			return operatorLC === "doesnotbeginwith" ? not(expr) : expr;
-		}
-		case "contains":
-		case "doesnotcontain": {
-			const expr = like(column, valueIsField ? void 0 : `%${value}%`);
-			return operatorLC === "doesnotcontain" ? not(expr) : expr;
-		}
-		case "endswith":
-		case "doesnotendwith": {
-			const expr = like(column, valueIsField ? void 0 : `%${value}`);
-			return operatorLC === "doesnotendwith" ? not(expr) : expr;
-		}
-		case "null": return isNull(column);
-		case "notnull": return not(isNull(column));
-		case "in":
-		case "notin": {
-			const expr = inArray(column, toArray(value).map((v) => maybeParseNumber(v)));
-			return operatorLC === "notin" ? not(expr) : expr;
-		}
-		case "between":
-		case "notbetween": {
-			const valueAsArray = toArray(value);
-			if (valueAsArray.length >= 2 && isValidValue(valueAsArray[0]) && isValidValue(valueAsArray[1])) {
-				let [first, second] = valueAsArray;
-				const shouldParseNumbers = !(parseNumbers === false);
-				if (!valueIsField && shouldRenderAsNumber(first, shouldParseNumbers) && shouldRenderAsNumber(second, shouldParseNumbers)) {
-					const firstNum = parseNumber(first, { parseNumbers: shouldParseNumbers });
-					const secondNum = parseNumber(second, { parseNumbers: shouldParseNumbers });
-					if (!preserveValueOrder && secondNum < firstNum) {
-						const tempNum = secondNum;
-						second = firstNum;
-						first = tempNum;
-					} else {
-						first = firstNum;
-						second = secondNum;
-					}
-				} else if (valueIsField) {
-					first = asFieldOrValue(first);
-					second = asFieldOrValue(second);
-				}
-				const expr = and(gte(column, first), lte(column, second));
-				return operatorLC === "notbetween" ? not(expr) : expr;
-			}
-			return;
-		}
-		default: return;
-	}
-};
-//#endregion
 //#region src/utils/formatQuery/defaultRuleGroupProcessorTanStackDB.ts
 /**
 * Default rule group processor used by {@link formatQuery} for the "tanstack_db" format.
@@ -2837,7 +2622,7 @@ const defaultRuleProcessorTanStackDB = (rule, _options) => {
 * @group Export
 */
 const defaultRuleGroupProcessorTanStackDB = (ruleGroup, options) => (refs) => {
-	const { fields, getParseNumberBoolean, placeholderFieldName, placeholderOperatorName, placeholderValueName, validateRule, validationMap, context = {} } = options;
+	const { fields, getParseNumberBoolean, placeholderFieldName, placeholderOperatorName, placeholderValueName, validateRule, validationMap, context = {}, ruleProcessor } = options;
 	const ops = context.tanStackDbOperators;
 	if (!ops) return void 0;
 	const { and, eq, not, or } = ops;
@@ -2845,7 +2630,6 @@ const defaultRuleGroupProcessorTanStackDB = (ruleGroup, options) => (refs) => {
 	const refKeys = Object.keys(refs);
 	/* v8 ignore next -- @preserve */
 	if (refKeys.length === 0) return fallback;
-	const ruleProcessor = defaultRuleProcessorTanStackDB;
 	const processRuleGroup = (rg) => {
 		if (!isRuleOrGroupValid(rg, validationMap[rg.id ?? ""])) return;
 		const processedRules = rg.rules.map((rule) => {
@@ -3243,6 +3027,106 @@ const defaultRuleProcessorCypher = (rule, opts = {}) => {
 	}
 };
 //#endregion
+//#region src/utils/formatQuery/defaultRuleProcessorDrizzle.ts
+/**
+* Default rule processor used by {@link formatQuery} for the "drizzle" format.
+*
+* @group Export
+*/
+const defaultRuleProcessorDrizzle = (rule, _options) => {
+	const opts = _options ?? (	/* v8 ignore start -- @preserve */ {});
+	// v8 ignore next
+	const { parseNumbers, preserveValueOrder, context = {} } = opts;
+	const { columns, drizzleOperators, useRawFields } = context;
+	if (!columns || !drizzleOperators) return void 0;
+	const { between, eq, gt, gte, inArray, isNotNull, isNull, like, lt, lte, ne, notBetween, notInArray, notLike, sql } = drizzleOperators;
+	const { field, operator, value, valueSource } = rule;
+	const column = useRawFields && /^[a-z_][a-z0-9_.]*$/i.test(field) ? sql.raw(field) : columns[field];
+	const operatorLC = lc(operator);
+	const valueIsField = valueSource === "field";
+	const asFieldOrValue = (v) => valueIsField ? columns[v] : v;
+	const maybeParseNumber = (v) => {
+		if (valueIsField || !parseNumbers) return asFieldOrValue(v);
+		return shouldRenderAsNumber(v, true) ? parseNumber(v, { parseNumbers: true }) : v;
+	};
+	if (!column) return void 0;
+	const matchEval = processMatchMode(rule);
+	if (matchEval === false) return;
+	else if (matchEval) {
+		if (opts.preset !== "postgresql") return void 0;
+		const { mode, threshold } = matchEval;
+		const arrayElementAlias = "elem_alias";
+		const nestedArrayFilter = defaultRuleGroupProcessorDrizzle(transformQuery(rule.value, { ruleProcessor: (r) => ({
+			...r,
+			field: arrayElementAlias
+		}) }), {
+			...opts,
+			context: {
+				...opts.context,
+				useRawFields: true
+			}
+		});
+		switch (mode) {
+			case "all": return sql`(select count(*) from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)}) = array_length(${column}, 1)`;
+			case "none": return sql`not exists (select 1 from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)})`;
+			case "some": return sql`exists (select 1 from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)})`;
+			case "atleast":
+			case "atmost":
+			case "exactly": {
+				const op = mode === "atleast" ? ">=" : mode === "atmost" ? "<=" : "=";
+				return threshold > 0 && threshold < 1 ? sql`(select count(*)::float / array_length(${column}, 1) from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)}) ${sql.raw(`${op} ${threshold}`)}` : sql`(select count(*) from unnest(${column}) as ${sql.raw(arrayElementAlias)} where ${nestedArrayFilter({}, drizzleOperators)}) ${sql.raw(`${op} ${threshold}`)}`;
+			}
+		}
+	}
+	switch (operatorLC) {
+		case "=": return eq(column, maybeParseNumber(value));
+		case "!=": return ne(column, maybeParseNumber(value));
+		case ">": return gt(column, maybeParseNumber(value));
+		case "<": return lt(column, maybeParseNumber(value));
+		case ">=": return gte(column, maybeParseNumber(value));
+		case "<=": return lte(column, maybeParseNumber(value));
+		case "beginswith":
+		case "doesnotbeginwith": return (operatorLC === "doesnotbeginwith" ? notLike : like)(column, valueIsField ? sql`${asFieldOrValue(value)} || '%'` : `${value}%`);
+		case "contains":
+		case "doesnotcontain": return (operatorLC === "doesnotcontain" ? notLike : like)(column, valueIsField ? sql`'%' || ${asFieldOrValue(value)} || '%'` : `%${value}%`);
+		case "endswith":
+		case "doesnotendwith": return (operatorLC === "doesnotendwith" ? notLike : like)(column, valueIsField ? sql`'%' || ${asFieldOrValue(value)}` : `%${value}`);
+		case "null": return isNull(column);
+		case "notnull": return isNotNull(column);
+		case "in":
+		case "notin": {
+			const valueAsArray = toArray(value).map((v) => maybeParseNumber(v));
+			return operatorLC === "notin" ? notInArray(column, valueAsArray) : inArray(column, valueAsArray);
+		}
+		case "between":
+		case "notbetween": {
+			const valueAsArray = toArray(value);
+			if (valueAsArray.length >= 2 && isValidValue(valueAsArray[0]) && isValidValue(valueAsArray[1])) {
+				let [first, second] = valueAsArray;
+				const shouldParseNumbers = !(parseNumbers === false);
+				if (!valueIsField && shouldRenderAsNumber(first, shouldParseNumbers) && shouldRenderAsNumber(second, shouldParseNumbers)) {
+					const firstNum = parseNumber(first, { parseNumbers: shouldParseNumbers });
+					const secondNum = parseNumber(second, { parseNumbers: shouldParseNumbers });
+					if (!preserveValueOrder && secondNum < firstNum) {
+						const tempNum = secondNum;
+						second = firstNum;
+						first = tempNum;
+					} else {
+						first = firstNum;
+						second = secondNum;
+					}
+				} else if (valueIsField) {
+					first = asFieldOrValue(first);
+					second = asFieldOrValue(second);
+				}
+				return operatorLC === "notbetween" ? notBetween(column, first, second) : between(column, first, second);
+			}
+			return;
+		}
+		default: return;
+	}
+};
+//#endregion
 //#region src/utils/formatQuery/defaultRuleProcessorElasticSearch.ts
 const rangeOperatorMap = {
 	"<": "lt",
@@ -4212,6 +4096,96 @@ const defaultRuleProcessorSPARQL = (rule, opts = {}) => {
 	}
 };
 //#endregion
+//#region src/utils/formatQuery/defaultRuleProcessorTanStackDB.ts
+/**
+* Default rule processor used by {@link formatQuery} for the "tanstack_db" format.
+*
+* @group Export
+*/
+const defaultRuleProcessorTanStackDB = (rule, _options) => {
+	const { parseNumbers, preserveValueOrder, context = {} } = _options ?? (	/* v8 ignore start -- @preserve */ {});
+	const ops = context.tanStackDbOperators;
+	const refs = context._tanstackDbRefs;
+	const primaryRef = context._tanstackDbPrimaryRef;
+	if (!ops || !refs || !primaryRef) return void 0;
+	const { and, eq, gt, gte, inArray, isNull, like, lt, lte, not } = ops;
+	const resolveField = (fieldName) => {
+		const dotIdx = fieldName.indexOf(".");
+		if (dotIdx > 0) {
+			const prefix = fieldName.slice(0, dotIdx);
+			const rest = fieldName.slice(dotIdx + 1);
+			if (refs[prefix]) return refs[prefix][rest];
+		}
+		return refs[primaryRef][fieldName];
+	};
+	const { field, operator, value, valueSource } = rule;
+	const column = resolveField(field);
+	const operatorLC = lc(operator);
+	const valueIsField = valueSource === "field";
+	const asFieldOrValue = (v) => valueIsField ? resolveField(v) : v;
+	const maybeParseNumber = (v) => {
+		if (valueIsField || !parseNumbers) return asFieldOrValue(v);
+		return shouldRenderAsNumber(v, true) ? parseNumber(v, { parseNumbers: true }) : v;
+	};
+	switch (operatorLC) {
+		case "=": return eq(column, maybeParseNumber(value));
+		case "!=": return not(eq(column, maybeParseNumber(value)));
+		case ">": return gt(column, maybeParseNumber(value));
+		case "<": return lt(column, maybeParseNumber(value));
+		case ">=": return gte(column, maybeParseNumber(value));
+		case "<=": return lte(column, maybeParseNumber(value));
+		case "beginswith":
+		case "doesnotbeginwith": {
+			const expr = like(column, valueIsField ? void 0 : `${value}%`);
+			return operatorLC === "doesnotbeginwith" ? not(expr) : expr;
+		}
+		case "contains":
+		case "doesnotcontain": {
+			const expr = like(column, valueIsField ? void 0 : `%${value}%`);
+			return operatorLC === "doesnotcontain" ? not(expr) : expr;
+		}
+		case "endswith":
+		case "doesnotendwith": {
+			const expr = like(column, valueIsField ? void 0 : `%${value}`);
+			return operatorLC === "doesnotendwith" ? not(expr) : expr;
+		}
+		case "null": return isNull(column);
+		case "notnull": return not(isNull(column));
+		case "in":
+		case "notin": {
+			const expr = inArray(column, toArray(value).map((v) => maybeParseNumber(v)));
+			return operatorLC === "notin" ? not(expr) : expr;
+		}
+		case "between":
+		case "notbetween": {
+			const valueAsArray = toArray(value);
+			if (valueAsArray.length >= 2 && isValidValue(valueAsArray[0]) && isValidValue(valueAsArray[1])) {
+				let [first, second] = valueAsArray;
+				const shouldParseNumbers = !(parseNumbers === false);
+				if (!valueIsField && shouldRenderAsNumber(first, shouldParseNumbers) && shouldRenderAsNumber(second, shouldParseNumbers)) {
+					const firstNum = parseNumber(first, { parseNumbers: shouldParseNumbers });
+					const secondNum = parseNumber(second, { parseNumbers: shouldParseNumbers });
+					if (!preserveValueOrder && secondNum < firstNum) {
+						const tempNum = secondNum;
+						second = firstNum;
+						first = tempNum;
+					} else {
+						first = firstNum;
+						second = secondNum;
+					}
+				} else if (valueIsField) {
+					first = asFieldOrValue(first);
+					second = asFieldOrValue(second);
+				}
+				const expr = and(gte(column, first), lte(column, second));
+				return operatorLC === "notbetween" ? not(expr) : expr;
+			}
+			return;
+		}
+		default: return;
+	}
+};
+//#endregion
 //#region src/utils/formatQuery/formatQuery.ts
 /**
 * A collection of option presets for {@link formatQuery}, specifically for SQL-based formats.
@@ -4730,7 +4704,16 @@ const mergeAnyTranslation = (el, keyPropContextMap, defaults) => {
 };
 //#endregion
 //#region src/utils/mergeClassnames.ts
-const joinClassnamesByName = (name, args) => clsx(args.map((c) => clsx(c?.[name])));
+const joinClassnamesByName = (name, args) => {
+	let result = "";
+	for (let i = 0; i < args.length; i++) {
+		const v = args[i]?.[name];
+		if (!v) continue;
+		const s = typeof v === "string" ? v : clsx(v);
+		if (s) result = result ? `${result} ${s}` : s;
+	}
+	return result;
+};
 /**
 * Merges a list of partial {@link Classnames} definitions into a single definition.
 */
@@ -4777,7 +4760,8 @@ const mergeClassnames = (...args) => ({
 	matchThreshold: joinClassnamesByName("matchThreshold", args),
 	branches: joinClassnamesByName("branches", args),
 	hasSubQuery: joinClassnamesByName("hasSubQuery", args),
-	loading: joinClassnamesByName("loading", args)
+	loading: joinClassnamesByName("loading", args),
+	valueDateTimeRelative: joinClassnamesByName("valueDateTimeRelative", args)
 });
 //#endregion
 //#region src/utils/preferProp.ts