@cube-dev/ui-kit 0.0.0-canary-8700a46 → 0.0.0-canary-3b2471f

package/dist/components/fields/ListBoxPopover/useCompositeFocus.js

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
+import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";
 
@@ -9,87 +10,132 @@ import { useEffect, useRef } from "react";
 * when it leaves both — essential for components whose overlay is portaled, so
 * that clicking an option does not look like a blur of the whole component.
 *
-* Focus checks are deferred to the next animation frame to tolerate the
-* synchronous focus shuffles React Aria and portals perform on selection. Focus
-* that enters and leaves again within that frame still reports both edges, so a
-* fast focus-type-blur sequence (an automated test, a quick Tab through) does
-* not skip the blur.
+* Focus entering is reported as it happens. Focus leaving is too when the blur
+* names where focus went (`relatedTarget`), so it runs before the click that
+* caused it: a Save button sees what leaving the field committed, and an
+* `onFocus` runs before a change made in the same press. A blur to nowhere
+* (a node removed under focus, a programmatic `blur()`, a hop through the
+* body) is checked a frame later, and focus that is back by then reports
+* nothing. One caused by a mousedown outside is final and reported at once:
+* Safari leaves focus nowhere when a button is clicked.
 */
 function useCompositeFocus(t0) {
-	const $ = c(13);
+	const $ = c(23);
 	const { wrapperRef, popoverRef, onFocus, onBlur, isDisabled } = t0;
 	const wasInsideRef = useRef(false);
-	const enteredRef = useRef(false);
 	const rafRef = useRef(null);
+	const isPressingOutsideRef = useRef(false);
 	let t1;
-	if ($[0] !== isDisabled || $[1] !== onBlur || $[2] !== onFocus || $[3] !== popoverRef || $[4] !== wrapperRef) {
-		const checkFocus = () => {
-			const entered = enteredRef.current;
-			enteredRef.current = false;
+	if ($[0] !== popoverRef || $[1] !== wrapperRef) {
+		t1 = (node) => node != null && ((wrapperRef.current?.contains(node) ?? false) || (popoverRef.current?.contains(node) ?? false));
+		$[0] = popoverRef;
+		$[1] = wrapperRef;
+		$[2] = t1;
+	} else t1 = $[2];
+	const contains = t1;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => {
+			if (rafRef.current !== null) {
+				cancelAnimationFrame(rafRef.current);
+				rafRef.current = null;
+			}
+		};
+		$[3] = t2;
+	} else t2 = $[3];
+	const cancelCheck = t2;
+	let t3;
+	if ($[4] !== contains) {
+		t3 = (e) => {
+			if (contains(e.target)) return;
+			isPressingOutsideRef.current = true;
+			setTimeout(() => {
+				isPressingOutsideRef.current = false;
+			}, 0);
+		};
+		$[4] = contains;
+		$[5] = t3;
+	} else t3 = $[5];
+	const handleDocumentMouseDown = useEvent(t3);
+	let t4;
+	if ($[6] !== handleDocumentMouseDown || $[7] !== onBlur) {
+		t4 = () => {
+			cancelCheck();
+			if (!wasInsideRef.current) return;
+			wasInsideRef.current = false;
+			document.removeEventListener("mousedown", handleDocumentMouseDown, true);
+			onBlur?.();
+		};
+		$[6] = handleDocumentMouseDown;
+		$[7] = onBlur;
+		$[8] = t4;
+	} else t4 = $[8];
+	const leave = t4;
+	let t5;
+	if ($[9] !== handleDocumentMouseDown || $[10] !== isDisabled || $[11] !== onFocus) {
+		t5 = () => {
+			if (isDisabled || wasInsideRef.current) return;
+			wasInsideRef.current = true;
+			document.addEventListener("mousedown", handleDocumentMouseDown, true);
+			onFocus?.();
+		};
+		$[9] = handleDocumentMouseDown;
+		$[10] = isDisabled;
+		$[11] = onFocus;
+		$[12] = t5;
+	} else t5 = $[12];
+	const handleFocus = t5;
+	let t6;
+	if ($[13] !== contains || $[14] !== isDisabled || $[15] !== leave) {
+		t6 = (e_0) => {
 			if (isDisabled) return;
-			const activeElement = document.activeElement;
-			const isInside = (wrapperRef.current?.contains(activeElement) ?? false) || (popoverRef.current?.contains(activeElement) ?? false);
-			if (!isInside && !wasInsideRef.current && entered) {
-				onFocus?.();
-				onBlur?.();
+			const next = e_0.relatedTarget;
+			if (next != null || isPressingOutsideRef.current) {
+				if (!contains(next)) leave();
 				return;
 			}
-			if (isInside !== wasInsideRef.current) {
-				wasInsideRef.current = isInside;
-				if (isInside) onFocus?.();
-				else onBlur?.();
-			}
-		};
-		t1 = () => {
-			if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+			cancelCheck();
 			rafRef.current = requestAnimationFrame(() => {
 				rafRef.current = null;
-				checkFocus();
+				if (!contains(document.activeElement)) leave();
 			});
 		};
-		$[0] = isDisabled;
-		$[1] = onBlur;
-		$[2] = onFocus;
-		$[3] = popoverRef;
-		$[4] = wrapperRef;
-		$[5] = t1;
-	} else t1 = $[5];
-	const scheduleCheck = t1;
-	let t2;
-	if ($[6] !== scheduleCheck) {
-		t2 = () => {
-			enteredRef.current = true;
-			scheduleCheck();
+		$[13] = contains;
+		$[14] = isDisabled;
+		$[15] = leave;
+		$[16] = t6;
+	} else t6 = $[16];
+	const handleBlur = t6;
+	let t7;
+	let t8;
+	if ($[17] !== handleDocumentMouseDown) {
+		t7 = () => {
+			if (wasInsideRef.current) document.addEventListener("mousedown", handleDocumentMouseDown, true);
+			return () => {
+				if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+				document.removeEventListener("mousedown", handleDocumentMouseDown, true);
+			};
 		};
-		$[6] = scheduleCheck;
-		$[7] = t2;
-	} else t2 = $[7];
-	const handleFocus = t2;
-	let t3;
-	let t4;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => () => {
-			if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
-		};
-		t4 = [];
-		$[8] = t3;
-		$[9] = t4;
+		t8 = [handleDocumentMouseDown];
+		$[17] = handleDocumentMouseDown;
+		$[18] = t7;
+		$[19] = t8;
 	} else {
-		t3 = $[8];
-		t4 = $[9];
+		t7 = $[18];
+		t8 = $[19];
 	}
-	useEffect(t3, t4);
-	let t5;
-	if ($[10] !== handleFocus || $[11] !== scheduleCheck) {
-		t5 = { compositeFocusProps: {
+	useEffect(t7, t8);
+	let t9;
+	if ($[20] !== handleBlur || $[21] !== handleFocus) {
+		t9 = { compositeFocusProps: {
 			onFocus: handleFocus,
-			onBlur: scheduleCheck
+			onBlur: handleBlur
 		} };
-		$[10] = handleFocus;
-		$[11] = scheduleCheck;
-		$[12] = t5;
-	} else t5 = $[12];
-	return t5;
+		$[20] = handleBlur;
+		$[21] = handleFocus;
+		$[22] = t9;
+	} else t9 = $[22];
+	return t9;
 }
 
 //#endregion

package/dist/components/fields/ListBoxPopover/useCompositeFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCompositeFocus.js","names":["React","RefObject","useEffect","useRef","UseCompositeFocusProps","wrapperRef","HTMLElement","popoverRef","onFocus","onBlur","isDisabled","UseCompositeFocusReturn","compositeFocusProps","e","FocusEvent","useCompositeFocus","t0","$","_c","wasInsideRef","enteredRef","rafRef","t1","checkFocus","entered","current","activeElement","document","isInside","contains","cancelAnimationFrame","requestAnimationFrame","scheduleCheck","t2","handleFocus","t3","t4","Symbol","for","t5"],"sources":["../../../../src/components/fields/ListBoxPopover/useCompositeFocus.ts"],"sourcesContent":["import React, { RefObject, useEffect, useRef } from 'react';\n\nexport interface UseCompositeFocusProps {\n  wrapperRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLElement>;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  isDisabled?: boolean;\n}\n\nexport interface UseCompositeFocusReturn {\n  compositeFocusProps: {\n    onFocus: (e: React.FocusEvent) => void;\n    onBlur: (e: React.FocusEvent) => void;\n  };\n}\n\n/**\n * Tracks focus across a wrapper element and its (portaled) popover as a single\n * logical focus scope. Fires `onFocus` when focus enters either and `onBlur`\n * when it leaves both — essential for components whose overlay is portaled, so\n * that clicking an option does not look like a blur of the whole component.\n *\n * Focus checks are deferred to the next animation frame to tolerate the\n * synchronous focus shuffles React Aria and portals perform on selection. Focus\n * that enters and leaves again within that frame still reports both edges, so a\n * fast focus-type-blur sequence (an automated test, a quick Tab through) does\n * not skip the blur.\n */\nexport function useCompositeFocus({\n  wrapperRef,\n  popoverRef,\n  onFocus,\n  onBlur,\n  isDisabled,\n}: UseCompositeFocusProps): UseCompositeFocusReturn {\n  const wasInsideRef = useRef(false);\n  const enteredRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n\n  const checkFocus = () => {\n    const entered = enteredRef.current;\n\n    enteredRef.current = false;\n\n    if (isDisabled) return;\n\n    const activeElement = document.activeElement;\n    const isInside =\n      (wrapperRef.current?.contains(activeElement) ?? false) ||\n      (popoverRef.current?.contains(activeElement) ?? false);\n\n    if (!isInside && !wasInsideRef.current && entered) {\n      onFocus?.();\n      onBlur?.();\n\n      return;\n    }\n\n    if (isInside !== wasInsideRef.current) {\n      wasInsideRef.current = isInside;\n      if (isInside) {\n        onFocus?.();\n      } else {\n        onBlur?.();\n      }\n    }\n  };\n\n  const scheduleCheck = () => {\n    // Cancel any pending check\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n    }\n\n    // Schedule focus check for next frame\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n      checkFocus();\n    });\n  };\n\n  const handleFocus = () => {\n    enteredRef.current = true;\n    scheduleCheck();\n  };\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n      }\n    };\n  }, []);\n\n  return {\n    compositeFocusProps: {\n      onFocus: handleFocus,\n      onBlur: scheduleCheck,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA6BA,SAAOe,kBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA2B,MAAA,EAAAb,YAAAE,YAAAC,SAAAC,QAAAC,eAAAM;CAOhC,MAAAG,eAAqBhB,OAAO,MAAM;CAClC,MAAAiB,aAAmBjB,OAAO,MAAM;CAChC,MAAAkB,SAAelB,OAAsB,KAAK;CAAC,IAAAmB;AAAA,KAAAL,EAAA,OAAAP,cAAAO,EAAA,OAAAR,UAAAQ,EAAA,OAAAT,WAAAS,EAAA,OAAAV,cAAAU,EAAA,OAAAZ,YAAA;EAE3C,MAAAkB,mBAAmB;GACjB,MAAAC,UAAgBJ,WAAUK;AAE1BL,cAAUK,UAAW;AAErB,OAAIf,WAAU;GAEd,MAAAgB,gBAAsBC,SAAQD;GAC9B,MAAAE,YACGvB,WAAUoB,SAAkBI,SAACH,cAAuB,IAApD,WACAnB,WAAUkB,SAAkBI,SAACH,cAAuB,IAApD;AAEH,OAAI,CAACE,YAAD,CAAcT,aAAYM,WAA1BD,SAA6C;AAC/ChB,eAAW;AACXC,cAAU;AAAA;;AAKZ,OAAImB,aAAaT,aAAYM,SAAQ;AACnCN,iBAAYM,UAAWG;AACvB,QAAIA,SACFpB,YAAW;QAEXC,WAAU;;;AAKMa,aAAA;AAEpB,OAAID,OAAMI,YAAa,KACrBK,sBAAqBT,OAAMI,QAAS;AAItCJ,UAAMI,UAAWM,4BAAsB;AACrCV,WAAMI,UAAW;AACjBF,gBAAY;KAFA;;AAIfN,IAAA,KAAAP;AAAAO,IAAA,KAAAR;AAAAQ,IAAA,KAAAT;AAAAS,IAAA,KAAAV;AAAAU,IAAA,KAAAZ;AAAAY,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAXD,MAAAe,gBAAsBV;CAWpB,IAAAW;AAAA,KAAAhB,EAAA,OAAAe,eAAA;AAEkBC,aAAA;AAClBb,cAAUK,UAAW;AACrBO,kBAAe;;AAChBf,IAAA,KAAAe;AAAAf,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAHD,MAAAiB,cAAoBD;CAGlB,IAAAE;CAAA,IAAAC;AAAA,KAAAnB,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,EAAA;AAGQH,mBACD;AACL,OAAId,OAAMI,YAAa,KACrBK,sBAAqBT,OAAMI,QAAS;;AAGvCW,OAAA,EAAE;AAAAnB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAmB;QAAA;AAAAD,OAAAlB,EAAA;AAAAmB,OAAAnB,EAAA;;AANLf,WAAUiC,IAMPC,GAAG;CAAA,IAAAG;AAAA,KAAAtB,EAAA,QAAAiB,eAAAjB,EAAA,QAAAe,eAAA;AAECO,OAAA,EAAA3B,qBACgB;GAAAJ,SACV0B;GAAWzB,QACZuB;GACV,EACD;AAAAf,IAAA,MAAAiB;AAAAjB,IAAA,MAAAe;AAAAf,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAAA,QALMsB"}
+{"version":3,"file":"useCompositeFocus.js","names":["FocusEvent","RefObject","useEffect","useRef","useEvent","UseCompositeFocusProps","wrapperRef","HTMLElement","popoverRef","onFocus","onBlur","isDisabled","UseCompositeFocusReturn","compositeFocusProps","e","useCompositeFocus","t0","$","_c","wasInsideRef","rafRef","isPressingOutsideRef","t1","node","current","contains","Node","t2","Symbol","for","cancelAnimationFrame","cancelCheck","t3","target","setTimeout","handleDocumentMouseDown","t4","document","removeEventListener","leave","t5","addEventListener","handleFocus","t6","e_0","next","relatedTarget","requestAnimationFrame","activeElement","handleBlur","t7","t8","t9"],"sources":["../../../../src/components/fields/ListBoxPopover/useCompositeFocus.ts"],"sourcesContent":["import { FocusEvent, RefObject, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nexport interface UseCompositeFocusProps {\n  wrapperRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLElement>;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  isDisabled?: boolean;\n}\n\nexport interface UseCompositeFocusReturn {\n  compositeFocusProps: {\n    onFocus: (e: FocusEvent) => void;\n    onBlur: (e: FocusEvent) => void;\n  };\n}\n\n/**\n * Tracks focus across a wrapper element and its (portaled) popover as a single\n * logical focus scope. Fires `onFocus` when focus enters either and `onBlur`\n * when it leaves both — essential for components whose overlay is portaled, so\n * that clicking an option does not look like a blur of the whole component.\n *\n * Focus entering is reported as it happens. Focus leaving is too when the blur\n * names where focus went (`relatedTarget`), so it runs before the click that\n * caused it: a Save button sees what leaving the field committed, and an\n * `onFocus` runs before a change made in the same press. A blur to nowhere\n * (a node removed under focus, a programmatic `blur()`, a hop through the\n * body) is checked a frame later, and focus that is back by then reports\n * nothing. One caused by a mousedown outside is final and reported at once:\n * Safari leaves focus nowhere when a button is clicked.\n */\nexport function useCompositeFocus({\n  wrapperRef,\n  popoverRef,\n  onFocus,\n  onBlur,\n  isDisabled,\n}: UseCompositeFocusProps): UseCompositeFocusReturn {\n  const wasInsideRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n  // Set from an outside mousedown until the task that handles it ends. The\n  // focus change is that mousedown's default action, so a blur that sees the\n  // flag was caused by it.\n  const isPressingOutsideRef = useRef(false);\n\n  const contains = (node: EventTarget | null) =>\n    node != null &&\n    ((wrapperRef.current?.contains(node as Node) ?? false) ||\n      (popoverRef.current?.contains(node as Node) ?? false));\n\n  const cancelCheck = () => {\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n  };\n\n  const handleDocumentMouseDown = useEvent((e: MouseEvent) => {\n    if (contains(e.target)) return;\n\n    isPressingOutsideRef.current = true;\n    setTimeout(() => {\n      isPressingOutsideRef.current = false;\n    }, 0);\n  });\n\n  const leave = () => {\n    cancelCheck();\n\n    if (!wasInsideRef.current) return;\n\n    wasInsideRef.current = false;\n    document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    onBlur?.();\n  };\n\n  const handleFocus = () => {\n    // A portaled popover's focus events also bubble to the wrapper through the\n    // React tree, so each edge is reported once however many times it arrives.\n    if (isDisabled || wasInsideRef.current) return;\n\n    wasInsideRef.current = true;\n    document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    onFocus?.();\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    if (isDisabled) return;\n\n    const next = e.relatedTarget;\n\n    if (next != null || isPressingOutsideRef.current) {\n      if (!contains(next)) leave();\n\n      return;\n    }\n\n    cancelCheck();\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n\n      if (!contains(document.activeElement)) leave();\n    });\n  };\n\n  // StrictMode unmounts and remounts effects after an `autoFocus` has already\n  // reported focus, so the listener focus added is put back here.\n  useEffect(() => {\n    if (wasInsideRef.current) {\n      document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    }\n\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n      }\n\n      document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    };\n  }, [handleDocumentMouseDown]);\n\n  return {\n    compositeFocusProps: {\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableNumberValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/RadioGroup/Radio.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts

package/dist/components/fields/SearchComboBox/SearchComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/Gradation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/HueSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef, useState } from "react";

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

package/dist/components/fields/Slider/Slider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

package/dist/components/fields/Slider/SliderBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { c } from "react-compiler-runtime";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/TagInput/TagInput.d.ts

@@ -45,7 +45,11 @@ interface CubeTagInputProps<T = object> extends BasePropsWithoutChildren, Contai
   enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
   /** Called when focus enters the component (input, chips or popover). Receives no event. */
   onFocus?: () => void;
-  /** Called when focus leaves the component entirely. Receives no event. */
+  /**
+   * Called when focus leaves the component entirely, after the typed text is
+   * committed and before the press that moved focus is handled. Receives no
+   * event.
+   */
   onBlur?: () => void;
   /**
    * Called when a key is pressed in the input, before the component handles it.
@@ -55,7 +59,8 @@ interface CubeTagInputProps<T = object> extends BasePropsWithoutChildren, Contai
   /**
    * Characters that commit the typed text, and that pasted text is split on.
    * Pasted text is also always split on line breaks. Pass `[]` for values that
-   * may contain the default separator.
+   * may contain the default separator; only the first of several refused
+   * values then stays in the input.
    * @default [',']
    */
   delimiters?: string[];
@@ -97,6 +102,8 @@ interface CubeTagInputProps<T = object> extends BasePropsWithoutChildren, Contai
   /**
    * Whether typed values that are not among the options are accepted. Only
    * applies when options are given; without options every value is custom.
+   * Text that matches an option only in case or accents is then added as
+   * typed; without it, that text picks the option.
    * @default false
    */
   allowsCustomValue?: boolean;