@chakra-ui/react/dist/cjs/styled-system/sort-at-rules.cjs

Responsive and accessible React UI components built with React and Emotion

"use strict";
'use strict';

var is = require('../utils/is.cjs');
var sortAtParams = require('./sort-at-params.cjs');

function sortQueries(queries) {
  return queries.sort(([a], [b]) => sortAtParams.sortAtParams(a, b));
}
function sortAtRules(obj) {
  const mediaQueries = [];
  const containerQueries = [];
  const rest = {};
  for (const [key, value] of Object.entries(obj)) {
    if (key.startsWith("@media")) {
      mediaQueries.push([key, value]);
    } else if (key.startsWith("@container")) {
      containerQueries.push([key, value]);
    } else if (is.isObject(value)) {
      rest[key] = sortAtRules(value);
    } else {
      rest[key] = value;
    }
  }
  const sortedMediaQueries = sortQueries(mediaQueries);
  const sortedContainerQueries = sortQueries(containerQueries);
  return {
    ...rest,
    ...Object.fromEntries(sortedMediaQueries),
    ...Object.fromEntries(sortedContainerQueries)
  };
}

exports.sortAtRules = sortAtRules;