@yamada-ui/react/dist/esm/core/css/gradient.js

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { utils_exports } from "../../utils/index.js";
import { getCSSFunction, globalValues, isCSSFunction, isCSSToken, splitValues } from "./utils.js";

//#region src/core/css/gradient.ts
const directions = {
	"to-b": "to bottom",
	"to-bl": "to bottom left",
	"to-br": "to bottom right",
	"to-l": "to left",
	"to-r": "to right",
	"to-t": "to top",
	"to-tl": "to top left",
	"to-tr": "to top right"
};
const directionValues = new Set(Object.values(directions));
function gradient(value, { system }) {
	if (value == null || globalValues.has(value)) return value;
	if (!isCSSFunction(value)) return `url('${value}')`;
	let { type, values } = getCSSFunction(value);
	if (!type || !values) return value;
	type = type.includes("-gradient") ? type : `${type}-gradient`;
	const [maybeDirection, ...colors] = splitValues(values);
	if (!colors.length) return value;
	const direction = maybeDirection && maybeDirection in directions ? directions[maybeDirection] : maybeDirection;
	if (!(0, utils_exports.isUndefined)(direction)) colors.unshift(direction);
	const computedValues = colors.map((_color) => {
		if ((0, utils_exports.isUndefined)(_color)) return _color;
		if (directionValues.has(_color)) return _color;
		const i = _color.indexOf(" ");
		let [color, _ratio] = i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color];
		const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(" ");
		const token = `colors.${color}`;
		color = isCSSToken(system)(token) ? system.cssMap[token].ref : color;
		if (ratio) return [color, ...(0, utils_exports.isArray)(ratio) ? ratio : [ratio]].join(" ");
		else return color;
	});
	return `${type}(${computedValues.join(", ")})`;
}

//#endregion
export { gradient };
//# sourceMappingURL=gradient.js.map