@mantine/core/cjs/core/MantineProvider/MantineClasses/MantineClasses.cjs

React components library focused on usability, accessibility and developer experience

"use client";
require("../../../_virtual/_rolldown/runtime.cjs");
const require_keys = require("../../utils/keys/keys.cjs");
const require_px = require("../../utils/units-converters/px.cjs");
const require_rem = require("../../utils/units-converters/rem.cjs");
const require_Mantine_context = require("../Mantine.context.cjs");
const require_MantineThemeProvider = require("../MantineThemeProvider/MantineThemeProvider.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/core/MantineProvider/MantineClasses/MantineClasses.tsx
function MantineClasses() {
	const theme = require_MantineThemeProvider.useMantineTheme();
	const nonce = require_Mantine_context.useMantineStyleNonce();
	const classes = require_keys.keys(theme.breakpoints).reduce((acc, breakpoint) => {
		const isPxBreakpoint = theme.breakpoints[breakpoint].includes("px");
		const pxValue = require_px.px(theme.breakpoints[breakpoint]);
		return `${acc}@media (max-width: ${isPxBreakpoint ? `${pxValue - .1}px` : require_rem.em(pxValue - .1)}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${isPxBreakpoint ? `${pxValue}px` : require_rem.em(pxValue)}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;
	}, "");
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
		"data-mantine-styles": "classes",
		nonce: nonce?.(),
		dangerouslySetInnerHTML: { __html: classes }
	});
}
//#endregion
exports.MantineClasses = MantineClasses;

//# sourceMappingURL=MantineClasses.cjs.map