@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/navigation/Tabs/use-tab-indicator.ts
 /**
@@ -17,72 +18,119 @@ import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react
 * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)
 * @returns Indicator style (`start`, `size`) or null if disabled/not ready
 */
-function useTabIndicator(containerRef, selectedKey, enabled, orientation = "horizontal", orderToken) {
+function useTabIndicator(containerRef, selectedKey, enabled, t0, orderToken) {
+	const $ = c(21);
+	const orientation = t0 === void 0 ? "horizontal" : t0;
 	const [style, setStyle] = useState(null);
 	const cancelRef = useRef(null);
-	const updateIndicator = useCallback(() => {
-		if (!enabled || !containerRef.current || selectedKey == null) {
-			setStyle(null);
-			return;
-		}
-		const selectedTab = containerRef.current.querySelector("[aria-selected=\"true\"]");
-		if (!selectedTab) {
-			setStyle(null);
-			return;
-		}
-		const containerRect = containerRef.current.getBoundingClientRect();
-		const tabRect = selectedTab.getBoundingClientRect();
-		if (orientation === "vertical") {
-			if (tabRect.height > 0) setStyle({
-				start: tabRect.top - containerRect.top + containerRef.current.scrollTop,
-				size: tabRect.height
+	let t1;
+	if ($[0] !== containerRef || $[1] !== enabled || $[2] !== orientation || $[3] !== selectedKey) {
+		t1 = () => {
+			if (!enabled || !containerRef.current || selectedKey == null) {
+				setStyle(null);
+				return;
+			}
+			const selectedTab = containerRef.current.querySelector("[aria-selected=\"true\"]");
+			if (!selectedTab) {
+				setStyle(null);
+				return;
+			}
+			const containerRect = containerRef.current.getBoundingClientRect();
+			const tabRect = selectedTab.getBoundingClientRect();
+			if (orientation === "vertical") {
+				if (tabRect.height > 0) setStyle({
+					start: tabRect.top - containerRect.top + containerRef.current.scrollTop,
+					size: tabRect.height
+				});
+			} else if (tabRect.width > 0) setStyle({
+				start: tabRect.left - containerRect.left + containerRef.current.scrollLeft,
+				size: tabRect.width
 			});
-		} else if (tabRect.width > 0) setStyle({
-			start: tabRect.left - containerRect.left + containerRef.current.scrollLeft,
-			size: tabRect.width
-		});
-	}, [
-		containerRef,
-		selectedKey,
-		enabled,
-		orientation,
-		orderToken
-	]);
-	useLayoutEffect(() => {
-		if (cancelRef.current) cancelRef.current();
-		cancelRef.current = chainRaf(() => {
-			updateIndicator();
-		}, 2);
-		return () => {
+		};
+		$[0] = containerRef;
+		$[1] = enabled;
+		$[2] = orientation;
+		$[3] = selectedKey;
+		$[4] = t1;
+	} else t1 = $[4];
+	const updateIndicator = t1;
+	let t2;
+	let t3;
+	if ($[5] !== updateIndicator) {
+		t2 = () => {
 			if (cancelRef.current) cancelRef.current();
+			cancelRef.current = chainRaf(() => {
+				updateIndicator();
+			}, 2);
+			return () => {
+				if (cancelRef.current) cancelRef.current();
+			};
+		};
+		t3 = [updateIndicator];
+		$[5] = updateIndicator;
+		$[6] = t2;
+		$[7] = t3;
+	} else {
+		t2 = $[6];
+		t3 = $[7];
+	}
+	useLayoutEffect(t2, t3);
+	let t4;
+	let t5;
+	if ($[8] !== enabled || $[9] !== updateIndicator) {
+		t4 = () => {
+			if (!enabled) return;
+			const handleResize = () => updateIndicator();
+			window.addEventListener("resize", handleResize);
+			return () => window.removeEventListener("resize", handleResize);
+		};
+		t5 = [enabled, updateIndicator];
+		$[8] = enabled;
+		$[9] = updateIndicator;
+		$[10] = t4;
+		$[11] = t5;
+	} else {
+		t4 = $[10];
+		t5 = $[11];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[12] !== containerRef || $[13] !== enabled || $[14] !== orientation || $[15] !== updateIndicator) {
+		t6 = () => {
+			if (!enabled) return;
+			const container = containerRef.current;
+			if (!container) return;
+			const getAxisSize = (rect) => orientation === "vertical" ? rect.height : rect.width;
+			let prevSize = getAxisSize(container.getBoundingClientRect());
+			const observer = new ResizeObserver((entries) => {
+				const entry = entries[0];
+				if (!entry) return;
+				const newSize = getAxisSize(entry.contentRect);
+				if (prevSize === 0 && newSize > 0) updateIndicator();
+				prevSize = newSize;
+			});
+			observer.observe(container);
+			return () => observer.disconnect();
 		};
-	}, [updateIndicator]);
-	useEffect(() => {
-		if (!enabled) return;
-		const handleResize = () => updateIndicator();
-		window.addEventListener("resize", handleResize);
-		return () => window.removeEventListener("resize", handleResize);
-	}, [enabled, updateIndicator]);
-	useEffect(() => {
-		if (!enabled) return;
-		const container = containerRef.current;
-		if (!container) return;
-		const getAxisSize = (rect) => orientation === "vertical" ? rect.height : rect.width;
-		let prevSize = getAxisSize(container.getBoundingClientRect());
-		const observer = new ResizeObserver((entries) => {
-			const entry = entries[0];
-			if (!entry) return;
-			const newSize = getAxisSize(entry.contentRect);
-			if (prevSize === 0 && newSize > 0) updateIndicator();
-			prevSize = newSize;
-		});
-		observer.observe(container);
-		return () => observer.disconnect();
-	}, [
-		enabled,
-		orientation,
-		updateIndicator
-	]);
+		$[12] = containerRef;
+		$[13] = enabled;
+		$[14] = orientation;
+		$[15] = updateIndicator;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== enabled || $[18] !== orientation || $[19] !== updateIndicator) {
+		t7 = [
+			enabled,
+			orientation,
+			updateIndicator
+		];
+		$[17] = enabled;
+		$[18] = orientation;
+		$[19] = updateIndicator;
+		$[20] = t7;
+	} else t7 = $[20];
+	useEffect(t6, t7);
 	return enabled ? style : null;
 }
 

package/dist/components/navigation/Tabs/use-tab-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tab-indicator.js","names":[],"sources":["../../../../src/components/navigation/Tabs/use-tab-indicator.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { chainRaf } from '../../../utils/raf';\n\nimport type { Key } from '@react-types/shared';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Axis-agnostic indicator geometry.\n * For horizontal orientation: `start` is `left`, `size` is `width`.\n * For vertical   orientation: `start` is `top`,  `size` is `height`.\n */\nexport interface IndicatorStyle {\n  start: number;\n  size: number;\n}\n\nexport type IndicatorOrientation = 'horizontal' | 'vertical';\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to track and animate tab indicator position.\n *\n * Calculates the start position and size of the selection indicator\n * along the orientation axis. Returns null if disabled (e.g., for\n * non-default/narrow tab types).\n *\n * @param containerRef - Ref to the tab container element\n * @param selectedKey - Currently selected tab key\n * @param enabled - Whether the indicator should be shown\n * @param orientation - Axis along which the indicator moves\n * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)\n * @returns Indicator style (`start`, `size`) or null if disabled/not ready\n */\nexport function useTabIndicator(\n  containerRef: RefObject<HTMLElement | null>,\n  selectedKey: Key | null,\n  enabled: boolean,\n  orientation: IndicatorOrientation = 'horizontal',\n  orderToken?: string,\n): IndicatorStyle | null {\n  const [style, setStyle] = useState<IndicatorStyle | null>(null);\n  const cancelRef = useRef<(() => void) | null>(null);\n\n  const updateIndicator = useCallback(() => {\n    if (!enabled || !containerRef.current || selectedKey == null) {\n      setStyle(null);\n      return;\n    }\n\n    // Find the selected tab button within the container\n    const selectedTab = containerRef.current.querySelector(\n      '[aria-selected=\"true\"]',\n    ) as HTMLElement | null;\n\n    if (!selectedTab) {\n      setStyle(null);\n      return;\n    }\n\n    const containerRect = containerRef.current.getBoundingClientRect();\n    const tabRect = selectedTab.getBoundingClientRect();\n\n    if (orientation === 'vertical') {\n      // Only update if dimensions are valid (element has been painted)\n      if (tabRect.height > 0) {\n        setStyle({\n          start:\n            tabRect.top - containerRect.top + containerRef.current.scrollTop,\n          size: tabRect.height,\n        });\n      }\n    } else {\n      if (tabRect.width > 0) {\n        setStyle({\n          start:\n            tabRect.left - containerRect.left + containerRef.current.scrollLeft,\n          size: tabRect.width,\n        });\n      }\n    }\n  }, [containerRef, selectedKey, enabled, orientation, orderToken]);\n\n  // Update on selectedKey change - use chainRaf to ensure DOM is fully painted\n  useLayoutEffect(() => {\n    // Cancel any pending RAF chain\n    if (cancelRef.current) {\n      cancelRef.current();\n    }\n\n    // Schedule update after 2 frames to ensure layout is complete\n    cancelRef.current = chainRaf(() => {\n      updateIndicator();\n    }, 2);\n\n    return () => {\n      if (cancelRef.current) {\n        cancelRef.current();\n      }\n    };\n  }, [updateIndicator]);\n\n  // Update on window resize\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleResize = () => updateIndicator();\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, [enabled, updateIndicator]);\n\n  // Recalculate when container becomes visible (0 -> non-zero size along the axis)\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    const getAxisSize = (rect: { width: number; height: number }) =>\n      orientation === 'vertical' ? rect.height : rect.width;\n\n    let prevSize = getAxisSize(container.getBoundingClientRect());\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const newSize = getAxisSize(entry.contentRect);\n\n      if (prevSize === 0 && newSize > 0) {\n        updateIndicator();\n      }\n\n      prevSize = newSize;\n    });\n\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [enabled, orientation, updateIndicator]);\n\n  return enabled ? style : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,gBACd,cACA,aACA,SACA,cAAoC,cACpC,YACuB;CACvB,MAAM,CAAC,OAAO,YAAY,SAAgC,KAAK;CAC/D,MAAM,YAAY,OAA4B,KAAK;CAEnD,MAAM,kBAAkB,kBAAkB;AACxC,MAAI,CAAC,WAAW,CAAC,aAAa,WAAW,eAAe,MAAM;AAC5D,YAAS,KAAK;AACd;;EAIF,MAAM,cAAc,aAAa,QAAQ,cACvC,2BACD;AAED,MAAI,CAAC,aAAa;AAChB,YAAS,KAAK;AACd;;EAGF,MAAM,gBAAgB,aAAa,QAAQ,uBAAuB;EAClE,MAAM,UAAU,YAAY,uBAAuB;AAEnD,MAAI,gBAAgB,YAElB;OAAI,QAAQ,SAAS,EACnB,UAAS;IACP,OACE,QAAQ,MAAM,cAAc,MAAM,aAAa,QAAQ;IACzD,MAAM,QAAQ;IACf,CAAC;aAGA,QAAQ,QAAQ,EAClB,UAAS;GACP,OACE,QAAQ,OAAO,cAAc,OAAO,aAAa,QAAQ;GAC3D,MAAM,QAAQ;GACf,CAAC;IAGL;EAAC;EAAc;EAAa;EAAS;EAAa;EAAW,CAAC;AAGjE,uBAAsB;AAEpB,MAAI,UAAU,QACZ,WAAU,SAAS;AAIrB,YAAU,UAAU,eAAe;AACjC,oBAAiB;KAChB,EAAE;AAEL,eAAa;AACX,OAAI,UAAU,QACZ,WAAU,SAAS;;IAGtB,CAAC,gBAAgB,CAAC;AAGrB,iBAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,qBAAqB,iBAAiB;AAE5C,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,CAAC,SAAS,gBAAgB,CAAC;AAG9B,iBAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,eAAe,SACnB,gBAAgB,aAAa,KAAK,SAAS,KAAK;EAElD,IAAI,WAAW,YAAY,UAAU,uBAAuB,CAAC;EAE7D,MAAM,WAAW,IAAI,gBAAgB,YAAY;GAC/C,MAAM,QAAQ,QAAQ;AACtB,OAAI,CAAC,MAAO;GAEZ,MAAM,UAAU,YAAY,MAAM,YAAY;AAE9C,OAAI,aAAa,KAAK,UAAU,EAC9B,kBAAiB;AAGnB,cAAW;IACX;AAEF,WAAS,QAAQ,UAAU;AAE3B,eAAa,SAAS,YAAY;IACjC;EAAC;EAAS;EAAa;EAAgB,CAAC;AAE3C,QAAO,UAAU,QAAQ"}
+{"version":3,"file":"use-tab-indicator.js","names":["RefObject","useCallback","useEffect","useLayoutEffect","useRef","useState","chainRaf","Key","IndicatorStyle","start","size","IndicatorOrientation","useTabIndicator","containerRef","selectedKey","enabled","t0","orderToken","$","_c","orientation","undefined","style","setStyle","cancelRef","t1","current","selectedTab","querySelector","HTMLElement","containerRect","getBoundingClientRect","tabRect","height","top","scrollTop","width","left","scrollLeft","updateIndicator","t2","t3","t4","t5","handleResize","window","addEventListener","removeEventListener","t6","container","getAxisSize","rect","prevSize","observer","ResizeObserver","entries","entry","newSize","contentRect","observe","disconnect","t7"],"sources":["../../../../src/components/navigation/Tabs/use-tab-indicator.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { chainRaf } from '../../../utils/raf';\n\nimport type { Key } from '@react-types/shared';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Axis-agnostic indicator geometry.\n * For horizontal orientation: `start` is `left`, `size` is `width`.\n * For vertical   orientation: `start` is `top`,  `size` is `height`.\n */\nexport interface IndicatorStyle {\n  start: number;\n  size: number;\n}\n\nexport type IndicatorOrientation = 'horizontal' | 'vertical';\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to track and animate tab indicator position.\n *\n * Calculates the start position and size of the selection indicator\n * along the orientation axis. Returns null if disabled (e.g., for\n * non-default/narrow tab types).\n *\n * @param containerRef - Ref to the tab container element\n * @param selectedKey - Currently selected tab key\n * @param enabled - Whether the indicator should be shown\n * @param orientation - Axis along which the indicator moves\n * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)\n * @returns Indicator style (`start`, `size`) or null if disabled/not ready\n */\nexport function useTabIndicator(\n  containerRef: RefObject<HTMLElement | null>,\n  selectedKey: Key | null,\n  enabled: boolean,\n  orientation: IndicatorOrientation = 'horizontal',\n  orderToken?: string,\n): IndicatorStyle | null {\n  const [style, setStyle] = useState<IndicatorStyle | null>(null);\n  const cancelRef = useRef<(() => void) | null>(null);\n\n  const updateIndicator = useCallback(() => {\n    if (!enabled || !containerRef.current || selectedKey == null) {\n      setStyle(null);\n      return;\n    }\n\n    // Find the selected tab button within the container\n    const selectedTab = containerRef.current.querySelector(\n      '[aria-selected=\"true\"]',\n    ) as HTMLElement | null;\n\n    if (!selectedTab) {\n      setStyle(null);\n      return;\n    }\n\n    const containerRect = containerRef.current.getBoundingClientRect();\n    const tabRect = selectedTab.getBoundingClientRect();\n\n    if (orientation === 'vertical') {\n      // Only update if dimensions are valid (element has been painted)\n      if (tabRect.height > 0) {\n        setStyle({\n          start:\n            tabRect.top - containerRect.top + containerRef.current.scrollTop,\n          size: tabRect.height,\n        });\n      }\n    } else {\n      if (tabRect.width > 0) {\n        setStyle({\n          start:\n            tabRect.left - containerRect.left + containerRef.current.scrollLeft,\n          size: tabRect.width,\n        });\n      }\n    }\n  }, [containerRef, selectedKey, enabled, orientation, orderToken]);\n\n  // Update on selectedKey change - use chainRaf to ensure DOM is fully painted\n  useLayoutEffect(() => {\n    // Cancel any pending RAF chain\n    if (cancelRef.current) {\n      cancelRef.current();\n    }\n\n    // Schedule update after 2 frames to ensure layout is complete\n    cancelRef.current = chainRaf(() => {\n      updateIndicator();\n    }, 2);\n\n    return () => {\n      if (cancelRef.current) {\n        cancelRef.current();\n      }\n    };\n  }, [updateIndicator]);\n\n  // Update on window resize\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleResize = () => updateIndicator();\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, [enabled, updateIndicator]);\n\n  // Recalculate when container becomes visible (0 -> non-zero size along the axis)\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    const getAxisSize = (rect: { width: number; height: number }) =>\n      orientation === 'vertical' ? rect.height : rect.width;\n\n    let prevSize = getAxisSize(container.getBoundingClientRect());\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const newSize = getAxisSize(entry.contentRect);\n\n      if (prevSize === 0 && newSize > 0) {\n        updateIndicator();\n      }\n\n      prevSize = newSize;\n    });\n\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [enabled, orientation, updateIndicator]);\n\n  return enabled ? style : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+CA,SAAOY,gBAAAC,cAAAC,aAAAC,SAAAC,IAAAC,YAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIL,MAAAC,cAAAJ,OAAAK,SAAA,eAAAL;CAGA,MAAA,CAAAM,OAAAC,YAA0BlB,SAAgC,KAAK;CAC/D,MAAAmB,YAAkBpB,OAA4B,KAAK;CAAC,IAAAqB;AAAA,KAAAP,EAAA,OAAAL,gBAAAK,EAAA,OAAAH,WAAAG,EAAA,OAAAE,eAAAF,EAAA,OAAAJ,aAAA;AAEhBW,aAAA;AAClC,OAAI,CAACV,WAAD,CAAaF,aAAYa,WAAYZ,eAAe,MAAI;AAC1DS,aAAS,KAAK;AAAA;;GAKhB,MAAAI,cAAoBd,aAAYa,QAAQE,cACtC,2BACD;AAED,OAAI,CAACD,aAAW;AACdJ,aAAS,KAAK;AAAA;;GAIhB,MAAAO,gBAAsBjB,aAAYa,QAAQK,uBAAwB;GAClE,MAAAC,UAAgBL,YAAWI,uBAAwB;AAEnD,OAAIX,gBAAgB,YAElB;QAAIY,QAAOC,SAAU,EACnBV,UAAS;KAAAd,OAELuB,QAAOE,MAAOJ,cAAaI,MAAOrB,aAAYa,QAAQS;KAAUzB,MAC5DsB,QAAOC;KACd,CAAC;cAGAD,QAAOI,QAAS,EAClBb,UAAS;IAAAd,OAELuB,QAAOK,OAAQP,cAAaO,OAAQxB,aAAYa,QAAQY;IAAW5B,MAC/DsB,QAAOI;IACd,CAAC;;AAGPlB,IAAA,KAAAL;AAAAK,IAAA,KAAAH;AAAAG,IAAA,KAAAE;AAAAF,IAAA,KAAAJ;AAAAI,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CArCD,MAAAqB,kBAAwBd;CAqC0C,IAAAe;CAAA,IAAAC;AAAA,KAAAvB,EAAA,OAAAqB,iBAAA;AAGlDC,aAAA;AAEd,OAAIhB,UAASE,QACXF,WAASE,SAAU;AAIrBF,aAASE,UAAWpB,eAAS;AAC3BiC,qBAAiB;MAChB,EAFc;AAAA,gBAIV;AACL,QAAIf,UAASE,QACXF,WAASE,SAAU;;;AAGtBe,OAAA,CAACF,gBAAgB;AAAArB,IAAA,KAAAqB;AAAArB,IAAA,KAAAsB;AAAAtB,IAAA,KAAAuB;QAAA;AAAAD,OAAAtB,EAAA;AAAAuB,OAAAvB,EAAA;;AAhBpBf,iBAAgBqC,IAgBbC,GAAkB;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAzB,EAAA,OAAAH,WAAAG,EAAA,OAAAqB,iBAAA;AAGXG,aAAA;AACR,OAAI,CAAC3B,QAAO;GAEZ,MAAA6B,qBAA2BL,iBAAiB;AAE5CM,UAAMC,iBAAkB,UAAUF,aAAa;AAAA,gBAElCC,OAAME,oBAAqB,UAAUH,aAAa;;AAC9DD,OAAA,CAAC5B,SAASwB,gBAAgB;AAAArB,IAAA,KAAAH;AAAAG,IAAA,KAAAqB;AAAArB,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;QAAA;AAAAD,OAAAxB,EAAA;AAAAyB,OAAAzB,EAAA;;AAR7BhB,WAAUwC,IAQPC,GAA2B;CAAA,IAAAK;AAAA,KAAA9B,EAAA,QAAAL,gBAAAK,EAAA,QAAAH,WAAAG,EAAA,QAAAE,eAAAF,EAAA,QAAAqB,iBAAA;AAGpBS,aAAA;AACR,OAAI,CAACjC,QAAO;GAEZ,MAAAkC,YAAkBpC,aAAYa;AAC9B,OAAI,CAACuB,UAAS;GAEd,MAAAC,eAAoBC,SAClB/B,gBAAgB,aAAa+B,KAAIlB,SAAUkB,KAAIf;GAEjD,IAAAgB,WAAeF,YAAYD,UAASlB,uBAAwB,CAAC;GAE7D,MAAAsB,WAAiB,IAAIC,gBAAeC,YAAA;IAClC,MAAAC,QAAcD,QAAO;AACrB,QAAI,CAACC,MAAK;IAEV,MAAAC,UAAgBP,YAAYM,MAAKE,YAAa;AAE9C,QAAIN,aAAa,KAAKK,UAAU,EAC9BlB,kBAAiB;AAGnBa,eAAWK;KACX;AAEFJ,YAAQM,QAASV,UAAU;AAAA,gBAEdI,SAAQO,YAAa;;AACnC1C,IAAA,MAAAL;AAAAK,IAAA,MAAAH;AAAAG,IAAA,MAAAE;AAAAF,IAAA,MAAAqB;AAAArB,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;CAAA,IAAA2C;AAAA,KAAA3C,EAAA,QAAAH,WAAAG,EAAA,QAAAE,eAAAF,EAAA,QAAAqB,iBAAA;AAAEsB,OAAA;GAAC9C;GAASK;GAAamB;GAAgB;AAAArB,IAAA,MAAAH;AAAAG,IAAA,MAAAE;AAAAF,IAAA,MAAAqB;AAAArB,IAAA,MAAA2C;OAAAA,MAAA3C,EAAA;AA3B1ChB,WAAU8C,IA2BPa,GAAwC;AAAA,QAEpC9C,UAAAO,QAAA"}

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,34 +1,74 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/organisms/StatsCard/StatsCard.tsx
-function StatsCard({ title, value, suffix, ...props }) {
-	return /* @__PURE__ */ jsxs(Card, {
-		display: "flex",
-		placeContent: "space-between",
-		gap: "1x",
-		border: false,
-		shadow: "$shadow",
-		padding: "2.5x",
-		...props,
-		children: [/* @__PURE__ */ jsx(_Title, {
+function StatsCard(t0) {
+	const $ = c(14);
+	let props;
+	let suffix;
+	let title;
+	let value;
+	if ($[0] !== t0) {
+		({title, value, suffix, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = suffix;
+		$[3] = title;
+		$[4] = value;
+	} else {
+		props = $[1];
+		suffix = $[2];
+		title = $[3];
+		value = $[4];
+	}
+	let t1;
+	if ($[5] !== title) {
+		t1 = /* @__PURE__ */ jsx(_Title, {
 			nowrap: true,
 			level: 4,
 			color: "#minor",
 			preset: "default",
 			children: title
-		}), /* @__PURE__ */ jsxs(_Text.Strong, {
+		});
+		$[5] = title;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== suffix || $[8] !== value) {
+		t2 = /* @__PURE__ */ jsxs(_Text.Strong, {
 			preset: "h3",
 			children: [
 				value,
 				" ",
 				suffix
 			]
-		})]
-	});
+		});
+		$[7] = suffix;
+		$[8] = value;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== props || $[11] !== t1 || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Card, {
+			display: "flex",
+			placeContent: "space-between",
+			gap: "1x",
+			border: false,
+			shadow: "$shadow",
+			padding: "2.5x",
+			...props,
+			children: [t1, t2]
+		});
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
 }
 
 //#endregion

package/dist/components/organisms/StatsCard/StatsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsCard.js","names":["Title","Text"],"sources":["../../../../src/components/organisms/StatsCard/StatsCard.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { Card, CubeCardProps } from '../../content/Card/Card';\nimport { Text } from '../../content/Text';\nimport { Title } from '../../content/Title';\n\nexport interface CubeStatsCard extends CubeCardProps {\n  title?: string | ReactNode;\n  value?: string | number | ReactNode;\n  suffix?: string | number | ReactNode;\n}\n\nexport function StatsCard({ title, value, suffix, ...props }: CubeStatsCard) {\n  return (\n    <Card\n      display=\"flex\"\n      placeContent=\"space-between\"\n      gap=\"1x\"\n      border={false}\n      shadow=\"$shadow\"\n      padding=\"2.5x\"\n      {...props}\n    >\n      <Title nowrap level={4} color=\"#minor\" preset=\"default\">\n        {title}\n      </Title>\n      <Text.Strong preset=\"h3\">\n        {value} {suffix}\n      </Text.Strong>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,UAAU,EAAE,OAAO,OAAO,QAAQ,GAAG,SAAwB;AAC3E,QACE,qBAAC;EACC,SAAQ;EACR,cAAa;EACb,KAAI;EACJ,QAAQ;EACR,QAAO;EACP,SAAQ;EACR,GAAI;aAEJ,oBAACA;GAAM;GAAO,OAAO;GAAG,OAAM;GAAS,QAAO;aAC3C;IACK,EACR,qBAACC,MAAK;GAAO,QAAO;;IACjB;IAAM;IAAE;;IACG;GACT"}
+{"version":3,"file":"StatsCard.js","names":["ReactNode","Card","CubeCardProps","Text","Title","CubeStatsCard","title","value","suffix","StatsCard","t0","$","_c","props","t1","t2","t3"],"sources":["../../../../src/components/organisms/StatsCard/StatsCard.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { Card, CubeCardProps } from '../../content/Card/Card';\nimport { Text } from '../../content/Text';\nimport { Title } from '../../content/Title';\n\nexport interface CubeStatsCard extends CubeCardProps {\n  title?: string | ReactNode;\n  value?: string | number | ReactNode;\n  suffix?: string | number | ReactNode;\n}\n\nexport function StatsCard({ title, value, suffix, ...props }: CubeStatsCard) {\n  return (\n    <Card\n      display=\"flex\"\n      placeContent=\"space-between\"\n      gap=\"1x\"\n      border={false}\n      shadow=\"$shadow\"\n      padding=\"2.5x\"\n      {...props}\n    >\n      <Title nowrap level={4} color=\"#minor\" preset=\"default\">\n        {title}\n      </Title>\n      <Text.Strong preset=\"h3\">\n        {value} {suffix}\n      </Text.Strong>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAOS,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAL;CAAA,IAAAF;CAAA,IAAAC;AAAA,KAAAI,EAAA,OAAAD,IAAA;AAAmB,GAAA,CAAAJ,OAAAC,OAAAC,WAAAK,SAAAH;AAAiDC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAH;AAAAG,IAAA,KAAAL;AAAAK,IAAA,KAAAJ;QAAA;AAAAM,UAAAF,EAAA;AAAAH,WAAAG,EAAA;AAAAL,UAAAK,EAAA;AAAAJ,UAAAI,EAAA;;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAAL,OAAA;AAWrEQ,OAAA,oBAAC;GAAM,QAAA;GAAc,OAAA;GAAS,OAAA;GAAgB,QAAA;aAC3CR;IACK;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAH,UAAAG,EAAA,OAAAJ,OAAA;AACRQ,OAAA,qBAAA,MAAA;GAAoB,QAAA;;IACjBR;IAAM;IAAEC;;IACG;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAJ;AAAAI,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,QAAAE,SAAAF,EAAA,QAAAG,MAAAH,EAAA,QAAAI,IAAA;AAdhBC,OAAA,qBAAC;GACS,SAAA;GACK,cAAA;GACT,KAAA;GACI,QAAA;GACD,QAAA;GACC,SAAA;GAAM,GACVH;cAEJC,IAGAC;IAGK;AAAAJ,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;OAAAA,MAAAL,EAAA;AAAA,QAfPK"}

package/dist/components/other/Calendar/Calendar.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useCalendar, useLocale } from "react-aria";
@@ -10,40 +11,87 @@ import { createCalendar, startOfWeek, toCalendarDate } from "@internationalized/
 
 //#region src/components/other/Calendar/Calendar.tsx
 function Calendar(props, ref) {
+	const $ = c(21);
 	props = useProviderProps(props);
-	let { locale } = useLocale();
-	let state = useCalendarState({
-		...props,
-		locale,
-		createCalendar
-	});
-	let domRef = useRef(null);
-	useImperativeHandle(ref, () => ({
-		...createDOMRef(domRef),
-		focus() {
-			state.setFocused(true);
-		}
-	}));
-	let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+	const { locale } = useLocale();
+	let t0;
+	if ($[0] !== locale || $[1] !== props) {
+		t0 = {
+			...props,
+			locale,
+			createCalendar
+		};
+		$[0] = locale;
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	const state = useCalendarState(t0);
+	const domRef = useRef(null);
+	let t1;
+	if ($[3] !== state) {
+		t1 = () => ({
+			...createDOMRef(domRef),
+			focus() {
+				state.setFocused(true);
+			}
+		});
+		$[3] = state;
+		$[4] = t1;
+	} else t1 = $[4];
+	useImperativeHandle(ref, t1);
+	const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
 	let selectedRange = props.selectedRange;
 	if (props.pickerMode === "week" && state.value) {
-		let start = startOfWeek(toCalendarDate(state.value), locale);
-		selectedRange = {
-			start,
-			end: start.add({ days: 6 })
-		};
+		let t2;
+		let t3;
+		if ($[5] !== locale || $[6] !== state.value) {
+			const start = startOfWeek(toCalendarDate(state.value), locale);
+			t2 = start;
+			t3 = start.add({ days: 6 });
+			$[5] = locale;
+			$[6] = state.value;
+			$[7] = t2;
+			$[8] = t3;
+		} else {
+			t2 = $[7];
+			t3 = $[8];
+		}
+		let t4;
+		if ($[9] !== t2 || $[10] !== t3) {
+			t4 = {
+				start: t2,
+				end: t3
+			};
+			$[9] = t2;
+			$[10] = t3;
+			$[11] = t4;
+		} else t4 = $[11];
+		selectedRange = t4;
 	}
-	return /* @__PURE__ */ jsx(CalendarPanel, {
-		elementRef: domRef,
-		state,
-		title,
-		calendarProps,
-		prevButtonProps,
-		nextButtonProps,
-		hasMonthYearNavigation: props.hasMonthYearNavigation,
-		selectedRange,
-		pickerMode: props.pickerMode
-	});
+	let t2;
+	if ($[12] !== calendarProps || $[13] !== nextButtonProps || $[14] !== prevButtonProps || $[15] !== props.hasMonthYearNavigation || $[16] !== props.pickerMode || $[17] !== selectedRange || $[18] !== state || $[19] !== title) {
+		t2 = /* @__PURE__ */ jsx(CalendarPanel, {
+			elementRef: domRef,
+			state,
+			title,
+			calendarProps,
+			prevButtonProps,
+			nextButtonProps,
+			hasMonthYearNavigation: props.hasMonthYearNavigation,
+			selectedRange,
+			pickerMode: props.pickerMode
+		});
+		$[12] = calendarProps;
+		$[13] = nextButtonProps;
+		$[14] = prevButtonProps;
+		$[15] = props.hasMonthYearNavigation;
+		$[16] = props.pickerMode;
+		$[17] = selectedRange;
+		$[18] = state;
+		$[19] = title;
+		$[20] = t2;
+	} else t2 = $[20];
+	return t2;
 }
 const _Calendar = forwardRef(Calendar);
 _Calendar.displayName = "Calendar";

package/dist/components/other/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":[],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  createCalendar,\n  startOfWeek,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaCalendarProps,\n  DateValue,\n  useCalendar,\n  useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\n\nimport { CalendarPanel } from './CalendarPanel';\nimport { CalendarCoreProps, CalendarValueProps } from './types';\n\nexport interface CubeCalendarProps\n  extends AriaCalendarProps<DateValue>,\n    CalendarCoreProps,\n    CalendarValueProps {\n  /** Highlights a range that lives outside the calendar's own state. */\n  selectedRange?: {\n    start: DateValue;\n    end: DateValue;\n  };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week that the selected value belongs to.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(\n    props,\n    state,\n  );\n\n  let selectedRange = props.selectedRange;\n  if (props.pickerMode === 'week' && state.value) {\n    let start = startOfWeek(toCalendarDate(state.value), locale);\n    selectedRange = { start, end: start.add({ days: 6 }) };\n  }\n\n  return (\n    <CalendarPanel\n      elementRef={domRef}\n      state={state}\n      title={title}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      hasMonthYearNavigation={props.hasMonthYearNavigation}\n      selectedRange={selectedRange}\n      pickerMode={props.pickerMode}\n    />\n  );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;AAqCA,SAAS,SAAS,OAA0B,KAAgC;AAC1E,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,iBAAiB;EAC3B,GAAG;EACH;EACA;EACD,CAAC;CAEF,IAAI,SAAS,OAAO,KAAK;AACzB,qBAAoB,YAAY;EAC9B,GAAG,aAAa,OAAO;EACvB,QAAQ;AACN,SAAM,WAAW,KAAK;;EAEzB,EAAE;CAEH,IAAI,EAAE,eAAe,iBAAiB,iBAAiB,UAAU,YAC/D,OACA,MACD;CAED,IAAI,gBAAgB,MAAM;AAC1B,KAAI,MAAM,eAAe,UAAU,MAAM,OAAO;EAC9C,IAAI,QAAQ,YAAY,eAAe,MAAM,MAAM,EAAE,OAAO;AAC5D,kBAAgB;GAAE;GAAO,KAAK,MAAM,IAAI,EAAE,MAAM,GAAG,CAAC;GAAE;;AAGxD,QACE,oBAAC;EACC,YAAY;EACL;EACA;EACQ;EACE;EACA;EACjB,wBAAwB,MAAM;EACf;EACf,YAAY,MAAM;GAClB;;AAIN,MAAM,YAAY,WAAW,SAAS;AAEtC,UAAU,cAAc"}
+{"version":3,"file":"Calendar.js","names":["createCalendar","startOfWeek","toCalendarDate","createDOMRef","FocusableRef","forwardRef","useImperativeHandle","useRef","AriaCalendarProps","DateValue","useCalendar","useLocale","useCalendarState","useProviderProps","CalendarPanel","CalendarCoreProps","CalendarValueProps","CubeCalendarProps","selectedRange","start","end","pickerMode","Calendar","props","ref","$","_c","locale","t0","state","domRef","t1","focus","setFocused","calendarProps","prevButtonProps","nextButtonProps","title","value","t2","t3","add","days","t4","hasMonthYearNavigation","_Calendar","displayName"],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  createCalendar,\n  startOfWeek,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaCalendarProps,\n  DateValue,\n  useCalendar,\n  useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\n\nimport { CalendarPanel } from './CalendarPanel';\nimport { CalendarCoreProps, CalendarValueProps } from './types';\n\nexport interface CubeCalendarProps\n  extends AriaCalendarProps<DateValue>,\n    CalendarCoreProps,\n    CalendarValueProps {\n  /** Highlights a range that lives outside the calendar's own state. */\n  selectedRange?: {\n    start: DateValue;\n    end: DateValue;\n  };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week that the selected value belongs to.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(\n    props,\n    state,\n  );\n\n  let selectedRange = props.selectedRange;\n  if (props.pickerMode === 'week' && state.value) {\n    let start = startOfWeek(toCalendarDate(state.value), locale);\n    selectedRange = { start, end: start.add({ days: 6 }) };\n  }\n\n  return (\n    <CalendarPanel\n      elementRef={domRef}\n      state={state}\n      title={title}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      hasMonthYearNavigation={props.hasMonthYearNavigation}\n      selectedRange={selectedRange}\n      pickerMode={props.pickerMode}\n    />\n  );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;;AAqCA,SAAAsB,SAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AACEH,SAAQV,iBAAiBU,MAAM;CAE/B,MAAA,EAAAI,WAAiBhB,WAAW;CAAC,IAAAiB;AAAA,KAAAH,EAAA,OAAAE,UAAAF,EAAA,OAAAF,OAAA;AACAK,OAAA;GAAA,GACxBL;GAAKI;GAAA3B;GAGT;AAAAyB,IAAA,KAAAE;AAAAF,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAJD,MAAAI,QAAYjB,iBAAiBgB,GAI3B;CAEF,MAAAE,SAAavB,OAAO,KAAK;CAAC,IAAAwB;AAAA,KAAAN,EAAA,OAAAI,OAAA;AACDE,cAAO;GAAA,GAC3B5B,aAAa2B,OAAO;GAAAE,QAAA;AAErBH,UAAKI,WAAY,KAAK;;GAEzB;AAACR,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AALFnB,qBAAoBkB,KAAKO,GAKtB;CAEH,MAAA,EAAAG,eAAAC,iBAAAC,iBAAAC,UAAiE3B,YAC/Da,OACAM,MACD;CAED,IAAAX,gBAAoBK,MAAKL;AACzB,KAAIK,MAAKF,eAAgB,UAAUQ,MAAKS,OAAM;EAAA,IAAAC;EAAA,IAAAC;AAAA,MAAAf,EAAA,OAAAE,UAAAF,EAAA,OAAAI,MAAAS,OAAA;GAC5C,MAAAnB,QAAYlB,YAAYC,eAAe2B,MAAKS,MAAO,EAAEX,OAAO;AAC1CR,QAAAA;AAAYqB,QAAArB,MAAKsB,IAAK,EAAAC,MAAQ,GAAG,CAAC;AAAAjB,KAAA,KAAAE;AAAAF,KAAA,KAAAI,MAAAS;AAAAb,KAAA,KAAAc;AAAAd,KAAA,KAAAe;SAAA;AAAAD,QAAAd,EAAA;AAAAe,QAAAf,EAAA;;EAAA,IAAAkB;AAAA,MAAAlB,EAAA,OAAAc,MAAAd,EAAA,QAAAe,IAAA;AAApCG,QAAA;IAAAxB,OAAEA;IAAKC,KAAOoB;IAAwB;AAAAf,KAAA,KAAAc;AAAAd,KAAA,MAAAe;AAAAf,KAAA,MAAAkB;QAAAA,MAAAlB,EAAA;AAAtDP,kBAAgBA;;CACjB,IAAAqB;AAAA,KAAAd,EAAA,QAAAS,iBAAAT,EAAA,QAAAW,mBAAAX,EAAA,QAAAU,mBAAAV,EAAA,QAAAF,MAAAqB,0BAAAnB,EAAA,QAAAF,MAAAF,cAAAI,EAAA,QAAAP,iBAAAO,EAAA,QAAAI,SAAAJ,EAAA,QAAAY,OAAA;AAGCE,OAAA,oBAAC;GACaT,YAAAA;GACLD;GACAQ;GACQH;GACEC;GACAC;GACO,wBAAAb,MAAKqB;GACd1B;GACH,YAAAK,MAAKF;IACjB;AAAAI,IAAA,MAAAS;AAAAT,IAAA,MAAAW;AAAAX,IAAA,MAAAU;AAAAV,IAAA,MAAAF,MAAAqB;AAAAnB,IAAA,MAAAF,MAAAF;AAAAI,IAAA,MAAAP;AAAAO,IAAA,MAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAVFc;;AAcJ,MAAMM,YAAYxC,WAAWiB,SAAS;AAEtCuB,UAAUC,cAAc"}

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -23,29 +24,74 @@ const CalendarButtonElement = tasty({
 	}
 });
 function CalendarCell(props) {
-	let { state, selectedRange, date, today, rangeHover } = props;
-	let ref = useRef(null);
-	let { cellProps, buttonProps, isSelected, isPressed, isFocused, isInvalid, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate } = useCalendarCell({ date }, state, ref);
+	const $ = c(23);
+	const { state, selectedRange, date, today, rangeHover } = props;
+	const ref = useRef(null);
+	let t0;
+	if ($[0] !== date) {
+		t0 = { date };
+		$[0] = date;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { cellProps, buttonProps, isSelected, isPressed, isFocused, isInvalid, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate } = useCalendarCell(t0, state, ref);
 	const isFinalSelected = !isOutsideVisibleRange && (selectedRange ? date.compare(selectedRange.start) >= 0 && date.compare(selectedRange.end) <= 0 : isSelected);
-	return /* @__PURE__ */ jsx(CalendarCellElement, {
-		...cellProps,
-		children: /* @__PURE__ */ jsx(CalendarButtonElement, {
+	let t1;
+	if ($[2] !== date || $[3] !== isOutsideVisibleRange || $[4] !== today) {
+		t1 = !!today && !isOutsideVisibleRange && isSameDay(date, today);
+		$[2] = date;
+		$[3] = isOutsideVisibleRange;
+		$[4] = today;
+		$[5] = t1;
+	} else t1 = $[5];
+	const t2 = rangeHover && !isFinalSelected;
+	let t3;
+	if ($[6] !== isDisabled || $[7] !== isFinalSelected || $[8] !== isFocused || $[9] !== isInvalid || $[10] !== isOutsideVisibleRange || $[11] !== isPressed || $[12] !== isUnavailable || $[13] !== t1 || $[14] !== t2) {
+		t3 = {
+			selected: isFinalSelected,
+			current: t1,
+			outside: isOutsideVisibleRange,
+			rangeHover: t2,
+			pressed: isPressed,
+			focused: isFocused,
+			invalid: isInvalid,
+			disabled: isDisabled,
+			unavailable: isUnavailable
+		};
+		$[6] = isDisabled;
+		$[7] = isFinalSelected;
+		$[8] = isFocused;
+		$[9] = isInvalid;
+		$[10] = isOutsideVisibleRange;
+		$[11] = isPressed;
+		$[12] = isUnavailable;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	let t4;
+	if ($[16] !== buttonProps || $[17] !== formattedDate || $[18] !== t3) {
+		t4 = /* @__PURE__ */ jsx(CalendarButtonElement, {
 			...buttonProps,
 			ref,
-			mods: {
-				selected: isFinalSelected,
-				current: !!today && !isOutsideVisibleRange && isSameDay(date, today),
-				outside: isOutsideVisibleRange,
-				rangeHover: rangeHover && !isFinalSelected,
-				pressed: isPressed,
-				focused: isFocused,
-				invalid: isInvalid,
-				disabled: isDisabled,
-				unavailable: isUnavailable
-			},
+			mods: t3,
 			children: formattedDate
-		})
-	});
+		});
+		$[16] = buttonProps;
+		$[17] = formattedDate;
+		$[18] = t3;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== cellProps || $[21] !== t4) {
+		t5 = /* @__PURE__ */ jsx(CalendarCellElement, {
+			...cellProps,
+			children: t4
+		});
+		$[20] = cellProps;
+		$[21] = t4;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
 }
 
 //#endregion

package/dist/components/other/Calendar/CalendarCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { CalendarDate, isSameDay } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { DateValue, useCalendarCell } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst CalendarCellElement = tasty({\n  as: 'td',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst CalendarButtonElement = tasty({\n  'data-popover-keep': true,\n  styles: {\n    ...CALENDAR_CELL_STYLES,\n    width: '3x',\n    height: '3x',\n  },\n});\n\nexport interface CubeCalendarCellProps {\n  state: CalendarState | RangeCalendarState;\n  date: CalendarDate;\n  /** Today, expressed in the calendar system of the grid. */\n  today?: CalendarDate;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /** Whether the whole row is highlighted (week picker mode). */\n  rangeHover?: boolean;\n}\n\nexport function CalendarCell(props: CubeCalendarCellProps) {\n  let { state, selectedRange, date, today, rangeHover } = props;\n  let ref = useRef(null);\n  let {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isPressed,\n    isFocused,\n    isInvalid,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref);\n\n  const isFinalSelected =\n    !isOutsideVisibleRange &&\n    (selectedRange\n      ? date.compare(selectedRange.start) >= 0 &&\n        date.compare(selectedRange.end) <= 0\n      : isSelected);\n\n  return (\n    <CalendarCellElement {...cellProps}>\n      <CalendarButtonElement\n        {...buttonProps}\n        ref={ref}\n        mods={{\n          selected: isFinalSelected,\n          current: !!today && !isOutsideVisibleRange && isSameDay(date, today),\n          outside: isOutsideVisibleRange,\n          rangeHover: rangeHover && !isFinalSelected,\n          pressed: isPressed,\n          focused: isFocused,\n          invalid: isInvalid,\n          disabled: isDisabled,\n          unavailable: isUnavailable,\n        }}\n      >\n        {formattedDate}\n      </CalendarButtonElement>\n    </CalendarCellElement>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,SAAS;EACV;CACF,CAAC;AAEF,MAAM,wBAAwB,MAAM;CAClC,qBAAqB;CACrB,QAAQ;EACN,GAAG;EACH,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAaF,SAAgB,aAAa,OAA8B;CACzD,IAAI,EAAE,OAAO,eAAe,MAAM,OAAO,eAAe;CACxD,IAAI,MAAM,OAAO,KAAK;CACtB,IAAI,EACF,WACA,aACA,YACA,WACA,WACA,WACA,uBACA,YACA,eACA,kBACE,gBAAgB,EAAE,MAAM,EAAE,OAAO,IAAI;CAEzC,MAAM,kBACJ,CAAC,0BACA,gBACG,KAAK,QAAQ,cAAc,MAAM,IAAI,KACrC,KAAK,QAAQ,cAAc,IAAI,IAAI,IACnC;AAEN,QACE,oBAAC;EAAoB,GAAI;YACvB,oBAAC;GACC,GAAI;GACC;GACL,MAAM;IACJ,UAAU;IACV,SAAS,CAAC,CAAC,SAAS,CAAC,yBAAyB,UAAU,MAAM,MAAM;IACpE,SAAS;IACT,YAAY,cAAc,CAAC;IAC3B,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,aAAa;IACd;aAEA;IACqB;GACJ"}
+{"version":3,"file":"CalendarCell.js","names":["CalendarDate","isSameDay","tasty","useRef","DateValue","useCalendarCell","CalendarState","RangeCalendarState","CALENDAR_CELL_STYLES","CalendarCellElement","as","styles","margin","padding","CalendarButtonElement","width","height","CubeCalendarCellProps","state","date","today","selectedRange","start","end","rangeHover","CalendarCell","props","$","_c","ref","t0","cellProps","buttonProps","isSelected","isPressed","isFocused","isInvalid","isOutsideVisibleRange","isDisabled","isUnavailable","formattedDate","isFinalSelected","compare","t1","t2","t3","selected","current","outside","pressed","focused","invalid","disabled","unavailable","t4","t5"],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { CalendarDate, isSameDay } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { DateValue, useCalendarCell } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst CalendarCellElement = tasty({\n  as: 'td',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst CalendarButtonElement = tasty({\n  'data-popover-keep': true,\n  styles: {\n    ...CALENDAR_CELL_STYLES,\n    width: '3x',\n    height: '3x',\n  },\n});\n\nexport interface CubeCalendarCellProps {\n  state: CalendarState | RangeCalendarState;\n  date: CalendarDate;\n  /** Today, expressed in the calendar system of the grid. */\n  today?: CalendarDate;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /** Whether the whole row is highlighted (week picker mode). */\n  rangeHover?: boolean;\n}\n\nexport function CalendarCell(props: CubeCalendarCellProps) {\n  let { state, selectedRange, date, today, rangeHover } = props;\n  let ref = useRef(null);\n  let {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isPressed,\n    isFocused,\n    isInvalid,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref);\n\n  const isFinalSelected =\n    !isOutsideVisibleRange &&\n    (selectedRange\n      ? date.compare(selectedRange.start) >= 0 &&\n        date.compare(selectedRange.end) <= 0\n      : isSelected);\n\n  return (\n    <CalendarCellElement {...cellProps}>\n      <CalendarButtonElement\n        {...buttonProps}\n        ref={ref}\n        mods={{\n          selected: isFinalSelected,\n          current: !!today && !isOutsideVisibleRange && isSameDay(date, today),\n          outside: isOutsideVisibleRange,\n          rangeHover: rangeHover && !isFinalSelected,\n          pressed: isPressed,\n          focused: isFocused,\n          invalid: isInvalid,\n          disabled: isDisabled,\n          unavailable: isUnavailable,\n        }}\n      >\n        {formattedDate}\n      </CalendarButtonElement>\n    </CalendarCellElement>\n  );\n}\n"],"mappings":";;;;;;;;;;AAQA,MAAMS,sBAAsBP,MAAM;CAChCQ,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,SAAS;EACX;CACD,CAAC;AAEF,MAAMC,wBAAwBZ,MAAM;CAClC,qBAAqB;CACrBS,QAAQ;EACN,GAAGH;EACHO,OAAO;EACPC,QAAQ;EACV;CACD,CAAC;AAaF,SAAOS,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAV,OAAAG,eAAAF,MAAAC,OAAAI,eAAwDE;CACxD,MAAAG,MAAU1B,OAAO,KAAK;CAAC,IAAA2B;AAAA,KAAAH,EAAA,OAAAR,MAAA;AAYHW,OAAA,EAAAX,MAAQ;AAAAQ,IAAA,KAAAR;AAAAQ,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAX5B,MAAA,EAAAI,WAAAC,aAAAC,YAAAC,WAAAC,WAAAC,WAAAC,uBAAAC,YAAAC,eAAAC,kBAWInC,gBAAgByB,IAAUZ,OAAOW,IAAI;CAEzC,MAAAY,kBACE,CAACJ,0BACAhB,gBACGF,KAAIuB,QAASrB,cAAaC,MAAO,IAAI,KACrCH,KAAIuB,QAASrB,cAAaE,IAAK,IAAI,IAFtCU;CAGe,IAAAU;AAAA,KAAAhB,EAAA,OAAAR,QAAAQ,EAAA,OAAAU,yBAAAV,EAAA,OAAAP,OAAA;AASDuB,OAAA,CAAC,CAACvB,SAAF,CAAYiB,yBAAyBpC,UAAUkB,MAAMC,MAAM;AAAAO,IAAA,KAAAR;AAAAQ,IAAA,KAAAU;AAAAV,IAAA,KAAAP;AAAAO,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAExD,MAAAiB,KAAApB,cAAA,CAAeiB;CAAe,IAAAI;AAAA,KAAAlB,EAAA,OAAAW,cAAAX,EAAA,OAAAc,mBAAAd,EAAA,OAAAQ,aAAAR,EAAA,OAAAS,aAAAT,EAAA,QAAAU,yBAAAV,EAAA,QAAAO,aAAAP,EAAA,QAAAY,iBAAAZ,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AAJtCC,OAAA;GAAAC,UACML;GAAeM,SAChBJ;GAA2DK,SAC3DX;GAAqBb,YAClBoB;GAA8BK,SACjCf;GAASgB,SACTf;GAASgB,SACTf;GAASgB,UACRd;GAAUe,aACPd;GACd;AAAAZ,IAAA,KAAAW;AAAAX,IAAA,KAAAc;AAAAd,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAAO;AAAAP,IAAA,MAAAY;AAAAZ,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAK,eAAAL,EAAA,QAAAa,iBAAAb,EAAA,QAAAkB,IAAA;AAbHS,OAAA,oBAAC;GAAqB,GAChBtB;GACCH;GACC,MAAAgB;aAYLL;IACqB;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAa;AAAAb,IAAA,MAAAkB;AAAAlB,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA4B;AAAA,KAAA5B,EAAA,QAAAI,aAAAJ,EAAA,QAAA2B,IAAA;AAjB1BC,OAAA,oBAAC;GAAmB,GAAKxB;aACvBuB;IAiBoB;AAAA3B,IAAA,MAAAI;AAAAJ,IAAA,MAAA2B;AAAA3B,IAAA,MAAA4B;OAAAA,MAAA5B,EAAA;AAAA,QAlBtB4B"}