npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-7f2a2a7 → 0.0.0-canary-4c811db - Mend

@cube-dev/ui-kit 0.0.0-canary-7f2a2a7 → 0.0.0-canary-4c811db

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (573) hide show

package/dist/tokens/layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/lazy-styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/tokens/lazy-styles.ts
 /**
 * Proxy that defers to `factory()` on every property / enumeration access.

package/dist/tokens/legacy-color.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { parseSrgbColor } from "../utils/colors.js";
 import { srgbToHex } from "@tenphi/glaze";

package/dist/tokens/palette-config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { c } from "react-compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/tokens/palette.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { SURFACE_SATURATION_SHARE, getPaletteConfig, getPaletteVersion, resolvePaletteConfig } from "./palette-config.js";
 import { lazyStyles } from "./lazy-styles.js";
 import { apcaContrast, glaze, okhslToLinearSrgb, variantToOkhsl } from "@tenphi/glaze";

package/dist/tokens/resolve.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../utils/react/useLayoutEffect.js";
 import { subscribeScheme } from "../utils/react/useScheme.js";
 import { warn } from "../utils/warnings.js";

package/dist/tokens/shadows.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/colors.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { hslToSrgb, okhslToOklch, okhslToSrgb, okhstToOkhsl, oklabToOkhsl, parseHexAlpha } from "@tenphi/glaze";
 //#region src/utils/colors.ts

package/dist/utils/dotize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/dotize.ts
 /**
 * Flattens a nested object into dot paths: `{ a: { b: 1 } }` becomes

package/dist/utils/is-dev-env.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 /**
 * `NODE_ENV` as the environment that is actually running reports it, or

package/dist/utils/modules.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/utils/react/Slots.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { c } from "react-compiler-runtime";
 import { Children, cloneElement, createContext, useContext } from "react";

package/dist/utils/react/chain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/disabledProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/disabledProps.ts
 /**
 * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch

package/dist/utils/react/escapePropagation.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/escapePropagation.ts
 /**
 * Let `Escape` keep travelling out of a trigger or list, and hold every other

package/dist/utils/react/forwardRefWithGenerics.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { chain } from "./chain.js";
 import { getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";

package/dist/utils/react/interactions.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useRef, useState } from "react";
@@ -16,66 +16,80 @@ function useFocus$1(t0) {
 	const onlyVisible = t0 === void 0 ? false : t0;
 	const [isFocused, setIsFocused] = useState(false);
 	const [isFocusVisible$1, setIsFocusVisible] = useState(false);
+	const focusedElementRef = useRef(null);
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = isFocusVisible();
+		t1 = () => {
+			const element = focusedElementRef.current;
+			if (element && element !== getActiveElement(getOwnerDocument(element))) {
+				focusedElementRef.current = null;
+				setIsFocused(false);
+			}
+		};
 		$[0] = t1;
 	} else t1 = $[0];
-	const focusVisibleRef = useRef(t1);
-	const isListening = onlyVisible && isFocused;
+	const dropLostFocus = t1;
 	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = isFocusVisible();
+		$[1] = t2;
+	} else t2 = $[1];
+	const focusVisibleRef = useRef(t2);
+	const isListening = onlyVisible && isFocused;
 	let t3;
-	if ($[1] !== isListening) {
-		t2 = (visible) => {
+	let t4;
+	if ($[2] !== isListening) {
+		t3 = (visible) => {
 			focusVisibleRef.current = visible;
+			dropLostFocus();
 			if (isListening) setIsFocusVisible(visible);
 		};
-		t3 = [isListening];
-		$[1] = isListening;
-		$[2] = t2;
+		t4 = [isListening];
+		$[2] = isListening;
 		$[3] = t3;
+		$[4] = t4;
 	} else {
-		t2 = $[2];
 		t3 = $[3];
+		t4 = $[4];
 	}
-	useFocusVisibleListener(t2, t3);
-	const focusedElementRef = useRef(null);
-	let t4;
-	if ($[4] !== isFocused) {
-		t4 = () => {
-			const element = focusedElementRef.current;
-			if (isFocused && element !== getActiveElement(getOwnerDocument(element))) setIsFocused(false);
-		};
-		$[4] = isFocused;
-		$[5] = t4;
-	} else t4 = $[5];
-	useLayoutEffect$1(t4);
+	useFocusVisibleListener(t3, t4);
 	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => {
+			dropLostFocus();
+		};
+		$[5] = t5;
+	} else t5 = $[5];
+	useLayoutEffect$1(t5);
+	let t6;
 	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = {
+		t6 = {
 			onFocus: (event) => {
 				focusedElementRef.current = event.target;
 			},
+			onBlur: () => {
+				focusedElementRef.current = null;
+			},
 			onFocusChange: (focused) => {
 				setIsFocused(focused);
 				if (focused) setIsFocusVisible(focusVisibleRef.current);
 			}
 		};
-		$[6] = t5;
-	} else t5 = $[6];
-	const { focusProps } = useFocus(t5);
-	const t6 = isFocused && (onlyVisible ? isFocusVisible$1 : true);
-	let t7;
-	if ($[7] !== focusProps || $[8] !== t6) {
-		t7 = {
+		$[6] = t6;
+	} else t6 = $[6];
+	const { focusProps } = useFocus(t6);
+	const t7 = isFocused && (onlyVisible ? isFocusVisible$1 : true);
+	let t8;
+	if ($[7] !== focusProps || $[8] !== t7) {
+		t8 = {
 			focusProps,
-			isFocused: t6
+			isFocused: t7
 		};
 		$[7] = focusProps;
-		$[8] = t6;
-		$[9] = t7;
-	} else t7 = $[9];
-	return t7;
+		$[8] = t7;
+		$[9] = t8;
+	} else t8 = $[9];
+	return t8;
 }
 //#endregion

package/dist/utils/react/interactions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interactions.js","names":["isFocusVisible","getIsFocusVisible","useFocusVisibleListener","getActiveElement","getOwnerDocument","useRef","useState","useFocus","reactAriaUseFocus","useLayoutEffect","t0","$","_c","onlyVisible","undefined","isFocused","setIsFocused","setIsFocusVisible","t1","Symbol","for","~~focusVisibleRef~~","~~isListening~~","t2","t3","~~visible~~","~~current~~","~~focusedElementRef~~","t4","~~element~~","t5","onFocus","event","target","onFocusChange","focused","focusProps","t6","t7"],"sources":["../../../src/utils/react/interactions.ts"],"sourcesContent":["import {\n isFocusVisible as getIsFocusVisible,\n useFocusVisibleListener,\n} from '@react-aria/interactions';\nimport { getActiveElement, getOwnerDocument } from '@react-aria/utils';\nimport { useRef, useState } from 'react';\nimport { useFocus as reactAriaUseFocus } from 'react-aria';\n\nimport { useLayoutEffect } from './useLayoutEffect';\n\n/*\n Whether the element holds focus, disabled or not: a control that keeps\n * focus while `aria-disabled` still shows where focus is.\n */\nexport function useFocus(onlyVisible = false) {\n let [isFocused, setIsFocused] = useState(false);\n let [isFocusVisible, setIsFocusVisible] = useState(false);\n\n // Keep the listener's value, not the raw global modality: react-aria ignores keys\n // typed in a text input, so focus moved after typing there shows no ring.\n let focusVisibleRef = useRef(getIsFocusVisible());\n // Only a focused element takes it into state: updating state on every button\n // re-rendered all of them on each keyboard/pointer switch.\n let isListening = onlyVisible && isFocused;\n\n useFocusVisibleListener(\n (visible) => {\n focusVisibleRef.current = visible;\n\n if (isListening) {\n setIsFocusVisible(visible);\n }\n },\n [isListening],\n );\n\n // No blur reaches React when the focused element is replaced (a tooltip\n // wrapper added or dropped), disabled through a `fieldset` or stripped of its\n // tabIndex, so after each render of this control a focus its element no\n // longer holds is dropped.\n let focusedElementRef = useRef<Element \| null>(null);\n\n useLayoutEffect(() => {\n ~~let element = focusedElementRef.current;\n\n // React Aria's own check, which also looks inside a shadow root.\n if~~ (~~isFocused && element !== getActiveElement(getOwnerDocument(element~~)~~)) {\n setIsFocused(false)~~;\n ~~}\n~~ });\n\n let { focusProps } = reactAriaUseFocus({\n onFocus: (event) => {\n focusedElementRef.current = event.target;\n },\n onFocusChange: (focused) => {\n setIsFocused(focused);\n\n if (focused) {\n setIsFocusVisible(focusVisibleRef.current);\n }\n },\n });\n\n return {\n focusProps,\n isFocused: isFocused && (onlyVisible ? isFocusVisible : true),\n };\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAOO,WAAAG,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAkB,MAAAC,cAAAH,OAAAI,SAAA,QAAAJ;CACvB,MAAA,CAAAK,WAAAC,gBAAgCV,SAAS,MAAM;CAC/C,MAAA,CAAAN,kBAAAiB,qBAA0CX,SAAS,MAAM;CAAC,~~IAAAY~~;AAAA,~~KAAAP~~,EAAA,~~OAAAQ~~,OAAAC,IAAA,4BAAA,EAAA;~~AAI7BF~~,~~OAAAjB~~,gBAAmB;AAAAU,IAAA,~~KAAAO~~;OAAAA,~~MAAAP~~,EAAA;CAAhD,~~MAAAU~~,~~kBAAsBhB~~,~~OAAOa~~,GAAoB;CAGjD,~~MAAAI~~,~~cAAkBT~~,eAAAE;CAAyB,~~IAAAQ~~;CAAA,IAAAC;AAAA,~~KAAAb~~,EAAA,~~OAAAW~~,aAAA;AAGzCC,QAAAE,YAAA;AACEJ,~~mBAAeK~~,~~UAAWD~~;~~AAE1B~~,~~OAAIH~~,~~YACFL~~,~~mBAAkBQ~~,QAAQ;;AAG9BD,OAAA,CAACF,YAAY;~~AAAAX~~,IAAA,~~KAAAW~~;~~AAAAX~~,IAAA,~~KAAAY~~;~~AAAAZ~~,IAAA,~~KAAAa~~;QAAA;AAAAD,~~OAAAZ~~,EAAA;~~AAAAa~~,~~OAAAb~~,EAAA;;~~AARfT~~,~~yBACEqB~~,~~IAOAC~~,GACD;~~CAMD~~,~~MAAAG,oBAAwBtB,OAAuB,KAAK~~;~~CAAC,IAAAuB;~~AAAA,~~KAAAjB~~,EAAA,~~OAAAI~~,~~WAAA;AAErCa~~,~~aAAA;GACd~~,~~MAAAC~~,~~UAAcF~~,~~kBAAiBD~~;~~AAG/B~~,~~OAAIX,aAAac,YAAY1B,iBAAiBC,iBAAiByB,QAAQ,CAAC,CACtEb,cAAa,MAAM~~;;~~AAEtBL~~,IAAA,~~KAAAI~~;~~AAAAJ,IAAA,KAAAiB;~~OAAAA,~~MAAAjB~~,EAAA;~~AAPDF~~,~~mBAAgBmB~~,~~GAOd~~;CAAA,~~IAAAE~~;AAAA,~~KAAAnB~~,EAAA,~~OAAAQ~~,OAAAC,IAAA,4BAAA,EAAA;~~AAEqCU~~,OAAA;GAAAC,UAC5BC,UAAA;~~AACPL~~,~~sBAAiBD~~,~~UAAWM~~,MAAKC;;GAClCC,gBACcC,YAAA;~~AACbnB~~,~~iBAAamB~~,QAAQ;AAErB,QAAIA,~~QACFlB~~,~~mBAAkBI~~,~~gBAAeK~~,QAAS;;GAG/C;~~AAAAf~~,IAAA,~~KAAAmB~~;OAAAA,~~MAAAnB~~,EAAA;~~CAXD~~,MAAA,~~EAAAyB~~,~~eAAqB5B~~,~~SAAkBsB~~,~~GAWrC~~;CAIW,~~MAAAO~~,~~KAAAtB~~,cAAcF,cAAAb,mBAAA;CAAoC,~~IAAAsC~~;AAAA,~~KAAA3B~~,EAAA,~~OAAAyB~~,~~cAAAzB~~,EAAA,~~OAAA0B~~,IAAA;AAFxDC,OAAA;GAAAF;~~GAAArB~~,~~WAEMsB~~;GACZ;~~AAAA1B~~,IAAA,~~KAAAyB~~;~~AAAAzB~~,IAAA,~~KAAA0B~~;~~AAAA1B~~,IAAA,~~KAAA2B~~;OAAAA,~~MAAA3B~~,EAAA;AAAA,~~QAHM2B~~"}
1	+ {"version":3,"file":"interactions.js","names":["isFocusVisible","getIsFocusVisible","useFocusVisibleListener","getActiveElement","getOwnerDocument","useRef","useState","useFocus","reactAriaUseFocus","useLayoutEffect","t0","$","_c","onlyVisible","undefined","isFocused","setIsFocused","setIsFocusVisible","focusedElementRef","t1","Symbol","for","element","current","dropLostFocus","t2","focusVisibleRef","isListening","t3","t4","visible","t5","t6","onFocus","event","target","onBlur","onFocusChange","focused","focusProps","t7","t8"],"sources":["../../../src/utils/react/interactions.ts"],"sourcesContent":["import {\n isFocusVisible as getIsFocusVisible,\n useFocusVisibleListener,\n} from '@react-aria/interactions';\nimport { getActiveElement, getOwnerDocument } from '@react-aria/utils';\nimport { useRef, useState } from 'react';\nimport { useFocus as reactAriaUseFocus } from 'react-aria';\n\nimport { useLayoutEffect } from './useLayoutEffect';\n\n/*\n Whether the element holds focus, disabled or not: a control that keeps\n * focus while `aria-disabled` still shows where focus is.\n */\nexport function useFocus(onlyVisible = false) {\n let [isFocused, setIsFocused] = useState(false);\n let [isFocusVisible, setIsFocusVisible] = useState(false);\n\n // No blur reaches React when the focused element is replaced (a tooltip\n // wrapper added or dropped), disabled through a `fieldset` or stripped of its\n // tabIndex. So a focus the element no longer holds is dropped after each\n // render of this control and, when the change came from elsewhere without\n // re-rendering it, on the next key or pointer press React Aria reports (keys\n // typed in a text field don't count).\n let focusedElementRef = useRef<Element \| null>(null);\n\n let dropLostFocus = () => {\n let element = focusedElementRef.current;\n\n // React Aria's own check, which also looks inside a shadow root.\n if (element && element !== getActiveElement(getOwnerDocument(element))) {\n focusedElementRef.current = null;\n setIsFocused(false);\n }\n };\n\n // Keep the listener's value, not the raw global modality: react-aria ignores keys\n // typed in a text input, so focus moved after typing there shows no ring.\n let focusVisibleRef = useRef(getIsFocusVisible());\n // Only a focused element takes it into state: updating state on every button\n // re-rendered all of them on each keyboard/pointer switch.\n let isListening = onlyVisible && isFocused;\n\n useFocusVisibleListener(\n (visible) => {\n focusVisibleRef.current = visible;\n dropLostFocus();\n\n if (isListening) {\n setIsFocusVisible(visible);\n }\n },\n [isListening],\n );\n\n useLayoutEffect(() => {\n dropLostFocus();\n });\n\n let { focusProps } = reactAriaUseFocus({\n onFocus: (event) => {\n focusedElementRef.current = event.target;\n },\n onBlur: () => {\n focusedElementRef.current = null;\n },\n onFocusChange: (focused) => {\n setIsFocused(focused);\n\n if (focused) {\n setIsFocusVisible(focusVisibleRef.current);\n }\n },\n });\n\n return {\n focusProps,\n isFocused: isFocused && (onlyVisible ? isFocusVisible : true),\n };\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAOO,WAAAG,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAkB,MAAAC,cAAAH,OAAAI,SAAA,QAAAJ;CACvB,MAAA,CAAAK,WAAAC,gBAAgCV,SAAS,MAAM;CAC/C,MAAA,CAAAN,kBAAAiB,qBAA0CX,SAAS,MAAM;CAQzD,MAAAY,oBAAwBb,OAAuB,KAAK;CAAC,IAAAc;AAAA,KAAAR,EAAA,OAAAS,OAAAC,IAAA,4BAAA,EAAA;AAEjCF,aAAA;GAClB,MAAAG,UAAcJ,kBAAiBK;AAG/B,OAAID,WAAWA,YAAYnB,iBAAiBC,iBAAiBkB,QAAQ,CAAC,EAAA;AACpEJ,sBAAiBK,UAAW;AAC5BP,iBAAa,MAAM;;;AAEtBL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CARD,MAAAa,gBAAoBL;CAQlB,IAAAM;AAAA,KAAAd,EAAA,OAAAS,OAAAC,IAAA,4BAAA,EAAA;AAI2BI,OAAAxB,gBAAmB;AAAAU,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAhD,MAAAe,kBAAsBrB,OAAOoB,GAAoB;CAGjD,MAAAE,cAAkBd,eAAAE;CAAyB,IAAAa;CAAA,IAAAC;AAAA,KAAAlB,EAAA,OAAAgB,aAAA;AAGzCC,QAAAE,YAAA;AACEJ,mBAAeH,UAAWO;AAC1BN,kBAAe;AAEf,OAAIG,YACFV,mBAAkBa,QAAQ;;AAG9BD,OAAA,CAACF,YAAY;AAAAhB,IAAA,KAAAgB;AAAAhB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAkB;QAAA;AAAAD,OAAAjB,EAAA;AAAAkB,OAAAlB,EAAA;;AATfT,yBACE0B,IAQAC,GACD;CAAA,IAAAE;AAAA,KAAApB,EAAA,OAAAS,OAAAC,IAAA,4BAAA,EAAA;AAEeU,aAAA;AACdP,kBAAe;;AAChBb,IAAA,KAAAoB;OAAAA,MAAApB,EAAA;AAFDF,mBAAgBsB,GAEd;CAAA,IAAAC;AAAA,KAAArB,EAAA,OAAAS,OAAAC,IAAA,4BAAA,EAAA;AAEqCW,OAAA;GAAAC,UAC5BC,UAAA;AACPhB,sBAAiBK,UAAWW,MAAKC;;GAClCC,cACO;AACNlB,sBAAiBK,UAAW;;GAC7Bc,gBACcC,YAAA;AACbtB,iBAAasB,QAAQ;AAErB,QAAIA,QACFrB,mBAAkBS,gBAAeH,QAAS;;GAG/C;AAAAZ,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAdD,MAAA,EAAA4B,eAAqB/B,SAAkBwB,GAcrC;CAIW,MAAAQ,KAAAzB,cAAcF,cAAAb,mBAAA;CAAoC,IAAAyC;AAAA,KAAA9B,EAAA,OAAA4B,cAAA5B,EAAA,OAAA6B,IAAA;AAFxDC,OAAA;GAAAF;GAAAxB,WAEMyB;GACZ;AAAA7B,IAAA,KAAA4B;AAAA5B,IAAA,KAAA6B;AAAA7B,IAAA,KAAA8B;OAAAA,MAAA9B,EAAA;AAAA,QAHM8B"}

package/dist/utils/react/isTextOnly.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { Children, isValidElement } from "react";
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/programmaticFocus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/programmaticFocus.ts
 /**
 * Telling focus the user moved from focus a component moved for them.

package/dist/utils/react/resolveIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../is-dev-env.js";
 import { c } from "react-compiler-runtime";

package/dist/utils/react/useBufferedValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";

package/dist/utils/react/useCombinedRefs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/utils/react/useControlledFocusVisible.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { c } from "react-compiler-runtime";
 import { useEffect } from "react";

package/dist/utils/react/useEventBus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";

package/dist/utils/react/useId.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/utils/react/useIsDarwin.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";

package/dist/utils/react/useKeySymbols.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { c } from "react-compiler-runtime";

package/dist/utils/react/useLayoutEffect.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import * as React$1 from "react";
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/utils/react/useMergeStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/utils/react/useOverlayEscapeGuard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";

package/dist/utils/react/usePopoverSync.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { c } from "react-compiler-runtime";
 import { useContext, useEffect, useRef } from "react";

package/dist/utils/react/useQaProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useScheme.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useSyncExternalStore } from "react";
 //#region src/utils/react/useScheme.ts

package/dist/utils/react/useViewportSize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";

package/dist/utils/react/wrapNodeIfPlain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { Fragment, isValidElement } from "react";
 //#region src/utils/react/wrapNodeIfPlain.ts

package/dist/utils/selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { isSelector, mergeStyles } from "@tenphi/tasty";
 //#region src/utils/styles.ts

package/dist/utils/tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 //#region src/utils/warnings.ts

package/dist/version.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7f2a2a7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-7f2a2a7";
+const VERSION = "0.0.0-canary-4c811db";
 const TASTY_VERSION = "3.9.6";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/content/Item.md CHANGED Viewed

@@ -388,13 +388,13 @@ Use `preserveActionsSpace` together with `autoHideActions` to keep the actions a
 ### With Tooltip
-By default, Item shows an auto tooltip when content overflows.
+By default, Item shows an auto tooltip when content overflows. The label and a string `description` are both checked: when either one is truncated, the tooltip shows the full label with the description on the line below. A description that wraps (`type="card"` and `type="header"`) only triggers it if a word too long to break overflows. Pass `tooltip={false}` to turn the check off, for example in a very long list that renders every row at once.
 **Type:** `string | boolean | object`
 **Values:**
-- `true` (default) - Shows tooltip with item content when text overflows
+- `true` (default) - Shows the label and description in a tooltip when either one is truncated
 - `false` - Disables tooltip entirely
 - `string` - Shows tooltip with the specified text (always visible, not auto)
 - `object` - Advanced configuration:
@@ -409,6 +409,11 @@ By default, Item shows an auto tooltip when content overflows.
   This is a very long text that will show a tooltip when overflowed
 </Item>
+{/* A truncated description shows in the tooltip too */}
+<Item description="participant.with.a.long.address@example-company.com" style={{ width: '200px' }}>
+  Jane Doe
+</Item>
 {/* Disable tooltip */}
 <Item tooltip={false} style={{ width: '200px' }}>
   This text will be truncated without a tooltip

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-7f2a2a7",
+  "version": "0.0.0-canary-4c811db",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {