@chakra-ui/react/dist/esm/styled-system/references.js

Responsive and accessible React UI components built with React and Emotion

"use strict";
import { isString } from '../utils/is.js';

const REFERENCE_REGEX = /({([^}]*)})/g;
const CURLY_REGEX = /[{}]/g;
const TOKEN_PATH_REGEX = /\w+\.\w+/;
const getReferences = (value) => {
  if (!isString(value)) return [];
  const matches = value.match(REFERENCE_REGEX);
  if (!matches) return [];
  return matches.map((match) => match.replace(CURLY_REGEX, "").trim());
};
const hasReference = (value) => REFERENCE_REGEX.test(value);
function expandReferences(token) {
  if (!token.extensions?.references) {
    return token.extensions?.cssVar?.ref ?? token.value;
  }
  const references = token.extensions.references ?? {};
  let valueStr = token.value;
  const keys = Object.keys(references);
  for (let i = 0; i < keys.length; i++) {
    const key = keys[i];
    const referenceToken = references[key];
    if (referenceToken.extensions.conditions) {
      continue;
    }
    const value = expandReferences(referenceToken);
    valueStr = valueStr.replace(`{${key}}`, value);
  }
  token.value = valueStr;
  delete token.extensions.references;
  return token.value;
}

export { TOKEN_PATH_REGEX, expandReferences, getReferences, hasReference };