@mantine/core/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.cjs

React components library focused on usability, accessibility and developer experience

"use client";
const require_keys = require("../../../../core/utils/keys/keys.cjs");
const require_rem = require("../../../../core/utils/units-converters/rem.cjs");
const require_get_sorted_breakpoints = require("../../../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs");
const require_assign_aside_variables = require("../assign-aside-variables/assign-aside-variables.cjs");
const require_assign_footer_variables = require("../assign-footer-variables/assign-footer-variables.cjs");
const require_assign_header_variables = require("../assign-header-variables/assign-header-variables.cjs");
const require_assign_navbar_variables = require("../assign-navbar-variables/assign-navbar-variables.cjs");
const require_assign_padding_variables = require("../assign-padding-variables/assign-padding-variables.cjs");
//#region packages/@mantine/core/src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts
function getVariables({ navbar, header, footer, aside, padding, theme, mode }) {
	const minMediaStyles = {};
	const maxMediaStyles = {};
	const baseStyles = {};
	if (mode === "static") {
		baseStyles["--app-shell-main-grid-column"] = "1 / -1";
		baseStyles["--app-shell-main-grid-row"] = "2";
	}
	require_assign_navbar_variables.assignNavbarVariables({
		baseStyles,
		minMediaStyles,
		maxMediaStyles,
		navbar,
		theme,
		mode
	});
	require_assign_aside_variables.assignAsideVariables({
		baseStyles,
		minMediaStyles,
		maxMediaStyles,
		aside,
		theme,
		mode
	});
	require_assign_header_variables.assignHeaderVariables({
		baseStyles,
		minMediaStyles,
		header,
		mode
	});
	require_assign_footer_variables.assignFooterVariables({
		baseStyles,
		minMediaStyles,
		footer,
		mode
	});
	require_assign_padding_variables.assignPaddingVariables({
		baseStyles,
		minMediaStyles,
		padding
	});
	const minMedia = require_get_sorted_breakpoints.getSortedBreakpoints(require_keys.keys(minMediaStyles), theme.breakpoints).map((breakpoint) => ({
		query: `(min-width: ${require_rem.em(breakpoint.px)})`,
		styles: minMediaStyles[breakpoint.value]
	}));
	const maxMedia = require_get_sorted_breakpoints.getSortedBreakpoints(require_keys.keys(maxMediaStyles), theme.breakpoints).map((breakpoint) => ({
		query: `(max-width: ${require_rem.em(breakpoint.px)})`,
		styles: maxMediaStyles[breakpoint.value]
	}));
	return {
		baseStyles,
		media: [...minMedia, ...maxMedia]
	};
}
//#endregion
exports.getVariables = getVariables;

//# sourceMappingURL=get-variables.cjs.map