@cube-dev/ui-kit 0.114.0 → 0.115.0

package/dist/tokens/typography.d.ts

@@ -0,0 +1,35 @@
+
+//#region src/tokens/typography.d.ts
+/**
+ * Typography preset configuration.
+ * Each preset defines font properties that get expanded into CSS custom properties.
+ */
+interface TypographyPreset {
+  fontSize: string;
+  lineHeight: string;
+  letterSpacing?: string;
+  fontWeight: string | number;
+  boldFontWeight?: string | number;
+  iconSize?: string;
+  textTransform?: string;
+  fontFamily?: string;
+  fontStyle?: string;
+}
+/**
+ * Typography presets for headings, text, and special styles.
+ *
+ * Naming conventions:
+ * - `h1`-`h6`: Headings (bold by default)
+ * - `t1`-`t4`: Text styles (regular weight)
+ * - `t1m`-`t4m`: Text styles medium weight
+ * - `m1`-`m3`: Markdown/prose styles (larger line-height)
+ * - `p1`-`p4`: Paragraph styles
+ * - `c1`-`c2`: Caption/uppercase styles
+ * - `tag`: Tag/badge typography
+ * - `strong`, `em`: Inline semantic styles
+ * - `default`: Base text style
+ */
+declare const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;
+//#endregion
+export { TYPOGRAPHY_PRESETS, TypographyPreset };
+//# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.js

@@ -0,0 +1,238 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/tokens/typography.ts
+/**
+* Typography presets for headings, text, and special styles.
+*
+* Naming conventions:
+* - `h1`-`h6`: Headings (bold by default)
+* - `t1`-`t4`: Text styles (regular weight)
+* - `t1m`-`t4m`: Text styles medium weight
+* - `m1`-`m3`: Markdown/prose styles (larger line-height)
+* - `p1`-`p4`: Paragraph styles
+* - `c1`-`c2`: Caption/uppercase styles
+* - `tag`: Tag/badge typography
+* - `strong`, `em`: Inline semantic styles
+* - `default`: Base text style
+*/
+const TYPOGRAPHY_PRESETS = {
+	text: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "400"
+	},
+	h1: {
+		fontSize: "36px",
+		lineHeight: "44px",
+		letterSpacing: "-0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "40px"
+	},
+	h2: {
+		fontSize: "24px",
+		lineHeight: "32px",
+		letterSpacing: "0em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "28px"
+	},
+	h3: {
+		fontSize: "20px",
+		lineHeight: "28px",
+		letterSpacing: "0em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "24px"
+	},
+	h4: {
+		fontSize: "18px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "22px"
+	},
+	h5: {
+		fontSize: "16px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "20px"
+	},
+	h6: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "20px"
+	},
+	t1: {
+		fontSize: "18px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	t2: {
+		fontSize: "16px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	t2m: {
+		fontSize: "16px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	t3: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "18px"
+	},
+	t3m: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "18px"
+	},
+	t4: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "16px"
+	},
+	t4m: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "16px"
+	},
+	m1: {
+		fontSize: "18px",
+		lineHeight: "32px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "22px"
+	},
+	m2: {
+		fontSize: "16px",
+		lineHeight: "28px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	m3: {
+		fontSize: "14px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	p1: {
+		fontSize: "18px",
+		lineHeight: "28px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "22px"
+	},
+	p2: {
+		fontSize: "16px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	p3: {
+		fontSize: "14px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "18px"
+	},
+	p4: {
+		fontSize: "12px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "16px"
+	},
+	c1: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		textTransform: "uppercase",
+		iconSize: "18px"
+	},
+	c2: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		textTransform: "uppercase",
+		iconSize: "16px"
+	},
+	tag: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "16px"
+	},
+	strong: {
+		fontSize: "inherit",
+		lineHeight: "inherit",
+		letterSpacing: "inherit",
+		fontFamily: "inherit",
+		fontStyle: "inherit",
+		fontWeight: "var(--bold-font-weight, var(--default-bold-font-weight, 600))"
+	},
+	em: {
+		fontSize: "inherit",
+		lineHeight: "inherit",
+		letterSpacing: "inherit",
+		fontFamily: "inherit",
+		fontStyle: "italic",
+		fontWeight: "inherit"
+	},
+	default: {
+		fontSize: "var(--t3-font-size)",
+		lineHeight: "var(--t3-line-height)",
+		letterSpacing: "var(--t3-letter-spacing)",
+		fontWeight: "var(--t3-font-weight)",
+		boldFontWeight: "600",
+		iconSize: "inherit"
+	}
+};
+
+//#endregion
+export { TYPOGRAPHY_PRESETS };
+//# sourceMappingURL=typography.js.map

package/dist/tokens/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../src/tokens/typography.ts"],"sourcesContent":["/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Typography presets for headings, text, and special styles.\n *\n * Naming conventions:\n * - `h1`-`h6`: Headings (bold by default)\n * - `t1`-`t4`: Text styles (regular weight)\n * - `t1m`-`t4m`: Text styles medium weight\n * - `m1`-`m3`: Markdown/prose styles (larger line-height)\n * - `p1`-`p4`: Paragraph styles\n * - `c1`-`c2`: Caption/uppercase styles\n * - `tag`: Tag/badge typography\n * - `strong`, `em`: Inline semantic styles\n * - `default`: Base text style\n */\nexport const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset> = {\n  // Text (basic)\n  text: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n  },\n\n  // Headings (h1-h6)\n  h1: {\n    fontSize: '36px',\n    lineHeight: '44px',\n    letterSpacing: '-0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '40px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '32px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '28px',\n  },\n  h3: {\n    fontSize: '20px',\n    lineHeight: '28px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '24px',\n  },\n  h4: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '22px',\n  },\n  h5: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n  h6: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n\n  // Text styles (t1-t4)\n  t1: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2m: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t3m: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n  t4m: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Markdown/prose styles (m1-m3)\n  m1: {\n    fontSize: '18px',\n    lineHeight: '32px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  m2: {\n    fontSize: '16px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  m3: {\n    fontSize: '14px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n\n  // Paragraph styles (p1-p4)\n  p1: {\n    fontSize: '18px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  p2: {\n    fontSize: '16px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  p3: {\n    fontSize: '14px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  p4: {\n    fontSize: '12px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Caption/uppercase styles (c1-c2)\n  c1: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '18px',\n  },\n  c2: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '16px',\n  },\n\n  // Tag typography\n  tag: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Inline semantic styles\n  strong: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'inherit',\n    fontWeight: 'var(--bold-font-weight, var(--default-bold-font-weight, 600))',\n  },\n  em: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'italic',\n    fontWeight: 'inherit',\n  },\n\n  // Default text style (references t3)\n  default: {\n    fontSize: 'var(--t3-font-size)',\n    lineHeight: 'var(--t3-line-height)',\n    letterSpacing: 'var(--t3-letter-spacing)',\n    fontWeight: 'var(--t3-font-weight)',\n    boldFontWeight: '600',\n    iconSize: 'inherit',\n  },\n};\n"],"mappings":"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"}

package/dist/utils/ResizeSensor.d.ts

@@ -0,0 +1,14 @@
+
+//#region src/utils/ResizeSensor.d.ts
+/**
+ * Class for dimension change detection.
+ *
+ * @param {Element|Element[]|Elements} element
+ * @param {Function} callback
+ *
+ * @constructor
+ */
+declare let ResizeSensor: (element: any, callback: any) => void;
+//#endregion
+export { ResizeSensor };
+//# sourceMappingURL=ResizeSensor.d.ts.map

package/dist/utils/ResizeSensor.js

@@ -0,0 +1,241 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/utils/ResizeSensor.ts
+/**
+* Iterate over each of the provided element(s).
+*
+* @param {HTMLElement|HTMLElement[]} elements
+* @param {Function}                  callback
+*/
+function forEachElement(elements, callback) {
+	let elementsType = Object.prototype.toString.call(elements);
+	let isCollectionTyped = "[object Array]" === elementsType || "[object NodeList]" === elementsType || "[object HTMLCollection]" === elementsType || "[object Object]" === elementsType;
+	let i = 0, j = elements.length;
+	if (isCollectionTyped) for (; i < j; i++) callback(elements[i]);
+	else callback(elements);
+}
+/**
+* Get element size
+* @param {HTMLElement} element
+* @returns {Object} {width, height}
+*/
+function getElementSize(element) {
+	if (!element.getBoundingClientRect) return {
+		width: element.offsetWidth,
+		height: element.offsetHeight
+	};
+	let rect = element.getBoundingClientRect();
+	return {
+		width: Math.round(rect.width),
+		height: Math.round(rect.height)
+	};
+}
+/**
+* Apply CSS styles to element.
+*
+* @param {HTMLElement} element
+* @param {Object} style
+*/
+function setStyle(element, style) {
+	Object.keys(style).forEach(function(key) {
+		element.style[key] = style[key];
+	});
+}
+/**
+* Class for dimension change detection.
+*
+* @param {Element|Element[]|Elements} element
+* @param {Function} callback
+*
+* @constructor
+*/
+let ResizeSensor = function(element, callback) {
+	let globalWindow = window;
+	let requestAnimationFrame = globalWindow.requestAnimationFrame || globalWindow.mozRequestAnimationFrame || globalWindow.webkitRequestAnimationFrame || function(fn) {
+		return globalWindow.setTimeout(fn, 20);
+	};
+	let cancelAnimationFrame = globalWindow.cancelAnimationFrame || globalWindow.mozCancelAnimationFrame || globalWindow.webkitCancelAnimationFrame || function(timer) {
+		globalWindow.clearTimeout(timer);
+	};
+	let lastAnimationFrameForInvisibleCheck = 0;
+	/**
+	*
+	* @constructor
+	*/
+	function EventQueue() {
+		let q = [];
+		this.add = function(ev) {
+			q.push(ev);
+		};
+		let i, j;
+		this.call = function(sizeInfo) {
+			for (i = 0, j = q.length; i < j; i++) q[i].call(this, sizeInfo);
+		};
+		this.remove = function(ev) {
+			let newQueue = [];
+			for (i = 0, j = q.length; i < j; i++) if (q[i] !== ev) newQueue.push(q[i]);
+			q = newQueue;
+		};
+		this.length = function() {
+			return q.length;
+		};
+	}
+	/**
+	*
+	* @param {HTMLElement} element
+	* @param {Function}    resized
+	*/
+	function attachResizeEvent(element, resized) {
+		if (!element) return;
+		if (element.resizedAttached) {
+			element.resizedAttached.add(resized);
+			return;
+		}
+		element.resizedAttached = new EventQueue();
+		element.resizedAttached.add(resized);
+		element.resizeSensor = document.createElement("div");
+		element.resizeSensor.dir = "ltr";
+		element.resizeSensor.className = "resize-sensor";
+		let style = {
+			pointerEvents: "none",
+			position: "absolute",
+			left: "0px",
+			top: "0px",
+			right: "0px",
+			bottom: "0px",
+			overflow: "hidden",
+			zIndex: "-1",
+			visibility: "hidden",
+			maxWidth: "100%"
+		};
+		let styleChild = {
+			position: "absolute",
+			left: "0px",
+			top: "0px",
+			transition: "0s"
+		};
+		setStyle(element.resizeSensor, style);
+		let expand = document.createElement("div");
+		expand.className = "resize-sensor-expand";
+		setStyle(expand, style);
+		let expandChild = document.createElement("div");
+		setStyle(expandChild, styleChild);
+		expand.appendChild(expandChild);
+		let shrink = document.createElement("div");
+		shrink.className = "resize-sensor-shrink";
+		setStyle(shrink, style);
+		let shrinkChild = document.createElement("div");
+		setStyle(shrinkChild, styleChild);
+		setStyle(shrinkChild, {
+			width: "200%",
+			height: "200%"
+		});
+		shrink.appendChild(shrinkChild);
+		element.resizeSensor.appendChild(expand);
+		element.resizeSensor.appendChild(shrink);
+		element.appendChild(element.resizeSensor);
+		let computedStyle = window.getComputedStyle(element);
+		let position = computedStyle ? computedStyle.getPropertyValue("position") : null;
+		if ("absolute" !== position && "relative" !== position && "fixed" !== position && "sticky" !== position) element.style.position = "relative";
+		let dirty = false;
+		let rafId = 0;
+		let size = getElementSize(element);
+		let lastWidth = 0;
+		let lastHeight = 0;
+		let initialHiddenCheck = true;
+		lastAnimationFrameForInvisibleCheck = 0;
+		let resetExpandShrink = function() {
+			let width = element.offsetWidth;
+			let height = element.offsetHeight;
+			expandChild.style.width = width + 10 + "px";
+			expandChild.style.height = height + 10 + "px";
+			expand.scrollLeft = width + 10;
+			expand.scrollTop = height + 10;
+			shrink.scrollLeft = width + 10;
+			shrink.scrollTop = height + 10;
+		};
+		let reset = function() {
+			if (initialHiddenCheck) if (element.offsetWidth === 0 && element.offsetHeight === 0) {
+				if (!lastAnimationFrameForInvisibleCheck) lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function() {
+					lastAnimationFrameForInvisibleCheck = 0;
+					reset();
+				});
+				return;
+			} else initialHiddenCheck = false;
+			resetExpandShrink();
+		};
+		element.resizeSensor.resetSensor = reset;
+		let onResized = function() {
+			rafId = 0;
+			if (!dirty) return;
+			lastWidth = size.width;
+			lastHeight = size.height;
+			if (element.resizedAttached) element.resizedAttached.call(size);
+		};
+		let onScroll = function() {
+			size = getElementSize(element);
+			dirty = size.width !== lastWidth || size.height !== lastHeight;
+			if (dirty && !rafId) rafId = requestAnimationFrame(onResized);
+			reset();
+		};
+		let addEvent = function(el, name, cb) {
+			if (el.attachEvent) el.attachEvent("on" + name, cb);
+			else el.addEventListener(name, cb);
+		};
+		addEvent(expand, "scroll", onScroll);
+		addEvent(shrink, "scroll", onScroll);
+		lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function() {
+			lastAnimationFrameForInvisibleCheck = 0;
+			reset();
+		});
+	}
+	forEachElement(element, function(elem) {
+		attachResizeEvent(elem, callback);
+	});
+	this.detach = function(ev) {
+		if (lastAnimationFrameForInvisibleCheck) {
+			cancelAnimationFrame(lastAnimationFrameForInvisibleCheck);
+			lastAnimationFrameForInvisibleCheck = 0;
+		}
+		ResizeSensor.detach(element, ev);
+	};
+	this.reset = function() {
+		if (element.resizeSensor.resetSensor) element.resizeSensor.resetSensor();
+	};
+};
+ResizeSensor.reset = function(element) {
+	forEachElement(element, function(elem) {
+		if (element.resizeSensor.resetSensor) elem.resizeSensor.resetSensor();
+	});
+};
+ResizeSensor.detach = function(element, ev) {
+	forEachElement(element, function(elem) {
+		if (!elem) return;
+		if (elem.resizedAttached && typeof ev === "function") {
+			elem.resizedAttached.remove(ev);
+			if (elem.resizedAttached.length()) return;
+		}
+		if (elem.resizeSensor) {
+			if (elem.contains(elem.resizeSensor)) elem.removeChild(elem.resizeSensor);
+			delete elem.resizeSensor;
+			delete elem.resizedAttached;
+		}
+	});
+};
+if (typeof MutationObserver !== "undefined") {
+	let observer = new MutationObserver(function(mutations) {
+		for (let i in mutations) if (mutations.hasOwnProperty(i)) {
+			let items = mutations[i].addedNodes;
+			for (let j = 0; j < items.length; j++) if (items[j].resizeSensor) ResizeSensor.reset(items[j]);
+		}
+	});
+	document.addEventListener("DOMContentLoaded", function(event) {
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+	});
+}
+
+//#endregion
+export { ResizeSensor };
+//# sourceMappingURL=ResizeSensor.js.map

package/dist/utils/ResizeSensor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeSensor.js","names":[],"sources":["../../src/utils/ResizeSensor.ts"],"sourcesContent":["// @ts-nocheck\n\n/**\n * Iterate over each of the provided element(s).\n *\n * @param {HTMLElement|HTMLElement[]} elements\n * @param {Function}                  callback\n */\nfunction forEachElement(elements, callback) {\n  let elementsType = Object.prototype.toString.call(elements);\n  let isCollectionTyped =\n    '[object Array]' === elementsType ||\n    '[object NodeList]' === elementsType ||\n    '[object HTMLCollection]' === elementsType ||\n    '[object Object]' === elementsType;\n  let i = 0,\n    j = elements.length;\n  if (isCollectionTyped) {\n    for (; i < j; i++) {\n      callback(elements[i]);\n    }\n  } else {\n    callback(elements);\n  }\n}\n\n/**\n * Get element size\n * @param {HTMLElement} element\n * @returns {Object} {width, height}\n */\nfunction getElementSize(element) {\n  if (!element.getBoundingClientRect) {\n    return {\n      width: element.offsetWidth,\n      height: element.offsetHeight,\n    };\n  }\n\n  let rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    height: Math.round(rect.height),\n  };\n}\n\n/**\n * Apply CSS styles to element.\n *\n * @param {HTMLElement} element\n * @param {Object} style\n */\nfunction setStyle(element, style) {\n  Object.keys(style).forEach(function (key) {\n    element.style[key] = style[key];\n  });\n}\n\n/**\n * Class for dimension change detection.\n *\n * @param {Element|Element[]|Elements} element\n * @param {Function} callback\n *\n * @constructor\n */\nexport let ResizeSensor = function (element, callback) {\n  // https://github.com/marcj/css-element-queries/blob/master/src/ResizeSensor.js\n  // https://github.com/Semantic-Org/Semantic-UI/issues/3855\n  // https://github.com/marcj/css-element-queries/issues/257\n  let globalWindow = window;\n  // Only used for the dirty checking, so the event callback count is limited to max 1 call per fps per sensor.\n  // In combination with the event based resize sensor this saves cpu time, because the sensor is too fast and\n  // would generate too many unnecessary events.\n  let requestAnimationFrame =\n    globalWindow.requestAnimationFrame ||\n    globalWindow.mozRequestAnimationFrame ||\n    globalWindow.webkitRequestAnimationFrame ||\n    function (fn) {\n      return globalWindow.setTimeout(fn, 20);\n    };\n  let cancelAnimationFrame =\n    globalWindow.cancelAnimationFrame ||\n    globalWindow.mozCancelAnimationFrame ||\n    globalWindow.webkitCancelAnimationFrame ||\n    function (timer) {\n      globalWindow.clearTimeout(timer);\n    };\n\n  //Is used when checking in reset() only for invisible elements\n  let lastAnimationFrameForInvisibleCheck = 0;\n\n  /**\n   *\n   * @constructor\n   */\n  function EventQueue() {\n    let q = [];\n    this.add = function (ev) {\n      q.push(ev);\n    };\n\n    let i, j;\n    this.call = function (sizeInfo) {\n      for (i = 0, j = q.length; i < j; i++) {\n        q[i].call(this, sizeInfo);\n      }\n    };\n\n    this.remove = function (ev) {\n      let newQueue = [];\n      for (i = 0, j = q.length; i < j; i++) {\n        if (q[i] !== ev) newQueue.push(q[i]);\n      }\n      q = newQueue;\n    };\n\n    this.length = function () {\n      return q.length;\n    };\n  }\n\n  /**\n   *\n   * @param {HTMLElement} element\n   * @param {Function}    resized\n   */\n  function attachResizeEvent(element, resized) {\n    if (!element) return;\n    if (element.resizedAttached) {\n      element.resizedAttached.add(resized);\n      return;\n    }\n\n    element.resizedAttached = new EventQueue();\n    element.resizedAttached.add(resized);\n\n    element.resizeSensor = document.createElement('div');\n    element.resizeSensor.dir = 'ltr';\n    element.resizeSensor.className = 'resize-sensor';\n\n    let style = {\n      pointerEvents: 'none',\n      position: 'absolute',\n      left: '0px',\n      top: '0px',\n      right: '0px',\n      bottom: '0px',\n      overflow: 'hidden',\n      zIndex: '-1',\n      visibility: 'hidden',\n      maxWidth: '100%',\n    };\n    let styleChild = {\n      position: 'absolute',\n      left: '0px',\n      top: '0px',\n      transition: '0s',\n    };\n\n    setStyle(element.resizeSensor, style);\n\n    let expand = document.createElement('div');\n    expand.className = 'resize-sensor-expand';\n    setStyle(expand, style);\n\n    let expandChild = document.createElement('div');\n    setStyle(expandChild, styleChild);\n    expand.appendChild(expandChild);\n\n    let shrink = document.createElement('div');\n    shrink.className = 'resize-sensor-shrink';\n    setStyle(shrink, style);\n\n    let shrinkChild = document.createElement('div');\n    setStyle(shrinkChild, styleChild);\n    setStyle(shrinkChild, { width: '200%', height: '200%' });\n    shrink.appendChild(shrinkChild);\n\n    element.resizeSensor.appendChild(expand);\n    element.resizeSensor.appendChild(shrink);\n    element.appendChild(element.resizeSensor);\n\n    let computedStyle = window.getComputedStyle(element);\n    let position = computedStyle\n      ? computedStyle.getPropertyValue('position')\n      : null;\n    if (\n      'absolute' !== position &&\n      'relative' !== position &&\n      'fixed' !== position &&\n      'sticky' !== position\n    ) {\n      element.style.position = 'relative';\n    }\n\n    let dirty = false;\n\n    //last request animation frame id used in onscroll event\n    let rafId = 0;\n    let size = getElementSize(element);\n    let lastWidth = 0;\n    let lastHeight = 0;\n    let initialHiddenCheck = true;\n    lastAnimationFrameForInvisibleCheck = 0;\n\n    let resetExpandShrink = function () {\n      let width = element.offsetWidth;\n      let height = element.offsetHeight;\n\n      expandChild.style.width = width + 10 + 'px';\n      expandChild.style.height = height + 10 + 'px';\n\n      expand.scrollLeft = width + 10;\n      expand.scrollTop = height + 10;\n\n      shrink.scrollLeft = width + 10;\n      shrink.scrollTop = height + 10;\n    };\n\n    let reset = function () {\n      // Check if element is hidden\n      if (initialHiddenCheck) {\n        let invisible = element.offsetWidth === 0 && element.offsetHeight === 0;\n        if (invisible) {\n          // Check in next frame\n          if (!lastAnimationFrameForInvisibleCheck) {\n            lastAnimationFrameForInvisibleCheck = requestAnimationFrame(\n              function () {\n                lastAnimationFrameForInvisibleCheck = 0;\n                reset();\n              },\n            );\n          }\n\n          return;\n        } else {\n          // Stop checking\n          initialHiddenCheck = false;\n        }\n      }\n\n      resetExpandShrink();\n    };\n    element.resizeSensor.resetSensor = reset;\n\n    let onResized = function () {\n      rafId = 0;\n\n      if (!dirty) return;\n\n      lastWidth = size.width;\n      lastHeight = size.height;\n\n      if (element.resizedAttached) {\n        element.resizedAttached.call(size);\n      }\n    };\n\n    let onScroll = function () {\n      size = getElementSize(element);\n      dirty = size.width !== lastWidth || size.height !== lastHeight;\n\n      if (dirty && !rafId) {\n        rafId = requestAnimationFrame(onResized);\n      }\n\n      reset();\n    };\n\n    let addEvent = function (el, name, cb) {\n      if (el.attachEvent) {\n        el.attachEvent('on' + name, cb);\n      } else {\n        el.addEventListener(name, cb);\n      }\n    };\n\n    addEvent(expand, 'scroll', onScroll);\n    addEvent(shrink, 'scroll', onScroll);\n\n    // Fix for custom Elements and invisible elements\n    lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function () {\n      lastAnimationFrameForInvisibleCheck = 0;\n      reset();\n    });\n  }\n\n  forEachElement(element, function (elem) {\n    attachResizeEvent(elem, callback);\n  });\n\n  this.detach = function (ev) {\n    // clean up the unfinished animation frame to prevent a potential endless requestAnimationFrame of reset\n    if (lastAnimationFrameForInvisibleCheck) {\n      cancelAnimationFrame(lastAnimationFrameForInvisibleCheck);\n      lastAnimationFrameForInvisibleCheck = 0;\n    }\n    ResizeSensor.detach(element, ev);\n  };\n\n  this.reset = function () {\n    //To prevent invoking element.resizeSensor.resetSensor if it's undefined\n    if (element.resizeSensor.resetSensor) {\n      element.resizeSensor.resetSensor();\n    }\n  };\n};\n\nResizeSensor.reset = function (element) {\n  forEachElement(element, function (elem) {\n    //To prevent invoking element.resizeSensor.resetSensor if it's undefined\n    if (element.resizeSensor.resetSensor) {\n      elem.resizeSensor.resetSensor();\n    }\n  });\n};\n\nResizeSensor.detach = function (element, ev) {\n  forEachElement(element, function (elem) {\n    if (!elem) return;\n    if (elem.resizedAttached && typeof ev === 'function') {\n      elem.resizedAttached.remove(ev);\n      if (elem.resizedAttached.length()) return;\n    }\n    if (elem.resizeSensor) {\n      if (elem.contains(elem.resizeSensor)) {\n        elem.removeChild(elem.resizeSensor);\n      }\n      delete elem.resizeSensor;\n      delete elem.resizedAttached;\n    }\n  });\n};\n\nif (typeof MutationObserver !== 'undefined') {\n  let observer = new MutationObserver(function (mutations) {\n    for (let i in mutations) {\n      if (mutations.hasOwnProperty(i)) {\n        let items = mutations[i].addedNodes;\n        for (let j = 0; j < items.length; j++) {\n          if (items[j].resizeSensor) {\n            ResizeSensor.reset(items[j]);\n          }\n        }\n      }\n    }\n  });\n\n  document.addEventListener('DOMContentLoaded', function (event) {\n    observer.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n}\n"],"mappings":"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"}

package/dist/utils/cache-wrapper.js

@@ -0,0 +1,25 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/tasty/utils/cache-wrapper.ts
+/**
+* Create a function that caches the result up to the limit.
+*/
+function cacheWrapper(handler, limit = 1e3) {
+	let cache = {};
+	let count = 0;
+	return ((firstArg, secondArg) => {
+		const key = typeof firstArg === "string" && secondArg == null ? firstArg : JSON.stringify([firstArg, secondArg]);
+		if (!cache[key]) {
+			if (count > limit) {
+				cache = {};
+				count = 0;
+			}
+			count++;
+			cache[key] = secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
+		}
+		return cache[key];
+	});
+}
+
+//#endregion
+export { cacheWrapper };
+//# sourceMappingURL=cache-wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cache-wrapper.js","names":[],"sources":["../../src/tasty/utils/cache-wrapper.ts"],"sourcesContent":["/**\n * Create a function that caches the result up to the limit.\n */\nexport function cacheWrapper<\n  T extends (firstArg: any, secondArg?: string) => any,\n>(handler: T, limit = 1000): T {\n  let cache: { string?: ReturnType<T> } = {};\n  let count = 0;\n\n  return ((firstArg: any, secondArg?: string) => {\n    const key =\n      typeof firstArg === 'string' && secondArg == null\n        ? firstArg\n        : JSON.stringify([firstArg, secondArg]);\n\n    if (!cache[key]) {\n      if (count > limit) {\n        cache = {};\n        count = 0;\n      }\n\n      count++;\n\n      cache[key] =\n        secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);\n    }\n\n    return cache[key];\n  }) as T;\n}\n"],"mappings":";;;;;AAGA,SAAgB,aAEd,SAAY,QAAQ,KAAS;CAC7B,IAAI,QAAoC,EAAE;CAC1C,IAAI,QAAQ;AAEZ,UAAS,UAAe,cAAuB;EAC7C,MAAM,MACJ,OAAO,aAAa,YAAY,aAAa,OACzC,WACA,KAAK,UAAU,CAAC,UAAU,UAAU,CAAC;AAE3C,MAAI,CAAC,MAAM,MAAM;AACf,OAAI,QAAQ,OAAO;AACjB,YAAQ,EAAE;AACV,YAAQ;;AAGV;AAEA,SAAM,OACJ,aAAa,OAAO,QAAQ,SAAS,GAAG,QAAQ,UAAU,UAAU;;AAGxE,SAAO,MAAM"}

package/dist/utils/case-converter.js

@@ -0,0 +1,9 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/tasty/utils/case-converter.ts
+function camelToKebab(str) {
+	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+
+//#endregion
+export { camelToKebab };
+//# sourceMappingURL=case-converter.js.map

package/dist/utils/case-converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-converter.js","names":[],"sources":["../../src/tasty/utils/case-converter.ts"],"sourcesContent":["export function camelToKebab(str: string): string {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,KAAqB;AAChD,QAAO,IAAI,QAAQ,sBAAsB,QAAQ,CAAC,aAAa"}

package/dist/utils/hsl-to-rgb.js

@@ -0,0 +1,39 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { hslToRgbValues } from "./process-tokens.js";
+
+//#region src/tasty/utils/hsl-to-rgb.ts
+/**
+* Convert HSL color string to RGB.
+* Supports:
+* - Modern: hsl(h s% l%), hsl(h s% l% / a)
+* - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)
+*/
+function hslToRgb(hslStr) {
+	const match = hslStr.match(/hsla?\(([^)]+)\)/i);
+	if (!match) return null;
+	const [colorPart, slashAlpha] = match[1].trim().split("/");
+	const parts = colorPart.trim().split(/[,\s]+/).filter(Boolean);
+	if (parts.length < 3) return null;
+	const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);
+	let h = parseFloat(parts[0]);
+	const hueStr = parts[0].toLowerCase();
+	if (hueStr.endsWith("turn")) h = parseFloat(hueStr) * 360;
+	else if (hueStr.endsWith("rad")) h = parseFloat(hueStr) * 180 / Math.PI;
+	h = (h % 360 + 360) % 360;
+	const parsePercent = (val) => {
+		const num = parseFloat(val);
+		return val.includes("%") ? num / 100 : num;
+	};
+	const s = Math.max(0, Math.min(1, parsePercent(parts[1])));
+	const l = Math.max(0, Math.min(1, parsePercent(parts[2])));
+	const [r, g, b] = hslToRgbValues(h, s, l);
+	if (alphaPart) {
+		const alpha = parseFloat(alphaPart.trim());
+		return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;
+	}
+	return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;
+}
+
+//#endregion
+export { hslToRgb };
+//# sourceMappingURL=hsl-to-rgb.js.map

package/dist/utils/hsl-to-rgb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hsl-to-rgb.js","names":[],"sources":["../../src/tasty/utils/hsl-to-rgb.ts"],"sourcesContent":["import { hslToRgbValues } from './process-tokens';\n\n/**\n * Convert HSL color string to RGB.\n * Supports:\n * - Modern: hsl(h s% l%), hsl(h s% l% / a)\n * - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)\n */\nexport function hslToRgb(hslStr: string): string | null {\n  const match = hslStr.match(/hsla?\\(([^)]+)\\)/i);\n  if (!match) return null;\n\n  const inner = match[1].trim();\n  const [colorPart, slashAlpha] = inner.split('/');\n  const parts = colorPart\n    .trim()\n    .split(/[,\\s]+/)\n    .filter(Boolean);\n\n  if (parts.length < 3) return null;\n\n  // Alpha can come from slash notation (modern) or 4th part (legacy comma syntax)\n  const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);\n\n  // Parse hue\n  let h = parseFloat(parts[0]);\n  const hueStr = parts[0].toLowerCase();\n  if (hueStr.endsWith('turn')) h = parseFloat(hueStr) * 360;\n  else if (hueStr.endsWith('rad')) h = (parseFloat(hueStr) * 180) / Math.PI;\n  h = ((h % 360) + 360) % 360;\n\n  // Parse saturation and lightness\n  const parsePercent = (val: string): number => {\n    const num = parseFloat(val);\n    return val.includes('%') ? num / 100 : num;\n  };\n  const s = Math.max(0, Math.min(1, parsePercent(parts[1])));\n  const l = Math.max(0, Math.min(1, parsePercent(parts[2])));\n\n  // Use shared HSL to RGB conversion\n  const [r, g, b] = hslToRgbValues(h, s, l);\n\n  if (alphaPart) {\n    const alpha = parseFloat(alphaPart.trim());\n    return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;\n  }\n\n  return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;\n}\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,SAAS,QAA+B;CACtD,MAAM,QAAQ,OAAO,MAAM,oBAAoB;AAC/C,KAAI,CAAC,MAAO,QAAO;CAGnB,MAAM,CAAC,WAAW,cADJ,MAAM,GAAG,MAAM,CACS,MAAM,IAAI;CAChD,MAAM,QAAQ,UACX,MAAM,CACN,MAAM,SAAS,CACf,OAAO,QAAQ;AAElB,KAAI,MAAM,SAAS,EAAG,QAAO;CAG7B,MAAM,YAAY,YAAY,MAAM,KAAK,MAAM,UAAU,IAAI,MAAM,KAAK;CAGxE,IAAI,IAAI,WAAW,MAAM,GAAG;CAC5B,MAAM,SAAS,MAAM,GAAG,aAAa;AACrC,KAAI,OAAO,SAAS,OAAO,CAAE,KAAI,WAAW,OAAO,GAAG;UAC7C,OAAO,SAAS,MAAM,CAAE,KAAK,WAAW,OAAO,GAAG,MAAO,KAAK;AACvE,MAAM,IAAI,MAAO,OAAO;CAGxB,MAAM,gBAAgB,QAAwB;EAC5C,MAAM,MAAM,WAAW,IAAI;AAC3B,SAAO,IAAI,SAAS,IAAI,GAAG,MAAM,MAAM;;CAEzC,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAC1D,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAG1D,MAAM,CAAC,GAAG,GAAG,KAAK,eAAe,GAAG,GAAG,EAAE;AAEzC,KAAI,WAAW;EACb,MAAM,QAAQ,WAAW,UAAU,MAAM,CAAC;AAC1C,SAAO,QAAQ,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,MAAM;;AAG7E,QAAO,OAAO,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC"}