@cube-dev/ui-kit 0.114.0 → 0.115.0

package/dist/utils/styles.js

@@ -0,0 +1,338 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { StyleParser } from "../parser/parser.js";
+import { okhslFunc } from "../plugins/okhsl-plugin.js";
+import { cacheWrapper } from "./cache-wrapper.js";
+import { okhslToRgb } from "./okhsl-to-rgb.js";
+import { hslToRgb } from "./hsl-to-rgb.js";
+
+//#region src/tasty/utils/styles.ts
+/**
+* Normalize a color token value.
+* - Boolean `true` is converted to `'transparent'`
+* - Boolean `false` returns `null` (signals the token should be skipped)
+* - Other values are returned as-is
+*
+* @param value - The raw token value
+* @returns Normalized value or null if the token should be skipped
+*/
+function normalizeColorTokenValue(value) {
+	if (value === true) return "transparent";
+	if (value === false) return null;
+	return value;
+}
+const devMode = process.env.NODE_ENV !== "production";
+const COLOR_VAR_PATTERN = /var\(--([a-z0-9-]+)-color/;
+const COLOR_VAR_RGB_PATTERN = /var\(--([a-z0-9-]+)-color-rgb/;
+const RGB_ALPHA_PATTERN = /\/\s*([0-9.]+)\)/;
+const SIMPLE_COLOR_PATTERNS = [
+	/^#[0-9a-fA-F]{3,8}$/,
+	/^rgb\(/,
+	/^hsl\(/,
+	/^lch\(/,
+	/^oklch\(/,
+	/^okhsl\(/,
+	/^var\(--[a-z0-9-]+-color/,
+	/^currentColor$/,
+	/^transparent$/
+];
+let colorWarningCount = 0;
+const MAX_COLOR_WARNINGS = 10;
+const CUSTOM_UNITS = {
+	r: "6px",
+	cr: "10px",
+	bw: "1px",
+	ow: "3px",
+	x: "8px",
+	fs: "var(--font-size)",
+	lh: "var(--line-height)",
+	sf: function sf(num) {
+		return `minmax(0, ${num}fr)`;
+	}
+};
+const DIRECTIONS = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+const __tastyParser = new StyleParser({ units: CUSTOM_UNITS });
+const __tastyFuncs = { okhsl: okhslFunc };
+__tastyParser.setFuncs(__tastyFuncs);
+/**
+* Get the global StyleParser instance.
+* Used by configure() to apply parser configuration.
+*/
+function getGlobalParser() {
+	return __tastyParser;
+}
+/**
+* Get the current custom functions registry.
+* Used by configure() to merge with new functions.
+*/
+function getGlobalFuncs() {
+	return __tastyFuncs;
+}
+/**
+* Storage for predefined tokens that are replaced during style parsing.
+* Keys are token names (with $ or # prefix), values are pre-processed CSS values.
+*/
+let __globalPredefinedTokens = null;
+/**
+* Set global predefined tokens.
+* Called from configure() after processing token values.
+* Merges with existing tokens (new tokens override existing ones with same key).
+* Keys are normalized to lowercase (parser lowercases input before classification).
+* @internal
+*/
+function setGlobalPredefinedTokens(tokens) {
+	const normalizedTokens = {};
+	for (const [key, value] of Object.entries(tokens)) {
+		const lowerKey = key.toLowerCase();
+		const lowerValue = value.toLowerCase();
+		if (lowerKey.startsWith("#") && lowerValue === "#current") {
+			console.warn(`Tasty: Using #current to define color token "${key}" is not supported. The #current token represents currentcolor which cannot be used as a base for other tokens.`);
+			continue;
+		}
+		normalizedTokens[lowerKey] = value;
+	}
+	__globalPredefinedTokens = __globalPredefinedTokens ? {
+		...__globalPredefinedTokens,
+		...normalizedTokens
+	} : normalizedTokens;
+	__tastyParser.clearCache();
+}
+/**
+* Get the current global predefined tokens.
+* Returns null if no tokens are configured.
+*/
+function getGlobalPredefinedTokens() {
+	return __globalPredefinedTokens;
+}
+/**
+*
+* @param {String} value
+* @param {Number} mode
+* @returns {Object<String,String|Array>}
+*/
+function parseStyle(value) {
+	let str;
+	if (typeof value === "string") str = value;
+	else if (typeof value === "number") str = String(value);
+	else str = "";
+	return __tastyParser.process(str);
+}
+/**
+* Parse color. Find it value, name and opacity.
+* Optimized to avoid heavy parseStyle calls for simple color patterns.
+*/
+function parseColor(val, ignoreError = false) {
+	if (typeof val !== "string") val = String(val ?? "");
+	val = val.trim();
+	if (!val) return {};
+	const isSimpleColor = SIMPLE_COLOR_PATTERNS.some((pattern) => pattern.test(val));
+	let firstColor;
+	if (isSimpleColor) firstColor = val;
+	else {
+		const extractedColor = parseStyle(val).groups.find((g) => g.colors.length)?.colors[0];
+		if (!extractedColor) {
+			if (!ignoreError && devMode && colorWarningCount < MAX_COLOR_WARNINGS) {
+				console.warn("CubeUIKit: unable to parse color:", val);
+				colorWarningCount++;
+				if (colorWarningCount === MAX_COLOR_WARNINGS) console.warn("CubeUIKit: color parsing warnings will be suppressed from now on");
+			}
+			return {};
+		}
+		firstColor = extractedColor;
+	}
+	let nameMatch = firstColor.match(COLOR_VAR_PATTERN);
+	if (!nameMatch) nameMatch = firstColor.match(COLOR_VAR_RGB_PATTERN);
+	let opacity;
+	if (firstColor.startsWith("rgb") || firstColor.startsWith("hsl") || firstColor.startsWith("lch") || firstColor.startsWith("oklch") || firstColor.startsWith("okhsl")) {
+		const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);
+		if (alphaMatch) {
+			const v = parseFloat(alphaMatch[1]);
+			if (!isNaN(v)) opacity = v * 100;
+		}
+	}
+	return {
+		color: firstColor,
+		name: nameMatch ? nameMatch[1] : void 0,
+		opacity
+	};
+}
+function strToRgb(color, ignoreAlpha = false) {
+	if (!color) return void 0;
+	if (color.startsWith("rgb")) return color;
+	if (color.startsWith("#")) return hexToRgb(color);
+	if (color.startsWith("okhsl(")) return okhslToRgb(color);
+	if (color.startsWith("hsl")) return hslToRgb(color);
+	return null;
+}
+/**
+* Extract RGB values from an rgb()/rgba() string.
+* Supports all modern CSS syntax variations:
+* - Comma-separated: rgb(255, 128, 0)
+* - Space-separated: rgb(255 128 0)
+* - Fractional: rgb(128.5, 64.3, 32.1)
+* - Percentages: rgb(50%, 25%, 75%)
+* - Slash alpha notation: rgb(255 128 0 / 0.5)
+*
+* Returns array of RGB values (0-255 range), converting percentages as needed.
+*/
+function getRgbValuesFromRgbaString(str) {
+	const match = str.match(/rgba?\(([^)]+)\)/i);
+	if (!match) return [];
+	const [colorPart] = match[1].trim().split("/");
+	return colorPart.trim().split(/[,\s]+/).filter(Boolean).slice(0, 3).map((part) => {
+		part = part.trim();
+		if (part.endsWith("%")) return parseFloat(part) / 100 * 255;
+		return parseFloat(part);
+	});
+}
+function hexToRgb(hex) {
+	const rgba = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => "#" + r + r + g + g + b + b).substring(1).match(/.{2}/g).map((x, i) => parseInt(x, 16) * (i === 3 ? 1 / 255 : 1));
+	if (rgba.some((v) => Number.isNaN(v))) return null;
+	if (rgba.length >= 3) return `rgb(${rgba.slice(0, 3).join(" ")}${rgba.length > 3 ? ` / ${rgba[3]}` : ""})`;
+	return null;
+}
+function filterMods(mods, allowedMods) {
+	return mods.filter((mod) => allowedMods.includes(mod));
+}
+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;
+const STATE_OPERATOR_LIST = [
+	"!",
+	"&",
+	"|",
+	"^"
+];
+/**
+*
+*/
+function convertTokensToComputeUnits(tokens) {
+	if (tokens.length === 1) return tokens[0];
+	STATE_OPERATOR_LIST.forEach((operator) => {
+		let i;
+		while ((i = tokens.indexOf(operator)) !== -1) {
+			const token = tokens[i];
+			if (token === "!") if (tokens[i + 1] && tokens[i + 1].length !== 1) tokens.splice(i, 2, ["!", tokens[i + 1]]);
+			else tokens.splice(i, 1);
+			else if (tokens[i - 1] && tokens[i + 1] && tokens[i - 1].length !== 1 && tokens[i + 1].length !== 1) tokens.splice(i - 1, 3, [
+				token,
+				tokens[i - 1],
+				tokens[i + 1]
+			]);
+			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 (let i = 0; i < str.length; i++) {
+		const char = str[i];
+		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 = [];
+	let 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);
+const _innerCache = /* @__PURE__ */ new WeakMap();
+function stringifyStyles(styles) {
+	if (styles == null || typeof styles !== "object") return "";
+	const keys = Object.keys(styles).sort();
+	const parts = [];
+	for (let i = 0; i < keys.length; i++) {
+		const k = keys[i], v = styles[k];
+		if (v === void 0 || typeof v === "function" || typeof v === "symbol") continue;
+		const c0 = k.charCodeAt(0);
+		const needsInnerSort = (c0 >= 65 && c0 <= 90 || c0 === 38) && v && typeof v === "object" && !Array.isArray(v);
+		let sv;
+		if (needsInnerSort) {
+			sv = _innerCache.get(v);
+			if (sv === void 0) {
+				const innerKeys = Object.keys(v).sort();
+				const innerParts = [];
+				for (let j = 0; j < innerKeys.length; j++) {
+					const ik = innerKeys[j];
+					const ivs = JSON.stringify(v[ik]);
+					if (ivs !== void 0) innerParts.push(JSON.stringify(ik) + ":" + ivs);
+				}
+				sv = "{" + innerParts.join(",") + "}";
+				_innerCache.set(v, sv);
+			}
+		} else sv = JSON.stringify(v);
+		parts.push(JSON.stringify(k) + ":" + sv);
+	}
+	return "{" + parts.join(",") + "}";
+}
+
+//#endregion
+export { CUSTOM_UNITS, DIRECTIONS, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getRgbValuesFromRgbaString, normalizeColorTokenValue, parseColor, parseStyle, setGlobalPredefinedTokens, strToRgb, stringifyStyles };
+//# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":[],"sources":["../../src/tasty/utils/styles.ts"],"sourcesContent":["import { StyleParser } from '../parser/parser';\nimport { okhslFunc } from '../plugins/okhsl-plugin';\nimport { createStateParserContext, parseAdvancedState } from '../states';\nimport { Styles } from '../styles/types';\n\nimport { cacheWrapper } from './cache-wrapper';\nimport { camelToKebab } from './case-converter';\nimport { hslToRgb } from './hsl-to-rgb';\nimport { okhslToRgb } from './okhsl-to-rgb';\n\nimport type { ProcessedStyle, StyleDetails } from '../parser/types';\nimport type { AtRuleContext, ParsedAdvancedState } from '../states';\n\nexport type StyleValue<T = string> = T | boolean | number | null | undefined;\n\n/**\n * Normalize a color token value.\n * - Boolean `true` is converted to `'transparent'`\n * - Boolean `false` returns `null` (signals the token should be skipped)\n * - Other values are returned as-is\n *\n * @param value - The raw token value\n * @returns Normalized value or null if the token should be skipped\n */\nexport function normalizeColorTokenValue<T>(\n  value: T | boolean,\n): T | 'transparent' | null {\n  if (value === true) {\n    return 'transparent';\n  }\n  if (value === false) {\n    return null;\n  }\n  return value as T;\n}\n\nexport type StyleValueStateMap<T = string> = {\n  [key: string]: StyleValue<T> | '@inherit';\n};\n\n/**\n * Combined type for style values that can be either a direct value or a state map.\n * Use this for component props that accept style values.\n */\nexport type StylePropValue<T = string> = StyleValue<T> | StyleValueStateMap<T>;\n\nexport type ComputeModel = string | number;\n\nexport type CSSMap = { $?: string | string[] } & {\n  [key: string]: string | string[];\n};\n\nexport type StyleHandlerResult = CSSMap | CSSMap[] | void;\n\nexport type RawStyleHandler = (value: StyleValueStateMap) => StyleHandlerResult;\n\nexport type StyleHandler = RawStyleHandler & {\n  __lookupStyles: string[];\n};\n\n/**\n * Handler definition forms for configure() and plugins.\n * - Function only: lookup styles inferred from key name\n * - Single property tuple: ['styleName', handler]\n * - Multi-property tuple: [['style1', 'style2'], handler]\n */\nexport type StyleHandlerDefinition =\n  | RawStyleHandler\n  | [string, RawStyleHandler]\n  | [string[], RawStyleHandler];\n\nexport interface StyleStateData {\n  model?: ComputeModel;\n  tokens?: string[];\n  value: StyleValue | StyleValueStateMap;\n  /** The list of mods to apply */\n  mods: string[];\n  /** The list of **not** mods to apply (e.g. `:not(:hover)`) */\n  notMods: string[];\n  /** Advanced states (media queries, container queries, etc.) */\n  advancedStates?: ParsedAdvancedState[];\n  /** At-rule context for CSS generation */\n  atRuleContext?: AtRuleContext;\n  /** Own mods for sub-element states (from @own()) - applied to sub-element selector */\n  ownMods?: string[];\n  /** Negated own mods for sub-element states */\n  negatedOwnMods?: string[];\n}\n\nexport interface ParsedColor {\n  color?: string;\n  name?: string;\n  opacity?: number;\n}\n\nexport type StyleStateDataList = StyleStateData[];\n\nexport type StyleStateDataListMap = { [key: string]: StyleStateDataList };\n\nexport type StyleMap = { [key: string]: StyleValue | StyleValueStateMap };\n\nexport type StyleStateMap = { [key: string]: StyleStateData };\n\nconst devMode = process.env.NODE_ENV !== 'production';\n\n// Precompiled regex patterns for parseColor optimization\n// Match var(--name-color...) and extract the name, regardless of fallbacks\nconst COLOR_VAR_PATTERN = /var\\(--([a-z0-9-]+)-color/;\nconst COLOR_VAR_RGB_PATTERN = /var\\(--([a-z0-9-]+)-color-rgb/;\nconst RGB_ALPHA_PATTERN = /\\/\\s*([0-9.]+)\\)/;\nconst SIMPLE_COLOR_PATTERNS = [\n  /^#[0-9a-fA-F]{3,8}$/, // Hex colors: #fff, #ffffff, #ffff, #ffffffff\n  /^rgb\\(/, // RGB/RGBA functions\n  /^hsl\\(/, // HSL/HSLA functions\n  /^lch\\(/, // LCH color functions\n  /^oklch\\(/, // OKLCH color functions\n  /^okhsl\\(/, // OKHSL color functions\n  /^var\\(--[a-z0-9-]+-color/, // CSS custom properties for colors\n  /^currentColor$/, // CSS currentColor keyword\n  /^transparent$/, // CSS transparent keyword\n];\n\n// Rate limiting for dev warnings to avoid spam\nlet colorWarningCount = 0;\nconst MAX_COLOR_WARNINGS = 10;\n\nexport const CUSTOM_UNITS = {\n  r: '6px',\n  cr: '10px',\n  bw: '1px',\n  ow: '3px',\n  x: '8px',\n  fs: 'var(--font-size)',\n  lh: 'var(--line-height)',\n  sf: function sf(num) {\n    return `minmax(0, ${num}fr)`;\n  },\n};\n\nexport const DIRECTIONS = ['top', 'right', 'bottom', 'left'];\n\nconst MOD_NAME_CACHE = new Map();\n\nexport function getModSelector(modName: string): string {\n  if (!MOD_NAME_CACHE.has(modName)) {\n    let selector: string;\n\n    // Check if it's a shorthand value mod: key=value, key^=value, key$=value, key*=value\n    // Supports: key=value, key=\"value\", key='value', and with ^=, $=, *= operators\n    const valueModMatch = modName.match(\n      /^([a-z][a-z0-9-]*)(\\^=|\\$=|\\*=|=)(.+)$/i,\n    );\n    if (valueModMatch) {\n      const key = valueModMatch[1];\n      const operator = valueModMatch[2];\n      let value = valueModMatch[3];\n\n      // Remove quotes if present\n      if (\n        (value.startsWith('\"') && value.endsWith('\"')) ||\n        (value.startsWith(\"'\") && value.endsWith(\"'\"))\n      ) {\n        value = value.slice(1, -1);\n      }\n\n      // Convert to full attribute selector with the appropriate operator\n      selector = `[data-${camelToKebab(key)}${operator}\"${value}\"]`;\n    } else if (modName.match(/^[a-z]/)) {\n      // Boolean mod: convert camelCase to kebab-case\n      selector = `[data-${camelToKebab(modName)}]`;\n    } else {\n      // Check if it contains :has() with capitalized element names\n      if (modName.includes(':has(')) {\n        selector = modName.replace(/:has\\(([^)]+)\\)/g, (match, content) => {\n          // Validate that combinators have spaces around them\n          // Check for capitalized words adjacent to combinators without spaces\n          const invalidPattern = /[A-Z][a-z]*[>+~]|[>+~][A-Z][a-z]*/;\n          if (invalidPattern.test(content)) {\n            console.error(\n              `[Tasty] Invalid :has() selector syntax: \"${modName}\"\\n` +\n                `Combinators (>, +, ~) must have spaces around them when used with element names.\\n` +\n                `Example: Use \":has(Body > Row)\" instead of \":has(Body>Row)\"\\n` +\n                `This is a design choice: the parser uses simple whitespace splitting for performance.`,\n            );\n          }\n\n          // Transform capitalized words to [data-element=\"...\"] selectors\n          const tokens = content.split(/\\s+/);\n          const transformed = tokens.map((token: string) =>\n            /^[A-Z]/.test(token) ? `[data-element=\"${token}\"]` : token,\n          );\n          return `:has(${transformed.join(' ')})`;\n        });\n      } else {\n        // Pass through (e.g., :hover, .class, [attr])\n        selector = modName;\n      }\n    }\n\n    MOD_NAME_CACHE.set(modName, selector);\n  }\n\n  return MOD_NAME_CACHE.get(modName);\n}\n\n// Keep a single shared instance across the whole library so that the cache of\n// the new StyleParser keeps working and custom functions/units can be updated\n// at runtime.\nconst __tastyParser = new StyleParser({ units: CUSTOM_UNITS });\n\n// Registry for user-provided custom functions that the parser can call.\n// It is updated through the `customFunc` helper exported below.\n// okhsl is registered as a built-in function so it works regardless of\n// tree-shaking or module initialization order.\nconst __tastyFuncs: Record<string, (groups: StyleDetails[]) => string> = {\n  okhsl: okhslFunc,\n};\n\n// Eagerly register built-in functions on the parser.\n__tastyParser.setFuncs(__tastyFuncs);\n\nexport function customFunc(\n  name: string,\n  fn: (groups: StyleDetails[]) => string,\n) {\n  __tastyFuncs[name] = fn;\n  __tastyParser.setFuncs(__tastyFuncs);\n}\n\n/**\n * Get the global StyleParser instance.\n * Used by configure() to apply parser configuration.\n */\nexport function getGlobalParser(): StyleParser {\n  return __tastyParser;\n}\n\n/**\n * Get the current custom functions registry.\n * Used by configure() to merge with new functions.\n */\nexport function getGlobalFuncs(): Record<\n  string,\n  (groups: StyleDetails[]) => string\n> {\n  return __tastyFuncs;\n}\n\n// ============================================================================\n// Global Predefined Tokens\n// ============================================================================\n\n/**\n * Storage for predefined tokens that are replaced during style parsing.\n * Keys are token names (with $ or # prefix), values are pre-processed CSS values.\n */\nlet __globalPredefinedTokens: Record<string, string> | null = null;\n\n/**\n * Set global predefined tokens.\n * Called from configure() after processing token values.\n * Merges with existing tokens (new tokens override existing ones with same key).\n * Keys are normalized to lowercase (parser lowercases input before classification).\n * @internal\n */\nexport function setGlobalPredefinedTokens(\n  tokens: Record<string, string>,\n): void {\n  // Normalize keys to lowercase for case-insensitive matching\n  const normalizedTokens: Record<string, string> = {};\n  for (const [key, value] of Object.entries(tokens)) {\n    const lowerKey = key.toLowerCase();\n    const lowerValue = value.toLowerCase();\n\n    // Warn if trying to use bare #current to define other color tokens\n    // #current represents currentcolor which cannot be used as a base for recursive token resolution\n    // Note: #current.5 (with opacity) is allowed since it resolves to a concrete color-mix value\n    if (lowerKey.startsWith('#') && lowerValue === '#current') {\n      console.warn(\n        `Tasty: Using #current to define color token \"${key}\" is not supported. ` +\n          `The #current token represents currentcolor which cannot be used as a base for other tokens.`,\n      );\n      continue; // Skip this token\n    }\n\n    normalizedTokens[lowerKey] = value;\n  }\n  // Merge with existing tokens (consistent with how states, units, funcs are handled)\n  __globalPredefinedTokens = __globalPredefinedTokens\n    ? { ...__globalPredefinedTokens, ...normalizedTokens }\n    : normalizedTokens;\n  // Clear parser cache since token values affect parsing\n  __tastyParser.clearCache();\n}\n\n/**\n * Get the current global predefined tokens.\n * Returns null if no tokens are configured.\n */\nexport function getGlobalPredefinedTokens(): Record<string, string> | null {\n  return __globalPredefinedTokens;\n}\n\n/**\n * Reset global predefined tokens.\n * Used for testing.\n * @internal\n */\nexport function resetGlobalPredefinedTokens(): void {\n  __globalPredefinedTokens = null;\n  // Clear parser cache since token availability affects parsing\n  __tastyParser.clearCache();\n}\n\n/**\n *\n * @param {String} value\n * @param {Number} mode\n * @returns {Object<String,String|Array>}\n */\nexport function parseStyle(value: StyleValue): ProcessedStyle {\n  let str: string;\n\n  if (typeof value === 'string') {\n    str = value;\n  } else if (typeof value === 'number') {\n    str = String(value);\n  } else {\n    // boolean, null, undefined, objects etc. → empty string\n    str = '';\n  }\n\n  return __tastyParser.process(str);\n}\n\n/**\n * Parse color. Find it value, name and opacity.\n * Optimized to avoid heavy parseStyle calls for simple color patterns.\n */\nexport function parseColor(val: string, ignoreError = false): ParsedColor {\n  // Early return for non-strings or empty values\n  if (typeof val !== 'string') {\n    val = String(val ?? '');\n  }\n\n  val = val.trim();\n  if (!val) return {};\n\n  // Fast path: Check if it's a simple color pattern that doesn't need full parsing\n  const isSimpleColor = SIMPLE_COLOR_PATTERNS.some((pattern) =>\n    pattern.test(val),\n  );\n\n  let firstColor: string;\n  let shouldUseParser = false;\n\n  if (isSimpleColor) {\n    // For simple colors, use the value directly without parsing\n    firstColor = val;\n  } else {\n    // Complex value - might contain multiple tokens, fallback to full parser\n    shouldUseParser = true;\n    const processed = parseStyle(val as any);\n    const extractedColor = processed.groups.find((g) => g.colors.length)\n      ?.colors[0];\n\n    if (!extractedColor) {\n      // Rate-limited warning to avoid spam\n      if (!ignoreError && devMode && colorWarningCount < MAX_COLOR_WARNINGS) {\n        console.warn('CubeUIKit: unable to parse color:', val);\n        colorWarningCount++;\n        if (colorWarningCount === MAX_COLOR_WARNINGS) {\n          console.warn(\n            'CubeUIKit: color parsing warnings will be suppressed from now on',\n          );\n        }\n      }\n      return {};\n    }\n\n    firstColor = extractedColor;\n  }\n\n  // Extract color name (if present) from variable pattern using precompiled regex\n  let nameMatch = firstColor.match(COLOR_VAR_PATTERN);\n  if (!nameMatch) {\n    nameMatch = firstColor.match(COLOR_VAR_RGB_PATTERN);\n  }\n\n  let opacity: number | undefined;\n  if (\n    firstColor.startsWith('rgb') ||\n    firstColor.startsWith('hsl') ||\n    firstColor.startsWith('lch') ||\n    firstColor.startsWith('oklch') ||\n    firstColor.startsWith('okhsl')\n  ) {\n    const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);\n    if (alphaMatch) {\n      const v = parseFloat(alphaMatch[1]);\n      if (!isNaN(v)) opacity = v * 100;\n    }\n  }\n\n  return {\n    color: firstColor,\n    name: nameMatch ? nameMatch[1] : undefined,\n    opacity,\n  };\n}\n\nexport function strToRgb(color, ignoreAlpha = false) {\n  if (!color) return undefined;\n\n  if (color.startsWith('rgb')) return color;\n\n  if (color.startsWith('#')) return hexToRgb(color);\n\n  if (color.startsWith('okhsl(')) return okhslToRgb(color);\n\n  if (color.startsWith('hsl')) return hslToRgb(color);\n\n  return null;\n}\n\n/**\n * Extract RGB values from an rgb()/rgba() string.\n * Supports all modern CSS syntax variations:\n * - Comma-separated: rgb(255, 128, 0)\n * - Space-separated: rgb(255 128 0)\n * - Fractional: rgb(128.5, 64.3, 32.1)\n * - Percentages: rgb(50%, 25%, 75%)\n * - Slash alpha notation: rgb(255 128 0 / 0.5)\n *\n * Returns array of RGB values (0-255 range), converting percentages as needed.\n */\nexport function getRgbValuesFromRgbaString(str: string): number[] {\n  // Extract content inside rgb()/rgba()\n  const match = str.match(/rgba?\\(([^)]+)\\)/i);\n  if (!match) return [];\n\n  const inner = match[1].trim();\n  // Split by slash first (for alpha), then handle color components\n  const [colorPart] = inner.split('/');\n  // Split by comma or whitespace\n  const parts = colorPart\n    .trim()\n    .split(/[,\\s]+/)\n    .filter(Boolean);\n\n  return parts.slice(0, 3).map((part) => {\n    part = part.trim();\n    if (part.endsWith('%')) {\n      // Convert percentage to 0-255 range\n      return (parseFloat(part) / 100) * 255;\n    }\n    return parseFloat(part);\n  });\n}\n\nexport function hexToRgb(hex) {\n  const rgba = hex\n    .replace(\n      /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i,\n      (m, r, g, b) => '#' + r + r + g + g + b + b,\n    )\n    .substring(1)\n    .match(/.{2}/g)\n    .map((x, i) => parseInt(x, 16) * (i === 3 ? 1 / 255 : 1));\n\n  if (rgba.some((v) => Number.isNaN(v))) {\n    return null;\n  }\n\n  if (rgba.length >= 3) {\n    return `rgb(${rgba.slice(0, 3).join(' ')}${rgba.length > 3 ? ` / ${rgba[3]}` : ''})`;\n  }\n\n  return null;\n}\n\nexport function filterMods(mods, allowedMods) {\n  return mods.filter((mod) => allowedMods.includes(mod));\n}\n\nexport function extendStyles(defaultStyles, newStyles) {\n  let styles = {};\n\n  if (!defaultStyles) {\n    if (!newStyles) {\n      return styles;\n    }\n  } else {\n    styles = Object.assign({}, defaultStyles);\n  }\n\n  if (newStyles) {\n    Object.keys(newStyles).forEach((key) => {\n      if (newStyles[key] != null) {\n        styles[key] = newStyles[key];\n      }\n    });\n  }\n\n  return styles;\n}\n\n/**\n * Split properties into style and non-style properties.\n * @param props - Component prop map.\n * @param [styleList] - List of all style properties.\n * @param [defaultStyles] - Default style map of the component.\n * @param [propMap] - Props to style alias map.\n * @param [ignoreList] - A list of properties to ignore.\n */\nexport function extractStyles(\n  props: { [key: string]: any },\n  styleList: readonly string[] = [],\n  defaultStyles?: Styles,\n  propMap?: { [key: string]: string },\n  ignoreList: readonly string[] = [],\n): Styles {\n  const styles: Styles = {\n    ...defaultStyles,\n    ...(ignoreList.includes('styles') ? undefined : props.styles),\n  };\n\n  Object.keys(props).forEach((prop) => {\n    const propName = propMap ? propMap[prop] || prop : prop;\n    const value = props[prop];\n\n    if (ignoreList && ignoreList.includes(prop)) {\n      // do nothing\n    } else if (styleList.includes(propName)) {\n      styles[propName] = value;\n    }\n  }, {});\n\n  return styles;\n}\n\n// Enhanced regex that includes advanced state patterns\n// Matches: operators, parentheses, @media(...), @(...), @root(...), @own(...), @starting, @predefined,\n//          value mods, boolean mods, pseudo-classes, classes, attribute selectors\nconst STATES_REGEXP =\n  /([&|!^])|([()])|(@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;\n\n/**\n * Check if a token is an advanced state (starts with @)\n */\nexport function isAdvancedStateToken(token: string): boolean {\n  return token.startsWith('@') || token.startsWith('!@');\n}\nexport const STATE_OPERATORS = {\n  NOT: '!',\n  AND: '&',\n  OR: '|',\n  XOR: '^',\n};\n\nexport const STATE_OPERATOR_LIST = ['!', '&', '|', '^'];\n\n/**\n *\n */\nfunction convertTokensToComputeUnits(tokens: any[]) {\n  if (tokens.length === 1) {\n    return tokens[0];\n  }\n\n  STATE_OPERATOR_LIST.forEach((operator) => {\n    let i;\n\n    while ((i = tokens.indexOf(operator)) !== -1) {\n      const token = tokens[i];\n\n      if (token === '!') {\n        if (tokens[i + 1] && tokens[i + 1].length !== 1) {\n          tokens.splice(i, 2, ['!', tokens[i + 1]]);\n        } else {\n          tokens.splice(i, 1);\n        }\n      } else {\n        if (\n          tokens[i - 1] &&\n          tokens[i + 1] &&\n          tokens[i - 1].length !== 1 &&\n          tokens[i + 1].length !== 1\n        ) {\n          tokens.splice(i - 1, 3, [token, tokens[i - 1], tokens[i + 1]]);\n        } else {\n          tokens.splice(i, 1);\n        }\n      }\n    }\n  });\n\n  return tokens.length === 1 ? tokens[0] : tokens;\n}\n\n/**\n * Replace commas with | only outside of parentheses.\n * This preserves commas in advanced states like @(card, w < 600px)\n */\nfunction replaceCommasOutsideParens(str: string): string {\n  let result = '';\n  let depth = 0;\n\n  for (let i = 0; i < str.length; i++) {\n    const char = str[i];\n\n    if (char === '(') {\n      depth++;\n      result += char;\n    } else if (char === ')') {\n      depth--;\n      result += char;\n    } else if (char === ',' && depth === 0) {\n      // Only replace commas at the top level (outside parentheses)\n      result += '|';\n    } else {\n      result += char;\n    }\n  }\n\n  return result;\n}\n\n/**\n * Parse state notation and return tokens, modifiers and compute model.\n */\nfunction parseStateNotationInner(notation: string, value: any): StyleStateData {\n  const tokens = replaceCommasOutsideParens(notation).match(STATES_REGEXP);\n\n  if (!tokens || !tokens.length) {\n    return {\n      model: undefined,\n      mods: [],\n      notMods: [],\n      tokens: [],\n      value,\n    };\n  } else if (tokens.length === 1) {\n    return {\n      model: tokens[0],\n      mods: tokens.slice(0),\n      notMods: [],\n      tokens,\n      value,\n    };\n  }\n\n  const mods: string[] = [];\n\n  let operations: any[][] = [[]];\n  let list = operations[0];\n  let position = 0;\n  let operation: any[];\n\n  tokens.forEach((token) => {\n    switch (token) {\n      case '(':\n        operation = [];\n        position++;\n        list = operations[position] = operation;\n        break;\n      case ')':\n        position--;\n        operations[position].push(convertTokensToComputeUnits(list));\n        list = operations[position];\n        break;\n      default:\n        if (token.length > 1) {\n          if (!mods.includes(token)) {\n            mods.push(token);\n          }\n        }\n        list.push(token);\n    }\n  });\n\n  while (position) {\n    position--;\n    operations[position].push(convertTokensToComputeUnits(list));\n    list = operations[position];\n  }\n\n  return {\n    tokens,\n    mods,\n    notMods: [],\n    model: convertTokensToComputeUnits(operations[0]),\n    value,\n  };\n}\n\nexport const parseStateNotation = cacheWrapper(parseStateNotationInner);\n\n/**\n * Build an AtRuleContext from parsed advanced states\n */\nexport function buildAtRuleContext(\n  advancedStates: ParsedAdvancedState[],\n  negatedStates: Set<string>,\n): AtRuleContext | undefined {\n  if (advancedStates.length === 0) return undefined;\n\n  const ctx: AtRuleContext = {};\n\n  for (const state of advancedStates) {\n    const isNegated = negatedStates.has(state.raw);\n\n    switch (state.type) {\n      case 'media': {\n        if (!ctx.media) ctx.media = [];\n        let mediaCondition = '';\n\n        if (state.mediaType) {\n          // @media:print, @media:screen, etc.\n          mediaCondition = state.mediaType;\n        } else if (state.condition) {\n          // @media(width < 920px)\n          mediaCondition = `(${state.condition})`;\n        }\n\n        if (mediaCondition) {\n          if (isNegated) {\n            ctx.media.push(`not ${mediaCondition}`);\n          } else {\n            ctx.media.push(mediaCondition);\n          }\n        }\n        break;\n      }\n\n      case 'container': {\n        if (!ctx.container) ctx.container = [];\n        let condition = state.condition;\n        if (isNegated) {\n          condition = `not (${condition})`;\n        }\n        ctx.container.push({\n          name: state.containerName,\n          condition,\n        });\n        break;\n      }\n\n      case 'root': {\n        if (!ctx.rootStates) ctx.rootStates = [];\n        // Parse the condition to generate the proper selector\n        const rootSelector = buildRootSelector(state.condition, isNegated);\n        ctx.rootStates.push(rootSelector);\n        break;\n      }\n\n      case 'starting': {\n        if (!isNegated) {\n          ctx.startingStyle = true;\n        }\n        break;\n      }\n\n      // 'own' and 'predefined' are handled differently (selector-based, not at-rule)\n      // 'modifier' is a regular state\n    }\n  }\n\n  // Return undefined if no at-rules were added\n  if (\n    !ctx.media?.length &&\n    !ctx.container?.length &&\n    !ctx.rootStates?.length &&\n    !ctx.startingStyle\n  ) {\n    return undefined;\n  }\n\n  return ctx;\n}\n\n/**\n * Build a root state selector from a condition\n */\nfunction buildRootSelector(condition: string, isNegated: boolean): string {\n  // Handle different condition formats:\n  // - theme=dark -> [data-theme=\"dark\"]\n  // - .className -> .className\n  // - [attr] -> [attr]\n  // - booleanMod -> [data-boolean-mod]\n\n  let selector: string;\n\n  if (condition.startsWith('.')) {\n    // Class selector\n    selector = condition;\n  } else if (condition.startsWith('[')) {\n    // Attribute selector\n    selector = condition;\n  } else if (condition.includes('=')) {\n    // Value mod: theme=dark -> [data-theme=\"dark\"]\n    const [key, value] = condition.split('=');\n    selector = `[data-${camelToKebab(key.trim())}=\"${value.trim()}\"]`;\n  } else {\n    // Boolean mod: camelCase -> [data-camel-case]\n    selector = `[data-${camelToKebab(condition)}]`;\n  }\n\n  if (isNegated) {\n    return `:not(${selector})`;\n  }\n  return selector;\n}\n\n/**\n * Parse state notation and return tokens, modifiers and compute model.\n * Enhanced to detect and extract advanced states.\n */\nexport function styleStateMapToStyleStateDataList(\n  styleStateMap: StyleStateMap | StyleValue | StyleValueStateMap,\n  parserContext?: import('../states').StateParserContext,\n): { states: StyleStateDataList; mods: string[]; hasAdvancedStates: boolean } {\n  if (typeof styleStateMap !== 'object' || !styleStateMap) {\n    return {\n      states: [\n        {\n          model: undefined,\n          mods: [],\n          notMods: [],\n          value: styleStateMap,\n        },\n      ],\n      mods: [],\n      hasAdvancedStates: false,\n    };\n  }\n\n  const stateDataList: StyleStateDataList = [];\n  let hasAdvancedStates = false;\n\n  Object.keys(styleStateMap).forEach((stateNotation) => {\n    const state = parseStateNotation(\n      stateNotation,\n      styleStateMap[stateNotation],\n    );\n\n    // Check if this state contains any advanced states\n    const advancedStates: ParsedAdvancedState[] = [];\n    const negatedAdvancedStates = new Set<string>();\n    const regularMods: string[] = [];\n    const ownMods: string[] = [];\n    const negatedOwnMods: string[] = [];\n\n    // Scan tokens for advanced states\n    if (state.tokens) {\n      let isNegated = false;\n      for (const token of state.tokens) {\n        if (token === '!') {\n          isNegated = true;\n          continue;\n        }\n\n        if (isAdvancedStateToken(token)) {\n          hasAdvancedStates = true;\n          const ctx = parserContext || createStateParserContext(undefined);\n          const parsed = parseAdvancedState(token, ctx);\n          advancedStates.push(parsed);\n\n          // Handle @own states specially - extract condition as ownMod\n          if (parsed.type === 'own' && parsed.condition) {\n            if (isNegated) {\n              negatedOwnMods.push(parsed.condition);\n            } else {\n              ownMods.push(parsed.condition);\n            }\n          } else if (isNegated) {\n            negatedAdvancedStates.add(token);\n          }\n          isNegated = false;\n        } else if (\n          token.length > 1 &&\n          !['&', '|', '^', '(', ')'].includes(token)\n        ) {\n          regularMods.push(token);\n          isNegated = false;\n        } else {\n          isNegated = false;\n        }\n      }\n    }\n\n    // If there are advanced states, build the atRuleContext\n    if (advancedStates.length > 0) {\n      state.advancedStates = advancedStates;\n      state.atRuleContext = buildAtRuleContext(\n        advancedStates,\n        negatedAdvancedStates,\n      );\n      // Filter mods to only include regular mods (not advanced states)\n      state.mods = regularMods;\n    }\n\n    // Store own mods for sub-element selector generation\n    if (ownMods.length > 0) {\n      state.ownMods = ownMods;\n    }\n    if (negatedOwnMods.length > 0) {\n      state.negatedOwnMods = negatedOwnMods;\n    }\n\n    stateDataList.push(state);\n  });\n\n  stateDataList.reverse();\n\n  let initialState;\n\n  const allMods: string[] = stateDataList.reduce((all: string[], state) => {\n    if (!state.mods.length && !state.advancedStates?.length) {\n      initialState = state;\n    } else {\n      state.mods.forEach((mod) => {\n        if (!all.includes(mod)) {\n          all.push(mod);\n        }\n      });\n    }\n\n    return all;\n  }, []);\n\n  if (!initialState) {\n    stateDataList.push({\n      mods: [],\n      notMods: allMods,\n      value: true,\n    });\n  }\n\n  return { states: stateDataList, mods: allMods, hasAdvancedStates };\n}\n\nexport const COMPUTE_FUNC_MAP = {\n  '!': (a) => !a, // NOT - boolean negation\n  '^': (a, b) => (a && !b) || (!a && b), // XOR - true when exactly one is true\n  '|': (a, b) => a || b, // OR - logical OR\n  '&': (a, b) => a && b, // AND - logical AND\n};\n\n/**\n * Compute a result based on a model and incoming map.\n */\nexport function computeState(\n  computeModel: ComputeModel,\n  valueMap: (number | boolean)[] | { [key: string]: boolean } | Function,\n) {\n  if (!computeModel) return true;\n\n  if (!Array.isArray(computeModel)) {\n    if (typeof valueMap === 'function') {\n      return !!valueMap(computeModel);\n    } else {\n      return !!valueMap[computeModel];\n    }\n  }\n\n  const func = COMPUTE_FUNC_MAP[computeModel[0]];\n\n  if (!func) {\n    console.warn(\n      'CubeUIKit: unexpected compute method in the model',\n      computeModel,\n    );\n    // return false;\n  }\n\n  let a = computeModel[1];\n\n  if (typeof a === 'object') {\n    a = !!computeState(a, valueMap);\n  } else if (typeof valueMap === 'function') {\n    a = !!valueMap(a);\n  } else {\n    a = !!valueMap[a];\n  }\n\n  if (computeModel.length === 2) {\n    return func(a);\n  }\n\n  let b = computeModel[2];\n\n  if (typeof b === 'object') {\n    b = !!computeState(b, valueMap);\n  } else if (typeof valueMap === 'function') {\n    b = !!valueMap(b);\n  } else {\n    b = !!valueMap[b];\n  }\n\n  return !!func(a, b);\n}\n\nconst _innerCache = new WeakMap();\n\nexport function stringifyStyles(styles: any): string {\n  if (styles == null || typeof styles !== 'object') return '';\n  const keys = Object.keys(styles).sort();\n  const parts: string[] = [];\n  for (let i = 0; i < keys.length; i++) {\n    const k = keys[i],\n      v = styles[k];\n    if (v === undefined || typeof v === 'function' || typeof v === 'symbol')\n      continue;\n\n    const c0 = k.charCodeAt(0);\n    const needsInnerSort =\n      ((c0 >= 65 && c0 <= 90) || c0 === 38) &&\n      v &&\n      typeof v === 'object' &&\n      !Array.isArray(v);\n\n    let sv: string;\n    if (needsInnerSort) {\n      sv = _innerCache.get(v);\n      if (sv === undefined) {\n        const innerKeys = Object.keys(v).sort();\n        const innerParts: string[] = [];\n        for (let j = 0; j < innerKeys.length; j++) {\n          const ik = innerKeys[j];\n          const ivs = JSON.stringify(v[ik]);\n          if (ivs !== undefined)\n            innerParts.push(JSON.stringify(ik) + ':' + ivs);\n        }\n        sv = '{' + innerParts.join(',') + '}';\n        _innerCache.set(v, sv);\n      }\n    } else {\n      sv = JSON.stringify(v);\n    }\n    parts.push(JSON.stringify(k) + ':' + sv);\n  }\n  return '{' + parts.join(',') + '}';\n}\n"],"mappings":"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"}

package/dist/utils/tree.d.ts

@@ -0,0 +1,6 @@
+
+//#region src/utils/tree.d.ts
+declare function toFlatTree(tree: any, includingFolders: any): any;
+//#endregion
+export { toFlatTree };
+//# sourceMappingURL=tree.d.ts.map

package/dist/utils/tree.js

@@ -0,0 +1,17 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/utils/tree.ts
+function toFlatTree(tree, includingFolders) {
+	return tree.reduce((result, node) => {
+		if (!node.isLeaf) result = [
+			...result,
+			...includingFolders ? [node] : [],
+			...toFlatTree(node.children || [], includingFolders)
+		];
+		else result.push(node);
+		return result;
+	}, []);
+}
+
+//#endregion
+export { toFlatTree };
+//# sourceMappingURL=tree.js.map

package/dist/utils/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/utils/tree.ts"],"sourcesContent":["export function toFlatTree(tree, includingFolders) {\n  return tree.reduce((result, node) => {\n    if (!node.isLeaf) {\n      result = [\n        ...result,\n        ...(includingFolders ? [node] : []),\n        ...toFlatTree(node.children || [], includingFolders),\n      ];\n    } else {\n      result.push(node);\n    }\n    return result;\n  }, []);\n}\n"],"mappings":";;AAAA,SAAgB,WAAW,MAAM,kBAAkB;AACjD,QAAO,KAAK,QAAQ,QAAQ,SAAS;AACnC,MAAI,CAAC,KAAK,OACR,UAAS;GACP,GAAG;GACH,GAAI,mBAAmB,CAAC,KAAK,GAAG,EAAE;GAClC,GAAG,WAAW,KAAK,YAAY,EAAE,EAAE,iBAAiB;GACrD;MAED,QAAO,KAAK,KAAK;AAEnB,SAAO;IACN,EAAE,CAAC"}

package/dist/utils/warnings.d.ts

@@ -0,0 +1,6 @@
+
+//#region src/utils/warnings.d.ts
+declare function propDeprecationWarning(name: any, props: any, propList: any): void;
+//#endregion
+export { propDeprecationWarning };
+//# sourceMappingURL=warnings.d.ts.map

package/dist/utils/warnings.js

@@ -0,0 +1,30 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/utils/warnings.ts
+const SUGGESTED_PROP_MAP = {
+	disabled: "isDisabled",
+	loading: "isLoading",
+	selected: "isSelected"
+};
+const PREFIX = "CubeUIKit";
+function propDeprecationWarning(name, props, propList) {
+	propList.forEach((prop) => {
+		if (prop in props) {
+			const suggestion = SUGGESTED_PROP_MAP[prop];
+			warn(`"${prop}" property of "${name}" component is deprecated.${suggestion ? ` Use "${suggestion}" property instead.` : ""}`);
+		}
+	});
+}
+function warn(...args) {
+	console.warn(`${PREFIX}:`, ...args);
+}
+function deprecationWarning(condition, { property, name, betterAlternative, reason }) {
+	if (condition) return;
+	console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
+	warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === "function" ? betterAlternative() : betterAlternative}`);
+	reason && warn(`Reason: ${typeof reason === "function" ? reason() : reason}`);
+	console.groupEnd();
+}
+
+//#endregion
+export { deprecationWarning, propDeprecationWarning, warn };
+//# sourceMappingURL=warnings.js.map

package/dist/utils/warnings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warnings.js","names":[],"sources":["../../src/utils/warnings.ts"],"sourcesContent":["const SUGGESTED_PROP_MAP = {\n  disabled: 'isDisabled',\n  loading: 'isLoading',\n  selected: 'isSelected',\n};\n\nconst PREFIX = 'CubeUIKit';\nconst devMode = process.env.NODE_ENV !== 'production';\n\nexport function propDeprecationWarning(name, props, propList) {\n  propList.forEach((prop) => {\n    if (prop in props) {\n      const suggestion = SUGGESTED_PROP_MAP[prop];\n\n      warn(\n        `\"${prop}\" property of \"${name}\" component is deprecated.${\n          suggestion ? ` Use \"${suggestion}\" property instead.` : ''\n        }`,\n      );\n    }\n  });\n}\n\nexport function warn(...args) {\n  if (devMode) {\n    console.warn(`${PREFIX}:`, ...args);\n  }\n}\n\nexport function deprecationWarning(\n  condition: any,\n  {\n    property,\n    name,\n    betterAlternative,\n    reason,\n  }: {\n    property: string;\n    name: string;\n    betterAlternative: (() => string) | string;\n    reason?: (() => string) | string;\n  },\n) {\n  if (condition) return;\n\n  if (!devMode) return;\n\n  // we can make deprecations even better if we add the md syntax in the console.\n  // anyway, everything down below will be stripped in the production build\n  console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);\n  warn(\n    `\"${property}\" is deprecated, consider better alternative: ${\n      typeof betterAlternative === 'function'\n        ? (betterAlternative as () => string)()\n        : betterAlternative\n    }`,\n  );\n  reason &&\n    warn(\n      `Reason: ${\n        typeof reason === 'function' ? (reason as () => string)() : reason\n      }`,\n    );\n  console.groupEnd();\n}\n"],"mappings":";;AAAA,MAAM,qBAAqB;CACzB,UAAU;CACV,SAAS;CACT,UAAU;CACX;AAED,MAAM,SAAS;AAGf,SAAgB,uBAAuB,MAAM,OAAO,UAAU;AAC5D,UAAS,SAAS,SAAS;AACzB,MAAI,QAAQ,OAAO;GACjB,MAAM,aAAa,mBAAmB;AAEtC,QACE,IAAI,KAAK,iBAAiB,KAAK,4BAC7B,aAAa,SAAS,WAAW,uBAAuB,KAE3D;;GAEH;;AAGJ,SAAgB,KAAK,GAAG,MAAM;AAE1B,SAAQ,KAAK,GAAG,OAAO,IAAI,GAAG,KAAK;;AAIvC,SAAgB,mBACd,WACA,EACE,UACA,MACA,mBACA,UAOF;AACA,KAAI,UAAW;AAMf,SAAQ,MAAM,MAAM,OAAO,mBAAmB,OAAO;AACrD,MACE,IAAI,SAAS,gDACX,OAAO,sBAAsB,aACxB,mBAAoC,GACrC,oBAEP;AACD,WACE,KACE,WACE,OAAO,WAAW,aAAc,QAAyB,GAAG,SAE/D;AACH,SAAQ,UAAU"}

package/dist/version.d.ts

@@ -0,0 +1,12 @@
+
+//#region src/version.d.ts
+declare global {
+  interface Window {
+    CubeUIKit: {
+      version: string;
+    };
+  }
+  /** Replaced at build time by tsdown `define` */
+  const __UIKIT_VERSION__: string;
+}
+//# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -0,0 +1,13 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/version.ts
+const VERSION = "0.115.0";
+if (typeof window !== "undefined") {
+	const version = VERSION;
+	window.CubeUIKit = window.CubeUIKit || { version };
+	if (window.CubeUIKit.version && window.CubeUIKit.version !== version) console.error("More than one version of CubeUIKit is loaded", { loadedVersions: [window.CubeUIKit.version, version] });
+	else window.CubeUIKit.version = version;
+}
+
+//#endregion
+export { VERSION };
+//# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","names":[],"sources":["../src/version.ts"],"sourcesContent":["declare global {\n  interface Window {\n    CubeUIKit: {\n      version: string;\n    };\n  }\n\n  /** Replaced at build time by tsdown `define` */\n  const __UIKIT_VERSION__: string;\n}\n\n// eslint-disable-next-line no-undef -- replaced at build time by tsdown `define`\nexport const VERSION: string = __UIKIT_VERSION__;\n\nif (typeof window !== 'undefined') {\n  const version = VERSION;\n\n  // Ensure CubeUIKit is defined on window in a way bundlers recognize\n  window.CubeUIKit = window.CubeUIKit || { version };\n\n  // Check for multiple versions\n  if (window.CubeUIKit.version && window.CubeUIKit.version !== version) {\n    console.error('More than one version of CubeUIKit is loaded', {\n      loadedVersions: [window.CubeUIKit.version, version],\n    });\n  } else {\n    // Set version if not already set\n    window.CubeUIKit.version = version;\n  }\n}\n"],"mappings":";;AAYA,MAAa;AAEb,IAAI,OAAO,WAAW,aAAa;CACjC,MAAM,UAAU;AAGhB,QAAO,YAAY,OAAO,aAAa,EAAE,SAAS;AAGlD,KAAI,OAAO,UAAU,WAAW,OAAO,UAAU,YAAY,QAC3D,SAAQ,MAAM,gDAAgD,EAC5D,gBAAgB,CAAC,OAAO,UAAU,SAAS,QAAQ,EACpD,CAAC;KAGF,QAAO,UAAU,UAAU"}