@salty-css/core 0.0.1-alpha.31 → 0.0.1-alpha.311

package/helpers/index.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import colorFunction from "color";
+import { d } from "../viewport-clamp-K553uXu3.js";
+class Color {
+  constructor(base) {
+    __publicField(this, "isColor", true);
+    __publicField(this, "currentColor");
+    this.base = base;
+    const colorValue = this._resolveBaseColor(base);
+    this.currentColor = colorFunction(colorValue);
+    return this._createProxy();
+  }
+  _createProxy() {
+    return new Proxy(this, {
+      get(target, prop) {
+        if (prop in target) return target[prop];
+        if (prop in target.currentColor) return target._handleColorMethod(prop);
+        return target[prop];
+      }
+    });
+  }
+  _resolveBaseColor(base) {
+    if (typeof base !== "string") return base;
+    const isToken = /\{[^{}]+\}/g.test(base);
+    if (!isToken) return base;
+    if (typeof saltyConfig === "undefined") return "transparent";
+    const { staticVariables } = saltyConfig;
+    if (!staticVariables) return "transparent";
+    const tokenPath = base.replace(/^\{|\}$/g, "").split(".");
+    const value = tokenPath.reduce((acc, key) => acc[key], staticVariables);
+    return value;
+  }
+  _handleColorMethod(method) {
+    const color2 = this.currentColor;
+    if (typeof color2[method] !== "function") return color2[method];
+    return (...args) => {
+      this.currentColor = color2[method](...args);
+      return this._createProxy();
+    };
+  }
+  toString() {
+    return this.currentColor.toString();
+  }
+}
+const color = (value) => {
+  return new Color(value);
+};
+export {
+  color,
+  d as defineViewportClamp
+};

package/helpers/viewport-clamp.d.ts

@@ -0,0 +1,9 @@
+interface ViewportClampConfig {
+    screenSize: number;
+    axis?: 'vertical' | 'horizontal';
+    minMultiplier?: number;
+    maxMultiplier?: number;
+    minMaxUnit?: string;
+}
+export declare const defineViewportClamp: (config: ViewportClampConfig) => (value: number, min?: number | undefined, max?: number | undefined) => string;
+export {};

package/index-ByR0nfaf.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = "/* Empty */";
+exports.default = index;

package/index-DKz1QXqs.js

@@ -0,0 +1,4 @@
+const index = "/* Empty */";
+export {
+  index as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.31",
+  "version": "0.0.1-alpha.311",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -10,7 +10,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "homepage": "https://github.com/margarita-form/salty-css",
+  "description": "Core library for Salty CSS. Will be used by other Salty CSS libraries and plugins.",
+  "homepage": "https://salty-css.dev/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/margarita-form/salty-css.git"
+  },
   "bugs": {
     "url": "https://github.com/margarita-form/salty-css/issues"
   },
@@ -23,29 +28,76 @@
     "name": "core"
   },
   "peerDependencies": {
+    "color": ">=5.x",
     "commander": ">=12.x",
+    "csstype": "^3.1.x",
     "ejs": ">=3.x",
-    "esbuild": ">=0.21.x",
+    "esbuild": ">=0.25.x",
     "ora": ">=8.x",
     "react": ">=18.x || >=19.x",
+    "typescript": ">=5.x",
     "winston": ">=3.x"
   },
   "exports": {
+    "./bin": {
+      "import": "./bin/index.js",
+      "require": "./bin/index.cjs"
+    },
     "./bin/main": {
       "import": "./bin/main.js",
       "require": "./bin/main.cjs"
     },
-    "./compiler": {
-      "import": "./compiler/index.js",
-      "require": "./compiler/index.cjs"
+    "./compiler/as-class": {
+      "import": "./compiler/as-class.js",
+      "require": "./compiler/as-class.cjs"
+    },
+    "./compiler/get-files": {
+      "import": "./compiler/get-files.js",
+      "require": "./compiler/get-files.cjs"
+    },
+    "./compiler/get-function-range": {
+      "import": "./compiler/get-function-range.js",
+      "require": "./compiler/get-function-range.cjs"
+    },
+    "./compiler/helpers": {
+      "import": "./compiler/helpers.js",
+      "require": "./compiler/helpers.cjs"
+    },
+    "./factories": {
+      "import": "./factories/index.js",
+      "require": "./factories/index.cjs"
     },
     "./css": {
       "import": "./css/index.js",
       "require": "./css/index.cjs"
     },
-    "./generator": {
-      "import": "./generator/index.js",
-      "require": "./generator/index.cjs"
+    "./css/keyframes": {
+      "import": "./css/keyframes.js",
+      "require": "./css/keyframes.cjs"
+    },
+    "./css/media": {
+      "import": "./css/media.js",
+      "require": "./css/media.cjs"
+    },
+    "./css/token": {
+      "import": "./css/token.js",
+      "require": "./css/token.cjs"
+    },
+    "./css/merge": {
+      "import": "./css/merge.js",
+      "require": "./css/merge.cjs"
+    },
+    "./helpers": {
+      "import": "./helpers/index.js",
+      "require": "./helpers/index.cjs"
+    },
+    "./generators": {
+      "import": "./generators/index.js",
+      "require": "./generators/index.cjs"
+    },
+    "./parsers": {
+      "import": "./parsers/index.js",
+      "require": "./parsers/index.cjs"
     },
     "./config": {
       "import": "./config/index.js",
@@ -58,6 +110,14 @@
     "./util": {
       "import": "./util/index.js",
       "require": "./util/index.cjs"
+    },
+    "./server": {
+      "import": "./server/index.js",
+      "require": "./server/index.cjs"
+    },
+    "./cache/resolve-dynamic-config-cache": {
+      "import": "./cache/resolve-dynamic-config-cache.js",
+      "require": "./cache/resolve-dynamic-config-cache.cjs"
     }
   },
   "bin": {

package/parse-styles-CS97_e4S.js

@@ -0,0 +1,232 @@
+import { d as dashCase } from "./to-hash-DSoCPs8D.js";
+import { d as defineViewportClamp } from "./viewport-clamp-K553uXu3.js";
+const parseValueModifiers = (modifiers) => (value) => {
+  if (typeof value !== "string") return void 0;
+  if (!modifiers) return void 0;
+  let transformed = value;
+  const additionalCss = [];
+  Object.values(modifiers).forEach((modifier) => {
+    const { pattern, transform } = modifier;
+    transformed = transformed.replace(pattern, (match) => {
+      const { value: _value, css } = transform(match);
+      if (css) additionalCss.push(css);
+      return _value;
+    });
+  });
+  return { transformed, additionalCss };
+};
+const parseValueTokens = (tokenNames) => (value) => {
+  if (typeof value !== "string") return void 0;
+  const hasToken = /\{[^{}]+\}/g.test(value);
+  if (!hasToken) return void 0;
+  const transformed = value.replace(/\{([^{}]+)\}/g, (...args) => {
+    const variable = dashCase(args[1].replaceAll(".", "-"));
+    if (tokenNames && !tokenNames.includes(variable)) console.warn(`Token ${variable} might not exist`);
+    if (variable.startsWith("-")) return `-${variable}`;
+    return `var(--${variable})`;
+  });
+  return { transformed };
+};
+const parseVariableTokens = parseValueTokens();
+const pxProperties = [
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "min-width",
+  /.*width.*/,
+  /^[^line]*height.*/,
+  // Exclude line-height
+  /padding.*/,
+  /margin.*/,
+  /border.*/,
+  /inset.*/,
+  /.*radius.*/,
+  /.*spacing.*/,
+  /.*gap.*/,
+  /.*indent.*/,
+  /.*offset.*/,
+  /.*size.*/,
+  /.*thickness.*/,
+  /.*font-size.*/
+];
+const addUnit = (key, value, config) => {
+  const isPxProperty = pxProperties.some((pxProperty) => {
+    return typeof pxProperty === "string" ? pxProperty === key : pxProperty.test(key);
+  });
+  if (isPxProperty) {
+    const unit = (config == null ? void 0 : config.defaultUnit) || "px";
+    const isClamp = unit.startsWith("viewport-clamp:");
+    if (isClamp) {
+      try {
+        const screenSize = unit.split(":")[1];
+        const viewportClamp = defineViewportClamp({
+          screenSize: parseInt(screenSize)
+        });
+        return viewportClamp(Number(value));
+      } catch (error) {
+        console.error(error);
+        throw new Error(`Invalid viewport-clamp value: ${unit}`);
+      }
+    }
+    return `${value}${unit}`;
+  }
+  return `${value}`;
+};
+const vendorPrefixes = ["Webkit", "Moz", "ms", "O"];
+const propertyNameCheck = (key) => {
+  if (key.startsWith("-")) return key;
+  if (vendorPrefixes.some((prefix) => key.startsWith(prefix))) return `-${dashCase(key)}`;
+  return dashCase(key);
+};
+const parseStyles = async (styles, currentScope = "", config, omitTemplates = false) => {
+  if (!styles) throw new Error("No styles provided to parseStyles function!");
+  const cssStyles = /* @__PURE__ */ new Set();
+  const entries = Object.entries(styles);
+  const processStyleEntry = async ([key, value]) => {
+    var _a;
+    const _key = key.trim().replace(/^\?+/g, "");
+    const propertyName = propertyNameCheck(_key);
+    const toString = (val, eol = ";") => `${propertyName}:${val}${eol}`;
+    const context = { scope: currentScope, config };
+    if (typeof value === "function") return processStyleEntry([key, value(context)]);
+    if (value instanceof Promise) return processStyleEntry([key, await value]);
+    if ((config == null ? void 0 : config.templates) && config.templatePaths[_key]) {
+      try {
+        const [name, path] = config.templatePaths[_key].split(";;");
+        const functions = await import(
+          /* webpackIgnore: true */
+          /* @vite-ignore */
+          path
+        );
+        const isSaltyConfig = path.includes("salty.config");
+        const values = isSaltyConfig ? functions[name].templates : functions[name];
+        const template = isSaltyConfig ? values[_key] : values.params[_key];
+        if (values && typeof template === "function") {
+          const templateStyles = await template(value);
+          const [result] = await parseStyles(templateStyles, "");
+          return result;
+        }
+      } catch (error) {
+        console.error(`Error loading template "${_key}" from path "${config.templatePaths[_key]}"`, error);
+        return void 0;
+      }
+    }
+    if ((config == null ? void 0 : config.templates) && config.templates[_key]) {
+      if (omitTemplates) return void 0;
+      const path = value.split(".");
+      const templateStyles = path.reduce((acc, key2) => acc[key2], config.templates[_key]);
+      if (templateStyles) {
+        const [result] = await parseStyles(templateStyles, "");
+        return result;
+      }
+      console.warn(`Template "${_key}" with path of "${value}" was not found in config!`);
+      return void 0;
+    }
+    if (typeof value === "object") {
+      if (!value) return void 0;
+      if (value.isColor) return toString(value.toString());
+      if (_key === "defaultVariants") return void 0;
+      if (_key === "variants") {
+        const variantEntries = Object.entries(value);
+        for (const [prop, conditions] of variantEntries) {
+          if (!conditions) continue;
+          const entries2 = Object.entries(conditions);
+          for (const [val, styles2] of entries2) {
+            if (!styles2) continue;
+            const scope2 = `${currentScope}.${prop}-${val}`;
+            const results2 = await parseStyles(styles2, scope2, config);
+            results2.forEach((res) => cssStyles.add(res));
+          }
+        }
+        return void 0;
+      }
+      if (_key === "compoundVariants") {
+        for (const variant of value) {
+          const { css: css2, ...rest } = variant;
+          const scope2 = Object.entries(rest).reduce((acc, [prop, val]) => {
+            return `${acc}.${prop}-${val}`;
+          }, currentScope);
+          const results2 = await parseStyles(css2, scope2, config);
+          results2.forEach((res) => cssStyles.add(res));
+        }
+        return void 0;
+      }
+      if (_key === "anyOfVariants") {
+        for (const variant of value) {
+          const { css: css2, ...rest } = variant;
+          const scopes = Object.entries(rest).map(([prop, val]) => {
+            return `.${prop}-${val}`;
+          });
+          const scope2 = `${currentScope}:where(${scopes.join(", ")})`;
+          console.log(`Union variant scope: ${scope2}`);
+          const results2 = await parseStyles(css2, scope2, config);
+          results2.forEach((res) => cssStyles.add(res));
+        }
+        return void 0;
+      }
+      if (_key.startsWith("@")) {
+        const mediaQuery = ((_a = config == null ? void 0 : config.mediaQueries) == null ? void 0 : _a[_key]) || _key;
+        const results2 = await parseAndJoinStyles(value, currentScope, config);
+        const query = `${mediaQuery} { ${results2} }`;
+        cssStyles.add(query);
+        return void 0;
+      }
+      const scope = key.includes("&") ? _key.replaceAll("&", currentScope) : _key.startsWith(":") ? `${currentScope}${_key}` : `${currentScope} ${_key}`;
+      const results = await parseStyles(value, scope, config);
+      results.forEach((result) => cssStyles.add(result));
+      return void 0;
+    }
+    if (typeof value === "number") {
+      const withUnit = addUnit(propertyName, value, config);
+      return toString(withUnit);
+    }
+    if (typeof value !== "string") {
+      if ("toString" in value) value = value.toString();
+      else throw new Error(`Invalid value type for property ${propertyName}`);
+    }
+    return toString(value);
+  };
+  const promises = entries.map(processStyleEntry);
+  const { modifiers } = config || {};
+  const afterFunctions = [parseValueTokens(), parseValueModifiers(modifiers)];
+  const resolved = await Promise.all(promises).then((styles2) => {
+    return Promise.all(
+      styles2.map((str) => {
+        return afterFunctions.reduce(async (acc, fn) => {
+          const current = await acc;
+          if (!current) return current;
+          const result = await fn(current);
+          if (!result) return current;
+          const { transformed, additionalCss } = result;
+          let before = "";
+          if (additionalCss) {
+            for (const css2 of additionalCss) {
+              before += await parseAndJoinStyles(css2, "");
+            }
+          }
+          return `${before}${transformed}`;
+        }, Promise.resolve(str));
+      })
+    );
+  });
+  const mapped = resolved.filter((value) => value !== void 0).join("\n	");
+  if (!mapped.trim()) return Array.from(cssStyles);
+  const css = currentScope ? `${currentScope} {
+	${mapped}
+}` : mapped;
+  const alreadyExists = cssStyles.has(css);
+  if (alreadyExists) return Array.from(cssStyles);
+  return [css, ...cssStyles];
+};
+const parseAndJoinStyles = async (styles, currentClass, config, omitTemplates = false) => {
+  const css = await parseStyles(styles, currentClass, config, omitTemplates);
+  return css.join("\n");
+};
+export {
+  parseVariableTokens as a,
+  parseValueModifiers as b,
+  parseStyles as c,
+  parseValueTokens as d,
+  parseAndJoinStyles as p
+};

package/parse-styles-gRr_iCy7.cjs

@@ -0,0 +1,231 @@
+"use strict";
+const toHash = require("./to-hash-DT2ImSPA.cjs");
+const viewportClamp = require("./viewport-clamp-CEmzmcSj.cjs");
+const parseValueModifiers = (modifiers) => (value) => {
+  if (typeof value !== "string") return void 0;
+  if (!modifiers) return void 0;
+  let transformed = value;
+  const additionalCss = [];
+  Object.values(modifiers).forEach((modifier) => {
+    const { pattern, transform } = modifier;
+    transformed = transformed.replace(pattern, (match) => {
+      const { value: _value, css } = transform(match);
+      if (css) additionalCss.push(css);
+      return _value;
+    });
+  });
+  return { transformed, additionalCss };
+};
+const parseValueTokens = (tokenNames) => (value) => {
+  if (typeof value !== "string") return void 0;
+  const hasToken = /\{[^{}]+\}/g.test(value);
+  if (!hasToken) return void 0;
+  const transformed = value.replace(/\{([^{}]+)\}/g, (...args) => {
+    const variable = toHash.dashCase(args[1].replaceAll(".", "-"));
+    if (tokenNames && !tokenNames.includes(variable)) console.warn(`Token ${variable} might not exist`);
+    if (variable.startsWith("-")) return `-${variable}`;
+    return `var(--${variable})`;
+  });
+  return { transformed };
+};
+const parseVariableTokens = parseValueTokens();
+const pxProperties = [
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "min-width",
+  /.*width.*/,
+  /^[^line]*height.*/,
+  // Exclude line-height
+  /padding.*/,
+  /margin.*/,
+  /border.*/,
+  /inset.*/,
+  /.*radius.*/,
+  /.*spacing.*/,
+  /.*gap.*/,
+  /.*indent.*/,
+  /.*offset.*/,
+  /.*size.*/,
+  /.*thickness.*/,
+  /.*font-size.*/
+];
+const addUnit = (key, value, config) => {
+  const isPxProperty = pxProperties.some((pxProperty) => {
+    return typeof pxProperty === "string" ? pxProperty === key : pxProperty.test(key);
+  });
+  if (isPxProperty) {
+    const unit = (config == null ? void 0 : config.defaultUnit) || "px";
+    const isClamp = unit.startsWith("viewport-clamp:");
+    if (isClamp) {
+      try {
+        const screenSize = unit.split(":")[1];
+        const viewportClamp$1 = viewportClamp.defineViewportClamp({
+          screenSize: parseInt(screenSize)
+        });
+        return viewportClamp$1(Number(value));
+      } catch (error) {
+        console.error(error);
+        throw new Error(`Invalid viewport-clamp value: ${unit}`);
+      }
+    }
+    return `${value}${unit}`;
+  }
+  return `${value}`;
+};
+const vendorPrefixes = ["Webkit", "Moz", "ms", "O"];
+const propertyNameCheck = (key) => {
+  if (key.startsWith("-")) return key;
+  if (vendorPrefixes.some((prefix) => key.startsWith(prefix))) return `-${toHash.dashCase(key)}`;
+  return toHash.dashCase(key);
+};
+const parseStyles = async (styles, currentScope = "", config, omitTemplates = false) => {
+  if (!styles) throw new Error("No styles provided to parseStyles function!");
+  const cssStyles = /* @__PURE__ */ new Set();
+  const entries = Object.entries(styles);
+  const processStyleEntry = async ([key, value]) => {
+    var _a;
+    const _key = key.trim().replace(/^\?+/g, "");
+    const propertyName = propertyNameCheck(_key);
+    const toString = (val, eol = ";") => `${propertyName}:${val}${eol}`;
+    const context = { scope: currentScope, config };
+    if (typeof value === "function") return processStyleEntry([key, value(context)]);
+    if (value instanceof Promise) return processStyleEntry([key, await value]);
+    if ((config == null ? void 0 : config.templates) && config.templatePaths[_key]) {
+      try {
+        const [name, path] = config.templatePaths[_key].split(";;");
+        const functions = await import(
+          /* webpackIgnore: true */
+          /* @vite-ignore */
+          path
+        );
+        const isSaltyConfig = path.includes("salty.config");
+        const values = isSaltyConfig ? functions[name].templates : functions[name];
+        const template = isSaltyConfig ? values[_key] : values.params[_key];
+        if (values && typeof template === "function") {
+          const templateStyles = await template(value);
+          const [result] = await parseStyles(templateStyles, "");
+          return result;
+        }
+      } catch (error) {
+        console.error(`Error loading template "${_key}" from path "${config.templatePaths[_key]}"`, error);
+        return void 0;
+      }
+    }
+    if ((config == null ? void 0 : config.templates) && config.templates[_key]) {
+      if (omitTemplates) return void 0;
+      const path = value.split(".");
+      const templateStyles = path.reduce((acc, key2) => acc[key2], config.templates[_key]);
+      if (templateStyles) {
+        const [result] = await parseStyles(templateStyles, "");
+        return result;
+      }
+      console.warn(`Template "${_key}" with path of "${value}" was not found in config!`);
+      return void 0;
+    }
+    if (typeof value === "object") {
+      if (!value) return void 0;
+      if (value.isColor) return toString(value.toString());
+      if (_key === "defaultVariants") return void 0;
+      if (_key === "variants") {
+        const variantEntries = Object.entries(value);
+        for (const [prop, conditions] of variantEntries) {
+          if (!conditions) continue;
+          const entries2 = Object.entries(conditions);
+          for (const [val, styles2] of entries2) {
+            if (!styles2) continue;
+            const scope2 = `${currentScope}.${prop}-${val}`;
+            const results2 = await parseStyles(styles2, scope2, config);
+            results2.forEach((res) => cssStyles.add(res));
+          }
+        }
+        return void 0;
+      }
+      if (_key === "compoundVariants") {
+        for (const variant of value) {
+          const { css: css2, ...rest } = variant;
+          const scope2 = Object.entries(rest).reduce((acc, [prop, val]) => {
+            return `${acc}.${prop}-${val}`;
+          }, currentScope);
+          const results2 = await parseStyles(css2, scope2, config);
+          results2.forEach((res) => cssStyles.add(res));
+        }
+        return void 0;
+      }
+      if (_key === "anyOfVariants") {
+        for (const variant of value) {
+          const { css: css2, ...rest } = variant;
+          const scopes = Object.entries(rest).map(([prop, val]) => {
+            return `.${prop}-${val}`;
+          });
+          const scope2 = `${currentScope}:where(${scopes.join(", ")})`;
+          console.log(`Union variant scope: ${scope2}`);
+          const results2 = await parseStyles(css2, scope2, config);
+          results2.forEach((res) => cssStyles.add(res));
+        }
+        return void 0;
+      }
+      if (_key.startsWith("@")) {
+        const mediaQuery = ((_a = config == null ? void 0 : config.mediaQueries) == null ? void 0 : _a[_key]) || _key;
+        const results2 = await parseAndJoinStyles(value, currentScope, config);
+        const query = `${mediaQuery} { ${results2} }`;
+        cssStyles.add(query);
+        return void 0;
+      }
+      const scope = key.includes("&") ? _key.replaceAll("&", currentScope) : _key.startsWith(":") ? `${currentScope}${_key}` : `${currentScope} ${_key}`;
+      const results = await parseStyles(value, scope, config);
+      results.forEach((result) => cssStyles.add(result));
+      return void 0;
+    }
+    if (typeof value === "number") {
+      const withUnit = addUnit(propertyName, value, config);
+      return toString(withUnit);
+    }
+    if (typeof value !== "string") {
+      if ("toString" in value) value = value.toString();
+      else throw new Error(`Invalid value type for property ${propertyName}`);
+    }
+    return toString(value);
+  };
+  const promises = entries.map(processStyleEntry);
+  const { modifiers } = config || {};
+  const afterFunctions = [parseValueTokens(), parseValueModifiers(modifiers)];
+  const resolved = await Promise.all(promises).then((styles2) => {
+    return Promise.all(
+      styles2.map((str) => {
+        return afterFunctions.reduce(async (acc, fn) => {
+          const current = await acc;
+          if (!current) return current;
+          const result = await fn(current);
+          if (!result) return current;
+          const { transformed, additionalCss } = result;
+          let before = "";
+          if (additionalCss) {
+            for (const css2 of additionalCss) {
+              before += await parseAndJoinStyles(css2, "");
+            }
+          }
+          return `${before}${transformed}`;
+        }, Promise.resolve(str));
+      })
+    );
+  });
+  const mapped = resolved.filter((value) => value !== void 0).join("\n	");
+  if (!mapped.trim()) return Array.from(cssStyles);
+  const css = currentScope ? `${currentScope} {
+	${mapped}
+}` : mapped;
+  const alreadyExists = cssStyles.has(css);
+  if (alreadyExists) return Array.from(cssStyles);
+  return [css, ...cssStyles];
+};
+const parseAndJoinStyles = async (styles, currentClass, config, omitTemplates = false) => {
+  const css = await parseStyles(styles, currentClass, config, omitTemplates);
+  return css.join("\n");
+};
+exports.parseAndJoinStyles = parseAndJoinStyles;
+exports.parseStyles = parseStyles;
+exports.parseValueModifiers = parseValueModifiers;
+exports.parseValueTokens = parseValueTokens;
+exports.parseVariableTokens = parseVariableTokens;