@yamada-ui/react/dist/esm/core/css/use-inject-vars.js

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

"use client";


import { injectVars } from "../system/var.js";
import { cssProps } from "../components/props.js";
import { useMemo, useRef } from "react";

//#region src/core/css/use-inject-vars.ts
function useInjectVarsIntoCss(css, targets) {
	const targetsRef = useRef(targets);
	return useMemo(() => injectVars(css, targetsRef.current), [css]);
}
function useInjectVarsIntoProps(props, targets) {
	const targetsRef = useRef(targets);
	return useMemo(() => injectVars(props, targetsRef.current, (prop) => !cssProps.has(prop)), [props]);
}

//#endregion
export { useInjectVarsIntoCss, useInjectVarsIntoProps };
//# sourceMappingURL=use-inject-vars.js.map