@mantine/core/esm/core/InlineStyles/styles-to-string/styles-to-string.mjs

React components library focused on usability, accessibility and developer experience

'use client';
import { cssObjectToString } from '../css-object-to-string/css-object-to-string.mjs';

function stylesToString({ selector, styles, media, container }) {
  const baseStyles = styles ? cssObjectToString(styles) : "";
  const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);
  const containerStyles = !Array.isArray(container) ? [] : container.map(
    (item) => `@container ${item.query}{${selector}{${cssObjectToString(item.styles)}}}`
  );
  return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}${containerStyles.join("")}`.trim();
}

export { stylesToString };
//# sourceMappingURL=styles-to-string.mjs.map