@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @cube-dev/ui-kit
 
+## 0.183.0
+
+### Minor Changes
+
+- [#1418](https://github.com/cube-js/cube-ui-kit/pull/1418) [`e78bdb03`](https://github.com/cube-js/cube-ui-kit/commit/e78bdb034c11aa8bc1babf1d04d448ce0b36b277) Thanks [@tenphi](https://github.com/tenphi)! - Support modern form controllers in DialogForm, including typed callbacks, automatic closing after successful submissions, and cancellation and draft retention across dialog sessions. Allow explicit dialog actions to close a DialogTrigger with passive dismissal disabled. Recommend the modern API in the form documentation and migrate Storybook form examples to modern controllers while retaining legacy compatibility references.
+
+- [#1420](https://github.com/cube-js/cube-ui-kit/pull/1420) [`318795f0`](https://github.com/cube-js/cube-ui-kit/commit/318795f05d57c345192d28a13d267ef951343de4) Thanks [@tenphi](https://github.com/tenphi)! - Publish components optimized with React Compiler for React 18 and 19, with no Compiler configuration required in consuming applications. Preserve the legacy form backend and explicitly exclude its mutable render paths from optimization. Fix notification relative timestamps so they continue updating with memoized rendering.
+
+  Normalize React 18 generated IDs in render probes so repeated renders compare consistently.
+
 ## 0.182.0
 
 ### Minor Changes

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,43 +1,60 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 
 //#region src/_internal/hooks/use-debounced-value.ts
-function useDebouncedValue(value, delay = 300, maxWait) {
+function useDebouncedValue(value, t0, maxWait) {
+	const $ = c(5);
+	const delay = t0 === void 0 ? 300 : t0;
 	const [debouncedValue, setDebouncedValue] = useState(value);
 	const lastValueRef = useRef(value);
 	const timeoutRef = useRef(null);
 	const maxWaitTimeoutRef = useRef(null);
-	useEffect(() => {
-		if (value === lastValueRef.current) {
-			if (timeoutRef.current) clearTimeout(timeoutRef.current);
-			if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);
-			return;
-		}
-		timeoutRef.current = setTimeout(() => {
-			setDebouncedValue(value);
-			lastValueRef.current = value;
-			if (maxWaitTimeoutRef.current) {
-				clearTimeout(maxWaitTimeoutRef.current);
-				maxWaitTimeoutRef.current = null;
+	let t1;
+	let t2;
+	if ($[0] !== delay || $[1] !== maxWait || $[2] !== value) {
+		t1 = () => {
+			if (value === lastValueRef.current) {
+				if (timeoutRef.current) clearTimeout(timeoutRef.current);
+				if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);
+				return;
 			}
-		}, delay);
-		if (maxWait && !maxWaitTimeoutRef.current) maxWaitTimeoutRef.current = setTimeout(() => {
-			setDebouncedValue(value);
-			lastValueRef.current = value;
-			if (timeoutRef.current) {
-				clearTimeout(timeoutRef.current);
-				timeoutRef.current = null;
-			}
-		}, maxWait);
-		return () => {
-			if (timeoutRef.current) clearTimeout(timeoutRef.current);
-			if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);
+			timeoutRef.current = setTimeout(() => {
+				setDebouncedValue(value);
+				lastValueRef.current = value;
+				if (maxWaitTimeoutRef.current) {
+					clearTimeout(maxWaitTimeoutRef.current);
+					maxWaitTimeoutRef.current = null;
+				}
+			}, delay);
+			if (maxWait && !maxWaitTimeoutRef.current) maxWaitTimeoutRef.current = setTimeout(() => {
+				setDebouncedValue(value);
+				lastValueRef.current = value;
+				if (timeoutRef.current) {
+					clearTimeout(timeoutRef.current);
+					timeoutRef.current = null;
+				}
+			}, maxWait);
+			return () => {
+				if (timeoutRef.current) clearTimeout(timeoutRef.current);
+				if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);
+			};
 		};
-	}, [
-		value,
-		delay,
-		maxWait
-	]);
+		t2 = [
+			value,
+			delay,
+			maxWait
+		];
+		$[0] = delay;
+		$[1] = maxWait;
+		$[2] = value;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	useEffect(t1, t2);
 	return debouncedValue;
 }
 

package/dist/_internal/hooks/use-debounced-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-debounced-value.js","names":[],"sources":["../../../src/_internal/hooks/use-debounced-value.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useDebouncedValue<T>(\n  value: T,\n  delay: number = 300,\n  maxWait?: number,\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const lastValueRef = useRef(value);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const maxWaitTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    // If value returns to the original while waiting, clear timeouts\n    if (value === lastValueRef.current) {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n      return;\n    }\n\n    // Handle delay\n    timeoutRef.current = setTimeout(() => {\n      setDebouncedValue(value);\n      lastValueRef.current = value;\n      if (maxWaitTimeoutRef.current) {\n        clearTimeout(maxWaitTimeoutRef.current);\n        maxWaitTimeoutRef.current = null;\n      }\n    }, delay);\n\n    // Handle maxWait if provided\n    if (maxWait && !maxWaitTimeoutRef.current) {\n      maxWaitTimeoutRef.current = setTimeout(() => {\n        setDebouncedValue(value);\n        lastValueRef.current = value;\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n      }, maxWait);\n    }\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n    };\n  }, [value, delay, maxWait]);\n\n  return debouncedValue;\n}\n"],"mappings":";;;;AAEA,SAAgB,kBACd,OACA,QAAgB,KAChB,SACG;CACH,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAC3D,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,aAAa,OAA6C,KAAK;CACrE,MAAM,oBAAoB,OAA6C,KAAK;AAE5E,iBAAgB;AAEd,MAAI,UAAU,aAAa,SAAS;AAClC,OAAI,WAAW,QAAS,cAAa,WAAW,QAAQ;AACxD,OAAI,kBAAkB,QAAS,cAAa,kBAAkB,QAAQ;AACtE;;AAIF,aAAW,UAAU,iBAAiB;AACpC,qBAAkB,MAAM;AACxB,gBAAa,UAAU;AACvB,OAAI,kBAAkB,SAAS;AAC7B,iBAAa,kBAAkB,QAAQ;AACvC,sBAAkB,UAAU;;KAE7B,MAAM;AAGT,MAAI,WAAW,CAAC,kBAAkB,QAChC,mBAAkB,UAAU,iBAAiB;AAC3C,qBAAkB,MAAM;AACxB,gBAAa,UAAU;AACvB,OAAI,WAAW,SAAS;AACtB,iBAAa,WAAW,QAAQ;AAChC,eAAW,UAAU;;KAEtB,QAAQ;AAGb,eAAa;AACX,OAAI,WAAW,QAAS,cAAa,WAAW,QAAQ;AACxD,OAAI,kBAAkB,QAAS,cAAa,kBAAkB,QAAQ;;IAEvE;EAAC;EAAO;EAAO;EAAQ,CAAC;AAE3B,QAAO"}
+{"version":3,"file":"use-debounced-value.js","names":["useEffect","useRef","useState","useDebouncedValue","value","t0","maxWait","$","_c","delay","undefined","debouncedValue","setDebouncedValue","lastValueRef","timeoutRef","maxWaitTimeoutRef","t1","t2","current","clearTimeout","setTimeout"],"sources":["../../../src/_internal/hooks/use-debounced-value.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useDebouncedValue<T>(\n  value: T,\n  delay: number = 300,\n  maxWait?: number,\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const lastValueRef = useRef(value);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const maxWaitTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    // If value returns to the original while waiting, clear timeouts\n    if (value === lastValueRef.current) {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n      return;\n    }\n\n    // Handle delay\n    timeoutRef.current = setTimeout(() => {\n      setDebouncedValue(value);\n      lastValueRef.current = value;\n      if (maxWaitTimeoutRef.current) {\n        clearTimeout(maxWaitTimeoutRef.current);\n        maxWaitTimeoutRef.current = null;\n      }\n    }, delay);\n\n    // Handle maxWait if provided\n    if (maxWait && !maxWaitTimeoutRef.current) {\n      maxWaitTimeoutRef.current = setTimeout(() => {\n        setDebouncedValue(value);\n        lastValueRef.current = value;\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n      }, maxWait);\n    }\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n    };\n  }, [value, delay, maxWait]);\n\n  return debouncedValue;\n}\n"],"mappings":";;;;;AAEA,SAAOG,kBAAAC,OAAAC,IAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAEL,MAAAC,QAAAJ,OAAAK,SAAA,MAAAL;CAGA,MAAA,CAAAM,gBAAAC,qBAA4CV,SAASE,MAAM;CAC3D,MAAAS,eAAqBZ,OAAOG,MAAM;CAClC,MAAAU,aAAmBb,OAA6C,KAAK;CACrE,MAAAc,oBAA0Bd,OAA6C,KAAK;CAAC,IAAAe;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAE,SAAAF,EAAA,OAAAD,WAAAC,EAAA,OAAAH,OAAA;AAEnEY,aAAA;AAER,OAAIZ,UAAUS,aAAYK,SAAQ;AAChC,QAAIJ,WAAUI,QAAUC,cAAaL,WAAUI,QAAS;AACxD,QAAIH,kBAAiBG,QAAUC,cAAaJ,kBAAiBG,QAAS;AAAC;;AAKzEJ,cAAUI,UAAWE,iBAAW;AAC9BR,sBAAkBR,MAAM;AACxBS,iBAAYK,UAAWd;AACvB,QAAIW,kBAAiBG,SAAQ;AAC3BC,kBAAaJ,kBAAiBG,QAAS;AACvCH,uBAAiBG,UAAW;;MAE7BT,MAPe;AAUlB,OAAIH,WAAA,CAAYS,kBAAiBG,QAC/BH,mBAAiBG,UAAWE,iBAAW;AACrCR,sBAAkBR,MAAM;AACxBS,iBAAYK,UAAWd;AACvB,QAAIU,WAAUI,SAAQ;AACpBC,kBAAaL,WAAUI,QAAS;AAChCJ,gBAAUI,UAAW;;MAEtBZ,QAPsB;AAQ1B,gBAEM;AACL,QAAIQ,WAAUI,QAAUC,cAAaL,WAAUI,QAAS;AACxD,QAAIH,kBAAiBG,QAAUC,cAAaJ,kBAAiBG,QAAS;;;AAEvED,OAAA;GAACb;GAAOK;GAAOH;GAAQ;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAH;AAAAG,IAAA,KAAAS;AAAAT,IAAA,KAAAU;QAAA;AAAAD,OAAAT,EAAA;AAAAU,OAAAV,EAAA;;AAlC1BP,WAAUgB,IAkCPC,GAAwB;AAAA,QAEpBN"}

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,15 +1,30 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
+import { c } from "react-compiler-runtime";
 import React, { useEffect } from "react";
 
 //#region src/_internal/hooks/use-deprecation-warning.ts
-function useDeprecationWarning(...args) {
+function useDeprecationWarning(...t0) {
+	const $ = c(4);
+	const args = t0;
 	const didWarn = React.useRef(false);
-	useEffect(() => {
-		if (didWarn.current) return;
-		didWarn.current = true;
-		deprecationWarning(...args);
-	}, [args[0]]);
+	let t1;
+	if ($[0] !== args) {
+		t1 = () => {
+			if (didWarn.current) return;
+			didWarn.current = true;
+			deprecationWarning(...args);
+		};
+		$[0] = args;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== args[0]) {
+		t2 = [args[0]];
+		$[2] = args[0];
+		$[3] = t2;
+	} else t2 = $[3];
+	useEffect(t1, t2);
 }
 
 //#endregion

package/dist/_internal/hooks/use-deprecation-warning.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-deprecation-warning.js","names":[],"sources":["../../../src/_internal/hooks/use-deprecation-warning.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { deprecationWarning } from '../../utils/warnings';\n\nexport function useDeprecationWarning(\n  ...args: Parameters<typeof deprecationWarning>\n) {\n  const didWarn = React.useRef(false);\n\n  useEffect(() => {\n    if (didWarn.current) return;\n\n    didWarn.current = true;\n    deprecationWarning(...args);\n  }, [args[0]]);\n}\n"],"mappings":";;;;;AAIA,SAAgB,sBACd,GAAG,MACH;CACA,MAAM,UAAU,MAAM,OAAO,MAAM;AAEnC,iBAAgB;AACd,MAAI,QAAQ,QAAS;AAErB,UAAQ,UAAU;AAClB,qBAAmB,GAAG,KAAK;IAC1B,CAAC,KAAK,GAAG,CAAC"}
+{"version":3,"file":"use-deprecation-warning.js","names":["React","useEffect","deprecationWarning","useDeprecationWarning","t0","$","_c","args","didWarn","useRef","t1","current","t2"],"sources":["../../../src/_internal/hooks/use-deprecation-warning.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { deprecationWarning } from '../../utils/warnings';\n\nexport function useDeprecationWarning(\n  ...args: Parameters<typeof deprecationWarning>\n) {\n  const didWarn = React.useRef(false);\n\n  useEffect(() => {\n    if (didWarn.current) return;\n\n    didWarn.current = true;\n    deprecationWarning(...args);\n  }, [args[0]]);\n}\n"],"mappings":";;;;;;AAIA,SAAOG,sBAAA,GAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,OAAAH;CAEA,MAAAI,UAAgBR,MAAKS,OAAQ,MAAM;CAAC,IAAAC;AAAA,KAAAL,EAAA,OAAAE,MAAA;AAE1BG,aAAA;AACR,OAAIF,QAAOG,QAAQ;AAEnBH,WAAOG,UAAW;AAClBT,sBAAkB,GAAIK,KAAK;;AAC5BF,IAAA,KAAAE;AAAAF,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAE,KAAA,IAAA;AAAEK,OAAA,CAACL,KAAI,GAAI;AAAAF,IAAA,KAAAE,KAAA;AAAAF,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AALZJ,WAAUS,IAKPE,GAAU"}

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

package/dist/_internal/hooks/use-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-event.js","names":[],"sources":["../../../src/_internal/hooks/use-event.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useSyncRef } from './use-sync-ref';\n\n/**\n * useEvent shim from the latest React RFC.\n *\n * @see https://github.com/reactjs/rfcs/pull/220\n * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation\n */\nexport function useEvent<\n  Func extends (...args: Args) => Result,\n  Args extends Parameters<any> = Parameters<Func>,\n  Result extends ReturnType<any> = ReturnType<Func>,\n>(callback: Func): (...args: Args) => Result {\n  const callbackRef = useSyncRef(callback);\n\n  return useCallback((...args) => callbackRef.current(...args), []);\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,SAId,UAA2C;CAC3C,MAAM,cAAc,WAAW,SAAS;AAExC,QAAO,aAAa,GAAG,SAAS,YAAY,QAAQ,GAAG,KAAK,EAAE,EAAE,CAAC"}
+{"version":3,"file":"use-event.js","names":["useCallback","useSyncRef","useEvent","args","Args","Result","Parameters","Func","ReturnType","callback","callbackRef","current"],"sources":["../../../src/_internal/hooks/use-event.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useSyncRef } from './use-sync-ref';\n\n/**\n * useEvent shim from the latest React RFC.\n *\n * @see https://github.com/reactjs/rfcs/pull/220\n * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation\n */\nexport function useEvent<\n  Func extends (...args: Args) => Result,\n  Args extends Parameters<any> = Parameters<Func>,\n  Result extends ReturnType<any> = ReturnType<Func>,\n>(callback: Func): (...args: Args) => Result {\n  const callbackRef = useSyncRef(callback);\n\n  return useCallback((...args) => callbackRef.current(...args), []);\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgBE,SAIdO,UAA2C;CAC3C,MAAMC,cAAcT,WAAWQ,SAAS;AAExC,QAAOT,aAAa,GAAGG,SAASO,YAAYC,QAAQ,GAAGR,KAAK,EAAE,EAAE,CAAC"}

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

package/dist/_internal/hooks/use-is-first-render.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-first-render.js","names":[],"sources":["../../../src/_internal/hooks/use-is-first-render.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport function useIsFirstRender(): boolean {\n  const isFirst = useRef(true);\n\n  if (isFirst.current) {\n    isFirst.current = false;\n\n    return true;\n  }\n\n  return isFirst.current;\n}\n"],"mappings":";;;;AAEA,SAAgB,mBAA4B;CAC1C,MAAM,UAAU,OAAO,KAAK;AAE5B,KAAI,QAAQ,SAAS;AACnB,UAAQ,UAAU;AAElB,SAAO;;AAGT,QAAO,QAAQ"}
+{"version":3,"file":"use-is-first-render.js","names":["useRef","useIsFirstRender","isFirst","current"],"sources":["../../../src/_internal/hooks/use-is-first-render.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport function useIsFirstRender(): boolean {\n  const isFirst = useRef(true);\n\n  if (isFirst.current) {\n    isFirst.current = false;\n\n    return true;\n  }\n\n  return isFirst.current;\n}\n"],"mappings":";;;;AAEA,SAAgBC,mBAA4B;CAC1C,MAAMC,UAAUF,OAAO,KAAK;AAE5B,KAAIE,QAAQC,SAAS;AACnBD,UAAQC,UAAU;AAElB,SAAO;;AAGT,QAAOD,QAAQC"}

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,13 +1,21 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
+import { c } from "react-compiler-runtime";
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-sync-ref.ts
 function useSyncRef(value) {
+	const $ = c(2);
 	const ref = useRef(value);
-	useLayoutEffect$1(() => {
-		ref.current = value;
-	});
+	let t0;
+	if ($[0] !== value) {
+		t0 = () => {
+			ref.current = value;
+		};
+		$[0] = value;
+		$[1] = t0;
+	} else t0 = $[1];
+	useLayoutEffect$1(t0);
 	return ref;
 }
 

package/dist/_internal/hooks/use-sync-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sync-ref.js","names":[],"sources":["../../../src/_internal/hooks/use-sync-ref.ts"],"sourcesContent":["import { MutableRefObject, useRef } from 'react';\n\nimport { useLayoutEffect } from '../../utils/react';\n\nexport function useSyncRef<T>(value: T): MutableRefObject<T> {\n  const ref = useRef<T>(value);\n\n  useLayoutEffect(() => {\n    ref.current = value;\n  });\n\n  return ref;\n}\n"],"mappings":";;;;;AAIA,SAAgB,WAAc,OAA+B;CAC3D,MAAM,MAAM,OAAU,MAAM;AAE5B,yBAAsB;AACpB,MAAI,UAAU;GACd;AAEF,QAAO"}
+{"version":3,"file":"use-sync-ref.js","names":["MutableRefObject","useRef","useLayoutEffect","useSyncRef","value","$","_c","ref","t0","current"],"sources":["../../../src/_internal/hooks/use-sync-ref.ts"],"sourcesContent":["import { MutableRefObject, useRef } from 'react';\n\nimport { useLayoutEffect } from '../../utils/react';\n\nexport function useSyncRef<T>(value: T): MutableRefObject<T> {\n  const ref = useRef<T>(value);\n\n  useLayoutEffect(() => {\n    ref.current = value;\n  });\n\n  return ref;\n}\n"],"mappings":";;;;;;AAIA,SAAOG,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,MAAYN,OAAUG,MAAM;CAAC,IAAAI;AAAA,KAAAH,EAAA,OAAAD,OAAA;AAEbI,aAAA;AACdD,OAAGE,UAAWL;;AACfC,IAAA,KAAAD;AAAAC,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAFDH,mBAAgBM,GAEd;AAAA,QAEKD"}

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"timer.js","names":[],"sources":["../../../../src/_internal/hooks/use-timer/timer.ts"],"sourcesContent":["export class Timer {\n  private readonly callback: () => void;\n  private readonly delay: number;\n\n  private remaining: number;\n  private timerId: ReturnType<typeof setTimeout> | null = null;\n  private startTime: number | null = null;\n\n  private _status: 'stopped' | 'paused' | 'running' = 'stopped';\n\n  get status() {\n    return this._status;\n  }\n\n  private set status(status) {\n    this._status = status;\n  }\n\n  constructor(callback: () => unknown, delay: number) {\n    this.callback = callback;\n    this.delay = delay;\n    this.remaining = delay;\n\n    this.resume();\n  }\n\n  reset() {\n    this.clear();\n    this.remaining = this.delay;\n    this.status = 'stopped';\n  }\n\n  pause() {\n    if (this.timerId === null || this.startTime === null) {\n      return;\n    }\n\n    this.clear();\n    this.remaining -= Date.now() - this.startTime;\n    this.status = 'paused';\n  }\n\n  resume() {\n    if (this.timerId !== null) return;\n\n    this.startTime = Date.now();\n    this.clear();\n\n    this.timerId = setTimeout(() => {\n      this.reset();\n      this.callback();\n    }, this.remaining);\n\n    this.status = 'running';\n  }\n\n  private clear() {\n    if (this.timerId === null) {\n      return;\n    }\n\n    clearTimeout(this.timerId);\n    this.timerId = null;\n  }\n}\n"],"mappings":";;AAAA,IAAa,QAAb,MAAmB;CACjB,AAAiB;CACjB,AAAiB;CAEjB,AAAQ;CACR,AAAQ,UAAgD;CACxD,AAAQ,YAA2B;CAEnC,AAAQ,UAA4C;CAEpD,IAAI,SAAS;AACX,SAAO,KAAK;;CAGd,IAAY,OAAO,QAAQ;AACzB,OAAK,UAAU;;CAGjB,YAAY,UAAyB,OAAe;AAClD,OAAK,WAAW;AAChB,OAAK,QAAQ;AACb,OAAK,YAAY;AAEjB,OAAK,QAAQ;;CAGf,QAAQ;AACN,OAAK,OAAO;AACZ,OAAK,YAAY,KAAK;AACtB,OAAK,SAAS;;CAGhB,QAAQ;AACN,MAAI,KAAK,YAAY,QAAQ,KAAK,cAAc,KAC9C;AAGF,OAAK,OAAO;AACZ,OAAK,aAAa,KAAK,KAAK,GAAG,KAAK;AACpC,OAAK,SAAS;;CAGhB,SAAS;AACP,MAAI,KAAK,YAAY,KAAM;AAE3B,OAAK,YAAY,KAAK,KAAK;AAC3B,OAAK,OAAO;AAEZ,OAAK,UAAU,iBAAiB;AAC9B,QAAK,OAAO;AACZ,QAAK,UAAU;KACd,KAAK,UAAU;AAElB,OAAK,SAAS;;CAGhB,AAAQ,QAAQ;AACd,MAAI,KAAK,YAAY,KACnB;AAGF,eAAa,KAAK,QAAQ;AAC1B,OAAK,UAAU"}
+{"version":3,"file":"timer.js","names":["Timer","callback","delay","remaining","timerId","ReturnType","setTimeout","startTime","_status","status","constructor","resume","reset","clear","pause","Date","now","clearTimeout"],"sources":["../../../../src/_internal/hooks/use-timer/timer.ts"],"sourcesContent":["export class Timer {\n  private readonly callback: () => void;\n  private readonly delay: number;\n\n  private remaining: number;\n  private timerId: ReturnType<typeof setTimeout> | null = null;\n  private startTime: number | null = null;\n\n  private _status: 'stopped' | 'paused' | 'running' = 'stopped';\n\n  get status() {\n    return this._status;\n  }\n\n  private set status(status) {\n    this._status = status;\n  }\n\n  constructor(callback: () => unknown, delay: number) {\n    this.callback = callback;\n    this.delay = delay;\n    this.remaining = delay;\n\n    this.resume();\n  }\n\n  reset() {\n    this.clear();\n    this.remaining = this.delay;\n    this.status = 'stopped';\n  }\n\n  pause() {\n    if (this.timerId === null || this.startTime === null) {\n      return;\n    }\n\n    this.clear();\n    this.remaining -= Date.now() - this.startTime;\n    this.status = 'paused';\n  }\n\n  resume() {\n    if (this.timerId !== null) return;\n\n    this.startTime = Date.now();\n    this.clear();\n\n    this.timerId = setTimeout(() => {\n      this.reset();\n      this.callback();\n    }, this.remaining);\n\n    this.status = 'running';\n  }\n\n  private clear() {\n    if (this.timerId === null) {\n      return;\n    }\n\n    clearTimeout(this.timerId);\n    this.timerId = null;\n  }\n}\n"],"mappings":";;AAAA,IAAaA,QAAb,MAAmB;CACjB,AAAiBC;CACjB,AAAiBC;CAEjB,AAAQC;CACR,AAAQC,UAAgD;CACxD,AAAQG,YAA2B;CAEnC,AAAQC,UAA4C;CAEpD,IAAIC,SAAS;AACX,SAAO,KAAKD;;CAGd,IAAYC,OAAOA,QAAQ;AACzB,OAAKD,UAAUC;;CAGjBC,YAAYT,UAAyBC,OAAe;AAClD,OAAKD,WAAWA;AAChB,OAAKC,QAAQA;AACb,OAAKC,YAAYD;AAEjB,OAAKS,QAAQ;;CAGfC,QAAQ;AACN,OAAKC,OAAO;AACZ,OAAKV,YAAY,KAAKD;AACtB,OAAKO,SAAS;;CAGhBK,QAAQ;AACN,MAAI,KAAKV,YAAY,QAAQ,KAAKG,cAAc,KAC9C;AAGF,OAAKM,OAAO;AACZ,OAAKV,aAAaY,KAAKC,KAAK,GAAG,KAAKT;AACpC,OAAKE,SAAS;;CAGhBE,SAAS;AACP,MAAI,KAAKP,YAAY,KAAM;AAE3B,OAAKG,YAAYQ,KAAKC,KAAK;AAC3B,OAAKH,OAAO;AAEZ,OAAKT,UAAUE,iBAAiB;AAC9B,QAAKM,OAAO;AACZ,QAAKX,UAAU;KACd,KAAKE,UAAU;AAElB,OAAKM,SAAS;;CAGhB,AAAQI,QAAQ;AACd,MAAI,KAAKT,YAAY,KACnB;AAGFa,eAAa,KAAKb,QAAQ;AAC1B,OAAKA,UAAU"}

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,30 +1,100 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 
 //#region src/_internal/hooks/use-timer/use-timer.ts
-function useTimer(props = {}) {
-	const { callback, delay, isDisabled, timer: propsTimer = null } = props;
-	const callbackEvent = useEvent(() => callback?.());
-	const [timer, setTimer] = useState(() => {
-		if (propsTimer) return propsTimer;
-		if (typeof delay === "number") return new Timer(callbackEvent, delay);
-		return null;
-	});
+function useTimer(t0) {
+	const $ = c(26);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { callback, delay, isDisabled, timer: t2 } = t1;
+	const propsTimer = t2 === void 0 ? null : t2;
+	let t3;
+	if ($[2] !== callback) {
+		t3 = () => callback?.();
+		$[2] = callback;
+		$[3] = t3;
+	} else t3 = $[3];
+	const callbackEvent = useEvent(t3);
+	let t4;
+	if ($[4] !== callbackEvent || $[5] !== delay || $[6] !== propsTimer) {
+		t4 = () => {
+			if (propsTimer) return propsTimer;
+			if (typeof delay === "number") return new Timer(callbackEvent, delay);
+			return null;
+		};
+		$[4] = callbackEvent;
+		$[5] = delay;
+		$[6] = propsTimer;
+		$[7] = t4;
+	} else t4 = $[7];
+	const [timer, setTimer] = useState(t4);
 	if (isDisabled) timer?.reset();
 	else timer?.resume();
-	useEffect(() => {
-		setTimer(propsTimer);
-		return () => timer?.reset();
-	}, [propsTimer]);
-	useEffect(() => {
-		if (propsTimer) return;
-		if (typeof delay === "number") setTimer(new Timer(callbackEvent, delay));
-		return () => timer?.reset();
-	}, [delay, propsTimer]);
-	useEffect(() => () => timer?.reset(), [timer]);
-	return { timer };
+	let t5;
+	if ($[8] !== propsTimer || $[9] !== timer) {
+		t5 = () => {
+			setTimer(propsTimer);
+			return () => timer?.reset();
+		};
+		$[8] = propsTimer;
+		$[9] = timer;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== propsTimer) {
+		t6 = [propsTimer];
+		$[11] = propsTimer;
+		$[12] = t6;
+	} else t6 = $[12];
+	useEffect(t5, t6);
+	let t7;
+	if ($[13] !== callbackEvent || $[14] !== delay || $[15] !== propsTimer || $[16] !== timer) {
+		t7 = () => {
+			if (propsTimer) return;
+			if (typeof delay === "number") setTimer(new Timer(callbackEvent, delay));
+			return () => timer?.reset();
+		};
+		$[13] = callbackEvent;
+		$[14] = delay;
+		$[15] = propsTimer;
+		$[16] = timer;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== delay || $[19] !== propsTimer) {
+		t8 = [delay, propsTimer];
+		$[18] = delay;
+		$[19] = propsTimer;
+		$[20] = t8;
+	} else t8 = $[20];
+	useEffect(t7, t8);
+	let t10;
+	let t9;
+	if ($[21] !== timer) {
+		t9 = () => () => timer?.reset();
+		t10 = [timer];
+		$[21] = timer;
+		$[22] = t10;
+		$[23] = t9;
+	} else {
+		t10 = $[22];
+		t9 = $[23];
+	}
+	useEffect(t9, t10);
+	let t11;
+	if ($[24] !== timer) {
+		t11 = { timer };
+		$[24] = timer;
+		$[25] = t11;
+	} else t11 = $[25];
+	return t11;
 }
 
 //#endregion

package/dist/_internal/hooks/use-timer/use-timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-timer.js","names":[],"sources":["../../../../src/_internal/hooks/use-timer/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../use-event';\n\nimport { Timer } from './timer';\n\nexport type UseTimerProps = {\n  callback?: () => void;\n  delay?: number | null;\n  isDisabled?: boolean;\n  timer?: Timer | null;\n};\n\nexport function useTimer(props: UseTimerProps = {}) {\n  const { callback, delay, isDisabled, timer: propsTimer = null } = props;\n\n  const callbackEvent = useEvent(() => callback?.());\n  const [timer, setTimer] = useState<Timer | null>(() => {\n    if (propsTimer) {\n      return propsTimer;\n    }\n\n    if (typeof delay === 'number') {\n      return new Timer(callbackEvent, delay);\n    }\n\n    return null;\n  });\n\n  if (isDisabled) {\n    timer?.reset();\n  } else {\n    timer?.resume();\n  }\n\n  useEffect(() => {\n    setTimer(propsTimer);\n    return () => timer?.reset();\n  }, [propsTimer]);\n\n  useEffect(() => {\n    if (propsTimer) return;\n\n    if (typeof delay === 'number') {\n      setTimer(new Timer(callbackEvent, delay));\n    }\n\n    return () => timer?.reset();\n  }, [delay, propsTimer]);\n\n  useEffect(() => () => timer?.reset(), [timer]);\n\n  return { timer } as const;\n}\n"],"mappings":";;;;;;AAaA,SAAgB,SAAS,QAAuB,EAAE,EAAE;CAClD,MAAM,EAAE,UAAU,OAAO,YAAY,OAAO,aAAa,SAAS;CAElE,MAAM,gBAAgB,eAAe,YAAY,CAAC;CAClD,MAAM,CAAC,OAAO,YAAY,eAA6B;AACrD,MAAI,WACF,QAAO;AAGT,MAAI,OAAO,UAAU,SACnB,QAAO,IAAI,MAAM,eAAe,MAAM;AAGxC,SAAO;GACP;AAEF,KAAI,WACF,QAAO,OAAO;KAEd,QAAO,QAAQ;AAGjB,iBAAgB;AACd,WAAS,WAAW;AACpB,eAAa,OAAO,OAAO;IAC1B,CAAC,WAAW,CAAC;AAEhB,iBAAgB;AACd,MAAI,WAAY;AAEhB,MAAI,OAAO,UAAU,SACnB,UAAS,IAAI,MAAM,eAAe,MAAM,CAAC;AAG3C,eAAa,OAAO,OAAO;IAC1B,CAAC,OAAO,WAAW,CAAC;AAEvB,uBAAsB,OAAO,OAAO,EAAE,CAAC,MAAM,CAAC;AAE9C,QAAO,EAAE,OAAO"}
+{"version":3,"file":"use-timer.js","names":["useEffect","useState","useEvent","Timer","UseTimerProps","callback","delay","isDisabled","timer","useTimer","t0","$","_c","t1","undefined","props","t2","propsTimer","t3","callbackEvent","t4","setTimer","reset","resume","t5","t6","t7","t8","t10","t9","t11","const"],"sources":["../../../../src/_internal/hooks/use-timer/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../use-event';\n\nimport { Timer } from './timer';\n\nexport type UseTimerProps = {\n  callback?: () => void;\n  delay?: number | null;\n  isDisabled?: boolean;\n  timer?: Timer | null;\n};\n\nexport function useTimer(props: UseTimerProps = {}) {\n  const { callback, delay, isDisabled, timer: propsTimer = null } = props;\n\n  const callbackEvent = useEvent(() => callback?.());\n  const [timer, setTimer] = useState<Timer | null>(() => {\n    if (propsTimer) {\n      return propsTimer;\n    }\n\n    if (typeof delay === 'number') {\n      return new Timer(callbackEvent, delay);\n    }\n\n    return null;\n  });\n\n  if (isDisabled) {\n    timer?.reset();\n  } else {\n    timer?.resume();\n  }\n\n  useEffect(() => {\n    setTimer(propsTimer);\n    return () => timer?.reset();\n  }, [propsTimer]);\n\n  useEffect(() => {\n    if (propsTimer) return;\n\n    if (typeof delay === 'number') {\n      setTimer(new Timer(callbackEvent, delay));\n    }\n\n    return () => timer?.reset();\n  }, [delay, propsTimer]);\n\n  useEffect(() => () => timer?.reset(), [timer]);\n\n  return { timer } as const;\n}\n"],"mappings":";;;;;;;AAaA,SAAOS,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,IAAA;AAAkBG,OAAAH,OAAAI,SAAA,EAAyB,GAAzBJ;AAAyBC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAChD,MAAA,EAAAN,UAAAC,OAAAC,YAAAC,OAAAQ,OADuBH;CACqB,MAAAI,aAAAD,OAAAF,SAAA,OAAAE;CAAiB,IAAAE;AAAA,KAAAP,EAAA,OAAAN,UAAA;AAE9Ba,aAAMb,YAAY;AAAAM,IAAA,KAAAN;AAAAM,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAjD,MAAAQ,gBAAsBjB,SAASgB,GAAmB;CAAC,IAAAE;AAAA,KAAAT,EAAA,OAAAQ,iBAAAR,EAAA,OAAAL,SAAAK,EAAA,OAAAM,YAAA;AACFG,aAAA;AAC/C,OAAIH,WAAU,QACLA;AAGT,OAAI,OAAOX,UAAU,SAAQ,QACpB,IAAIH,MAAMgB,eAAeb,MAAM;AACvC,UAEM;;AACRK,IAAA,KAAAQ;AAAAR,IAAA,KAAAL;AAAAK,IAAA,KAAAM;AAAAN,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAVD,MAAA,CAAAH,OAAAa,YAA0BpB,SAAuBmB,GAU/C;AAEF,KAAIb,WACFC,QAAKc,OAAS;KAEdd,QAAKe,QAAU;CAChB,IAAAC;AAAA,KAAAb,EAAA,OAAAM,cAAAN,EAAA,OAAAH,OAAA;AAESgB,aAAA;AACRH,YAASJ,WAAW;AAAA,gBACPT,OAAKc,OAAS;;AAC5BX,IAAA,KAAAM;AAAAN,IAAA,KAAAH;AAAAG,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAM,YAAA;AAAEQ,OAAA,CAACR,WAAW;AAAAN,IAAA,MAAAM;AAAAN,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAHfX,WAAUwB,IAGPC,GAAa;CAAA,IAAAC;AAAA,KAAAf,EAAA,QAAAQ,iBAAAR,EAAA,QAAAL,SAAAK,EAAA,QAAAM,cAAAN,EAAA,QAAAH,OAAA;AAENkB,aAAA;AACR,OAAIT,WAAU;AAEd,OAAI,OAAOX,UAAU,SACnBe,UAAS,IAAIlB,MAAMgB,eAAeb,MAAM,CAAC;AAC1C,gBAEYE,OAAKc,OAAS;;AAC5BX,IAAA,MAAAQ;AAAAR,IAAA,MAAAL;AAAAK,IAAA,MAAAM;AAAAN,IAAA,MAAAH;AAAAG,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAL,SAAAK,EAAA,QAAAM,YAAA;AAAEU,OAAA,CAACrB,OAAOW,WAAW;AAAAN,IAAA,MAAAL;AAAAK,IAAA,MAAAM;AAAAN,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AARtBX,WAAU0B,IAQPC,GAAoB;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAlB,EAAA,QAAAH,OAAA;AAEbqB,mBAAYrB,OAAKc,OAAS;AAAEM,QAAA,CAACpB,MAAM;AAAAG,IAAA,MAAAH;AAAAG,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;QAAA;AAAAD,QAAAjB,EAAA;AAAAkB,OAAAlB,EAAA;;AAA7CX,WAAU6B,IAA4BD,IAAQ;CAAA,IAAAE;AAAA,KAAAnB,EAAA,QAAAH,OAAA;AAEvCsB,QAAA,EAAAtB,OAAS;AAAAG,IAAA,MAAAH;AAAAG,IAAA,MAAAmB;OAAAA,OAAAnB,EAAA;AAAA,QAATmB"}

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";
@@ -8,9 +8,9 @@ const GLOBAL_WARNED = /* @__PURE__ */ new Set();
 function useWarn(condition, params) {
 	const { once = true, key, args } = params;
 	const hasWarnedRef = useRef(false);
-	const execute = useEvent((condition, args) => {
-		if (condition) {
-			warn(...args);
+	const execute = useEvent((condition_0, args_0) => {
+		if (condition_0) {
+			warn(...args_0);
 			return true;
 		}
 		return false;

package/dist/_internal/hooks/use-warn.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-warn.js","names":[],"sources":["../../../src/_internal/hooks/use-warn.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { warn } from '../../utils/warnings';\n\nimport { useEvent } from './use-event';\n\nconst GLOBAL_WARNED = new Set<string>();\n\nexport type WarnKey = string | unknown[];\nexport type WarnArgs = Parameters<typeof warn>;\nexport type WarnParameters<T extends WarnKey = WarnKey> = {\n  /**\n   * If true, the warning will only be shown once per session.\n   * If false, the warning will be shown once for a component instance.\n   *\n   * @default true\n   */\n  once?: boolean;\n  key?: T;\n  args: [...WarnArgs];\n};\n\nexport function useWarn<Condition, Key extends WarnKey>(\n  condition: Condition,\n  params: WarnParameters<Key>,\n) {\n  const { once = true, key, args } = params;\n\n  const hasWarnedRef = useRef(false);\n\n  const execute = useEvent((condition: Condition, args: WarnArgs) => {\n    if (condition) {\n      warn(...args);\n      return true;\n    }\n\n    return false;\n  });\n\n  if (once) {\n    const keyString = JSON.stringify(key);\n\n    if (GLOBAL_WARNED.has(keyString)) return;\n\n    if (execute(condition, args)) {\n      GLOBAL_WARNED.add(keyString);\n      return;\n    }\n  }\n\n  if (hasWarnedRef.current) return;\n\n  if (execute(condition, args)) {\n    hasWarnedRef.current = true;\n    return;\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAM,gCAAgB,IAAI,KAAa;AAgBvC,SAAgB,QACd,WACA,QACA;CACA,MAAM,EAAE,OAAO,MAAM,KAAK,SAAS;CAEnC,MAAM,eAAe,OAAO,MAAM;CAElC,MAAM,UAAU,UAAU,WAAsB,SAAmB;AACjE,MAAI,WAAW;AACb,QAAK,GAAG,KAAK;AACb,UAAO;;AAGT,SAAO;GACP;AAEF,KAAI,MAAM;EACR,MAAM,YAAY,KAAK,UAAU,IAAI;AAErC,MAAI,cAAc,IAAI,UAAU,CAAE;AAElC,MAAI,QAAQ,WAAW,KAAK,EAAE;AAC5B,iBAAc,IAAI,UAAU;AAC5B;;;AAIJ,KAAI,aAAa,QAAS;AAE1B,KAAI,QAAQ,WAAW,KAAK,EAAE;AAC5B,eAAa,UAAU;AACvB"}
+{"version":3,"file":"use-warn.js","names":["useRef","warn","useEvent","GLOBAL_WARNED","Set","WarnKey","WarnArgs","Parameters","WarnParameters","once","key","T","args","useWarn","condition","Condition","params","Key","hasWarnedRef","execute","keyString","JSON","stringify","has","add","current"],"sources":["../../../src/_internal/hooks/use-warn.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { warn } from '../../utils/warnings';\n\nimport { useEvent } from './use-event';\n\nconst GLOBAL_WARNED = new Set<string>();\n\nexport type WarnKey = string | unknown[];\nexport type WarnArgs = Parameters<typeof warn>;\nexport type WarnParameters<T extends WarnKey = WarnKey> = {\n  /**\n   * If true, the warning will only be shown once per session.\n   * If false, the warning will be shown once for a component instance.\n   *\n   * @default true\n   */\n  once?: boolean;\n  key?: T;\n  args: [...WarnArgs];\n};\n\nexport function useWarn<Condition, Key extends WarnKey>(\n  condition: Condition,\n  params: WarnParameters<Key>,\n) {\n  const { once = true, key, args } = params;\n\n  const hasWarnedRef = useRef(false);\n\n  const execute = useEvent((condition: Condition, args: WarnArgs) => {\n    if (condition) {\n      warn(...args);\n      return true;\n    }\n\n    return false;\n  });\n\n  if (once) {\n    const keyString = JSON.stringify(key);\n\n    if (GLOBAL_WARNED.has(keyString)) return;\n\n    if (execute(condition, args)) {\n      GLOBAL_WARNED.add(keyString);\n      return;\n    }\n  }\n\n  if (hasWarnedRef.current) return;\n\n  if (execute(condition, args)) {\n    hasWarnedRef.current = true;\n    return;\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAMG,gCAAgB,IAAIC,KAAa;AAgBvC,SAAgBS,QACdC,WACAE,QACA;CACA,MAAM,EAAEP,OAAO,MAAMC,KAAKE,SAASI;CAEnC,MAAME,eAAelB,OAAO,MAAM;CAElC,MAAMmB,UAAUjB,UAAUY,aAAsBF,WAAmB;AACjE,MAAIE,aAAW;AACbb,QAAK,GAAGW,OAAK;AACb,UAAO;;AAGT,SAAO;GACP;AAEF,KAAIH,MAAM;EACR,MAAMW,YAAYC,KAAKC,UAAUZ,IAAI;AAErC,MAAIP,cAAcoB,IAAIH,UAAU,CAAE;AAElC,MAAID,QAAQL,WAAWF,KAAK,EAAE;AAC5BT,iBAAcqB,IAAIJ,UAAU;AAC5B;;;AAIJ,KAAIF,aAAaO,QAAS;AAE1B,KAAIN,QAAQL,WAAWF,KAAK,EAAE;AAC5BM,eAAaO,UAAU;AACvB"}

package/dist/components/Block.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -7,12 +8,33 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/Block.tsx
 const BlockElement = tasty({ styles: { display: "block" } });
 const Block = forwardRef(function Block(props, ref) {
-	const styles = extractStyles(props, CONTAINER_STYLES);
-	return /* @__PURE__ */ jsx(BlockElement, {
-		...filterBaseProps(props, { eventProps: true }),
-		ref,
-		styles
-	});
+	const $ = c(8);
+	let t0;
+	if ($[0] !== props) {
+		t0 = extractStyles(props, CONTAINER_STYLES);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const styles = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = filterBaseProps(props, { eventProps: true });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== ref || $[5] !== styles || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(BlockElement, {
+			...t1,
+			ref,
+			styles
+		});
+		$[4] = ref;
+		$[5] = styles;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 });
 
 //#endregion

package/dist/components/Block.js.map

@@ -1 +1 @@
-{"version":3,"file":"Block.js","names":[],"sources":["../../src/components/Block.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../utils/styles';\n\nconst BlockElement = tasty({\n  styles: {\n    display: 'block',\n  },\n});\n\nexport interface CubeBlockProps\n  extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>,\n    ContainerStyleProps {}\n\nexport const Block = forwardRef(function Block(props: CubeBlockProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <BlockElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAWA,MAAM,eAAe,MAAM,EACzB,QAAQ,EACN,SAAS,SACV,EACF,CAAC;AAMF,MAAa,QAAQ,WAAW,SAAS,MAAM,OAAuB,KAAK;CACzE,MAAM,SAAS,cAAc,OAAO,iBAAiB;AAErD,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}
+{"version":3,"file":"Block.js","names":["AllBaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","extractStyles","BlockElement","styles","display","CubeBlockProps","Omit","Block","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../src/components/Block.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../utils/styles';\n\nconst BlockElement = tasty({\n  styles: {\n    display: 'block',\n  },\n});\n\nexport interface CubeBlockProps\n  extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>,\n    ContainerStyleProps {}\n\nexport const Block = forwardRef(function Block(props: CubeBlockProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <BlockElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAWA,MAAMO,eAAeH,MAAM,EACzBI,QAAQ,EACNC,SAAS,SACX,EACD,CAAC;AAMF,MAAaG,QAAQP,WAAW,SAAAO,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AACfI,OAAAX,cAAcO,OAAOZ,iBAAiB;AAAAc,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAArD,MAAAP,SAAeS;CAAuC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAI9CK,OAAAf,gBAAgBU,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAP,UAAAO,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAY,GACPF;GACCJ;GACGN;IACR;AAAAO,IAAA,KAAAD;AAAAC,IAAA,KAAAP;AAAAO,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/CollectionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionItem.js","names":[],"sources":["../../src/components/CollectionItem.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { Item, ItemProps } from 'react-stately';\n\nimport { ItemAction } from './actions/ItemAction';\nimport { CubeItemProps } from './content/Item/Item';\nimport { ItemBadge } from './content/ItemBadge';\n\nexport interface CubeCollectionItemProps<T>\n  extends ItemProps<T>,\n    Omit<CubeItemProps, 'children'> {\n  onAction?: () => void;\n  wrapper?: (item: ReactElement) => ReactElement;\n  [key: string]: any;\n}\n\n/**\n * Service props that are used by react-stately or parent components\n * and should not be passed to the Item component.\n */\nconst SERVICE_PROPS = new Set([\n  // React Stately props\n  'textValue',\n  'hasChildItems',\n  'childItems',\n  'title',\n  // Custom service props\n  'onAction',\n  'wrapper',\n  'keywords', // CommandMenu-specific\n  'forceMount', // CommandMenu-specific\n]);\n\n/**\n * Filters out service props from collection item props, returning only\n * props that should be passed to the Item component.\n *\n * This eliminates the need to manually extract and pass Item props\n * in components like MenuItem, ListBox Option, and Select Option.\n *\n * @param itemProps - The props from a collection item (node.props)\n * @returns Filtered props safe to spread onto Item component\n *\n * @example\n * ```tsx\n * const itemProps = filterCollectionItemProps(item.props);\n * return <Item {...itemProps} />;\n * ```\n */\nexport function filterCollectionItemProps(\n  itemProps: Record<string, any> | undefined,\n): Record<string, any> {\n  if (!itemProps) {\n    return {};\n  }\n\n  const filtered: Record<string, any> = {};\n\n  for (const key in itemProps) {\n    if (\n      Object.prototype.hasOwnProperty.call(itemProps, key) &&\n      !SERVICE_PROPS.has(key)\n    ) {\n      filtered[key] = itemProps[key];\n    }\n  }\n\n  return filtered;\n}\n\nconst _CollectionItem = Object.assign(\n  Item as <T>(props: CubeCollectionItemProps<T>) => ReactElement,\n  {\n    Action: ItemAction,\n    Badge: ItemBadge,\n  },\n);\n\nexport { _CollectionItem as CollectionItem };\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,gBAAgB,IAAI,IAAI;CAE5B;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACD,CAAC;;;;;;;;;;;;;;;;;AAkBF,SAAgB,0BACd,WACqB;AACrB,KAAI,CAAC,UACH,QAAO,EAAE;CAGX,MAAM,WAAgC,EAAE;AAExC,MAAK,MAAM,OAAO,UAChB,KACE,OAAO,UAAU,eAAe,KAAK,WAAW,IAAI,IACpD,CAAC,cAAc,IAAI,IAAI,CAEvB,UAAS,OAAO,UAAU;AAI9B,QAAO;;AAGT,MAAM,kBAAkB,OAAO,OAC7B,MACA;CACE,QAAQ;CACR,OAAO;CACR,CACF"}
+{"version":3,"file":"CollectionItem.js","names":["ReactElement","Item","ItemProps","ItemAction","CubeItemProps","ItemBadge","CubeCollectionItemProps","T","Omit","onAction","wrapper","item","key","SERVICE_PROPS","Set","filterCollectionItemProps","itemProps","Record","filtered","Object","prototype","hasOwnProperty","call","has","_CollectionItem","assign","props","Action","Badge","CollectionItem"],"sources":["../../src/components/CollectionItem.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { Item, ItemProps } from 'react-stately';\n\nimport { ItemAction } from './actions/ItemAction';\nimport { CubeItemProps } from './content/Item/Item';\nimport { ItemBadge } from './content/ItemBadge';\n\nexport interface CubeCollectionItemProps<T>\n  extends ItemProps<T>,\n    Omit<CubeItemProps, 'children'> {\n  onAction?: () => void;\n  wrapper?: (item: ReactElement) => ReactElement;\n  [key: string]: any;\n}\n\n/**\n * Service props that are used by react-stately or parent components\n * and should not be passed to the Item component.\n */\nconst SERVICE_PROPS = new Set([\n  // React Stately props\n  'textValue',\n  'hasChildItems',\n  'childItems',\n  'title',\n  // Custom service props\n  'onAction',\n  'wrapper',\n  'keywords', // CommandMenu-specific\n  'forceMount', // CommandMenu-specific\n]);\n\n/**\n * Filters out service props from collection item props, returning only\n * props that should be passed to the Item component.\n *\n * This eliminates the need to manually extract and pass Item props\n * in components like MenuItem, ListBox Option, and Select Option.\n *\n * @param itemProps - The props from a collection item (node.props)\n * @returns Filtered props safe to spread onto Item component\n *\n * @example\n * ```tsx\n * const itemProps = filterCollectionItemProps(item.props);\n * return <Item {...itemProps} />;\n * ```\n */\nexport function filterCollectionItemProps(\n  itemProps: Record<string, any> | undefined,\n): Record<string, any> {\n  if (!itemProps) {\n    return {};\n  }\n\n  const filtered: Record<string, any> = {};\n\n  for (const key in itemProps) {\n    if (\n      Object.prototype.hasOwnProperty.call(itemProps, key) &&\n      !SERVICE_PROPS.has(key)\n    ) {\n      filtered[key] = itemProps[key];\n    }\n  }\n\n  return filtered;\n}\n\nconst _CollectionItem = Object.assign(\n  Item as <T>(props: CubeCollectionItemProps<T>) => ReactElement,\n  {\n    Action: ItemAction,\n    Badge: ItemBadge,\n  },\n);\n\nexport { _CollectionItem as CollectionItem };\n"],"mappings":";;;;;;;;;;AAmBA,MAAMa,gBAAgB,IAAIC,IAAI;CAE5B;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACD,CAAC;;;;;;;;;;;;;;;;;AAkBF,SAAgBC,0BACdC,WACqB;AACrB,KAAI,CAACA,UACH,QAAO,EAAE;CAGX,MAAME,WAAgC,EAAE;AAExC,MAAK,MAAMN,OAAOI,UAChB,KACEG,OAAOC,UAAUC,eAAeC,KAAKN,WAAWJ,IAAI,IACpD,CAACC,cAAcU,IAAIX,IAAI,CAEvBM,UAASN,OAAOI,UAAUJ;AAI9B,QAAOM;;AAGT,MAAMM,kBAAkBL,OAAOM,OAC7BxB,MACA;CACE0B,QAAQxB;CACRyB,OAAOvB;CAEX,CAAC"}

package/dist/components/GlobalStyles.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { usePaletteVersion } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";
+import { c } from "react-compiler-runtime";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
-import { useMemo } from "react";
 
 //#region src/components/GlobalStyles.tsx
 /**
@@ -264,22 +264,46 @@ const STATIC_CSS = `
   }
 `;
 function GlobalStyles(props) {
+	const $ = c(7);
 	const { bodyStyles, font, monospaceFont } = props;
-	useGlobalStyles("body", useMemo(() => {
-		const styles = { ...getTokens() };
+	usePaletteVersion();
+	let styles;
+	if ($[0] !== bodyStyles) {
+		styles = { ...getTokens() };
 		Object.assign(styles, BODY_STYLES);
 		if (bodyStyles) Object.assign(styles, bodyStyles);
-		return styles;
-	}, [bodyStyles, usePaletteVersion()]), { id: "cube-ui-kit-tokens" });
-	useRawCSS(() => {
-		return `
+		$[0] = bodyStyles;
+		$[1] = styles;
+	} else styles = $[1];
+	const bodyTokenStyles = styles;
+	let t0;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { id: "cube-ui-kit-tokens" };
+		$[2] = t0;
+	} else t0 = $[2];
+	useGlobalStyles("body", bodyTokenStyles, t0);
+	let t1;
+	let t2;
+	if ($[3] !== font || $[4] !== monospaceFont) {
+		t1 = () => {
+			return `
   html {
     overscroll-behavior-y: none;
     --font-sans: ${font ? `${font}, ` : ""}system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
     --font-mono: ${monospaceFont ? `${monospaceFont}, ` : ""}ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   }
 ${STATIC_CSS}`;
-	}, [font, monospaceFont]);
+		};
+		t2 = [font, monospaceFont];
+		$[3] = font;
+		$[4] = monospaceFont;
+		$[5] = t1;
+		$[6] = t2;
+	} else {
+		t1 = $[5];
+		t2 = $[6];
+	}
+	useRawCSS(t1, t2);
 	return null;
 }