@tenphi/tasty 0.13.0 → 0.13.1

package/dist/utils/cache-wrapper.js

@@ -1,19 +1,15 @@
+import { Lru } from "../parser/lru.js";
+
 //#region src/utils/cache-wrapper.ts
 /**
-* Create a function that caches the result up to the limit.
+* Create a function that caches the result with LRU eviction.
 */
 function cacheWrapper(handler, limit = 1e3) {
-	const cache = /* @__PURE__ */ new Map();
-	let count = 0;
+	const cache = new Lru(limit);
 	return (firstArg, secondArg) => {
 		const key = typeof firstArg === "string" && secondArg == null ? firstArg : JSON.stringify([firstArg, secondArg]);
 		let result = cache.get(key);
 		if (result === void 0) {
-			if (count > limit) {
-				cache.clear();
-				count = 0;
-			}
-			count++;
 			result = secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
 			cache.set(key, result);
 		}

package/dist/utils/cache-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"cache-wrapper.js","names":[],"sources":["../../src/utils/cache-wrapper.ts"],"sourcesContent":["/**\n * Create a function that caches the result up to the limit.\n */\nexport function cacheWrapper<A, B, R>(\n  handler: (firstArg: A, secondArg?: B) => R,\n  limit = 1000,\n): (firstArg: A, secondArg?: B) => R {\n  const cache = new Map<string, R>();\n  let count = 0;\n\n  return (firstArg: A, secondArg?: B) => {\n    const key =\n      typeof firstArg === 'string' && secondArg == null\n        ? firstArg\n        : JSON.stringify([firstArg, secondArg]);\n\n    let result = cache.get(key);\n    if (result === undefined) {\n      if (count > limit) {\n        cache.clear();\n        count = 0;\n      }\n      count++;\n      result =\n        secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);\n      cache.set(key, result);\n    }\n    return result;\n  };\n}\n"],"mappings":";;;;AAGA,SAAgB,aACd,SACA,QAAQ,KAC2B;CACnC,MAAM,wBAAQ,IAAI,KAAgB;CAClC,IAAI,QAAQ;AAEZ,SAAQ,UAAa,cAAkB;EACrC,MAAM,MACJ,OAAO,aAAa,YAAY,aAAa,OACzC,WACA,KAAK,UAAU,CAAC,UAAU,UAAU,CAAC;EAE3C,IAAI,SAAS,MAAM,IAAI,IAAI;AAC3B,MAAI,WAAW,QAAW;AACxB,OAAI,QAAQ,OAAO;AACjB,UAAM,OAAO;AACb,YAAQ;;AAEV;AACA,YACE,aAAa,OAAO,QAAQ,SAAS,GAAG,QAAQ,UAAU,UAAU;AACtE,SAAM,IAAI,KAAK,OAAO;;AAExB,SAAO"}
+{"version":3,"file":"cache-wrapper.js","names":[],"sources":["../../src/utils/cache-wrapper.ts"],"sourcesContent":["import { Lru } from '../parser/lru';\n\n/**\n * Create a function that caches the result with LRU eviction.\n */\nexport function cacheWrapper<A, B, R>(\n  handler: (firstArg: A, secondArg?: B) => R,\n  limit = 1000,\n): (firstArg: A, secondArg?: B) => R {\n  const cache = new Lru<string, R>(limit);\n\n  return (firstArg: A, secondArg?: B) => {\n    const key =\n      typeof firstArg === 'string' && secondArg == null\n        ? firstArg\n        : JSON.stringify([firstArg, secondArg]);\n\n    let result = cache.get(key);\n    if (result === undefined) {\n      result =\n        secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);\n      cache.set(key, result);\n    }\n    return result;\n  };\n}\n"],"mappings":";;;;;;AAKA,SAAgB,aACd,SACA,QAAQ,KAC2B;CACnC,MAAM,QAAQ,IAAI,IAAe,MAAM;AAEvC,SAAQ,UAAa,cAAkB;EACrC,MAAM,MACJ,OAAO,aAAa,YAAY,aAAa,OACzC,WACA,KAAK,UAAU,CAAC,UAAU,UAAU,CAAC;EAE3C,IAAI,SAAS,MAAM,IAAI,IAAI;AAC3B,MAAI,WAAW,QAAW;AACxB,YACE,aAAa,OAAO,QAAQ,SAAS,GAAG,QAAQ,UAAU,UAAU;AACtE,SAAM,IAAI,KAAK,OAAO;;AAExB,SAAO"}

package/dist/utils/has-keys.js

@@ -0,0 +1,13 @@
+//#region src/utils/has-keys.ts
+/**
+* Check if an object has any own enumerable keys.
+* Avoids the array allocation of Object.keys(obj).length > 0.
+*/
+function hasKeys(obj) {
+	for (const _ in obj) return true;
+	return false;
+}
+
+//#endregion
+export { hasKeys };
+//# sourceMappingURL=has-keys.js.map

package/dist/utils/has-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-keys.js","names":[],"sources":["../../src/utils/has-keys.ts"],"sourcesContent":["/**\n * Check if an object has any own enumerable keys.\n * Avoids the array allocation of Object.keys(obj).length > 0.\n */\nexport function hasKeys(obj: object): boolean {\n  for (const _ in obj) return true;\n  return false;\n}\n"],"mappings":";;;;;AAIA,SAAgB,QAAQ,KAAsB;AAC5C,MAAK,MAAM,KAAK,IAAK,QAAO;AAC5B,QAAO"}

package/dist/utils/mod-attrs.js

@@ -1,5 +1,5 @@
-import { cacheWrapper } from "./cache-wrapper.js";
 import { camelToKebab } from "./case-converter.js";
+import { cacheWrapper } from "./cache-wrapper.js";
 
 //#region src/utils/mod-attrs.ts
 function modAttrs(map) {

package/dist/utils/styles.d.ts

@@ -1,7 +1,5 @@
 import { ProcessedStyle, StyleDetails } from "../parser/types.js";
 import { StyleParser } from "../parser/parser.js";
-import { AtRuleContext, ParsedAdvancedState, StateParserContext } from "../states/index.js";
-import { Styles } from "../styles/types.js";
 
 //#region src/utils/styles.d.ts
 type StyleValue<T = string> = T | boolean | number | null | undefined;
@@ -21,7 +19,6 @@ type StyleValueStateMap<T = string> = Record<string, StyleValue<T> | '@inherit'>
  * Use this for component props that accept style values.
  */
 type StylePropValue<T = string> = StyleValue<T> | StyleValueStateMap<T>;
-type ComputeModel = string | number;
 type CSSMap = {
   $?: string | string[];
 } & Record<string, string | string[]>;
@@ -37,32 +34,12 @@ type StyleHandler = RawStyleHandler & {
  * - Multi-property tuple: [['style1', 'style2'], handler]
  */
 type StyleHandlerDefinition = RawStyleHandler | [string, RawStyleHandler] | [string[], RawStyleHandler];
-interface StyleStateData {
-  model?: ComputeModel;
-  tokens?: string[];
-  value: StyleValue | StyleValueStateMap | StyleStateData;
-  /** The list of mods to apply */
-  mods: string[];
-  /** The list of **not** mods to apply (e.g. `:not(:hover)`) */
-  notMods: string[];
-  /** Advanced states (media queries, container queries, etc.) */
-  advancedStates?: ParsedAdvancedState[];
-  /** At-rule context for CSS generation */
-  atRuleContext?: AtRuleContext;
-  /** Own mods for sub-element states (from @own()) - applied to sub-element selector */
-  ownMods?: string[];
-  /** Negated own mods for sub-element states */
-  negatedOwnMods?: string[];
-}
 interface ParsedColor {
   color?: string;
   name?: string;
   opacity?: number;
 }
-type StyleStateDataList = StyleStateData[];
-type StyleStateDataListMap = Record<string, StyleStateDataList>;
 type StyleMap = Record<string, StyleValue | StyleValueStateMap>;
-type StyleStateMap = Record<string, StyleStateData>;
 declare const CUSTOM_UNITS: {
   r: string;
   cr: string;
@@ -131,47 +108,7 @@ declare function strToRgb(color: string, _ignoreAlpha?: boolean): string | null
 declare function getRgbValuesFromRgbaString(str: string): number[];
 declare function hexToRgb(hex: string): string | null;
 declare function filterMods(mods: string[], allowedMods: string[]): string[];
-declare function extendStyles(defaultStyles?: Record<string, unknown> | null, newStyles?: Record<string, unknown> | null): Record<string, unknown>;
-/**
- * Split properties into style and non-style properties.
- * @param props - Component prop map.
- * @param [styleList] - List of all style properties.
- * @param [defaultStyles] - Default style map of the component.
- * @param [propMap] - Props to style alias map.
- * @param [ignoreList] - A list of properties to ignore.
- */
-declare function extractStyles(props: Record<string, unknown>, styleList?: readonly string[], defaultStyles?: Styles, propMap?: Record<string, string>, ignoreList?: readonly string[]): Styles;
-/**
- * Check if a token is an advanced state (starts with @)
- */
-declare function isAdvancedStateToken(token: string): boolean;
-declare const STATE_OPERATORS: {
-  NOT: string;
-  AND: string;
-  OR: string;
-  XOR: string;
-};
-declare const STATE_OPERATOR_LIST: string[];
-declare const parseStateNotation: (firstArg: string, secondArg?: string | number | boolean | StyleValueStateMap<string> | StyleStateData | null | undefined) => StyleStateData;
-/**
- * Build an AtRuleContext from parsed advanced states
- */
-declare function buildAtRuleContext(advancedStates: ParsedAdvancedState[], negatedStates: Set<string>): AtRuleContext | undefined;
-/**
- * Parse state notation and return tokens, modifiers and compute model.
- * Enhanced to detect and extract advanced states.
- */
-declare function styleStateMapToStyleStateDataList(styleStateMap: StyleStateMap | StyleValue | StyleValueStateMap, parserContext?: StateParserContext): {
-  states: StyleStateDataList;
-  mods: string[];
-  hasAdvancedStates: boolean;
-};
-declare const COMPUTE_FUNC_MAP: Record<string, (a: unknown, b?: unknown) => unknown>;
-/**
- * Compute a result based on a model and incoming map.
- */
-declare function computeState(computeModel: ComputeModel, valueMap: (number | boolean)[] | Record<string, boolean> | ((...args: unknown[]) => unknown)): unknown;
 declare function stringifyStyles(styles: unknown): string;
 //#endregion
-export { COMPUTE_FUNC_MAP, CSSMap, CUSTOM_UNITS, ComputeModel, DIRECTIONS, ParsedColor, RawStyleHandler, STATE_OPERATORS, STATE_OPERATOR_LIST, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleMap, StylePropValue, StyleStateData, StyleStateDataList, StyleStateDataListMap, StyleStateMap, StyleValue, StyleValueStateMap, buildAtRuleContext, computeState, customFunc, extendStyles, extractStyles, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getRgbValuesFromRgbaString, hexToRgb, isAdvancedStateToken, normalizeColorTokenValue, parseColor, parseStateNotation, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles, styleStateMapToStyleStateDataList };
+export { CSSMap, CUSTOM_UNITS, DIRECTIONS, ParsedColor, RawStyleHandler, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleMap, StylePropValue, StyleValue, StyleValueStateMap, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getRgbValuesFromRgbaString, hexToRgb, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles };
 //# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.js

@@ -1,8 +1,5 @@
 import { StyleParser } from "../parser/parser.js";
 import { okhslFunc } from "../plugins/okhsl-plugin.js";
-import { createStateParserContext, parseAdvancedState } from "../states/index.js";
-import { cacheWrapper } from "./cache-wrapper.js";
-import { camelToKebab } from "./case-converter.js";
 import { okhslToRgb } from "./okhsl-to-rgb.js";
 import { hslToRgb } from "./hsl-to-rgb.js";
 
@@ -380,323 +377,12 @@ function hexToRgb(hex) {
 function filterMods(mods, allowedMods) {
 	return mods.filter((mod) => allowedMods.includes(mod));
 }
-function extendStyles(defaultStyles, newStyles) {
-	let styles = {};
-	if (!defaultStyles) {
-		if (!newStyles) return styles;
-	} else styles = Object.assign({}, defaultStyles);
-	if (newStyles) Object.keys(newStyles).forEach((key) => {
-		if (newStyles[key] != null) styles[key] = newStyles[key];
-	});
-	return styles;
-}
-/**
-* Split properties into style and non-style properties.
-* @param props - Component prop map.
-* @param [styleList] - List of all style properties.
-* @param [defaultStyles] - Default style map of the component.
-* @param [propMap] - Props to style alias map.
-* @param [ignoreList] - A list of properties to ignore.
-*/
-function extractStyles(props, styleList = [], defaultStyles, propMap, ignoreList = []) {
-	const styles = {
-		...defaultStyles,
-		...ignoreList.includes("styles") ? void 0 : props.styles && typeof props.styles === "object" ? props.styles : void 0
-	};
-	Object.keys(props).forEach((prop) => {
-		const propName = propMap ? propMap[prop] || prop : prop;
-		const value = props[prop];
-		if (ignoreList && ignoreList.includes(prop)) {} else if (styleList.includes(propName)) styles[propName] = value;
-	}, {});
-	return styles;
-}
-const STATES_REGEXP = /([&|!^])|([()])|(@media:[a-z]+)|(@media\([^)]+\))|(@root\([^)]+\))|(@own\([^)]+\))|(@\([^)]+\))|(@starting)|(@[A-Za-z][A-Za-z0-9-]*)|([a-z][a-z0-9-]+=(?:"[^"]*"|'[^']*'|[^\s&|!^()]+))|([a-z][a-z0-9-]+)|(:[a-z][a-z0-9-]+\([^)]+\)|:[a-z][a-z0-9-]+)|(\.[a-z][a-z0-9-]+)|(\[[^\]]+])/gi;
-/**
-* Check if a token is an advanced state (starts with @)
-*/
-function isAdvancedStateToken(token) {
-	return token.startsWith("@") || token.startsWith("!@");
-}
-const STATE_OPERATORS = {
-	NOT: "!",
-	AND: "&",
-	OR: "|",
-	XOR: "^"
-};
-const STATE_OPERATOR_LIST = [
-	"!",
-	"&",
-	"|",
-	"^"
-];
-/**
-* Convert state notation tokens to a compute model (string, or nested [op, lhs, rhs]).
-*/
-function convertTokensToComputeUnits(tokens) {
-	if (tokens.length === 1) return tokens[0];
-	const hasLength = (x) => typeof x === "string" || Array.isArray(x);
-	STATE_OPERATOR_LIST.forEach((operator) => {
-		let i;
-		while ((i = tokens.indexOf(operator)) !== -1) {
-			const token = tokens[i];
-			if (token === "!") {
-				const next = tokens[i + 1];
-				if (next !== void 0 && hasLength(next) && next.length !== 1) tokens.splice(i, 2, ["!", next]);
-				else tokens.splice(i, 1);
-			} else {
-				const prev = tokens[i - 1];
-				const next = tokens[i + 1];
-				if (prev !== void 0 && next !== void 0 && hasLength(prev) && hasLength(next) && prev.length !== 1 && next.length !== 1) tokens.splice(i - 1, 3, [
-					token,
-					prev,
-					next
-				]);
-				else tokens.splice(i, 1);
-			}
-		}
-	});
-	return tokens.length === 1 ? tokens[0] : tokens;
-}
-/**
-* Replace commas with | only outside of parentheses.
-* This preserves commas in advanced states like @(card, w < 600px)
-*/
-function replaceCommasOutsideParens(str) {
-	let result = "";
-	let depth = 0;
-	for (const char of str) if (char === "(") {
-		depth++;
-		result += char;
-	} else if (char === ")") {
-		depth--;
-		result += char;
-	} else if (char === "," && depth === 0) result += "|";
-	else result += char;
-	return result;
-}
-/**
-* Parse state notation and return tokens, modifiers and compute model.
-*/
-function parseStateNotationInner(notation, value) {
-	const tokens = replaceCommasOutsideParens(notation).match(STATES_REGEXP);
-	if (!tokens || !tokens.length) return {
-		model: void 0,
-		mods: [],
-		notMods: [],
-		tokens: [],
-		value
-	};
-	else if (tokens.length === 1) return {
-		model: tokens[0],
-		mods: tokens.slice(0),
-		notMods: [],
-		tokens,
-		value
-	};
-	const mods = [];
-	const operations = [[]];
-	let list = operations[0];
-	let position = 0;
-	let operation;
-	tokens.forEach((token) => {
-		switch (token) {
-			case "(":
-				operation = [];
-				position++;
-				list = operations[position] = operation;
-				break;
-			case ")":
-				position--;
-				operations[position].push(convertTokensToComputeUnits(list));
-				list = operations[position];
-				break;
-			default:
-				if (token.length > 1) {
-					if (!mods.includes(token)) mods.push(token);
-				}
-				list.push(token);
-		}
-	});
-	while (position) {
-		position--;
-		operations[position].push(convertTokensToComputeUnits(list));
-		list = operations[position];
-	}
-	return {
-		tokens,
-		mods,
-		notMods: [],
-		model: convertTokensToComputeUnits(operations[0]),
-		value
-	};
-}
-const parseStateNotation = cacheWrapper(parseStateNotationInner);
-/**
-* Build an AtRuleContext from parsed advanced states
-*/
-function buildAtRuleContext(advancedStates, negatedStates) {
-	if (advancedStates.length === 0) return void 0;
-	const ctx = {};
-	for (const state of advancedStates) {
-		const isNegated = negatedStates.has(state.raw);
-		switch (state.type) {
-			case "media": {
-				if (!ctx.media) ctx.media = [];
-				let mediaCondition = "";
-				if (state.mediaType) mediaCondition = state.mediaType;
-				else if (state.condition) mediaCondition = `(${state.condition})`;
-				if (mediaCondition) if (isNegated) ctx.media.push(`not ${mediaCondition}`);
-				else ctx.media.push(mediaCondition);
-				break;
-			}
-			case "container": {
-				if (!ctx.container) ctx.container = [];
-				let condition = state.condition;
-				if (isNegated) condition = `not (${condition})`;
-				ctx.container.push({
-					name: state.containerName,
-					condition
-				});
-				break;
-			}
-			case "root": {
-				if (!ctx.rootStates) ctx.rootStates = [];
-				const rootSelector = buildRootSelector(state.condition, isNegated);
-				ctx.rootStates.push(rootSelector);
-				break;
-			}
-			case "starting":
-				if (!isNegated) ctx.startingStyle = true;
-				break;
-		}
-	}
-	if (!ctx.media?.length && !ctx.container?.length && !ctx.rootStates?.length && !ctx.startingStyle) return;
-	return ctx;
-}
-/**
-* Build a root state selector from a condition
-*/
-function buildRootSelector(condition, isNegated) {
-	let selector;
-	if (condition.startsWith(".")) selector = condition;
-	else if (condition.startsWith("[")) selector = condition;
-	else if (condition.includes("=")) {
-		const [key, value] = condition.split("=");
-		selector = `[data-${camelToKebab(key.trim())}="${value.trim()}"]`;
-	} else selector = `[data-${camelToKebab(condition)}]`;
-	if (isNegated) return `:not(${selector})`;
-	return selector;
-}
-/**
-* Parse state notation and return tokens, modifiers and compute model.
-* Enhanced to detect and extract advanced states.
-*/
-function styleStateMapToStyleStateDataList(styleStateMap, parserContext) {
-	if (typeof styleStateMap !== "object" || !styleStateMap) return {
-		states: [{
-			model: void 0,
-			mods: [],
-			notMods: [],
-			value: styleStateMap
-		}],
-		mods: [],
-		hasAdvancedStates: false
-	};
-	const stateDataList = [];
-	let hasAdvancedStates = false;
-	Object.keys(styleStateMap).forEach((stateNotation) => {
-		const state = parseStateNotation(stateNotation, styleStateMap[stateNotation]);
-		const advancedStates = [];
-		const negatedAdvancedStates = /* @__PURE__ */ new Set();
-		const regularMods = [];
-		const ownMods = [];
-		const negatedOwnMods = [];
-		if (state.tokens) {
-			let isNegated = false;
-			for (const token of state.tokens) {
-				if (token === "!") {
-					isNegated = true;
-					continue;
-				}
-				if (isAdvancedStateToken(token)) {
-					hasAdvancedStates = true;
-					const parsed = parseAdvancedState(token, parserContext || createStateParserContext(void 0));
-					advancedStates.push(parsed);
-					if (parsed.type === "own" && parsed.condition) if (isNegated) negatedOwnMods.push(parsed.condition);
-					else ownMods.push(parsed.condition);
-					else if (isNegated) negatedAdvancedStates.add(token);
-					isNegated = false;
-				} else if (token.length > 1 && ![
-					"&",
-					"|",
-					"^",
-					"(",
-					")"
-				].includes(token)) {
-					regularMods.push(token);
-					isNegated = false;
-				} else isNegated = false;
-			}
-		}
-		if (advancedStates.length > 0) {
-			state.advancedStates = advancedStates;
-			state.atRuleContext = buildAtRuleContext(advancedStates, negatedAdvancedStates);
-			state.mods = regularMods;
-		}
-		if (ownMods.length > 0) state.ownMods = ownMods;
-		if (negatedOwnMods.length > 0) state.negatedOwnMods = negatedOwnMods;
-		stateDataList.push(state);
-	});
-	stateDataList.reverse();
-	let initialState;
-	const allMods = stateDataList.reduce((all, state) => {
-		if (!state.mods.length && !state.advancedStates?.length) initialState = state;
-		else state.mods.forEach((mod) => {
-			if (!all.includes(mod)) all.push(mod);
-		});
-		return all;
-	}, []);
-	if (!initialState) stateDataList.push({
-		mods: [],
-		notMods: allMods,
-		value: true
-	});
-	return {
-		states: stateDataList,
-		mods: allMods,
-		hasAdvancedStates
-	};
-}
-const COMPUTE_FUNC_MAP = {
-	"!": (a) => !a,
-	"^": (a, b) => a && !b || !a && b,
-	"|": (a, b) => a || b,
-	"&": (a, b) => a && b
-};
-/**
-* Compute a result based on a model and incoming map.
-*/
-function computeState(computeModel, valueMap) {
-	if (!computeModel) return true;
-	const map = valueMap;
-	if (!Array.isArray(computeModel)) if (typeof valueMap === "function") return !!valueMap(computeModel);
-	else return !!map[computeModel];
-	const func = COMPUTE_FUNC_MAP[computeModel[0]];
-	if (!func) console.warn("CubeUIKit: unexpected compute method in the model", computeModel);
-	let a = computeModel[1];
-	if (typeof a === "object") a = !!computeState(a, valueMap);
-	else if (typeof valueMap === "function") a = !!valueMap(a);
-	else a = !!map[a];
-	if (computeModel.length === 2) return func(a);
-	let b = computeModel[2];
-	if (typeof b === "object") b = !!computeState(b, valueMap);
-	else if (typeof valueMap === "function") b = !!valueMap(b);
-	else b = !!map[b];
-	return !!func(a, b);
-}
 const _innerCache = /* @__PURE__ */ new WeakMap();
+const _topLevelCache = /* @__PURE__ */ new WeakMap();
 function stringifyStyles(styles) {
 	if (styles == null || typeof styles !== "object") return "";
+	const cached = _topLevelCache.get(styles);
+	if (cached !== void 0) return cached;
 	const obj = styles;
 	const keys = Object.keys(obj).sort();
 	const parts = [];
@@ -722,9 +408,11 @@ function stringifyStyles(styles) {
 		} else sv = JSON.stringify(v);
 		parts.push(JSON.stringify(k) + ":" + sv);
 	}
-	return "{" + parts.join(",") + "}";
+	const result = "{" + parts.join(",") + "}";
+	_topLevelCache.set(styles, result);
+	return result;
 }
 
 //#endregion
-export { COMPUTE_FUNC_MAP, CUSTOM_UNITS, DIRECTIONS, STATE_OPERATORS, STATE_OPERATOR_LIST, buildAtRuleContext, computeState, customFunc, extendStyles, extractStyles, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getRgbValuesFromRgbaString, hexToRgb, isAdvancedStateToken, normalizeColorTokenValue, parseColor, parseStateNotation, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles, styleStateMapToStyleStateDataList };
+export { CUSTOM_UNITS, DIRECTIONS, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getRgbValuesFromRgbaString, hexToRgb, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles };
 //# sourceMappingURL=styles.js.map