@cube-dev/ui-kit 0.114.0 → 0.115.0

package/dist/tasty/parser/parser.js

@@ -0,0 +1,117 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { Lru } from "./lru.js";
+import { Bucket, finalizeGroup, finalizePart, makeEmptyDetails, makeEmptyPart } from "./types.js";
+import { classify } from "./classify.js";
+import { scan } from "./tokenizer.js";
+
+//#region src/tasty/parser/parser.ts
+var StyleParser = class {
+	cache;
+	constructor(opts = {}) {
+		this.opts = opts;
+		this.cache = new Lru(this.opts.cacheSize ?? 1e3);
+	}
+	process(src) {
+		const key = String(src);
+		const hit = this.cache.get(key);
+		if (hit) return hit;
+		const stripped = src.replace(/\/\*[^*]*\*+(?:[^/*][^*]*\*+)*\//g, "").toLowerCase();
+		const groups = [];
+		let currentGroup = makeEmptyDetails();
+		let currentPart = makeEmptyPart();
+		let parts = [];
+		const pushToken = (bucket, processed) => {
+			if (!processed) return;
+			const mergeIntoPrevUrl = () => {
+				const lastIdx = currentPart.values.length - 1;
+				currentPart.values[lastIdx] += ` ${processed}`;
+				const lastAllIdx = currentPart.all.length - 1;
+				currentPart.all[lastAllIdx] += ` ${processed}`;
+			};
+			if (currentPart.values.length > 0 && currentPart.values[currentPart.values.length - 1].startsWith("url(")) {
+				mergeIntoPrevUrl();
+				return;
+			}
+			switch (bucket) {
+				case Bucket.Color:
+					currentPart.colors.push(processed);
+					break;
+				case Bucket.Value:
+					currentPart.values.push(processed);
+					break;
+				case Bucket.Mod:
+					currentPart.mods.push(processed);
+					break;
+			}
+			currentPart.all.push(processed);
+		};
+		const endPart = () => {
+			if (currentPart.all.length > 0) {
+				finalizePart(currentPart);
+				parts.push(currentPart);
+			}
+			currentPart = makeEmptyPart();
+		};
+		const endGroup = () => {
+			endPart();
+			if (parts.length === 0) {
+				parts.push(makeEmptyPart());
+				finalizePart(parts[0]);
+			}
+			finalizeGroup(currentGroup, parts);
+			groups.push(currentGroup);
+			currentGroup = makeEmptyDetails();
+			parts = [];
+			currentPart = makeEmptyPart();
+		};
+		scan(stripped, (tok, isComma, isSlash, prevChar) => {
+			if (tok) {
+				if (currentGroup.input) currentGroup.input += ` ${tok}`;
+				else currentGroup.input = tok;
+				const { bucket, processed } = classify(tok, this.opts, (sub) => this.process(sub));
+				pushToken(bucket, processed);
+			}
+			if (isSlash) endPart();
+			if (isComma) endGroup();
+		});
+		if (currentPart.all.length || parts.length || !groups.length) endGroup();
+		const result = {
+			output: groups.map((g) => g.output).join(", "),
+			groups
+		};
+		Object.freeze(result);
+		this.cache.set(key, result);
+		return result;
+	}
+	setFuncs(funcs) {
+		this.opts.funcs = funcs;
+		this.cache.clear();
+	}
+	setUnits(units) {
+		this.opts.units = units;
+		this.cache.clear();
+	}
+	updateOptions(patch) {
+		Object.assign(this.opts, patch);
+		if (patch.cacheSize) this.cache = new Lru(patch.cacheSize);
+		else this.cache.clear();
+	}
+	/**
+	* Clear the parser cache.
+	* Call this when external state that affects parsing results has changed
+	* (e.g., predefined tokens).
+	*/
+	clearCache() {
+		this.cache.clear();
+	}
+	/**
+	* Get the current units configuration.
+	*/
+	getUnits() {
+		return this.opts.units;
+	}
+};
+
+//#endregion
+export { StyleParser };
+//# sourceMappingURL=parser.js.map

package/dist/tasty/parser/parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.js","names":[],"sources":["../../../src/tasty/parser/parser.ts"],"sourcesContent":["import { classify } from './classify';\nimport { Lru } from './lru';\nimport { scan } from './tokenizer';\nimport {\n  Bucket,\n  finalizeGroup,\n  finalizePart,\n  makeEmptyDetails,\n  makeEmptyPart,\n  ParserOptions,\n  ProcessedStyle,\n  StyleDetails,\n  StyleDetailsPart,\n} from './types';\n\nexport class StyleParser {\n  private cache: Lru<string, ProcessedStyle>;\n  constructor(private opts: ParserOptions = {}) {\n    this.cache = new Lru<string, ProcessedStyle>(this.opts.cacheSize ?? 1000);\n  }\n\n  /* ---------------- Public API ---------------- */\n  process(src: string): ProcessedStyle {\n    const key = String(src);\n    const hit = this.cache.get(key);\n    if (hit) return hit;\n\n    // strip comments & lower-case once\n    const stripped = src\n      .replace(/\\/\\*[^*]*\\*+(?:[^/*][^*]*\\*+)*\\//g, '')\n      .toLowerCase();\n\n    const groups: StyleDetails[] = [];\n    let currentGroup = makeEmptyDetails();\n    let currentPart = makeEmptyPart();\n    let parts: StyleDetailsPart[] = [];\n\n    const pushToken = (bucket: Bucket, processed: string) => {\n      if (!processed) return;\n\n      // If the previous token was a url(...) value, merge this token into it so that\n      // background layer segments like \"url(img) no-repeat center/cover\" are kept\n      // as a single value entry.\n      const mergeIntoPrevUrl = () => {\n        const lastIdx = currentPart.values.length - 1;\n        currentPart.values[lastIdx] += ` ${processed}`;\n        const lastAllIdx = currentPart.all.length - 1;\n        currentPart.all[lastAllIdx] += ` ${processed}`;\n      };\n\n      const prevIsUrlValue =\n        currentPart.values.length > 0 &&\n        currentPart.values[currentPart.values.length - 1].startsWith('url(');\n\n      if (prevIsUrlValue) {\n        // Extend the existing url(...) value regardless of current bucket.\n        mergeIntoPrevUrl();\n        // Additionally, for non-value buckets we need to remove their own storage.\n        // So early return.\n        return;\n      }\n\n      switch (bucket) {\n        case Bucket.Color:\n          currentPart.colors.push(processed);\n          break;\n        case Bucket.Value:\n          currentPart.values.push(processed);\n          break;\n        case Bucket.Mod:\n          currentPart.mods.push(processed);\n          break;\n      }\n      currentPart.all.push(processed);\n    };\n\n    const endPart = () => {\n      // Only add non-empty parts\n      if (currentPart.all.length > 0) {\n        finalizePart(currentPart);\n        parts.push(currentPart);\n      }\n      currentPart = makeEmptyPart();\n    };\n\n    const endGroup = () => {\n      endPart(); // finalize last part\n\n      // Ensure at least one part exists (even if empty) for backward compat\n      if (parts.length === 0) {\n        parts.push(makeEmptyPart());\n        finalizePart(parts[0]);\n      }\n\n      finalizeGroup(currentGroup, parts);\n      groups.push(currentGroup);\n\n      // Reset for next group\n      currentGroup = makeEmptyDetails();\n      parts = [];\n      currentPart = makeEmptyPart();\n    };\n\n    scan(stripped, (tok, isComma, isSlash, prevChar) => {\n      if (tok) {\n        // Accumulate raw token into currentGroup.input\n        if (currentGroup.input) {\n          currentGroup.input += ` ${tok}`;\n        } else {\n          currentGroup.input = tok;\n        }\n\n        const { bucket, processed } = classify(tok, this.opts, (sub) =>\n          this.process(sub),\n        );\n        pushToken(bucket, processed);\n      }\n      if (isSlash) endPart();\n      if (isComma) endGroup();\n    });\n\n    // push final group if not already\n    if (currentPart.all.length || parts.length || !groups.length) endGroup();\n\n    const output = groups.map((g) => g.output).join(', ');\n    const result: ProcessedStyle = { output, groups };\n    Object.freeze(result);\n    this.cache.set(key, result);\n    return result;\n  }\n\n  setFuncs(funcs: Required<ParserOptions>['funcs']): void {\n    this.opts.funcs = funcs;\n    this.cache.clear();\n  }\n\n  setUnits(units: Required<ParserOptions>['units']): void {\n    this.opts.units = units;\n    this.cache.clear();\n  }\n\n  updateOptions(patch: Partial<ParserOptions>): void {\n    Object.assign(this.opts, patch);\n    if (patch.cacheSize)\n      this.cache = new Lru<string, ProcessedStyle>(patch.cacheSize);\n    else this.cache.clear();\n  }\n\n  /**\n   * Clear the parser cache.\n   * Call this when external state that affects parsing results has changed\n   * (e.g., predefined tokens).\n   */\n  clearCache(): void {\n    this.cache.clear();\n  }\n\n  /**\n   * Get the current units configuration.\n   */\n  getUnits(): ParserOptions['units'] {\n    return this.opts.units;\n  }\n}\n\n// Re-export\nexport type { StyleDetails, ProcessedStyle } from './types';\n"],"mappings":";;;;;;;AAeA,IAAa,cAAb,MAAyB;CACvB,AAAQ;CACR,YAAY,AAAQ,OAAsB,EAAE,EAAE;EAA1B;AAClB,OAAK,QAAQ,IAAI,IAA4B,KAAK,KAAK,aAAa,IAAK;;CAI3E,QAAQ,KAA6B;EACnC,MAAM,MAAM,OAAO,IAAI;EACvB,MAAM,MAAM,KAAK,MAAM,IAAI,IAAI;AAC/B,MAAI,IAAK,QAAO;EAGhB,MAAM,WAAW,IACd,QAAQ,qCAAqC,GAAG,CAChD,aAAa;EAEhB,MAAM,SAAyB,EAAE;EACjC,IAAI,eAAe,kBAAkB;EACrC,IAAI,cAAc,eAAe;EACjC,IAAI,QAA4B,EAAE;EAElC,MAAM,aAAa,QAAgB,cAAsB;AACvD,OAAI,CAAC,UAAW;GAKhB,MAAM,yBAAyB;IAC7B,MAAM,UAAU,YAAY,OAAO,SAAS;AAC5C,gBAAY,OAAO,YAAY,IAAI;IACnC,MAAM,aAAa,YAAY,IAAI,SAAS;AAC5C,gBAAY,IAAI,eAAe,IAAI;;AAOrC,OAHE,YAAY,OAAO,SAAS,KAC5B,YAAY,OAAO,YAAY,OAAO,SAAS,GAAG,WAAW,OAAO,EAElD;AAElB,sBAAkB;AAGlB;;AAGF,WAAQ,QAAR;IACE,KAAK,OAAO;AACV,iBAAY,OAAO,KAAK,UAAU;AAClC;IACF,KAAK,OAAO;AACV,iBAAY,OAAO,KAAK,UAAU;AAClC;IACF,KAAK,OAAO;AACV,iBAAY,KAAK,KAAK,UAAU;AAChC;;AAEJ,eAAY,IAAI,KAAK,UAAU;;EAGjC,MAAM,gBAAgB;AAEpB,OAAI,YAAY,IAAI,SAAS,GAAG;AAC9B,iBAAa,YAAY;AACzB,UAAM,KAAK,YAAY;;AAEzB,iBAAc,eAAe;;EAG/B,MAAM,iBAAiB;AACrB,YAAS;AAGT,OAAI,MAAM,WAAW,GAAG;AACtB,UAAM,KAAK,eAAe,CAAC;AAC3B,iBAAa,MAAM,GAAG;;AAGxB,iBAAc,cAAc,MAAM;AAClC,UAAO,KAAK,aAAa;AAGzB,kBAAe,kBAAkB;AACjC,WAAQ,EAAE;AACV,iBAAc,eAAe;;AAG/B,OAAK,WAAW,KAAK,SAAS,SAAS,aAAa;AAClD,OAAI,KAAK;AAEP,QAAI,aAAa,MACf,cAAa,SAAS,IAAI;QAE1B,cAAa,QAAQ;IAGvB,MAAM,EAAE,QAAQ,cAAc,SAAS,KAAK,KAAK,OAAO,QACtD,KAAK,QAAQ,IAAI,CAClB;AACD,cAAU,QAAQ,UAAU;;AAE9B,OAAI,QAAS,UAAS;AACtB,OAAI,QAAS,WAAU;IACvB;AAGF,MAAI,YAAY,IAAI,UAAU,MAAM,UAAU,CAAC,OAAO,OAAQ,WAAU;EAGxE,MAAM,SAAyB;GAAE,QADlB,OAAO,KAAK,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK;GACZ;GAAQ;AACjD,SAAO,OAAO,OAAO;AACrB,OAAK,MAAM,IAAI,KAAK,OAAO;AAC3B,SAAO;;CAGT,SAAS,OAA+C;AACtD,OAAK,KAAK,QAAQ;AAClB,OAAK,MAAM,OAAO;;CAGpB,SAAS,OAA+C;AACtD,OAAK,KAAK,QAAQ;AAClB,OAAK,MAAM,OAAO;;CAGpB,cAAc,OAAqC;AACjD,SAAO,OAAO,KAAK,MAAM,MAAM;AAC/B,MAAI,MAAM,UACR,MAAK,QAAQ,IAAI,IAA4B,MAAM,UAAU;MAC1D,MAAK,MAAM,OAAO;;;;;;;CAQzB,aAAmB;AACjB,OAAK,MAAM,OAAO;;;;;CAMpB,WAAmC;AACjC,SAAO,KAAK,KAAK"}

package/dist/tasty/parser/tokenizer.js

@@ -0,0 +1,70 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/tasty/parser/tokenizer.ts
+const isWhitespace = (ch) => ch === " " || ch === "\n" || ch === "	" || ch === "\r" || ch === "\f";
+function scan(src, cb) {
+	let depth = 0;
+	let inUrl = false;
+	let inQuote = 0;
+	let start = 0;
+	let i = 0;
+	let pendingSlash = false;
+	const flush = (isComma, isSlash) => {
+		const actualSlash = isSlash || pendingSlash;
+		pendingSlash = false;
+		if (start < i) {
+			const prevChar = start > 0 ? src[start - 1] : null;
+			cb(src.slice(start, i), isComma, actualSlash, prevChar);
+		} else if (isComma) cb("", true, false, null);
+		else if (actualSlash) cb("", false, true, null);
+		start = i + 1;
+	};
+	for (; i < src.length; i++) {
+		const ch = src[i];
+		if (inQuote) {
+			if (ch === inQuote && src[i - 1] !== "\\") inQuote = 0;
+			continue;
+		}
+		if (ch === "\"" || ch === "'") {
+			inQuote = ch;
+			continue;
+		}
+		if (ch === "(") {
+			if (!depth) {
+				if (src.slice(Math.max(0, i - 3), i + 1) === "url(") inUrl = true;
+			}
+			depth++;
+			continue;
+		}
+		if (ch === ")") {
+			depth = Math.max(0, depth - 1);
+			if (inUrl && depth === 0) inUrl = false;
+			continue;
+		}
+		if (inUrl) continue;
+		if (!depth) {
+			if (ch === ",") {
+				flush(true, false);
+				continue;
+			}
+			if (ch === "/") {
+				const prevIsWhitespace = isWhitespace(src[i - 1]);
+				const nextIsWhitespace = isWhitespace(src[i + 1]);
+				if (prevIsWhitespace && nextIsWhitespace) {
+					pendingSlash = true;
+					start = i + 1;
+					continue;
+				}
+				continue;
+			}
+			if (isWhitespace(ch)) {
+				flush(false, false);
+				continue;
+			}
+		}
+	}
+	flush(false, false);
+}
+
+//#endregion
+export { scan };
+//# sourceMappingURL=tokenizer.js.map

package/dist/tasty/parser/tokenizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenizer.js","names":[],"sources":["../../../src/tasty/parser/tokenizer.ts"],"sourcesContent":["export type TokenCallback = (\n  token: string,\n  isComma: boolean,\n  isSlash: boolean,\n  precedingChar: string | null,\n) => void;\n\nconst isWhitespace = (ch: string | undefined): boolean =>\n  ch === ' ' || ch === '\\n' || ch === '\\t' || ch === '\\r' || ch === '\\f';\n\nexport function scan(src: string, cb: TokenCallback) {\n  let depth = 0;\n  let inUrl = false;\n  let inQuote: string | 0 = 0;\n  let start = 0;\n  let i = 0;\n  // Track if we just saw a standalone slash separator (whitespace before, whitespace after)\n  let pendingSlash = false;\n\n  const flush = (isComma: boolean, isSlash: boolean) => {\n    // If we have a pending slash, emit the part break\n    const actualSlash = isSlash || pendingSlash;\n    pendingSlash = false;\n\n    if (start < i) {\n      const prevChar = start > 0 ? src[start - 1] : null;\n      cb(src.slice(start, i), isComma, actualSlash, prevChar);\n    } else if (isComma) {\n      cb('', true, false, null); // empty token followed by comma => group break.\n    } else if (actualSlash) {\n      cb('', false, true, null); // empty token followed by slash => part break.\n    }\n    start = i + 1;\n  };\n\n  for (; i < src.length; i++) {\n    const ch = src[i];\n\n    // quote mode\n    if (inQuote) {\n      if (ch === inQuote && src[i - 1] !== '\\\\') inQuote = 0;\n      continue;\n    }\n    if (ch === '\"' || ch === \"'\") {\n      inQuote = ch;\n      continue;\n    }\n\n    // paren & url tracking (not inside quotes)\n    if (ch === '(') {\n      // detect url(\n      if (!depth) {\n        const maybe = src.slice(Math.max(0, i - 3), i + 1);\n        if (maybe === 'url(') inUrl = true;\n      }\n      depth++;\n      continue;\n    }\n    if (ch === ')') {\n      depth = Math.max(0, depth - 1);\n      if (inUrl && depth === 0) inUrl = false;\n      continue;\n    }\n\n    if (inUrl) continue; // inside url(...) treat everything as part of token\n\n    if (!depth) {\n      if (ch === ',') {\n        flush(true, false);\n        continue;\n      }\n      // Slash is only a separator when surrounded by whitespace (e.g., \"a / b\")\n      // This preserves CSS patterns like \"center/cover\" as single tokens\n      if (ch === '/') {\n        const prevIsWhitespace = isWhitespace(src[i - 1]);\n        const nextIsWhitespace = isWhitespace(src[i + 1]);\n        if (prevIsWhitespace && nextIsWhitespace) {\n          // Already flushed by whitespace before, mark pending slash\n          pendingSlash = true;\n          start = i + 1; // skip the slash character\n          continue;\n        }\n        // Not surrounded by whitespace - treat as part of token\n        continue;\n      }\n      if (isWhitespace(ch)) {\n        flush(false, false);\n        continue;\n      }\n    }\n  }\n  flush(false, false); // tail\n}\n"],"mappings":";;AAOA,MAAM,gBAAgB,OACpB,OAAO,OAAO,OAAO,QAAQ,OAAO,OAAQ,OAAO,QAAQ,OAAO;AAEpE,SAAgB,KAAK,KAAa,IAAmB;CACnD,IAAI,QAAQ;CACZ,IAAI,QAAQ;CACZ,IAAI,UAAsB;CAC1B,IAAI,QAAQ;CACZ,IAAI,IAAI;CAER,IAAI,eAAe;CAEnB,MAAM,SAAS,SAAkB,YAAqB;EAEpD,MAAM,cAAc,WAAW;AAC/B,iBAAe;AAEf,MAAI,QAAQ,GAAG;GACb,MAAM,WAAW,QAAQ,IAAI,IAAI,QAAQ,KAAK;AAC9C,MAAG,IAAI,MAAM,OAAO,EAAE,EAAE,SAAS,aAAa,SAAS;aAC9C,QACT,IAAG,IAAI,MAAM,OAAO,KAAK;WAChB,YACT,IAAG,IAAI,OAAO,MAAM,KAAK;AAE3B,UAAQ,IAAI;;AAGd,QAAO,IAAI,IAAI,QAAQ,KAAK;EAC1B,MAAM,KAAK,IAAI;AAGf,MAAI,SAAS;AACX,OAAI,OAAO,WAAW,IAAI,IAAI,OAAO,KAAM,WAAU;AACrD;;AAEF,MAAI,OAAO,QAAO,OAAO,KAAK;AAC5B,aAAU;AACV;;AAIF,MAAI,OAAO,KAAK;AAEd,OAAI,CAAC,OAEH;QADc,IAAI,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,EAAE,IAAI,EAAE,KACpC,OAAQ,SAAQ;;AAEhC;AACA;;AAEF,MAAI,OAAO,KAAK;AACd,WAAQ,KAAK,IAAI,GAAG,QAAQ,EAAE;AAC9B,OAAI,SAAS,UAAU,EAAG,SAAQ;AAClC;;AAGF,MAAI,MAAO;AAEX,MAAI,CAAC,OAAO;AACV,OAAI,OAAO,KAAK;AACd,UAAM,MAAM,MAAM;AAClB;;AAIF,OAAI,OAAO,KAAK;IACd,MAAM,mBAAmB,aAAa,IAAI,IAAI,GAAG;IACjD,MAAM,mBAAmB,aAAa,IAAI,IAAI,GAAG;AACjD,QAAI,oBAAoB,kBAAkB;AAExC,oBAAe;AACf,aAAQ,IAAI;AACZ;;AAGF;;AAEF,OAAI,aAAa,GAAG,EAAE;AACpB,UAAM,OAAO,MAAM;AACnB;;;;AAIN,OAAM,OAAO,MAAM"}

package/dist/tasty/parser/types.d.ts

@@ -0,0 +1,47 @@
+
+//#region src/tasty/parser/types.d.ts
+/**
+ * A part within a group, representing a slash-separated segment.
+ * For example, in `'2px solid #red / 4px'`, there are two parts:
+ * - Part 0: `2px solid #red`
+ * - Part 1: `4px`
+ */
+interface StyleDetailsPart {
+  mods: string[];
+  values: string[];
+  colors: string[];
+  all: string[];
+  output: string;
+}
+/**
+ * A group of style details, representing a comma-separated segment.
+ * Contains aggregated values from all parts for backward compatibility,
+ * plus the structured `parts` array for handlers that need slash separation.
+ */
+interface StyleDetails {
+  input: string;
+  output: string;
+  /** Aggregated mods from all parts (backward compatible) */
+  mods: string[];
+  /** Aggregated values from all parts (backward compatible) */
+  values: string[];
+  /** Aggregated colors from all parts (backward compatible) */
+  colors: string[];
+  /** Aggregated all tokens from all parts (backward compatible) */
+  all: string[];
+  /** Slash-separated parts within this group */
+  parts: StyleDetailsPart[];
+}
+interface ProcessedStyle {
+  output: string;
+  groups: StyleDetails[];
+}
+type UnitHandler = (scalar: number) => string;
+interface ParserOptions {
+  funcs?: Record<string, (parsed: StyleDetails[]) => string>;
+  units?: Record<string, string | UnitHandler>;
+  cacheSize?: number;
+}
+//#endregion
+export { ParserOptions, ProcessedStyle, StyleDetails, UnitHandler };
+//# sourceMappingURL=types.d.ts.map

package/dist/tasty/parser/types.js

@@ -0,0 +1,47 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/tasty/parser/types.ts
+let Bucket = /* @__PURE__ */ function(Bucket) {
+	Bucket[Bucket["Color"] = 0] = "Color";
+	Bucket[Bucket["Value"] = 1] = "Value";
+	Bucket[Bucket["Mod"] = 2] = "Mod";
+	return Bucket;
+}({});
+const makeEmptyPart = () => ({
+	mods: [],
+	values: [],
+	colors: [],
+	all: [],
+	output: ""
+});
+const makeEmptyDetails = () => ({
+	input: "",
+	output: "",
+	mods: [],
+	values: [],
+	colors: [],
+	all: [],
+	parts: []
+});
+const finalizePart = (p) => {
+	p.output = p.all.join(" ");
+	return p;
+};
+/**
+* Aggregate parts into a StyleDetails group.
+* Combines all parts' arrays into group-level arrays for backward compatibility.
+*/
+const finalizeGroup = (d, parts) => {
+	d.parts = parts;
+	for (const part of parts) {
+		d.mods.push(...part.mods);
+		d.values.push(...part.values);
+		d.colors.push(...part.colors);
+		d.all.push(...part.all);
+	}
+	d.output = parts.map((p) => p.output).join(" / ");
+	return d;
+};
+
+//#endregion
+export { Bucket, finalizeGroup, finalizePart, makeEmptyDetails, makeEmptyPart };
+//# sourceMappingURL=types.js.map

package/dist/tasty/parser/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/tasty/parser/types.ts"],"sourcesContent":["export enum Bucket {\n  Color,\n  Value,\n  Mod,\n}\n\n/**\n * A part within a group, representing a slash-separated segment.\n * For example, in `'2px solid #red / 4px'`, there are two parts:\n * - Part 0: `2px solid #red`\n * - Part 1: `4px`\n */\nexport interface StyleDetailsPart {\n  mods: string[];\n  values: string[];\n  colors: string[];\n  all: string[];\n  output: string;\n}\n\n/**\n * A group of style details, representing a comma-separated segment.\n * Contains aggregated values from all parts for backward compatibility,\n * plus the structured `parts` array for handlers that need slash separation.\n */\nexport interface StyleDetails {\n  input: string;\n  output: string;\n  /** Aggregated mods from all parts (backward compatible) */\n  mods: string[];\n  /** Aggregated values from all parts (backward compatible) */\n  values: string[];\n  /** Aggregated colors from all parts (backward compatible) */\n  colors: string[];\n  /** Aggregated all tokens from all parts (backward compatible) */\n  all: string[];\n  /** Slash-separated parts within this group */\n  parts: StyleDetailsPart[];\n}\n\nexport interface ProcessedStyle {\n  output: string;\n  groups: StyleDetails[];\n}\n\nexport type UnitHandler = (scalar: number) => string;\n\nexport interface ParserOptions {\n  funcs?: Record<string, (parsed: StyleDetails[]) => string>;\n  units?: Record<string, string | UnitHandler>;\n  cacheSize?: number;\n}\n\nexport const makeEmptyPart = (): StyleDetailsPart => ({\n  mods: [],\n  values: [],\n  colors: [],\n  all: [],\n  output: '',\n});\n\nexport const makeEmptyDetails = (): StyleDetails => ({\n  input: '',\n  output: '',\n  mods: [],\n  values: [],\n  colors: [],\n  all: [],\n  parts: [],\n});\n\nexport const finalizePart = (p: StyleDetailsPart): StyleDetailsPart => {\n  p.output = p.all.join(' ');\n  return p;\n};\n\n/**\n * Aggregate parts into a StyleDetails group.\n * Combines all parts' arrays into group-level arrays for backward compatibility.\n */\nexport const finalizeGroup = (\n  d: StyleDetails,\n  parts: StyleDetailsPart[],\n): StyleDetails => {\n  // Store parts\n  d.parts = parts;\n\n  // Aggregate all parts into group-level arrays\n  for (const part of parts) {\n    d.mods.push(...part.mods);\n    d.values.push(...part.values);\n    d.colors.push(...part.colors);\n    d.all.push(...part.all);\n  }\n\n  // Join parts' outputs with ' / ' for the group output\n  d.output = parts.map((p) => p.output).join(' / ');\n\n  return d;\n};\n"],"mappings":";;AAAA,IAAY,0CAAL;AACL;AACA;AACA;;;AAkDF,MAAa,uBAAyC;CACpD,MAAM,EAAE;CACR,QAAQ,EAAE;CACV,QAAQ,EAAE;CACV,KAAK,EAAE;CACP,QAAQ;CACT;AAED,MAAa,0BAAwC;CACnD,OAAO;CACP,QAAQ;CACR,MAAM,EAAE;CACR,QAAQ,EAAE;CACV,QAAQ,EAAE;CACV,KAAK,EAAE;CACP,OAAO,EAAE;CACV;AAED,MAAa,gBAAgB,MAA0C;AACrE,GAAE,SAAS,EAAE,IAAI,KAAK,IAAI;AAC1B,QAAO;;;;;;AAOT,MAAa,iBACX,GACA,UACiB;AAEjB,GAAE,QAAQ;AAGV,MAAK,MAAM,QAAQ,OAAO;AACxB,IAAE,KAAK,KAAK,GAAG,KAAK,KAAK;AACzB,IAAE,OAAO,KAAK,GAAG,KAAK,OAAO;AAC7B,IAAE,OAAO,KAAK,GAAG,KAAK,OAAO;AAC7B,IAAE,IAAI,KAAK,GAAG,KAAK,IAAI;;AAIzB,GAAE,SAAS,MAAM,KAAK,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM;AAEjD,QAAO"}

package/dist/tasty/pipeline/conditions.js

@@ -0,0 +1,378 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/tasty/pipeline/conditions.ts
+/**
+* Create a TRUE condition (matches everything)
+*/
+function trueCondition() {
+	return { kind: "true" };
+}
+/**
+* Create a FALSE condition (matches nothing)
+*/
+function falseCondition() {
+	return { kind: "false" };
+}
+/**
+* Create an AND compound condition
+*/
+function and(...children) {
+	const filtered = [];
+	for (const child of children) {
+		if (child.kind === "false") return falseCondition();
+		if (child.kind === "true") continue;
+		if (child.kind === "compound" && child.operator === "AND") filtered.push(...child.children);
+		else filtered.push(child);
+	}
+	if (filtered.length === 0) return trueCondition();
+	if (filtered.length === 1) return filtered[0];
+	return {
+		kind: "compound",
+		operator: "AND",
+		children: filtered
+	};
+}
+/**
+* Create an OR compound condition
+*/
+function or(...children) {
+	const filtered = [];
+	for (const child of children) {
+		if (child.kind === "true") return trueCondition();
+		if (child.kind === "false") continue;
+		if (child.kind === "compound" && child.operator === "OR") filtered.push(...child.children);
+		else filtered.push(child);
+	}
+	if (filtered.length === 0) return falseCondition();
+	if (filtered.length === 1) return filtered[0];
+	return {
+		kind: "compound",
+		operator: "OR",
+		children: filtered
+	};
+}
+/**
+* Negate a condition
+*/
+function not(node) {
+	if (node.kind === "true") return falseCondition();
+	if (node.kind === "false") return trueCondition();
+	if (node.kind === "state") return {
+		...node,
+		negated: !node.negated,
+		uniqueId: node.negated ? node.uniqueId.replace(/^!/, "") : `!${node.uniqueId}`
+	};
+	if (node.kind === "compound" && node.operator === "AND") return or(...node.children.map((c) => not(c)));
+	if (node.kind === "compound" && node.operator === "OR") return and(...node.children.map((c) => not(c)));
+	return node;
+}
+/**
+* Check if a condition is a compound condition
+*/
+function isCompoundCondition(node) {
+	return node.kind === "compound";
+}
+/**
+* Generate a normalized unique ID for a modifier condition
+*/
+function modifierUniqueId(attribute, value, operator = "=", negated = false) {
+	const base = value ? `mod:${attribute}${operator}${value}` : `mod:${attribute}`;
+	return negated ? `!${base}` : base;
+}
+/**
+* Generate a normalized unique ID for a pseudo condition
+*/
+function pseudoUniqueId(pseudo, negated = false) {
+	const base = `pseudo:${pseudo}`;
+	return negated ? `!${base}` : base;
+}
+/**
+* Generate a normalized unique ID for a media condition
+*/
+function mediaUniqueId(subtype, props, negated = false) {
+	let base;
+	if (subtype === "dimension") {
+		const parts = [
+			"media",
+			"dim",
+			props.dimension
+		];
+		if (props.lowerBound) {
+			parts.push(props.lowerBound.inclusive ? ">=" : ">");
+			parts.push(props.lowerBound.value);
+		}
+		if (props.upperBound) {
+			parts.push(props.upperBound.inclusive ? "<=" : "<");
+			parts.push(props.upperBound.value);
+		}
+		base = parts.join(":");
+	} else if (subtype === "feature") base = props.featureValue ? `media:feat:${props.feature}:${props.featureValue}` : `media:feat:${props.feature}`;
+	else base = `media:type:${props.mediaType}`;
+	return negated ? `!${base}` : base;
+}
+/**
+* Generate a normalized unique ID for a container condition
+*/
+function containerUniqueId(subtype, props, negated = false) {
+	let base;
+	const name = props.containerName || "_";
+	if (subtype === "dimension") {
+		const parts = [
+			"container",
+			"dim",
+			name,
+			props.dimension
+		];
+		if (props.lowerBound) {
+			parts.push(props.lowerBound.inclusive ? ">=" : ">");
+			parts.push(props.lowerBound.value);
+		}
+		if (props.upperBound) {
+			parts.push(props.upperBound.inclusive ? "<=" : "<");
+			parts.push(props.upperBound.value);
+		}
+		base = parts.join(":");
+	} else if (subtype === "raw") base = `container:raw:${name}:${props.rawCondition}`;
+	else base = props.propertyValue ? `container:style:${name}:--${props.property}:${props.propertyValue}` : `container:style:${name}:--${props.property}`;
+	return negated ? `!${base}` : base;
+}
+/**
+* Generate a normalized unique ID for a root condition
+*/
+function rootUniqueId(selector, negated = false) {
+	const base = `root:${selector}`;
+	return negated ? `!${base}` : base;
+}
+/**
+* Generate a normalized unique ID for an own condition
+*/
+function ownUniqueId(innerUniqueId, negated = false) {
+	const base = `own:${innerUniqueId}`;
+	return negated ? `!${base}` : base;
+}
+/**
+* Generate a normalized unique ID for a starting condition
+*/
+function startingUniqueId(negated = false) {
+	return negated ? "!starting" : "starting";
+}
+/**
+* Generate a normalized unique ID for a supports condition
+*/
+function supportsUniqueId(subtype, condition, negated = false) {
+	const base = `supports:${subtype}:${condition}`;
+	return negated ? `!${base}` : base;
+}
+/**
+* Create a modifier condition
+*/
+function createModifierCondition(attribute, value, operator = "=", negated = false, raw) {
+	return {
+		kind: "state",
+		type: "modifier",
+		negated,
+		raw: raw || (value ? `${attribute}${operator}${value}` : attribute),
+		uniqueId: modifierUniqueId(attribute, value, operator, negated),
+		attribute,
+		value,
+		operator: value ? operator : void 0
+	};
+}
+/**
+* Create a pseudo condition
+*/
+function createPseudoCondition(pseudo, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "pseudo",
+		negated,
+		raw: raw || pseudo,
+		uniqueId: pseudoUniqueId(pseudo, negated),
+		pseudo
+	};
+}
+/**
+* Create a media dimension condition
+*/
+function createMediaDimensionCondition(dimension, lowerBound, upperBound, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "media",
+		subtype: "dimension",
+		negated,
+		raw: raw || `@media(${dimension})`,
+		uniqueId: mediaUniqueId("dimension", {
+			dimension,
+			lowerBound,
+			upperBound
+		}, negated),
+		dimension,
+		lowerBound,
+		upperBound
+	};
+}
+/**
+* Create a media feature condition
+*/
+function createMediaFeatureCondition(feature, featureValue, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "media",
+		subtype: "feature",
+		negated,
+		raw: raw || `@media(${feature}${featureValue ? `: ${featureValue}` : ""})`,
+		uniqueId: mediaUniqueId("feature", {
+			feature,
+			featureValue
+		}, negated),
+		feature,
+		featureValue
+	};
+}
+/**
+* Create a media type condition
+*/
+function createMediaTypeCondition(mediaType, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "media",
+		subtype: "type",
+		negated,
+		raw: raw || `@media:${mediaType}`,
+		uniqueId: mediaUniqueId("type", { mediaType }, negated),
+		mediaType
+	};
+}
+/**
+* Create a container dimension condition
+*/
+function createContainerDimensionCondition(dimension, lowerBound, upperBound, containerName, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "container",
+		subtype: "dimension",
+		negated,
+		raw: raw || `@(${containerName ? containerName + ", " : ""}${dimension})`,
+		uniqueId: containerUniqueId("dimension", {
+			containerName,
+			dimension,
+			lowerBound,
+			upperBound
+		}, negated),
+		containerName,
+		dimension,
+		lowerBound,
+		upperBound
+	};
+}
+/**
+* Create a container style condition
+*/
+function createContainerStyleCondition(property, propertyValue, containerName, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "container",
+		subtype: "style",
+		negated,
+		raw: raw || `@(${containerName ? containerName + ", " : ""}$${property}${propertyValue ? "=" + propertyValue : ""})`,
+		uniqueId: containerUniqueId("style", {
+			containerName,
+			property,
+			propertyValue
+		}, negated),
+		containerName,
+		property,
+		propertyValue
+	};
+}
+/**
+* Create a container raw function condition (e.g., scroll-state(), style(), etc.)
+* The condition string is passed through to CSS verbatim.
+*/
+function createContainerRawCondition(rawCondition, containerName, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "container",
+		subtype: "raw",
+		negated,
+		raw: raw || `@(${containerName ? containerName + ", " : ""}${rawCondition})`,
+		uniqueId: containerUniqueId("raw", {
+			containerName,
+			rawCondition
+		}, negated),
+		containerName,
+		rawCondition
+	};
+}
+/**
+* Create a root condition
+*/
+function createRootCondition(selector, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "root",
+		negated,
+		raw: raw || `@root(${selector})`,
+		uniqueId: rootUniqueId(selector, negated),
+		selector
+	};
+}
+/**
+* Create an own condition
+*/
+function createOwnCondition(innerCondition, negated = false, raw) {
+	const innerUniqueId = getConditionUniqueId(innerCondition);
+	return {
+		kind: "state",
+		type: "own",
+		negated,
+		raw: raw || `@own(...)`,
+		uniqueId: ownUniqueId(innerUniqueId, negated),
+		innerCondition
+	};
+}
+/**
+* Create a starting condition
+*/
+function createStartingCondition(negated = false, raw) {
+	return {
+		kind: "state",
+		type: "starting",
+		negated,
+		raw: raw || "@starting",
+		uniqueId: startingUniqueId(negated)
+	};
+}
+/**
+* Create a supports condition
+*
+* @param subtype 'feature' for @supports(display: grid), 'selector' for @supports($, :has(*))
+* @param condition The condition string (e.g., "display: grid" or ":has(*)")
+*/
+function createSupportsCondition(subtype, condition, negated = false, raw) {
+	return {
+		kind: "state",
+		type: "supports",
+		subtype,
+		negated,
+		raw: raw || `@supports(${condition})`,
+		uniqueId: supportsUniqueId(subtype, condition, negated),
+		condition
+	};
+}
+/**
+* Get the unique ID for any condition node
+*/
+function getConditionUniqueId(node) {
+	if (node.kind === "true") return "TRUE";
+	if (node.kind === "false") return "FALSE";
+	if (node.kind === "state") return node.uniqueId;
+	if (node.kind === "compound") {
+		const childIds = node.children.map(getConditionUniqueId).sort();
+		return `${node.operator}(${childIds.join(",")})`;
+	}
+	return "UNKNOWN";
+}
+
+//#endregion
+export { and, createContainerDimensionCondition, createContainerRawCondition, createContainerStyleCondition, createMediaDimensionCondition, createMediaFeatureCondition, createMediaTypeCondition, createModifierCondition, createOwnCondition, createPseudoCondition, createRootCondition, createStartingCondition, createSupportsCondition, falseCondition, getConditionUniqueId, isCompoundCondition, not, or, trueCondition };
+//# sourceMappingURL=conditions.js.map