@tenphi/tasty 0.0.0-snapshot.d656d18 → 0.0.0-snapshot.d7129ca

package/dist/chunks/{dsl-CXvoaLnj.js → dsl-C5yuAn41.js}

@@ -1,4 +1,4 @@
-import { a as warnOnceDev, o as isDevEnv } from "./shared-utils-OIg0N_dp.js";
+import { a as warnOnceDev, o as isDevEnv } from "./shared-utils-DWA4LjIa.js";
 //#region src/parser/const.ts
 const VALUE_KEYWORDS = new Set([
 	"auto",
@@ -19,11 +19,6 @@ const CSS_WIDE_KEYWORDS = new Set([
 	"unset",
 	"revert-layer"
 ]);
-/**
-* Color functions that *derive* a color from other colors. They take no alpha
-* channel, so opacity has to wrap the whole call in `color-mix()` instead of
-* being appended after a slash.
-*/
 const DERIVED_COLOR_FUNCS_LIST = [
 	"color-mix",
 	"color-contrast",
@@ -31,11 +26,6 @@ const DERIVED_COLOR_FUNCS_LIST = [
 	"light-dark"
 ];
 const DERIVED_COLOR_FUNCS = new Set(DERIVED_COLOR_FUNCS_LIST);
-/**
-* Every color function the parser recognizes. The ones outside
-* `DERIVED_COLOR_FUNCS` take channels as arguments, optionally followed by
-* `/ <alpha>` — which is where an opacity suffix writes.
-*/
 const COLOR_FUNCS = new Set([
 	"rgb",
 	"rgba",
@@ -51,7 +41,6 @@ const COLOR_FUNCS = new Set([
 	"gray",
 	...DERIVED_COLOR_FUNCS_LIST
 ]);
-/** A value that is a single `name(args)` call: captures the name and the args. */
 const RE_FUNC_CALL = /^([a-z][a-z0-9-]*)\((.+)\)$/i;
 const RE_UNIT_NUM = /^[+-]?(?:\d*\.\d+|\d+)([a-z][a-z0-9]*)$/;
 const RE_NUMBER = /^[+-]?(?:\d*\.\d+|\d+)$/;
@@ -78,41 +67,13 @@ function canonicalFuncName(lowered) {
 function toSnakeCase(str) {
 	return str.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);
 }
-/**
-* Normalize a DSL identifier to the CSS custom-property name it emits.
-*
-* CSS custom-property names are case-sensitive, so `$myVar` has to keep its
-* inner case to reference `--myVar`. A leading capital is the one exception:
-* `$Foo` is not a supported way to name a property, so the first character is
-* folded rather than kebab-cased (`--foo`, not `---foo`) and every later
-* character is left alone.
-*
-* Every place that turns a `$name` / `#name` identifier into a CSS name goes
-* through this, so authoring a token and referencing it always agree.
-*/
 function normalizeDslName(name) {
 	if (!name) return name;
 	const first = name[0];
 	const lower = first.toLowerCase();
 	return lower === first ? name : lower + name.slice(1);
 }
-/** A DSL identifier: `$name`, `$$name`, `#name` or `##name`. */
 const RE_DSL_IDENTIFIER = /(\$\$?|##?)([a-zA-Z_][a-zA-Z0-9_-]*)/g;
-/**
-* Case-fold a DSL string for parsing, preserving the case of custom-property
-* names.
-*
-* Everything the parser matches on — keywords, units, modifiers, function names,
-* color-token names — is compared lowercase, so the whole string used to be
-* lowercased up front. That also folded custom-property names, which are
-* case-sensitive in CSS: `$myVar` referenced `var(--myvar)` while the token
-* definition emitted `--myVar`, so the two could never meet.
-*
-* Identifier bodies now keep their case (their first character still folds, see
-* {@link normalizeDslName}); everything else is lowercased exactly as before.
-* Hex literals are excluded — `#FF0000` is a color, not a name, and must fold to
-* match {@link RE_HEX}.
-*/
 function foldDslCase(src) {
 	const folded = src.toLowerCase();
 	if (folded === src || !src.includes("$") && !src.includes("#")) return folded;
@@ -130,22 +91,10 @@ function foldDslCase(src) {
 }
 //#endregion
 //#region src/utils/color-math.ts
-const OKLab_to_LMS_M = [
-	[
-		1,
-		.3963377773761749,
-		.2158037573099136
-	],
-	[
-		1,
-		-.1055613458156586,
-		-.0638541728258133
-	],
-	[
-		1,
-		-.0894841775298119,
-		-1.2914855480194092
-	]
+const OKLab_to_LMS_ab = [
+	[.3963377773761749, .2158037573099136],
+	[-.1055613458156586, -.0638541728258133],
+	[-.0894841775298119, -1.2914855480194092]
 ];
 const LMS_to_linear_sRGB_M = [
 	[
@@ -187,7 +136,8 @@ const OKLab_to_linear_sRGB_coefficients = [
 		.00692167
 	]]
 ];
-const dotXY = (a, b) => a[0] * b[0] + a[1] * b[1];
+const dotXY = (vector, x, y) => vector[0] * x + vector[1] * y;
+const dotXYZ = (matrix, x, y, z) => matrix[0] * x + matrix[1] * y + matrix[2] * z;
 const INV_GAMMA = 1 / 2.4;
 function srgbLinearToGamma(val) {
 	const sign = val < 0 ? -1 : 1;
@@ -232,18 +182,12 @@ const oklabToLinearSrgb = (lab) => {
 const computeMaxSaturationOKLC = (a, b) => {
 	const okCoeff = OKLab_to_linear_sRGB_coefficients;
 	const lmsToRgb = LMS_to_linear_sRGB_M;
-	const tmp2 = [a, b];
-	const tmp3 = [
-		0,
-		a,
-		b
-	];
 	let chnlCoeff;
 	let chnlLMS;
-	if (dotXY(okCoeff[0][0], tmp2) > 1) {
+	if (dotXY(okCoeff[0][0], a, b) > 1) {
 		chnlCoeff = okCoeff[0][1];
 		chnlLMS = lmsToRgb[0];
-	} else if (dotXY(okCoeff[1][0], tmp2) > 1) {
+	} else if (dotXY(okCoeff[1][0], a, b) > 1) {
 		chnlCoeff = okCoeff[1][1];
 		chnlLMS = lmsToRgb[1];
 	} else {
@@ -253,10 +197,9 @@ const computeMaxSaturationOKLC = (a, b) => {
 	const [k0, k1, k2, k3, k4] = chnlCoeff;
 	const [wl, wm, ws] = chnlLMS;
 	let sat = k0 + k1 * a + k2 * b + k3 * (a * a) + k4 * a * b;
-	const dotYZ = (mat, vec) => mat[1] * vec[1] + mat[2] * vec[2];
-	const kl = dotYZ(OKLab_to_LMS_M[0], tmp3);
-	const km = dotYZ(OKLab_to_LMS_M[1], tmp3);
-	const ks = dotYZ(OKLab_to_LMS_M[2], tmp3);
+	const kl = dotXY(OKLab_to_LMS_ab[0], a, b);
+	const km = dotXY(OKLab_to_LMS_ab[1], a, b);
+	const ks = dotXY(OKLab_to_LMS_ab[2], a, b);
 	const l_ = 1 + sat * kl;
 	const m_ = 1 + sat * km;
 	const s_ = 1 + sat * ks;
@@ -287,15 +230,7 @@ const findCuspOKLCH = (a, b) => {
 };
 const findGamutIntersectionOKLCH = (a, b, l1, c1, l0, cusp) => {
 	const lmsToRgb = LMS_to_linear_sRGB_M;
-	const tmp3 = [
-		0,
-		a,
-		b
-	];
-	const floatMax = Number.MAX_VALUE;
 	let t;
-	const dotYZ = (mat, vec) => mat[1] * vec[1] + mat[2] * vec[2];
-	const dotXYZ = (vec, x, y, z) => vec[0] * x + vec[1] * y + vec[2] * z;
 	if ((l1 - l0) * cusp[1] - (cusp[0] - l0) * c1 <= 0) {
 		const denom = c1 * cusp[0] + cusp[1] * (l0 - l1);
 		t = denom === 0 ? 0 : cusp[1] * l0 / denom;
@@ -304,9 +239,9 @@ const findGamutIntersectionOKLCH = (a, b, l1, c1, l0, cusp) => {
 		t = denom === 0 ? 0 : cusp[1] * (l0 - 1) / denom;
 		const dl = l1 - l0;
 		const dc = c1;
-		const kl = dotYZ(OKLab_to_LMS_M[0], tmp3);
-		const km = dotYZ(OKLab_to_LMS_M[1], tmp3);
-		const ks = dotYZ(OKLab_to_LMS_M[2], tmp3);
+		const kl = dotXY(OKLab_to_LMS_ab[0], a, b);
+		const km = dotXY(OKLab_to_LMS_ab[1], a, b);
+		const ks = dotXY(OKLab_to_LMS_ab[2], a, b);
 		const ldt_ = dl + dc * kl;
 		const mdt_ = dl + dc * km;
 		const sdt_ = dl + dc * ks;
@@ -324,25 +259,15 @@ const findGamutIntersectionOKLCH = (a, b, l1, c1, l0, cusp) => {
 		const ldt2 = 6 * ldt_ * ldt_ * l_;
 		const mdt2 = 6 * mdt_ * mdt_ * m_;
 		const sdt2 = 6 * sdt_ * sdt_ * s_;
-		const r_ = dotXYZ(lmsToRgb[0], l, m, s) - 1;
-		const r1 = dotXYZ(lmsToRgb[0], ldt, mdt, sdt);
-		const r2 = dotXYZ(lmsToRgb[0], ldt2, mdt2, sdt2);
-		const ur = r1 / (r1 * r1 - .5 * r_ * r2);
-		let tr = -r_ * ur;
-		const g_ = dotXYZ(lmsToRgb[1], l, m, s) - 1;
-		const g1 = dotXYZ(lmsToRgb[1], ldt, mdt, sdt);
-		const g2 = dotXYZ(lmsToRgb[1], ldt2, mdt2, sdt2);
-		const ug = g1 / (g1 * g1 - .5 * g_ * g2);
-		let tg = -g_ * ug;
-		const b_ = dotXYZ(lmsToRgb[2], l, m, s) - 1;
-		const b1 = dotXYZ(lmsToRgb[2], ldt, mdt, sdt);
-		const b2 = dotXYZ(lmsToRgb[2], ldt2, mdt2, sdt2);
-		const ub = b1 / (b1 * b1 - .5 * b_ * b2);
-		let tb = -b_ * ub;
-		tr = ur >= 0 ? tr : floatMax;
-		tg = ug >= 0 ? tg : floatMax;
-		tb = ub >= 0 ? tb : floatMax;
-		t += Math.min(tr, Math.min(tg, tb));
+		let correction = Number.MAX_VALUE;
+		for (const matrix of lmsToRgb) {
+			const value = dotXYZ(matrix, l, m, s) - 1;
+			const slope = dotXYZ(matrix, ldt, mdt, sdt);
+			const slope2 = dotXYZ(matrix, ldt2, mdt2, sdt2);
+			const u = slope / (slope * slope - .5 * value * slope2);
+			if (u >= 0) correction = Math.min(correction, -value * u);
+		}
+		t += correction;
 	}
 	return t;
 };
@@ -400,15 +325,6 @@ const okhslToOklab = (hsl) => {
 		b
 	];
 };
-/**
-* HSL to RGB.
-* Algorithm from CSS Color 4 spec.
-*
-* @param h - Hue in degrees (0-360)
-* @param s - Saturation (0-1)
-* @param l - Lightness (0-1)
-* @returns RGB values in 0-255 range (may have fractional values)
-*/
 function hslToRgbValues(h, s, l) {
 	const a = s * Math.min(l, 1 - l);
 	const f = (n) => {
@@ -421,13 +337,6 @@ function hslToRgbValues(h, s, l) {
 		f(4) * 255
 	];
 }
-/**
-* OKHSL to sRGB (0-1 range).
-* @param h - Hue in degrees (0-360)
-* @param s - Saturation (0-1)
-* @param l - Lightness (0-1)
-* @returns sRGB values in 0-1 range, clamped to gamut
-*/
 function okhslToSrgb(h, s, l) {
 	const linearRGB = oklabToLinearSrgb(okhslToOklab([
 		h,
@@ -440,23 +349,9 @@ function okhslToSrgb(h, s, l) {
 		clamp$1(srgbLinearToGamma(linearRGB[2]), 0, 1)
 	];
 }
-/**
-* OKHST to sRGB (0-1 range).
-* @param h - Hue in degrees (0-360)
-* @param s - Saturation (0-1)
-* @param t - Tone (0-1)
-* @returns sRGB values in 0-1 range, clamped to gamut
-*/
 function okhstToSrgb(h, s, t) {
 	return okhslToSrgb(h, clamp$1(s, 0, 1), clamp$1(fromTone(t * 100), 0, 1));
 }
-/**
-* OKLCH to sRGB (0-255 range).
-* @param L - Lightness (0-1)
-* @param C - Chroma (typically 0-0.4)
-* @param H - Hue in degrees (0-360)
-* @returns RGB values in 0-255 range, clamped to gamut
-*/
 function oklchToRgbValues(L, C, H) {
 	const hRad = H * Math.PI / 180;
 	const linear = oklabToLinearSrgb([
@@ -473,162 +368,12 @@ function oklchToRgbValues(L, C, H) {
 let _namedColorHex = null;
 function getNamedColorHex() {
 	if (_namedColorHex) return _namedColorHex;
-	_namedColorHex = new Map([
-		["aliceblue", "#f0f8ff"],
-		["antiquewhite", "#faebd7"],
-		["aqua", "#00ffff"],
-		["aquamarine", "#7fffd4"],
-		["azure", "#f0ffff"],
-		["beige", "#f5f5dc"],
-		["bisque", "#ffe4c4"],
-		["black", "#000000"],
-		["blanchedalmond", "#ffebcd"],
-		["blue", "#0000ff"],
-		["blueviolet", "#8a2be2"],
-		["brown", "#a52a2a"],
-		["burlywood", "#deb887"],
-		["cadetblue", "#5f9ea0"],
-		["chartreuse", "#7fff00"],
-		["chocolate", "#d2691e"],
-		["coral", "#ff7f50"],
-		["cornflowerblue", "#6495ed"],
-		["cornsilk", "#fff8dc"],
-		["crimson", "#dc143c"],
-		["cyan", "#00ffff"],
-		["darkblue", "#00008b"],
-		["darkcyan", "#008b8b"],
-		["darkgoldenrod", "#b8860b"],
-		["darkgray", "#a9a9a9"],
-		["darkgreen", "#006400"],
-		["darkgrey", "#a9a9a9"],
-		["darkkhaki", "#bdb76b"],
-		["darkmagenta", "#8b008b"],
-		["darkolivegreen", "#556b2f"],
-		["darkorange", "#ff8c00"],
-		["darkorchid", "#9932cc"],
-		["darkred", "#8b0000"],
-		["darksalmon", "#e9967a"],
-		["darkseagreen", "#8fbc8f"],
-		["darkslateblue", "#483d8b"],
-		["darkslategray", "#2f4f4f"],
-		["darkslategrey", "#2f4f4f"],
-		["darkturquoise", "#00ced1"],
-		["darkviolet", "#9400d3"],
-		["deeppink", "#ff1493"],
-		["deepskyblue", "#00bfff"],
-		["dimgray", "#696969"],
-		["dimgrey", "#696969"],
-		["dodgerblue", "#1e90ff"],
-		["firebrick", "#b22222"],
-		["floralwhite", "#fffaf0"],
-		["forestgreen", "#228b22"],
-		["fuchsia", "#ff00ff"],
-		["gainsboro", "#dcdcdc"],
-		["ghostwhite", "#f8f8ff"],
-		["gold", "#ffd700"],
-		["goldenrod", "#daa520"],
-		["gray", "#808080"],
-		["green", "#008000"],
-		["greenyellow", "#adff2f"],
-		["grey", "#808080"],
-		["honeydew", "#f0fff0"],
-		["hotpink", "#ff69b4"],
-		["indianred", "#cd5c5c"],
-		["indigo", "#4b0082"],
-		["ivory", "#fffff0"],
-		["khaki", "#f0e68c"],
-		["lavender", "#e6e6fa"],
-		["lavenderblush", "#fff0f5"],
-		["lawngreen", "#7cfc00"],
-		["lemonchiffon", "#fffacd"],
-		["lightblue", "#add8e6"],
-		["lightcoral", "#f08080"],
-		["lightcyan", "#e0ffff"],
-		["lightgoldenrodyellow", "#fafad2"],
-		["lightgray", "#d3d3d3"],
-		["lightgreen", "#90ee90"],
-		["lightgrey", "#d3d3d3"],
-		["lightpink", "#ffb6c1"],
-		["lightsalmon", "#ffa07a"],
-		["lightseagreen", "#20b2aa"],
-		["lightskyblue", "#87cefa"],
-		["lightslategray", "#778899"],
-		["lightslategrey", "#778899"],
-		["lightsteelblue", "#b0c4de"],
-		["lightyellow", "#ffffe0"],
-		["lime", "#00ff00"],
-		["limegreen", "#32cd32"],
-		["linen", "#faf0e6"],
-		["magenta", "#ff00ff"],
-		["maroon", "#800000"],
-		["mediumaquamarine", "#66cdaa"],
-		["mediumblue", "#0000cd"],
-		["mediumorchid", "#ba55d3"],
-		["mediumpurple", "#9370db"],
-		["mediumseagreen", "#3cb371"],
-		["mediumslateblue", "#7b68ee"],
-		["mediumspringgreen", "#00fa9a"],
-		["mediumturquoise", "#48d1cc"],
-		["mediumvioletred", "#c71585"],
-		["midnightblue", "#191970"],
-		["mintcream", "#f5fffa"],
-		["mistyrose", "#ffe4e1"],
-		["moccasin", "#ffe4b5"],
-		["navajowhite", "#ffdead"],
-		["navy", "#000080"],
-		["oldlace", "#fdf5e6"],
-		["olive", "#808000"],
-		["olivedrab", "#6b8e23"],
-		["orange", "#ffa500"],
-		["orangered", "#ff4500"],
-		["orchid", "#da70d6"],
-		["palegoldenrod", "#eee8aa"],
-		["palegreen", "#98fb98"],
-		["paleturquoise", "#afeeee"],
-		["palevioletred", "#db7093"],
-		["papayawhip", "#ffefd5"],
-		["peachpuff", "#ffdab9"],
-		["peru", "#cd853f"],
-		["pink", "#ffc0cb"],
-		["plum", "#dda0dd"],
-		["powderblue", "#b0e0e6"],
-		["purple", "#800080"],
-		["rebeccapurple", "#663399"],
-		["red", "#ff0000"],
-		["rosybrown", "#bc8f8f"],
-		["royalblue", "#4169e1"],
-		["saddlebrown", "#8b4513"],
-		["salmon", "#fa8072"],
-		["sandybrown", "#f4a460"],
-		["seagreen", "#2e8b57"],
-		["seashell", "#fff5ee"],
-		["sienna", "#a0522d"],
-		["silver", "#c0c0c0"],
-		["skyblue", "#87ceeb"],
-		["slateblue", "#6a5acd"],
-		["slategray", "#708090"],
-		["slategrey", "#708090"],
-		["snow", "#fffafa"],
-		["springgreen", "#00ff7f"],
-		["steelblue", "#4682b4"],
-		["tan", "#d2b48c"],
-		["teal", "#008080"],
-		["thistle", "#d8bfd8"],
-		["tomato", "#ff6347"],
-		["turquoise", "#40e0d0"],
-		["violet", "#ee82ee"],
-		["wheat", "#f5deb3"],
-		["white", "#ffffff"],
-		["whitesmoke", "#f5f5f5"],
-		["yellow", "#ffff00"],
-		["yellowgreen", "#9acd32"]
-	]);
-	return _namedColorHex;
+	const names = "aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen".split(" ");
+	const hex = "f0f8fffaebd700ffff7fffd4f0fffff5f5dcffe4c4000000ffebcd0000ff8a2be2a52a2adeb8875f9ea07fff00d2691eff7f506495edfff8dcdc143c00ffff00008b008b8bb8860ba9a9a9006400a9a9a9bdb76b8b008b556b2fff8c009932cc8b0000e9967a8fbc8f483d8b2f4f4f2f4f4f00ced19400d3ff149300bfff6969696969691e90ffb22222fffaf0228b22ff00ffdcdcdcf8f8ffffd700daa520808080008000adff2f808080f0fff0ff69b4cd5c5c4b0082fffff0f0e68ce6e6fafff0f57cfc00fffacdadd8e6f08080e0fffffafad2d3d3d390ee90d3d3d3ffb6c1ffa07a20b2aa87cefa778899778899b0c4deffffe000ff0032cd32faf0e6ff00ff80000066cdaa0000cdba55d39370db3cb3717b68ee00fa9a48d1ccc71585191970f5fffaffe4e1ffe4b5ffdead000080fdf5e68080006b8e23ffa500ff4500da70d6eee8aa98fb98afeeeedb7093ffefd5ffdab9cd853fffc0cbdda0ddb0e0e6800080663399ff0000bc8f8f4169e18b4513fa8072f4a4602e8b57fff5eea0522dc0c0c087ceeb6a5acd708090708090fffafa00ff7f4682b4d2b48c008080d8bfd8ff634740e0d0ee82eef5deb3fffffff5f5f5ffff009acd32";
+	const colors = /* @__PURE__ */ new Map();
+	for (let i = 0; i < names.length; i++) colors.set(names[i], `#${hex.slice(i * 6, i * 6 + 6)}`);
+	return _namedColorHex = colors;
 }
-/**
-* Convert hex color string to `rgb()` CSS string.
-* Supports 3, 4, 6, and 8 character hex values (with or without `#`).
-*/
 function hexToRgb(hex) {
 	const matched = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_m, r, g, b) => "#" + r + r + g + g + b + b).substring(1).match(/.{2}/g);
 	if (!matched) return null;
@@ -637,13 +382,6 @@ function hexToRgb(hex) {
 	if (rgba.length >= 3) return `rgb(${rgba.slice(0, 3).join(" ")}${rgba.length > 3 ? ` / ${rgba[3]}` : ""})`;
 	return null;
 }
-/**
-* Extract RGB values from an `rgb()`/`rgba()` string.
-* Supports comma-separated, space-separated, fractional, percentage,
-* and slash alpha notation.
-*
-* @returns Array of RGB values (0-255 range), converting percentages as needed.
-*/
 function getRgbValuesFromRgbaString(str) {
 	const match = str.match(/rgba?\(([^)]+)\)/i);
 	if (!match) return [];
@@ -654,11 +392,6 @@ function getRgbValuesFromRgbaString(str) {
 		return parseFloat(part);
 	});
 }
-/**
-* Convert any recognized color string to an `rgb()` CSS string.
-* Handles hex, `okhsl()`, `okhst()`, `hsl()`/`hsla()`, named CSS colors,
-* and `rgb()`/`rgba()` pass-through.
-*/
 function strToRgb(color, _ignoreAlpha = false) {
 	if (!color) return void 0;
 	if (color.startsWith("rgb")) return color;
@@ -669,11 +402,6 @@ function strToRgb(color, _ignoreAlpha = false) {
 	if (namedHex) return hexToRgb(namedHex);
 	return null;
 }
-/**
-* Convert an HSL/HSLA color string to an `rgb()`/`rgba()` CSS string.
-* Supports modern space-separated and legacy comma-separated syntax,
-* deg/turn/rad hue units, and slash alpha notation.
-*/
 function hslStringToRgb(hslStr) {
 	const match = hslStr.match(/hsla?\(([^)]+)\)/i);
 	if (!match) return null;
@@ -699,10 +427,6 @@ function hslStringToRgb(hslStr) {
 	}
 	return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;
 }
-/**
-* Convert an `oklch()` color string to an `rgb()`/`rgba()` CSS string.
-* Supports deg/turn/rad hue units and percentage lightness.
-*/
 function oklchStringToRgb(oklchStr) {
 	const match = oklchStr.match(/oklch\(([^)]+)\)/i);
 	if (!match) return null;
@@ -729,62 +453,13 @@ function oklchStringToRgb(oklchStr) {
 }
 //#endregion
 //#region src/utils/color-space.ts
-/**
-* Set the alpha of a whole color, replacing any it already carries.
-*
-* CSS relative color syntax is how opacity is applied to every color Tasty
-* emits. `oklch(from <color> l c h / <alpha>)` copies the channels over and
-* writes the alpha slot, which needs nothing from the color except that it *is*
-* a color: a `color-mix()`, a `light-dark()`, a `currentcolor`, a
-* `--name-color` written by hand-authored CSS that Tasty never defined — all of
-* them work, where writing into a channel slot directly would require channels
-* the engine has no way to compute.
-*
-* Alpha is *replaced*, not composed. A token holding `rgb(255 0 0 / .8)` faded
-* to `.5` is alpha `.5`. `color-mix()` against `transparent` cannot do this —
-* it would multiply the two to `.4`.
-*
-* The alpha slot takes a `<number>` or a `<percentage>`, so an opacity custom
-* property passes straight through in whichever form the author declared it.
-*
-* The space is always `oklch`, regardless of the configured {@link ColorSpace}:
-* it is unbounded, so a wide-gamut color survives the round trip that a
-* gamut-limited space would clamp, and it is the space the computed value used
-* to be reported in. Channels are copied rather than interpolated, so the polar
-* form costs nothing even for an achromatic color, whose hue is carried through
-* untouched.
-*/
 function overrideColorAlpha(color, alpha) {
 	return `oklch(from ${color} l c h / ${alpha})`;
 }
-/**
-* Compose an alpha onto a color, multiplying with any it already carries.
-*
-* This is the counterpart to {@link overrideColorAlpha}, and the difference is
-* the point. A design token names a color, so fading it *sets* its alpha. But
-* `currentcolor` is the color an element **inherits**, which an ancestor may
-* already have faded — `#current.4` there means "40% of what reaches me", and a
-* nested `#current.18` under it composes to `.072`. Design systems build ramps
-* out of exactly that, so `#current` composes and a token replaces.
-*
-* `color-mix()` against `transparent` is what composes: mixing premultiplied
-* leaves the channels alone and multiplies the alphas. Its percentage slot takes
-* no `<number>`, so a `$prop` alpha has to be scaled — which is why an opacity
-* property used as `#current.$prop` has to hold a unitless number, where a token
-* accepts either form.
-*/
 function mixColorAlpha(color, percentage) {
 	return `color-mix(in oklab, ${color} ${percentage}, transparent)`;
 }
-/**
-* Matches what {@link overrideColorAlpha} builds. The first group is greedy so a
-* nested override splits on its outermost layer.
-*/
 const RE_ALPHA_OVERRIDE = /^oklch\(from (.+) l c h \/ (.+)\)$/;
-/**
-* Split what {@link overrideColorAlpha} builds back into the color it faded and
-* the alpha, or `null` when the value is not one of those.
-*/
 function parseAlphaOverride(value) {
 	const match = value.match(RE_ALPHA_OVERRIDE);
 	return match ? {
@@ -810,49 +485,16 @@ const makeEmptyDetails = () => ({
 	all: [],
 	parts: []
 });
-const finalizePart = (p) => {
-	p.output = p.all.join(" ");
-	return p;
-};
-/**
-* Aggregate parts into a StyleDetails group.
-* Combines all parts' arrays into group-level arrays for backward compatibility.
-*/
-const finalizeGroup = (d, parts) => {
-	d.parts = parts;
-	for (const part of parts) {
-		d.mods.push(...part.mods);
-		d.values.push(...part.values);
-		d.colors.push(...part.colors);
-		d.all.push(...part.all);
-	}
-	d.output = parts.map((p) => p.output).join(" / ");
-	return d;
-};
 //#endregion
 //#region src/parser/classify.ts
-/**
-* Convert an opacity suffix to the alpha value it denotes.
-*
-* The authored digits are kept verbatim — `.07` stays `.07` rather than being
-* multiplied into `7.000000000000001%` — and a `$prop` suffix passes the
-* reference straight through, so it works whether the property holds a
-* `<number>` or a `<percentage>`. Both are what the alpha slot accepts.
-*/
 function alphaSuffixToAlpha(rawAlpha) {
 	if (rawAlpha.startsWith("$")) return `var(--${rawAlpha.slice(1)})`;
 	if (rawAlpha === "0") return "0";
 	return `.${rawAlpha}`;
 }
-/** Apply an opacity suffix to a color, replacing any alpha it already carries. */
 function fadeColor(color, rawAlpha) {
 	return overrideColorAlpha(color, alphaSuffixToAlpha(rawAlpha));
 }
-/**
-* Convert an opacity suffix to the percentage `color-mix()` needs, by shifting
-* the decimal point rather than multiplying: `.07` is `7%`, not the
-* `7.000000000000001%` that `parseFloat('.07') * 100` produces.
-*/
 function alphaSuffixToPercentage(rawAlpha) {
 	if (rawAlpha.startsWith("$")) return `calc(var(--${rawAlpha.slice(1)}) * 100%)`;
 	if (rawAlpha === "0") return "0%";
@@ -861,28 +503,13 @@ function alphaSuffixToPercentage(rawAlpha) {
 	const fraction = digits.slice(2);
 	return `${fraction ? `${whole}.${fraction}` : whole}%`;
 }
-/**
-* Apply an opacity suffix to `currentcolor`, composing with any alpha an
-* ancestor already applied. See {@link mixColorAlpha} for why this differs from
-* how a token is faded.
-*/
 function fadeCurrentColor(rawAlpha) {
 	return mixColorAlpha("currentcolor", alphaSuffixToPercentage(rawAlpha));
 }
-/**
-* Whether parsed function arguments hold a color. Colors reach either the color
-* bucket (`#token`, a nested color function, `transparent`) or — for the CSS
-* named colors, which the parser has no token syntax for — the modifier bucket.
-*/
 function hasColorArgs(parsed) {
 	const namedColors = getNamedColorHex();
 	return parsed.groups.some((group) => group.colors.length > 0 || group.mods.some((mod) => namedColors.has(mod)));
 }
-/**
-* Re-parses a value through the parser until it stabilizes (no changes)
-* or max iterations reached. This allows units to reference other units.
-* Example: { x: '8px', y: '2x' } -> '1y' resolves to '16px'
-*/
 function resolveUntilStable(value, opts, recurse, maxIterations = 10) {
 	let current = value;
 	for (let i = 0; i < maxIterations; i++) {
@@ -902,7 +529,7 @@ function classify(raw, opts, recurse) {
 		bucket: 2,
 		processed: ""
 	};
-	{
+	if (token.includes("(")) {
 		let depth = 0;
 		let inQuote = 0;
 		for (let i = 0; i < token.length; i++) {
@@ -916,7 +543,7 @@ function classify(raw, opts, recurse) {
 				continue;
 			}
 			if (ch === "(") depth++;
-			else if (ch === ")") depth = Math.max(0, depth - 1);
+			else if (ch === ")" && depth) depth--;
 		}
 		if (depth !== 0) {
 			console.warn("[Tasty] skipped invalid function token with unmatched parentheses:", token);
@@ -1212,15 +839,6 @@ function classify(raw, opts, recurse) {
 }
 //#endregion
 //#region src/parser/lru.ts
-/**
-* Doubly-linked-list LRU.
-*
-* The list holds direct node references rather than keys, so rewiring on a
-* `get()` of a non-MRU entry is pure pointer work. Storing keys instead cost
-* three extra `Map.get()` lookups per read (prev, next and the current head),
-* which is measurable on these read-mostly caches: they are hit on every
-* render once the style pipeline is warm.
-*/
 var Lru = class {
 	limit;
 	map = /* @__PURE__ */ new Map();
@@ -1305,7 +923,6 @@ var Lru = class {
 const isWhitespace = (ch) => ch === " " || ch === "\n" || ch === "	" || ch === "\r" || ch === "\f";
 function scan(src, cb) {
 	let depth = 0;
-	let inUrl = false;
 	let inQuote = 0;
 	let start = 0;
 	let i = 0;
@@ -1313,11 +930,9 @@ function scan(src, cb) {
 	const flush = (isComma, isSlash) => {
 		const actualSlash = isSlash || pendingSlash;
 		pendingSlash = false;
-		if (start < i) {
-			const prevChar = start > 0 ? src[start - 1] : null;
-			cb(src.slice(start, i), isComma, actualSlash, prevChar);
-		} else if (isComma) cb("", true, false, null);
-		else if (actualSlash) cb("", false, true, null);
+		if (start < i) cb(src.slice(start, i), isComma, actualSlash);
+		else if (isComma) cb("", true, false);
+		else if (actualSlash) cb("", false, true);
 		start = i + 1;
 	};
 	for (; i < src.length; i++) {
@@ -1331,18 +946,13 @@ function scan(src, cb) {
 			continue;
 		}
 		if (ch === "(") {
-			if (!depth) {
-				if (src.slice(Math.max(0, i - 3), i + 1) === "url(") inUrl = true;
-			}
 			depth++;
 			continue;
 		}
 		if (ch === ")") {
-			depth = Math.max(0, depth - 1);
-			if (inUrl && depth === 0) inUrl = false;
+			if (depth) depth--;
 			continue;
 		}
-		if (inUrl) continue;
 		if (!depth) {
 			if (ch === ",") {
 				flush(true, false);
@@ -1386,14 +996,9 @@ var StyleParser = class {
 		let parts = [];
 		const pushToken = (bucket, processed) => {
 			if (!processed) return;
-			const mergeIntoPrevUrl = () => {
-				const lastIdx = currentPart.values.length - 1;
-				currentPart.values[lastIdx] += ` ${processed}`;
-				const lastAllIdx = currentPart.all.length - 1;
-				currentPart.all[lastAllIdx] += ` ${processed}`;
-			};
 			if (currentPart.values.length > 0 && currentPart.values[currentPart.values.length - 1].startsWith("url(")) {
-				mergeIntoPrevUrl();
+				currentPart.values[currentPart.values.length - 1] += ` ${processed}`;
+				currentPart.all[currentPart.all.length - 1] += ` ${processed}`;
 				return;
 			}
 			switch (bucket) {
@@ -1413,26 +1018,31 @@ var StyleParser = class {
 			}
 			currentPart.all.push(processed);
 		};
-		const endPart = () => {
+		const endPart = (reset = true) => {
 			if (currentPart.all.length > 0) {
-				finalizePart(currentPart);
+				currentPart.output = currentPart.all.join(" ");
 				parts.push(currentPart);
 			}
-			currentPart = makeEmptyPart();
+			if (reset) currentPart = makeEmptyPart();
 		};
-		const endGroup = () => {
-			endPart();
-			if (parts.length === 0) {
-				parts.push(makeEmptyPart());
-				finalizePart(parts[0]);
+		const endGroup = (reset = true) => {
+			endPart(reset);
+			if (parts.length === 0) parts.push(makeEmptyPart());
+			currentGroup.parts = parts;
+			for (const part of parts) {
+				currentGroup.mods.push(...part.mods);
+				currentGroup.values.push(...part.values);
+				currentGroup.colors.push(...part.colors);
+				currentGroup.all.push(...part.all);
 			}
-			finalizeGroup(currentGroup, parts);
+			currentGroup.output = parts.length === 1 ? parts[0].output : parts.map((part) => part.output).join(" / ");
 			groups.push(currentGroup);
-			currentGroup = makeEmptyDetails();
-			parts = [];
-			currentPart = makeEmptyPart();
+			if (reset) {
+				currentGroup = makeEmptyDetails();
+				parts = [];
+			}
 		};
-		scan(stripped, (tok, isComma, isSlash, _prevChar) => {
+		scan(stripped, (tok, isComma, isSlash) => {
 			if (tok) {
 				if (currentGroup.input) currentGroup.input += ` ${tok}`;
 				else currentGroup.input = tok;
@@ -1442,9 +1052,9 @@ var StyleParser = class {
 			if (isSlash) endPart();
 			if (isComma) endGroup();
 		});
-		if (currentPart.all.length || parts.length || !groups.length) endGroup();
+		if (currentPart.all.length || parts.length || !groups.length) endGroup(false);
 		const result = {
-			output: groups.map((g) => g.output).join(", "),
+			output: groups.length === 1 ? groups[0].output : groups.map((group) => group.output).join(", "),
 			groups
 		};
 		Object.freeze(result);
@@ -1464,17 +1074,9 @@ var StyleParser = class {
 		if (patch.cacheSize) this.cache = new Lru(patch.cacheSize);
 		else this.cache.clear();
 	}
-	/**
-	* Clear the parser cache.
-	* Call this when external state that affects parsing results has changed
-	* (e.g., predefined tokens).
-	*/
 	clearCache() {
 		this.cache.clear();
 	}
-	/**
-	* Get the current units configuration.
-	*/
 	getUnits() {
 		return this.opts.units;
 	}
@@ -1482,10 +1084,6 @@ var StyleParser = class {
 //#endregion
 //#region src/plugins/color-func.ts
 const clamp = (value, min, max) => Math.max(Math.min(value, max), min);
-/**
-* Parse an angle value with optional unit.
-* Supports: deg, turn, rad, or unitless (treated as degrees).
-*/
 const parseAngle = (value) => {
 	const match = value.match(/^([+-]?\d*\.?\d+)(deg|turn|rad)?$/);
 	if (!match) return 0;
@@ -1496,31 +1094,12 @@ const parseAngle = (value) => {
 		default: return num;
 	}
 };
-/**
-* Parse a percentage value (e.g., "50%") to a 0-1 range. A unitless number is
-* read as the factor it already looks like, so `okhsl(280 .8 .52)` and
-* `okhsl(280 80% 52%)` are the same color.
-*/
 const parsePercentage = (value) => {
 	const match = value.match(/^([+-]?\d*\.?\d+)%?$/);
 	if (!match) return 0;
 	const num = parseFloat(match[1]);
 	return value.includes("%") ? num / 100 : num;
 };
-/**
-* Creates a color function handler for the tasty parser.
-*
-* A color function is a custom `functions` entry that converts its arguments
-* to an `rgb(...)` string (an already-supported color), so it needs no special
-* core integration — registering it as a parse function is enough.
-*
-* @param name The name of the color function (e.g., 'okhsl', 'okhst')
-* @param convert Converts the parsed first three channel values (after angle/
-*   percent normalization) to sRGB `[r, g, b]` in the 0-1 range
-* @param label Optional diagnostic label shown in dev warnings when the wrong
-*   number of arguments is supplied (e.g., 'H S L'). Has no effect on parsing
-*   or output.
-*/
 function createColorFunc(name, convert, label) {
 	const conversionCache = new Lru(500);
 	const expected = label ? ` (${label})` : "";
@@ -1552,124 +1131,26 @@ function createColorFunc(name, convert, label) {
 }
 //#endregion
 //#region src/plugins/okhsl-plugin.ts
-/**
-* OKHSL Plugin for Tasty
-*
-* Converts OKHSL color syntax to RGB notation.
-* Supports angle units: deg, turn, rad, or unitless (degrees).
-*
-* Examples:
-*   okhsl(240.5 50% 50%)
-*   okhsl(240.5deg 50% 50%)
-*   okhsl(0.25turn 50% 50%)
-*   okhsl(1.57rad 50% 50%)
-*/
-/**
-* The okhsl function handler for tasty parser.
-* Receives parsed style groups and returns an RGB color string.
-*/
 const okhslFunction = createColorFunc("okhsl", okhslToSrgb, "H S L");
-/**
-* OKHSL Plugin for Tasty.
-*
-* Adds support for the `okhsl()` color function in tasty styles.
-*
-* @example
-* ```ts
-* import { configure } from '@tenphi/tasty';
-* import { okhslPlugin } from '@tenphi/tasty';
-*
-* configure({
-*   plugins: [okhslPlugin()],
-* });
-*
-* // Now you can use okhsl in styles:
-* const Box = tasty({
-*   styles: {
-*     fill: 'okhsl(240 50% 50%)',
-*   },
-* });
-* ```
-*/
 const okhslPlugin = () => ({
 	name: "okhsl",
 	functions: { okhsl: okhslFunction }
 });
 //#endregion
 //#region src/plugins/okhst-plugin.ts
-/**
-* OKHST Plugin for Tasty
-*
-* Converts OKHST color syntax to RGB notation.
-* OKHST is OKHSL with the lightness axis replaced by a contrast-uniform tone axis.
-* Supports angle units: deg, turn, rad, or unitless (degrees).
-*
-* Examples:
-*   okhst(240.5 50% 50%)
-*   okhst(240.5deg 50% 50%)
-*   okhst(0.25turn 50% 50%)
-*   okhst(1.57rad 50% 50%)
-*/
-/**
-* The okhst function handler for tasty parser.
-* Receives parsed style groups and returns an RGB color string.
-*/
 const okhstFunction = createColorFunc("okhst", okhstToSrgb, "H S T");
-/**
-* OKHST Plugin for Tasty.
-*
-* Adds support for the `okhst()` color function in tasty styles.
-*
-* @example
-* ```ts
-* import { configure } from '@tenphi/tasty';
-* import { okhstPlugin } from '@tenphi/tasty';
-*
-* configure({
-*   plugins: [okhstPlugin()],
-* });
-*
-* // Now you can use okhst in styles:
-* const Box = tasty({
-*   styles: {
-*     fill: 'okhst(240 50% 50%)',
-*   },
-* });
-* ```
-*/
 const okhstPlugin = () => ({
 	name: "okhst",
 	functions: { okhst: okhstFunction }
 });
 //#endregion
 //#region src/plugins/defaults.ts
-/**
-* Register the default color functions (okhsl, okhst) with the global parser.
-*
-* They are ordinary `functions` entries — the same mechanism any third-party
-* color plugin uses — so they need no special-casing in core.
-*
-* Idempotent and safe to call from the lazy parser initializer so that
-* zero-config usage keeps working. `resetGlobalParseFunctions()` re-invokes it
-* after clearing user-registered functions so the defaults survive a config reset.
-*
-* @internal
-*/
 function registerDefaultFunctions() {
 	customFunction("okhsl", okhslFunction);
 	customFunction("okhst", okhstFunction);
 }
 //#endregion
 //#region src/utils/styles.ts
-/**
-* Normalize a color token value.
-* - Boolean `true` is converted to `'transparent'`
-* - Boolean `false` returns `null` (signals the token should be skipped)
-* - Other values are returned as-is
-*
-* @param value - The raw token value
-* @returns Normalized value or null if the token should be skipped
-*/
 function normalizeColorTokenValue(value) {
 	if (value === true) return "transparent";
 	if (value === false) return null;
@@ -1734,60 +1215,22 @@ function getOrCreateParser() {
 	return __tastyParser;
 }
 const __tastyParseFunctions = {};
-/**
-* Register a parse-time function.
-*
-* @internal Use `configure({ functions })`. This bypasses the configuration lock
-* and is kept only for the lazy default-function bootstrap and the `@function`
-* polyfill, both of which must register after `configure()` has run.
-*/
 function customFunction(name, fn) {
 	__tastyParseFunctions[name] = fn;
 	getOrCreateParser().setFunctions(__tastyParseFunctions);
 }
-/**
-* Reset parse functions back to the built-in set (okhsl/okhst).
-*
-* @internal Called by `resetConfig()`.
-*/
 function resetGlobalParseFunctions() {
 	for (const key of Object.keys(__tastyParseFunctions)) delete __tastyParseFunctions[key];
 	registerDefaultFunctions();
 	getOrCreateParser().setFunctions(__tastyParseFunctions);
 }
-/**
-* Get the global StyleParser instance.
-* Used by configure() to apply parser configuration.
-*/
 function getGlobalParser() {
 	return getOrCreateParser();
 }
-/**
-* Get the current custom functions registry.
-* Used by configure() to merge with new functions.
-*/
-/**
-* The live parse-function registry.
-*
-* @internal Returns the mutable internal map; writing to it bypasses the
-* parser's cache invalidation, so the write silently does not take effect.
-* Read-only, internal use.
-*/
 function getGlobalParseFunctions() {
 	return __tastyParseFunctions;
 }
-/**
-* Storage for predefined tokens that are replaced during style parsing.
-* Keys are token names (with $ or # prefix), values are pre-processed CSS values.
-*/
 let __globalPredefinedTokens = null;
-/**
-* Set global predefined tokens.
-* Called from configure() after processing token values.
-* Merges with existing tokens (new tokens override existing ones with same key).
-* Keys are normalized to lowercase (parser lowercases input before classification).
-* @internal
-*/
 function setGlobalPredefinedTokens(tokens) {
 	const normalizedTokens = {};
 	for (const [key, value] of Object.entries(tokens)) {
@@ -1805,28 +1248,13 @@ function setGlobalPredefinedTokens(tokens) {
 	} : normalizedTokens;
 	getOrCreateParser().clearCache();
 }
-/**
-* Get the current global predefined tokens.
-* Returns null if no tokens are configured.
-*/
 function getGlobalPredefinedTokens() {
 	return __globalPredefinedTokens;
 }
-/**
-* Reset global predefined tokens.
-* Used for testing.
-* @internal
-*/
 function resetGlobalPredefinedTokens() {
 	__globalPredefinedTokens = null;
 	getOrCreateParser().clearCache();
 }
-/**
-*
-* @param {String} value
-* @param {Number} mode
-* @returns {Object<String,String|Array>}
-*/
 function parseStyle(value) {
 	let str;
 	if (typeof value === "string") str = value;
@@ -1834,32 +1262,11 @@ function parseStyle(value) {
 	else str = "";
 	return getOrCreateParser().process(str);
 }
-/** A `$`-prefixed custom-property reference — the only DSL syntax that starts with `$`. */
 const RE_CUSTOM_PROPERTY_REF = /\$[a-zA-Z_$]/;
-/**
-* Substitute custom-property references (`$ident` → `var(--ident)`) inside a
-* value a handler would otherwise emit to CSS verbatim.
-*
-* Handlers for keyword-valued properties (`display`, `align`, `text-transform`,
-* `overflow`, …) pass their input straight through, since there are no units or
-* color tokens to resolve. That leaked the raw DSL into the stylesheet:
-* `display: '$my-display'` emitted `display: $my-display`, which the browser
-* drops as invalid. The same applies to color props whose value the parser could
-* not classify as a color — `$ident` is a color only when the name ends with
-* `-color`, so `fill: '$my-fill'` fell back to the unparsed input.
-*
-* Values without a `$` skip the parser entirely, so pass-through behaviour (and
-* the parser's case folding) is unchanged for every value that was already
-* valid CSS.
-*/
 function resolveCustomProperties(value) {
 	if (!RE_CUSTOM_PROPERTY_REF.test(value)) return value;
 	return parseStyle(value).output || value;
 }
-/**
-* Parse color. Find it value, name and opacity.
-* Optimized to avoid heavy parseStyle calls for simple color patterns.
-*/
 function parseColor(val, ignoreError = false) {
 	if (typeof val !== "string") val = String(val ?? "");
 	val = val.trim();
@@ -1901,7 +1308,9 @@ function parseColor(val, ignoreError = false) {
 	};
 }
 function filterMods(mods, allowedMods) {
-	return mods.filter((mod) => allowedMods.includes(mod));
+	const filtered = [];
+	for (const mod of mods) if (allowedMods.includes(mod)) filtered.push(mod);
+	return filtered;
 }
 const _innerCache = /* @__PURE__ */ new WeakMap();
 const _topLevelCache = /* @__PURE__ */ new WeakMap();
@@ -1942,20 +1351,6 @@ function stringifyStyles(styles) {
 //#region src/utils/function-color.ts
 const RE_FUNC_NAME = /^([a-z][a-z0-9-]*)\s*\(/i;
 const RE_COLOR_OUT = /^(?:rgb|hsl|hwb|lab|lch|oklab|oklch|color)\(|^#|^var\(--/i;
-/**
-* Resolve a `name(...)` value produced by a registered custom parse function
-* into its concrete color output.
-*
-* A color function is just a `functions` entry whose output is an already
-* supported color (`rgb`, `hsl`, `#…`, `oklch`, …). This helper delegates the
-* value to the global parser (which already runs the registered parse function)
-* and returns the result only when it looks like a color. Returns `null` when
-* `str` is not a registered custom function or its output is not a color.
-*
-* This is the generic replacement for the previously hardcoded okhsl/okhst
-* conversion branches scattered across `strToRgb`, `resolveToRgbaValues`, and
-* the `#token.alpha` injection path.
-*/
 function resolveFunctionColor(str) {
 	const m = RE_FUNC_NAME.exec(str);
 	if (!m) return null;
@@ -1973,125 +1368,6 @@ function color(name, opacity = 1) {
 	return `var(--${name}-color)`;
 }
 //#endregion
-//#region src/utils/dotize.ts
-const dotize = {
-	valTypes: {
-		none: "NONE",
-		primitive: "PRIM",
-		object: "OBJECT",
-		array: "ARRAY"
-	},
-	getValType: function(val) {
-		if (!val || typeof val != "object" || Array.isArray(val)) return dotize.valTypes.primitive;
-		if (typeof val == "object") return dotize.valTypes.object;
-	},
-	getPathType: function(arrPath) {
-		const arrPathTypes = [];
-		for (const path in arrPath) {
-			const pathVal = arrPath[path];
-			if (!pathVal) arrPathTypes.push(dotize.valTypes.none);
-			else if (dotize.isNumber(pathVal)) arrPathTypes.push(dotize.valTypes.array);
-			else arrPathTypes.push(dotize.valTypes.object);
-		}
-		return arrPathTypes;
-	},
-	isUndefined: function(obj) {
-		return typeof obj == "undefined";
-	},
-	isNumber: function(f) {
-		return !isNaN(parseInt(f));
-	},
-	isEmptyObj: function(obj) {
-		for (const prop in obj) if (Object.hasOwnProperty.call(obj, prop)) return false;
-		return JSON.stringify(obj) === JSON.stringify({});
-	},
-	isPlainObject: function(obj) {
-		if (typeof obj !== "object" || obj === null) return false;
-		return Object.getPrototypeOf(obj) === Object.prototype;
-	},
-	isNotObject: function(obj) {
-		return !obj || !this.isPlainObject(obj);
-	},
-	isEmptyArray: function(arr) {
-		return Array.isArray(arr) && arr.length == 0;
-	},
-	isNotArray: function(arr) {
-		return Array.isArray(arr) == false;
-	},
-	removeEmptyArrayItem: function(arr) {
-		return arr.filter(function(el) {
-			return el != null && el != "";
-		});
-	},
-	getFieldName: function(field, prefix, isRoot, isArrayItem, isArray) {
-		if (isArray) return (prefix ? prefix : "") + (dotize.isNumber(field) ? "[" + field + "]" : (isRoot && !prefix ? "" : ".") + field);
-		else if (isArrayItem) return (prefix ? prefix : "") + "[" + field + "]";
-		else return (prefix ? prefix + "." : "") + field;
-	},
-	startsWith: function(val, valToSearch) {
-		return val.indexOf(valToSearch) == 0;
-	},
-	convert: function(obj, prefix = "") {
-		let newObj = {};
-		if (dotize.isNotObject(obj)) if (prefix) {
-			newObj[prefix] = obj;
-			return newObj;
-		} else return obj;
-		return (function recurse(o, p, isRoot) {
-			const isArrayItem = Array.isArray(o);
-			for (const f in o) {
-				const currentProp = o[f];
-				if (currentProp && typeof currentProp === "object" && !Array.isArray(currentProp) && dotize.isPlainObject(currentProp)) {
-					if (isArrayItem && dotize.isEmptyObj(currentProp) == false) newObj = recurse(currentProp, dotize.getFieldName(f, p, isRoot, true));
-					else if (dotize.isEmptyObj(currentProp) == false) newObj = recurse(currentProp, dotize.getFieldName(f, p, isRoot));
-					else if (dotize.isEmptyObj(currentProp)) newObj[dotize.getFieldName(f, p, isRoot, isArrayItem)] = currentProp;
-				} else if (isArrayItem || dotize.isNumber(f)) newObj[dotize.getFieldName(f, p, isRoot, true)] = currentProp;
-				else newObj[dotize.getFieldName(f, p, isRoot)] = currentProp;
-			}
-			return newObj;
-		})(obj, prefix, true);
-	},
-	backward: function(obj, prefix) {
-		let newObj = {};
-		const arStartRegex = /\[(\d+)\]/g;
-		if (dotize.isNotObject(obj) && dotize.isNotArray(obj)) if (prefix) return obj[prefix];
-		else return obj;
-		for (let tProp in obj) {
-			const tPropVal = obj[tProp];
-			if (prefix) {
-				const prefixRegex = new RegExp("^" + prefix);
-				tProp = tProp.replace(prefixRegex, "");
-			}
-			tProp = tProp.replace(arStartRegex, ".$1");
-			if (dotize.startsWith(tProp, ".")) tProp = tProp.replace(/^\./, "");
-			const arrPath = tProp.split(".");
-			const arrPathTypes = dotize.getPathType(arrPath);
-			if (!dotize.isUndefined(arrPathTypes) && arrPathTypes[0] == dotize.valTypes.array && Array.isArray(newObj) == false) newObj = [];
-			(function recurse(rPropVal, rObj, rPropValPrev, rObjPrev) {
-				let currentPath = arrPath.shift();
-				const currentPathType = arrPathTypes.shift();
-				if (typeof currentPath == "undefined" || currentPath == "") {
-					newObj = rPropVal;
-					return;
-				}
-				const isArray = currentPathType == dotize.valTypes.array;
-				if (dotize.isNumber(currentPath)) currentPath = parseInt(currentPath);
-				if (arrPath.length > 0) {
-					if (typeof rObj[currentPath] == "undefined") if (isArray) rObj[currentPath] = [];
-					else rObj[currentPath] = {};
-					recurse(rPropVal, rObj[currentPath], currentPath, rObj);
-					return;
-				}
-				if (currentPathType == dotize.valTypes.array && rPropValPrev && rObjPrev) {
-					if (Array.isArray(rObjPrev[rPropValPrev]) == false) rObjPrev[rPropValPrev] = [];
-					rObjPrev[rPropValPrev].push(rPropVal);
-				} else rObj[currentPath] = rPropVal;
-			})(tPropVal, newObj);
-		}
-		return newObj;
-	}
-};
-//#endregion
-export { hslToRgbValues as A, createColorFunc as C, getNamedColorHex as D, makeEmptyDetails as E, RE_NUMBER as F, RE_RAW_UNIT as I, normalizeDslName as M, toSnakeCase as N, getRgbValuesFromRgbaString as O, CSS_WIDE_KEYWORDS as P, okhslPlugin as S, Lru as T, setGlobalPredefinedTokens as _, DIRECTIONS as a, okhstPlugin as b, getGlobalParseFunctions as c, normalizeColorTokenValue as d, parseColor as f, resolveCustomProperties as g, resetGlobalPredefinedTokens as h, CUSTOM_UNITS as i, strToRgb as j, hexToRgb as k, getGlobalParser as l, resetGlobalParseFunctions as m, color as n, customFunction as o, parseStyle as p, resolveFunctionColor as r, filterMods as s, dotize as t, getGlobalPredefinedTokens as u, stringifyStyles as v, StyleParser as w, okhslFunction as x, okhstFunction as y };
+export { strToRgb as A, StyleParser as C, getRgbValuesFromRgbaString as D, getNamedColorHex as E, RE_RAW_UNIT as F, toSnakeCase as M, CSS_WIDE_KEYWORDS as N, hexToRgb as O, RE_NUMBER as P, createColorFunc as S, makeEmptyDetails as T, stringifyStyles as _, customFunction as a, okhslFunction as b, getGlobalParser as c, parseColor as d, parseStyle as f, setGlobalPredefinedTokens as g, resolveCustomProperties as h, DIRECTIONS as i, normalizeDslName as j, hslToRgbValues as k, getGlobalPredefinedTokens as l, resetGlobalPredefinedTokens as m, resolveFunctionColor as n, filterMods as o, resetGlobalParseFunctions as p, CUSTOM_UNITS as r, getGlobalParseFunctions as s, color as t, normalizeColorTokenValue as u, okhstFunction as v, Lru as w, okhslPlugin as x, okhstPlugin as y };
 
-//# sourceMappingURL=dsl-CXvoaLnj.js.map
+//# sourceMappingURL=dsl-C5yuAn41.js.map