@navita/engine 0.2.1 → 3.0.0-next.0

package/helpers/normalizeCSSVarsProperty.mjs

@@ -1,13 +1,13 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/normalizeCSSVarsProperty.ts
 const regex = /var\(([^,]+).*\)/;
 function normalizeCSSVarsProperty(property) {
-    if (!property.startsWith('var(')) {
-        return property;
-    }
-    const matches = property.match(regex);
-    if (!matches) {
-        return property;
-    }
-    return matches[1];
+	if (!property.startsWith("var(")) return property;
+	const matches = property.match(regex);
+	if (!matches) return property;
+	return matches[1];
 }
-
+//#endregion
 export { normalizeCSSVarsProperty };

package/helpers/normalizeCSSVarsValue.cjs

@@ -1,11 +1,9 @@
-'use strict';
-
-const cssVarRegex = /(?<!var\()(\s*)(--[a-zA-Z0-9_-]+)/g;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/helpers/normalizeCSSVarsValue.ts
+const cssVarRegex = /(?<!var\()(?<![A-Za-z0-9])(--[a-zA-Z0-9_-]+)/g;
 function normalizeCSSVarsValue(value) {
-    if (value.includes('--')) {
-        return value.replace(cssVarRegex, "$1var($2)");
-    }
-    return value;
+	if (value.includes("--")) return value.replace(cssVarRegex, "var($1)");
+	return value;
 }
-
+//#endregion
 exports.normalizeCSSVarsValue = normalizeCSSVarsValue;

package/helpers/normalizeCSSVarsValue.mjs

@@ -1,9 +1,11 @@
-const cssVarRegex = /(?<!var\()(\s*)(--[a-zA-Z0-9_-]+)/g;
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/normalizeCSSVarsValue.ts
+const cssVarRegex = /(?<!var\()(?<![A-Za-z0-9])(--[a-zA-Z0-9_-]+)/g;
 function normalizeCSSVarsValue(value) {
-    if (value.includes('--')) {
-        return value.replace(cssVarRegex, "$1var($2)");
-    }
-    return value;
+	if (value.includes("--")) return value.replace(cssVarRegex, "var($1)");
+	return value;
 }
-
+//#endregion
 export { normalizeCSSVarsValue };

package/helpers/normalizeNestedProperty.cjs

@@ -1,10 +1,8 @@
-'use strict';
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/helpers/normalizeNestedProperty.ts
 function normalizeNestedProperty(nestedProperty) {
-    if (nestedProperty.charAt(0) === '&') {
-        return nestedProperty.slice(1);
-    }
-    return nestedProperty;
+	if (nestedProperty.charAt(0) === "&") return nestedProperty.slice(1);
+	return nestedProperty;
 }
-
+//#endregion
 exports.normalizeNestedProperty = normalizeNestedProperty;

package/helpers/normalizeNestedProperty.mjs

@@ -1,8 +1,10 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/normalizeNestedProperty.ts
 function normalizeNestedProperty(nestedProperty) {
-    if (nestedProperty.charAt(0) === '&') {
-        return nestedProperty.slice(1);
-    }
-    return nestedProperty;
+	if (nestedProperty.charAt(0) === "&") return nestedProperty.slice(1);
+	return nestedProperty;
 }
-
+//#endregion
 export { normalizeNestedProperty };

package/helpers/pixelifyProperties.cjs

@@ -1,58 +1,55 @@
-'use strict';
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/helpers/pixelifyProperties.ts
 const UNITLESS = {
-    animationIterationCount: true,
-    borderImage: true,
-    borderImageOutset: true,
-    borderImageSlice: true,
-    borderImageWidth: true,
-    boxFlex: true,
-    boxFlexGroup: true,
-    columnCount: true,
-    columns: true,
-    flex: true,
-    flexGrow: true,
-    flexShrink: true,
-    fontWeight: true,
-    gridArea: true,
-    gridColumn: true,
-    gridColumnEnd: true,
-    gridColumnStart: true,
-    gridRow: true,
-    gridRowEnd: true,
-    gridRowStart: true,
-    initialLetter: true,
-    lineClamp: true,
-    lineHeight: true,
-    maxLines: true,
-    opacity: true,
-    order: true,
-    orphans: true,
-    scale: true,
-    tabSize: true,
-    WebkitLineClamp: true,
-    widows: true,
-    zIndex: true,
-    zoom: true,
-    // svg properties
-    fillOpacity: true,
-    floodOpacity: true,
-    maskBorder: true,
-    maskBorderOutset: true,
-    maskBorderSlice: true,
-    maskBorderWidth: true,
-    shapeImageThreshold: true,
-    stopOpacity: true,
-    strokeDashoffset: true,
-    strokeMiterlimit: true,
-    strokeOpacity: true,
-    strokeWidth: true
+	animationIterationCount: true,
+	borderImage: true,
+	borderImageOutset: true,
+	borderImageSlice: true,
+	borderImageWidth: true,
+	boxFlex: true,
+	boxFlexGroup: true,
+	columnCount: true,
+	columns: true,
+	flex: true,
+	flexGrow: true,
+	flexShrink: true,
+	fontWeight: true,
+	gridArea: true,
+	gridColumn: true,
+	gridColumnEnd: true,
+	gridColumnStart: true,
+	gridRow: true,
+	gridRowEnd: true,
+	gridRowStart: true,
+	initialLetter: true,
+	lineClamp: true,
+	lineHeight: true,
+	maxLines: true,
+	opacity: true,
+	order: true,
+	orphans: true,
+	scale: true,
+	tabSize: true,
+	WebkitLineClamp: true,
+	widows: true,
+	zIndex: true,
+	zoom: true,
+	fillOpacity: true,
+	floodOpacity: true,
+	maskBorder: true,
+	maskBorderOutset: true,
+	maskBorderSlice: true,
+	maskBorderWidth: true,
+	shapeImageThreshold: true,
+	stopOpacity: true,
+	strokeDashoffset: true,
+	strokeMiterlimit: true,
+	strokeOpacity: true,
+	strokeWidth: true
 };
 function pixelifyProperties(property, value) {
-    if (value !== 0 && !UNITLESS[property]) {
-        return `${value}px`;
-    }
-    return value;
+	if (value !== 0 && !property.startsWith("--") && !UNITLESS[property]) return `${value}px`;
+	return value;
 }
-
+//#endregion
 exports.pixelifyProperties = pixelifyProperties;

package/helpers/pixelifyProperties.mjs

@@ -1,56 +1,57 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/pixelifyProperties.ts
 const UNITLESS = {
-    animationIterationCount: true,
-    borderImage: true,
-    borderImageOutset: true,
-    borderImageSlice: true,
-    borderImageWidth: true,
-    boxFlex: true,
-    boxFlexGroup: true,
-    columnCount: true,
-    columns: true,
-    flex: true,
-    flexGrow: true,
-    flexShrink: true,
-    fontWeight: true,
-    gridArea: true,
-    gridColumn: true,
-    gridColumnEnd: true,
-    gridColumnStart: true,
-    gridRow: true,
-    gridRowEnd: true,
-    gridRowStart: true,
-    initialLetter: true,
-    lineClamp: true,
-    lineHeight: true,
-    maxLines: true,
-    opacity: true,
-    order: true,
-    orphans: true,
-    scale: true,
-    tabSize: true,
-    WebkitLineClamp: true,
-    widows: true,
-    zIndex: true,
-    zoom: true,
-    // svg properties
-    fillOpacity: true,
-    floodOpacity: true,
-    maskBorder: true,
-    maskBorderOutset: true,
-    maskBorderSlice: true,
-    maskBorderWidth: true,
-    shapeImageThreshold: true,
-    stopOpacity: true,
-    strokeDashoffset: true,
-    strokeMiterlimit: true,
-    strokeOpacity: true,
-    strokeWidth: true
+	animationIterationCount: true,
+	borderImage: true,
+	borderImageOutset: true,
+	borderImageSlice: true,
+	borderImageWidth: true,
+	boxFlex: true,
+	boxFlexGroup: true,
+	columnCount: true,
+	columns: true,
+	flex: true,
+	flexGrow: true,
+	flexShrink: true,
+	fontWeight: true,
+	gridArea: true,
+	gridColumn: true,
+	gridColumnEnd: true,
+	gridColumnStart: true,
+	gridRow: true,
+	gridRowEnd: true,
+	gridRowStart: true,
+	initialLetter: true,
+	lineClamp: true,
+	lineHeight: true,
+	maxLines: true,
+	opacity: true,
+	order: true,
+	orphans: true,
+	scale: true,
+	tabSize: true,
+	WebkitLineClamp: true,
+	widows: true,
+	zIndex: true,
+	zoom: true,
+	fillOpacity: true,
+	floodOpacity: true,
+	maskBorder: true,
+	maskBorderOutset: true,
+	maskBorderSlice: true,
+	maskBorderWidth: true,
+	shapeImageThreshold: true,
+	stopOpacity: true,
+	strokeDashoffset: true,
+	strokeMiterlimit: true,
+	strokeOpacity: true,
+	strokeWidth: true
 };
 function pixelifyProperties(property, value) {
-    if (value !== 0 && !UNITLESS[property]) {
-        return `${value}px`;
-    }
-    return value;
+	if (value !== 0 && !property.startsWith("--") && !UNITLESS[property]) return `${value}px`;
+	return value;
 }
-
+//#endregion
 export { pixelifyProperties };

package/helpers/splitSelectorList.cjs

@@ -0,0 +1,55 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/helpers/splitSelectorList.ts
+/**
+* Splits a CSS selector list on top-level commas, ignoring commas that live
+* inside parentheses (`:is(.a, .b)`, `:not(.x, .y)`), square brackets
+* (`[data-x=","]`) or quoted strings.
+*
+* A naive `selector.split(',')` mangles grouped selectors, which is why this
+* paren/bracket/quote-aware split exists.
+*
+* Each returned segment is trimmed; empty segments are dropped.
+*/
+function splitSelectorList(selectorList) {
+	const segments = [];
+	let current = "";
+	let parenDepth = 0;
+	let bracketDepth = 0;
+	let quote = null;
+	for (let i = 0; i < selectorList.length; i++) {
+		const char = selectorList[i];
+		if (quote) {
+			current += char;
+			if (char === quote && selectorList[i - 1] !== "\\") quote = null;
+			continue;
+		}
+		switch (char) {
+			case "\"":
+			case "'":
+				quote = char;
+				break;
+			case "(":
+				parenDepth++;
+				break;
+			case ")":
+				if (parenDepth > 0) parenDepth--;
+				break;
+			case "[":
+				bracketDepth++;
+				break;
+			case "]":
+				if (bracketDepth > 0) bracketDepth--;
+				break;
+		}
+		if (char === "," && parenDepth === 0 && bracketDepth === 0) {
+			segments.push(current);
+			current = "";
+			continue;
+		}
+		current += char;
+	}
+	segments.push(current);
+	return segments.map((segment) => segment.trim()).filter(Boolean);
+}
+//#endregion
+exports.splitSelectorList = splitSelectorList;

package/helpers/splitSelectorList.mjs

@@ -0,0 +1,57 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/splitSelectorList.ts
+/**
+* Splits a CSS selector list on top-level commas, ignoring commas that live
+* inside parentheses (`:is(.a, .b)`, `:not(.x, .y)`), square brackets
+* (`[data-x=","]`) or quoted strings.
+*
+* A naive `selector.split(',')` mangles grouped selectors, which is why this
+* paren/bracket/quote-aware split exists.
+*
+* Each returned segment is trimmed; empty segments are dropped.
+*/
+function splitSelectorList(selectorList) {
+	const segments = [];
+	let current = "";
+	let parenDepth = 0;
+	let bracketDepth = 0;
+	let quote = null;
+	for (let i = 0; i < selectorList.length; i++) {
+		const char = selectorList[i];
+		if (quote) {
+			current += char;
+			if (char === quote && selectorList[i - 1] !== "\\") quote = null;
+			continue;
+		}
+		switch (char) {
+			case "\"":
+			case "'":
+				quote = char;
+				break;
+			case "(":
+				parenDepth++;
+				break;
+			case ")":
+				if (parenDepth > 0) parenDepth--;
+				break;
+			case "[":
+				bracketDepth++;
+				break;
+			case "]":
+				if (bracketDepth > 0) bracketDepth--;
+				break;
+		}
+		if (char === "," && parenDepth === 0 && bracketDepth === 0) {
+			segments.push(current);
+			current = "";
+			continue;
+		}
+		current += char;
+	}
+	segments.push(current);
+	return segments.map((segment) => segment.trim()).filter(Boolean);
+}
+//#endregion
+export { splitSelectorList };

package/helpers/splitStyleBlocks.cjs

@@ -1,28 +1,26 @@
-'use strict';
-
-const lowPriorityProperties = [
-    'all'
-];
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/helpers/splitStyleBlocks.ts
+const lowPriorityProperties = ["all"];
 function splitStyleBlocks(blocks) {
-    const atRules = [];
-    const rules = [];
-    const lowPrioRules = [];
-    for (const block of blocks){
-        if (block.media || block.support || block.container) {
-            atRules.push(block);
-            continue;
-        }
-        if (lowPriorityProperties.includes(block.property.toLowerCase())) {
-            lowPrioRules.push(block);
-            continue;
-        }
-        rules.push(block);
-    }
-    return {
-        atRules,
-        lowPrioRules,
-        rules
-    };
+	const atRules = [];
+	const rules = [];
+	const lowPrioRules = [];
+	for (const block of blocks) {
+		if (block.media || block.support || block.container) {
+			atRules.push(block);
+			continue;
+		}
+		if (lowPriorityProperties.includes(block.property.toLowerCase())) {
+			lowPrioRules.push(block);
+			continue;
+		}
+		rules.push(block);
+	}
+	return {
+		atRules,
+		lowPrioRules,
+		rules
+	};
 }
-
+//#endregion
 exports.splitStyleBlocks = splitStyleBlocks;

package/helpers/splitStyleBlocks.mjs

@@ -1,26 +1,28 @@
-const lowPriorityProperties = [
-    'all'
-];
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/splitStyleBlocks.ts
+const lowPriorityProperties = ["all"];
 function splitStyleBlocks(blocks) {
-    const atRules = [];
-    const rules = [];
-    const lowPrioRules = [];
-    for (const block of blocks){
-        if (block.media || block.support || block.container) {
-            atRules.push(block);
-            continue;
-        }
-        if (lowPriorityProperties.includes(block.property.toLowerCase())) {
-            lowPrioRules.push(block);
-            continue;
-        }
-        rules.push(block);
-    }
-    return {
-        atRules,
-        lowPrioRules,
-        rules
-    };
+	const atRules = [];
+	const rules = [];
+	const lowPrioRules = [];
+	for (const block of blocks) {
+		if (block.media || block.support || block.container) {
+			atRules.push(block);
+			continue;
+		}
+		if (lowPriorityProperties.includes(block.property.toLowerCase())) {
+			lowPrioRules.push(block);
+			continue;
+		}
+		rules.push(block);
+	}
+	return {
+		atRules,
+		lowPrioRules,
+		rules
+	};
 }
-
+//#endregion
 export { splitStyleBlocks };

package/helpers/transformContentProperty.cjs

@@ -1,8 +1,7 @@
-'use strict';
-
-// https://github.com/vanilla-extract-css/vanilla-extract/blob/40d7e72c041989a4dc847dc66b94a4c680b5536e/packages/css/src/transformCss.ts#L277
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/helpers/transformContentProperty.ts
 function transformContentProperty(value) {
-    return value && (value.includes('"') || value.includes("'") || /^([A-Za-z\-]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(value)) ? value : `"${value}"`;
+	return value && (value.includes("\"") || value.includes("'") || /^([A-Za-z-]+\([\s\S]*|[\s\S]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(value)) ? value : `"${value}"`;
 }
-
+//#endregion
 exports.transformContentProperty = transformContentProperty;

package/helpers/transformContentProperty.mjs

@@ -1,6 +1,9 @@
-// https://github.com/vanilla-extract-css/vanilla-extract/blob/40d7e72c041989a4dc847dc66b94a4c680b5536e/packages/css/src/transformCss.ts#L277
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/transformContentProperty.ts
 function transformContentProperty(value) {
-    return value && (value.includes('"') || value.includes("'") || /^([A-Za-z\-]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(value)) ? value : `"${value}"`;
+	return value && (value.includes("\"") || value.includes("'") || /^([A-Za-z-]+\([\s\S]*|[\s\S]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(value)) ? value : `"${value}"`;
 }
-
+//#endregion
 export { transformContentProperty };

package/identifiers/IDGenerator.cjs

@@ -1,10 +1,10 @@
-'use strict';
-
-class IDGenerator {
-    counter = 1;
-    next() {
-        return this.counter++;
-    }
-}
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/identifiers/IDGenerator.ts
+var IDGenerator = class {
+	counter = 1;
+	next() {
+		return this.counter++;
+	}
+};
+//#endregion
 exports.IDGenerator = IDGenerator;

package/identifiers/IDGenerator.mjs

@@ -1,8 +1,12 @@
-class IDGenerator {
-    counter = 1;
-    next() {
-        return this.counter++;
-    }
-}
-
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/identifiers/IDGenerator.ts
+var IDGenerator = class {
+	counter = 1;
+	next() {
+		return this.counter++;
+	}
+};
+//#endregion
 export { IDGenerator };

package/identifiers/alphaIDGenerator.cjs

@@ -1,27 +1,24 @@
-'use strict';
-
-const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
-const charLength = chars.length;
-class AlphaIDGenerator {
-    constructor(blacklist = [
-        'ad'
-    ]){
-        this.blacklist = blacklist;
-        this.counter = 1;
-    }
-    next() {
-        const nextString = (id, className = '')=>{
-            if (id <= charLength) {
-                return chars[id - 1] + className;
-            }
-            return nextString(id / charLength | 0, chars[(id - 1) % charLength] + className);
-        };
-        let className;
-        do {
-            className = nextString(this.counter++);
-        }while (this.blacklist.includes(className.toLowerCase()))
-        return className;
-    }
-}
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/identifiers/alphaIDGenerator.ts
+const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+const charLength = 52;
+var AlphaIDGenerator = class {
+	blacklist;
+	counter = 1;
+	constructor(blacklist = ["ad"]) {
+		this.blacklist = blacklist;
+	}
+	next() {
+		const nextString = (id, className = "") => {
+			if (id <= charLength) return chars[id - 1] + className;
+			return nextString(id / charLength | 0, chars[(id - 1) % charLength] + className);
+		};
+		let className;
+		do
+			className = nextString(this.counter++);
+		while (this.blacklist.includes(className.toLowerCase()));
+		return className;
+	}
+};
+//#endregion
 exports.AlphaIDGenerator = AlphaIDGenerator;