@yamada-ui/react/dist/esm/core/system/layer.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 { DEFAULT_LAYERS } from "../constant.js";

//#region src/core/system/layer.ts
const defaultLayers = {
	atRule: void 0,
	names: [],
	wrap: function(_, style) {
		return (0, utils_exports.runIfFn)(style) ?? {};
	}
};
function createLayers(layers = DEFAULT_LAYERS) {
	if (!layers) return defaultLayers;
	const names = Object.values(layers).sort((a, b) => a.order - b.order).map((layer) => layer.name);
	const atRule = `@layer ${names.join(", ")};`;
	const getAtRule = (name) => `@layer ${layers[name].name}`;
	const wrap = (name, style) => {
		return { [getAtRule(name)]: (0, utils_exports.runIfFn)(style) };
	};
	return {
		atRule,
		getAtRule,
		names,
		wrap
	};
}

//#endregion
export { createLayers, defaultLayers };
//# sourceMappingURL=layer.js.map