@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @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
+
+- [#1416](https://github.com/cube-js/cube-ui-kit/pull/1416) [`cf3e03b9`](https://github.com/cube-js/cube-ui-kit/commit/cf3e03b987885f5edbd15fdbef2a13de1f7b7330) Thanks [@tenphi](https://github.com/tenphi)! - `Button` emits `aria-pressed` from `isSelected`, which its documentation has always promised and which every call site using `isSelected` for a real toggle had to hand-set alongside it. It is skipped where the attribute would be wrong: on a button rendered as a link (`to`), and on one the call site has given its own `role` — a selected tab or option wants `aria-selected` / `aria-current`, and only the call site knows which. An explicit `aria-pressed` still wins. Note that `isSelected={false}` now renders `aria-pressed="false"` rather than nothing, since that is what makes an unpressed toggle announce as a toggle.
+
+  `isClearable`'s built-in ✕ on `Select`, `Picker` and `FilterPicker` now has an accessible name. It was an icon-only `ItemAction` with neither `aria-label` nor `tooltip`, and `ItemAction` derives its name from exactly those two and warns for neither, so it reached a screen reader unnamed. The default is localized in all twelve locales; override it per call site with the new `clearLabel` prop.
+
+- [#1416](https://github.com/cube-js/cube-ui-kit/pull/1416) [`cf3e03b9`](https://github.com/cube-js/cube-ui-kit/commit/cf3e03b987885f5edbd15fdbef2a13de1f7b7330) Thanks [@tenphi](https://github.com/tenphi)! - `ButtonSplit` forwards the DOM and ARIA props it used to discard. It destructured its own props and passed only five things to the element, so `aria-label`, `aria-labelledby`, `aria-describedby`, `id`, `role`, raw `data-*` attributes and event handlers were dropped — which meant a split group could not be labelled at all, and that matters most in custom mode, where the children are typically icon-only buttons with no visible group label. Its sibling `ButtonGroup` has always forwarded everything, so the two were not interchangeable despite reading as alternatives. Custom mode also defaults to `role="group"` now, so a label has something to name; pass your own `role` (including `presentation`) to override it. The wrapper no longer emits a stray `tag="div"` attribute.
+
+- [#1416](https://github.com/cube-js/cube-ui-kit/pull/1416) [`cf3e03b9`](https://github.com/cube-js/cube-ui-kit/commit/cf3e03b987885f5edbd15fdbef2a13de1f7b7330) Thanks [@tenphi](https://github.com/tenphi)! - `CommandTextArea` now tells a consumer where a pick landed and what the field is doing. `onCommand`'s `item` carries `start` and `end` — the range the inserted text occupies in the value passed to `onChange`, with `end` excluding any trailing space — which `commit` already computed to place the caret and then discarded; a consumer that anchors its own record to a pick no longer has to re-derive the offset by searching the new value, a search that silently mis-anchors when one option's text is a token-boundary prefix of another's. Two new callbacks report state the component already holds: `onOpenChange(isOpen)` for the suggestion popover, so a field with its own `Enter` behaviour can tell "pick the focused option" from "submit" without reading `aria-expanded` off the DOM, and `onActiveTokenChange(token)` for the component's own caret-aware scan result, so nobody has to run a second approximate copy of it. Neither fires for the closed / no-token state a field mounts in.
+
+### Patch Changes
+
+- [#1416](https://github.com/cube-js/cube-ui-kit/pull/1416) [`cf3e03b9`](https://github.com/cube-js/cube-ui-kit/commit/cf3e03b987885f5edbd15fdbef2a13de1f7b7330) Thanks [@tenphi](https://github.com/tenphi)! - Four places where a style or a size did not do what it said.
+
+  `Dialog`, `Modal` and `Tray` fit viewports narrower than ~352px. `$min-dialog-size` was computed from `100vw - 2x` while the components' own max-width uses `100dvw - 8x`; CSS resolves `min-width` after `max-width`, so below the crossover the floor beat the ceiling and every dialog rendered wider than the viewport it sat in — in a 300px pane, 288px inside a 236px box. The token now measures the same box as the max-width, so the two can no longer cross. Apps that overrode the token to order the clamp themselves can drop the override. `Dialog`'s gutter custom properties (`$dialog-padding-h`, `$dialog-content-padding-v` and the header/footer pair) are now documented as a supported contract, for the case where one child should span the full dialog width while its siblings keep the gutter.
+
+  A standalone `Checkbox` honours `styles` and can wrap its label. Outside a `CheckboxGroup` the extracted container styles were computed and then never forwarded, so `<Checkbox styles={{ … }}>` was a silent no-op, and children were forced through `<Text nowrap>` — `white-space: nowrap` inherits, so a label of more than a few words could not wrap at all. Both branches now render the label through the same element, so the preset and the validation colour match in and out of a group.
+
+  `Item` gains `$prefix-gap` and `$suffix-gap` tokens for the space between those slots and the label. The grid contributes no gap and `Label` drops its own inline padding for any start or end content, so a prefix or suffix renders flush — right for a checkbox, kbd chip or badge, which already carry their own presence, and wrong for a bare glyph, which is the case that looks unspaced next to the same glyph in the `icon` slot. Both tokens default to `0`, so nothing moves until a call site opts in with `styles={{ '$prefix-gap': '1x' }}`. Prefer them over overriding `Prefix` / `Suffix` padding, which silently replaces the state maps that drop the outer gutter next to an icon or an actions run.
+
+  `DatePicker`, `DateRangePicker` and `DateRangeSeparatedPicker` apply the container style props and `styles` their types advertise. All three extracted them and dropped the result, forwarding only `wrapperStyles`, so `width="100%"` type-checked, reviewed clean and did nothing. `wrapperStyles` remains the most specific of the three and still wins.
+
 ## 0.181.0
 
 ### Minor Changes

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

@@ -1,43 +1,60 @@
-/** @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 { 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.181.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.181.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.181.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.181.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.181.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.181.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.181.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.181.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.181.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.181.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;
 }