@cube-dev/ui-kit 0.182.0 → 0.184.0

package/dist/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @cube-dev/ui-kit
 
+## 0.184.0
+
+### Minor Changes
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - Add `tooltip` to `Checkbox`: a tooltip shown on hover over the box and its inline label, standalone or inside a `Checkbox.Group`, and also while the checkbox is disabled — a place to say why an option is unavailable. It opens on keyboard focus too, and describes the input to screen readers. It takes a string or `TooltipProvider` props. It is separate from `labelTooltip`, the info badge next to a field label.
+
+- [#1424](https://github.com/cube-js/cube-ui-kit/pull/1424) [`f0824b25`](https://github.com/cube-js/cube-ui-kit/commit/f0824b25c01c25148a4ca62a99baba2f99b58d73) Thanks [@tenphi](https://github.com/tenphi)! - `Dialog`'s `Footer` now draws a top border while the dialog's `Content` scrolls, and none while it fits. The footer carries a `content-overflow` modifier for as long as the body overflows, tracked through resizes and content changes, so the line separates the actions from a body that continues beneath them without cluttering a short dialog. Set `border` in the footer's own styles to keep the line always or never draw it. `Content` now renders `data-id="Content"`, which is how the dialog finds its body.
+
+- [#1424](https://github.com/cube-js/cube-ui-kit/pull/1424) [`f0824b25`](https://github.com/cube-js/cube-ui-kit/commit/f0824b25c01c25148a4ca62a99baba2f99b58d73) Thanks [@tenphi](https://github.com/tenphi)! - `DialogForm` now renders its Submit and Cancel buttons in a pinned `Footer` beside the scrolling `Content`, instead of inside it. A long form scrolls its body while the actions stay visible; previously they scrolled away with the content and a dialog that needed pinned actions could not use `DialogForm` at all. The `<form>` now wraps both slots, so the buttons are still inside it and native submit is unchanged. The actions now sit as far below the last field as in any other dialog footer, 8px further than before.
+
+  A `Form` placed directly in a `Dialog` now lays itself out as the dialog's slot column, so a hand-composed `Dialog > Form > Content + Footer` scrolls and pins without restating `display: flex`, `flexGrow: 1`, `height: 'min 0'` and `gap: 0` on the form. This is the form's own state, so `styles` passed to the form still override it. A form nested deeper, or a plain `<form>` element, is left alone.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - **Breaking:** the info badge next to a field's label is now `labelTooltip`, not `tooltip`. This applies to every field component (`TextInput`, `TextArea`, `CommandTextArea`, `NumberInput`, `PasswordInput`, `SearchInput`, `ColorInput`, `ComboBox`, `SearchComboBox`, `Select`, `Picker`, `FilterPicker`, `ListBox`, `FilterListBox`, `Checkbox`, `CheckboxGroup`, `Switch`, `RadioGroup`, `Slider` and its variants, the date and time pickers, `FileInput`, `ColorPicker`, `ColorSwatchGroup`, `TextInputMapper`), to the legacy `Field` / `Form.Item`, and to `FieldWrapper`. `tooltip` now means only the control's own tooltip, as it does on `Item` and `Button`. Previously a component that is both a field and a trigger had one prop meaning two things: a labelled `Select` rendered its `tooltip` on the trigger and again as a label badge, and `tooltip={true}` on a labelled `Picker` or `FilterPicker` rendered an empty badge.
+
+  Migrating: rename `tooltip` to `labelTooltip` wherever it described the label, whether on the field or on a legacy `Field` / `Form.Item` wrapping it. TypeScript flags the old spelling on every field except `Select` and `Checkbox`, where `tooltip` is valid as the control's own: the `Select` trigger's tooltip, and `Checkbox`'s new hover tooltip over the box and its inline label. Search for `Select` and `Checkbox` elements with both `label` and `tooltip` by hand and move the prop to `labelTooltip` if the label badge is what it was for (on `Select` it previously rendered in both places). JS callers, `as any` and untyped spreads are not flagged either; in development, the first labelled field — other than `Select` and `Checkbox` — that still receives `tooltip` logs a one-time console warning naming `labelTooltip`. The trigger tooltips of `Picker`, `FilterPicker` and `ColorPicker` remain `triggerTooltip`.
+
+- [#1422](https://github.com/cube-js/cube-ui-kit/pull/1422) [`565dc93d`](https://github.com/cube-js/cube-ui-kit/commit/565dc93d8b71292218cebb2a96c70de4d7193518) Thanks [@tenphi](https://github.com/tenphi)! - Let popover fields anchor to an element other than their own trigger. `Select`, `Picker`, `FilterPicker`, `ColorPicker`, `ColorInput`, `DatePicker`, `DateRangePicker`, `DateRangeSeparatedPicker` and `PeriodPicker` now accept `targetRef`, matching the prop `DialogTrigger` already had, so adjacent controls of different widths can line their popovers up with one shared container. The same components (except `FilterPicker`, which already had it) also accept `placement`, since anchoring to a wider container is only useful alongside control over the alignment. Both default to the current behaviour, so existing callers are unaffected.
+
+- [#1421](https://github.com/cube-js/cube-ui-kit/pull/1421) [`a8295d41`](https://github.com/cube-js/cube-ui-kit/commit/a8295d413cb6a25820937cb94af541e7b14c3079) Thanks [@tenphi](https://github.com/tenphi)! - Add a soft brand-purple `Tag` theme: `<Tag theme="primary">` renders the pale card — tinted border, strong colored text — at the primary hue, alongside the existing `default`, `danger`, `success`, `warning` and `note` cards. Previously the brand hue was reachable only through `theme="special"`, which is a solid fill, so designs calling for a soft purple chip had to borrow `note` one hue over. `special` is unchanged and still renders the solid fill.
+
+### Patch Changes
+
+- [#1426](https://github.com/cube-js/cube-ui-kit/pull/1426) [`17416c42`](https://github.com/cube-js/cube-ui-kit/commit/17416c422d8c2f878be168938c132d88fb7dcd94) Thanks [@tenphi](https://github.com/tenphi)! - Fix `Menu` items running their action twice from the keyboard: Enter or Space on a focused item called the menu's `onAction`, and the item's own `onAction`, twice — in a standalone `Menu`, a `Menu.Section`, a `Menu.Trigger` popover and a submenu alike (clicks were unaffected). Enter on a `Menu.SubMenuTrigger` now only opens the submenu, instead of also calling the parent menu's `onAction` with the trigger's key, and a click on a submenu trigger after opening it from the keyboard opens it straight away rather than after the hover delay.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - A `Radio`'s `tooltip` now opens when the option takes keyboard focus, not only on hover, and the focused input is described by it, so screen readers announce it. It follows arrow-key navigation between options, and any `aria-describedby` the radio already had is kept alongside it.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - Fix `tooltip` props that were accepted but rendered nothing. A classic (`type="radio"`) `Radio` now shows its `tooltip`, including on a disabled option. A button or tabs `Radio` now truncates a label it has no room for and shows the auto tooltip the docs describe (`tooltip` defaults to `true`); with a `block` description the label keeps its full width, as before. A button `Radio` also supports `highlight` now, and an icon-only one renders as a square icon button matching `ItemButton` instead of carrying an empty, padded label (32px instead of 44px at the default size). Both previously broke because the radio's hidden input was treated as part of the label. `Tabs type="radio"` and `Layout.Header` now truncate a title they have no room for and show it in a tooltip, instead of letting it spill out; `Layout.Header` renders its title text directly in the heading, without the inner `<span>` it used to wrap it in. `labelRef` on `Item`, `ItemButton` and `Radio` (button or classic) now points at the label element instead of leaking to the DOM as a `labelref` attribute, and accepts a callback ref as well as a ref object.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - Fix tooltips that were accepted but never showed, or showed and vanished. Items inside a `Menu.Section`, and every `CommandMenu` item, no longer get a second tooltip wrapped around their own: the two closed each other, so an object or `tooltip={true}` tooltip flashed and was gone, and the extra wrapper put a `<div>` inside the menu list. An editable `Tab` whose `title` is not a string now shows its `tooltip`. The `Tabs` picker (`showTabPicker`) shows each tab's `tooltip` on its entry. `Button.Split` shows the current action's `tooltip` on the action button, as it already did its `icon` and `label` (`actionProps.tooltip` overrides it). A disabled tooltip no longer opens unseen on hover and swallows `Escape` while the pointer rests on its trigger, which could keep a `Dialog` from closing while the pointer was over an item or tab with actions, or a button radio.
+
+## 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.184.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.184.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.184.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.184.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.184.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.184.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.184.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.184.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.184.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.184.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"}