@cube-dev/ui-kit 0.142.10 → 0.143.0

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

@@ -0,0 +1,102 @@
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
+//#region src/components/fields/ListBoxPopover/listNavigation.ts
+/**
+* Walks a collection (possibly nested under sections) and collects the keys of
+* selectable items, skipping disabled ones. Mirrors the inline walker that
+* used to live in `useComboBoxKeyboard`.
+*/
+function collectVisibleKeys(nodes, out, disabledKeys) {
+	for (const node of nodes) if (node.type === "item") {
+		if (!disabledKeys?.has(node.key)) out.push(node.key);
+	} else if (node.childNodes) collectVisibleKeys(node.childNodes, out, disabledKeys);
+}
+/** Convenience: returns the flat list of selectable keys for a list state. */
+function getVisibleKeys(listState) {
+	const keys = [];
+	collectVisibleKeys(listState.collection, keys, listState.disabledKeys);
+	return keys;
+}
+/**
+* Computes the next key to focus when navigating with ArrowUp/ArrowDown.
+*
+* - If `fromKey` is omitted, reads `selectionManager.focusedKey`.
+* - When nothing is focused (or the focused key is no longer visible), falls
+*   back to the first/last visible key depending on `direction`.
+* - When the current key is the boundary, either returns `null` (default) or
+*   wraps to the opposite edge when `opts.wrap` is true.
+*/
+function getNextVisibleKey(listState, direction, opts) {
+	const visibleKeys = getVisibleKeys(listState);
+	if (visibleKeys.length === 0) return null;
+	const isForward = direction === 1;
+	const currentKey = opts?.fromKey ?? listState.selectionManager.focusedKey;
+	if (currentKey == null) return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];
+	const currentIndex = visibleKeys.indexOf(currentKey);
+	if (currentIndex === -1) return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];
+	const newIndex = currentIndex + direction;
+	if (newIndex >= 0 && newIndex < visibleKeys.length) return visibleKeys[newIndex];
+	if (opts?.wrap) return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];
+	return null;
+}
+/** Returns the first or last selectable key. */
+function getEdgeVisibleKey(listState, edge) {
+	const visibleKeys = getVisibleKeys(listState);
+	if (visibleKeys.length === 0) return null;
+	return edge === "first" ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];
+}
+/**
+* Marks a focus change as keyboard-driven so the underlying ListBox scrolls the
+* highlighted option into view. No-op when the list state doesn't expose a
+* `lastFocusSourceRef`.
+*/
+function markKeyboardFocus(listState) {
+	if (listState.lastFocusSourceRef) listState.lastFocusSourceRef.current = "keyboard";
+}
+/**
+* Collects the strings a node can be matched against. Always includes the
+* node's `textValue`; when `matchExtraFields` is set, also includes any
+* plain-text `children` and `description` props. Non-string children/description
+* (e.g. React elements) are ignored since we can't reliably read their text.
+*/
+function getSearchableStrings(node, matchExtraFields) {
+	const strings = [];
+	if (node.textValue) strings.push(node.textValue);
+	if (matchExtraFields) {
+		const props = node.props;
+		if (props) {
+			if (typeof props.children === "string") strings.push(props.children);
+			if (typeof props.description === "string") strings.push(props.description);
+		}
+	}
+	return strings.length > 0 ? strings : [node.textValue || ""];
+}
+/** True when the term matches any of the node's searchable strings. */
+function nodeMatchesTerm(node, term, textFilterFn, matchExtraFields) {
+	return getSearchableStrings(node, matchExtraFields).some((text) => textFilterFn(text, term));
+}
+/**
+* Filters collection nodes by a search term while preserving section structure.
+* By default a node matches only when the term matches its `textValue`; pass
+* `{ matchExtraFields: true }` to also match its plain-text `children` and
+* `description`. Sections whose children all fail the filter are dropped.
+*/
+function filterCollectionNodes(nodes, term, textFilterFn, options = {}) {
+	if (!term) return nodes;
+	const matchExtraFields = options.matchExtraFields ?? false;
+	return [...nodes].map((node) => {
+		if (node.type === "section" && node.childNodes) {
+			const filteredChildren = [...node.childNodes].filter((child) => nodeMatchesTerm(child, term, textFilterFn, matchExtraFields));
+			if (filteredChildren.length === 0) return null;
+			return {
+				...node,
+				childNodes: filteredChildren,
+				hasChildNodes: true
+			};
+		}
+		return nodeMatchesTerm(node, term, textFilterFn, matchExtraFields) ? node : null;
+	}).filter(Boolean);
+}
+
+//#endregion
+export { collectVisibleKeys, filterCollectionNodes, getEdgeVisibleKey, getNextVisibleKey, markKeyboardFocus };
+//# sourceMappingURL=listNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listNavigation.js","names":[],"sources":["../../../../src/components/fields/ListBoxPopover/listNavigation.ts"],"sourcesContent":["import { Key } from '@react-types/shared';\n\n/**\n * Minimal view of a React Stately list state. Kept structural (no imports from\n * `react-stately`) so the helpers can be used from any collection-backed\n * component without dragging extra types in.\n */\nexport interface ListStateLike {\n  selectionManager: {\n    focusedKey: Key | null;\n    setFocusedKey: (key: Key | null) => void;\n  };\n  collection: Iterable<any>;\n  disabledKeys?: Set<Key>;\n  lastFocusSourceRef?: { current: 'keyboard' | 'mouse' | 'other' };\n}\n\nexport type NavigationDirection = 1 | -1;\nexport type NavigationEdge = 'first' | 'last';\n\n/**\n * Walks a collection (possibly nested under sections) and collects the keys of\n * selectable items, skipping disabled ones. Mirrors the inline walker that\n * used to live in `useComboBoxKeyboard`.\n */\nexport function collectVisibleKeys(\n  nodes: Iterable<any>,\n  out: Key[],\n  disabledKeys?: Set<Key>,\n): void {\n  for (const node of nodes) {\n    if (node.type === 'item') {\n      if (!disabledKeys?.has(node.key)) {\n        out.push(node.key);\n      }\n    } else if (node.childNodes) {\n      collectVisibleKeys(node.childNodes, out, disabledKeys);\n    }\n  }\n}\n\n/** Convenience: returns the flat list of selectable keys for a list state. */\nexport function getVisibleKeys(listState: ListStateLike): Key[] {\n  const keys: Key[] = [];\n  collectVisibleKeys(\n    listState.collection,\n    keys,\n    listState.disabledKeys as Set<Key> | undefined,\n  );\n  return keys;\n}\n\n/**\n * Computes the next key to focus when navigating with ArrowUp/ArrowDown.\n *\n * - If `fromKey` is omitted, reads `selectionManager.focusedKey`.\n * - When nothing is focused (or the focused key is no longer visible), falls\n *   back to the first/last visible key depending on `direction`.\n * - When the current key is the boundary, either returns `null` (default) or\n *   wraps to the opposite edge when `opts.wrap` is true.\n */\nexport function getNextVisibleKey(\n  listState: ListStateLike,\n  direction: NavigationDirection,\n  opts?: { wrap?: boolean; fromKey?: Key | null },\n): Key | null {\n  const visibleKeys = getVisibleKeys(listState);\n  if (visibleKeys.length === 0) return null;\n\n  const isForward = direction === 1;\n  const currentKey = opts?.fromKey ?? listState.selectionManager.focusedKey;\n\n  if (currentKey == null) {\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  const currentIndex = visibleKeys.indexOf(currentKey);\n\n  if (currentIndex === -1) {\n    // Focused item was filtered out — restart from the matching edge.\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  const newIndex = currentIndex + direction;\n  if (newIndex >= 0 && newIndex < visibleKeys.length) {\n    return visibleKeys[newIndex];\n  }\n\n  if (opts?.wrap) {\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  return null;\n}\n\n/** Returns the first or last selectable key. */\nexport function getEdgeVisibleKey(\n  listState: ListStateLike,\n  edge: NavigationEdge,\n): Key | null {\n  const visibleKeys = getVisibleKeys(listState);\n  if (visibleKeys.length === 0) return null;\n  return edge === 'first'\n    ? visibleKeys[0]\n    : visibleKeys[visibleKeys.length - 1];\n}\n\n/**\n * Marks a focus change as keyboard-driven so the underlying ListBox scrolls the\n * highlighted option into view. No-op when the list state doesn't expose a\n * `lastFocusSourceRef`.\n */\nexport function markKeyboardFocus(listState: ListStateLike): void {\n  if (listState.lastFocusSourceRef) {\n    listState.lastFocusSourceRef.current = 'keyboard';\n  }\n}\n\nexport type TextFilterFn = (textValue: string, inputValue: string) => boolean;\n\n/** Options controlling how {@link filterCollectionNodes} matches nodes. */\nexport interface FilterCollectionOptions {\n  /**\n   * Also match against a node's plain-text `children` and `description` props\n   * in addition to its `textValue`. Defaults to `false` so the search stays\n   * consistent with the visible `textValue` (which is what components like\n   * ComboBox document). Components that surface `children`/`description` in the\n   * option list (e.g. CommandTextArea) can opt in.\n   */\n  matchExtraFields?: boolean;\n}\n\n/**\n * Collects the strings a node can be matched against. Always includes the\n * node's `textValue`; when `matchExtraFields` is set, also includes any\n * plain-text `children` and `description` props. Non-string children/description\n * (e.g. React elements) are ignored since we can't reliably read their text.\n */\nfunction getSearchableStrings(node: any, matchExtraFields: boolean): string[] {\n  const strings: string[] = [];\n\n  if (node.textValue) {\n    strings.push(node.textValue);\n  }\n\n  if (matchExtraFields) {\n    const props = node.props;\n    if (props) {\n      if (typeof props.children === 'string') {\n        strings.push(props.children);\n      }\n      if (typeof props.description === 'string') {\n        strings.push(props.description);\n      }\n    }\n  }\n\n  return strings.length > 0 ? strings : [node.textValue || ''];\n}\n\n/** True when the term matches any of the node's searchable strings. */\nfunction nodeMatchesTerm(\n  node: any,\n  term: string,\n  textFilterFn: TextFilterFn,\n  matchExtraFields: boolean,\n): boolean {\n  return getSearchableStrings(node, matchExtraFields).some((text) =>\n    textFilterFn(text, term),\n  );\n}\n\n/**\n * Filters collection nodes by a search term while preserving section structure.\n * By default a node matches only when the term matches its `textValue`; pass\n * `{ matchExtraFields: true }` to also match its plain-text `children` and\n * `description`. Sections whose children all fail the filter are dropped.\n */\nexport function filterCollectionNodes(\n  nodes: Iterable<any>,\n  term: string,\n  textFilterFn: TextFilterFn,\n  options: FilterCollectionOptions = {},\n): Iterable<any> {\n  if (!term) {\n    return nodes;\n  }\n\n  const matchExtraFields = options.matchExtraFields ?? false;\n\n  return [...nodes]\n    .map((node: any) => {\n      if (node.type === 'section' && node.childNodes) {\n        const filteredChildren = [...node.childNodes].filter((child: any) =>\n          nodeMatchesTerm(child, term, textFilterFn, matchExtraFields),\n        );\n\n        if (filteredChildren.length === 0) {\n          return null;\n        }\n\n        return {\n          ...node,\n          childNodes: filteredChildren,\n          hasChildNodes: true,\n        };\n      }\n\n      return nodeMatchesTerm(node, term, textFilterFn, matchExtraFields)\n        ? node\n        : null;\n    })\n    .filter(Boolean);\n}\n"],"mappings":";;;;;;;AAyBA,SAAgB,mBACd,OACA,KACA,cACM;AACN,MAAK,MAAM,QAAQ,MACjB,KAAI,KAAK,SAAS,QAChB;MAAI,CAAC,cAAc,IAAI,KAAK,IAAI,CAC9B,KAAI,KAAK,KAAK,IAAI;YAEX,KAAK,WACd,oBAAmB,KAAK,YAAY,KAAK,aAAa;;;AAM5D,SAAgB,eAAe,WAAiC;CAC9D,MAAM,OAAc,EAAE;AACtB,oBACE,UAAU,YACV,MACA,UAAU,aACX;AACD,QAAO;;;;;;;;;;;AAYT,SAAgB,kBACd,WACA,WACA,MACY;CACZ,MAAM,cAAc,eAAe,UAAU;AAC7C,KAAI,YAAY,WAAW,EAAG,QAAO;CAErC,MAAM,YAAY,cAAc;CAChC,MAAM,aAAa,MAAM,WAAW,UAAU,iBAAiB;AAE/D,KAAI,cAAc,KAChB,QAAO,YAAY,YAAY,KAAK,YAAY,YAAY,SAAS;CAGvE,MAAM,eAAe,YAAY,QAAQ,WAAW;AAEpD,KAAI,iBAAiB,GAEnB,QAAO,YAAY,YAAY,KAAK,YAAY,YAAY,SAAS;CAGvE,MAAM,WAAW,eAAe;AAChC,KAAI,YAAY,KAAK,WAAW,YAAY,OAC1C,QAAO,YAAY;AAGrB,KAAI,MAAM,KACR,QAAO,YAAY,YAAY,KAAK,YAAY,YAAY,SAAS;AAGvE,QAAO;;;AAIT,SAAgB,kBACd,WACA,MACY;CACZ,MAAM,cAAc,eAAe,UAAU;AAC7C,KAAI,YAAY,WAAW,EAAG,QAAO;AACrC,QAAO,SAAS,UACZ,YAAY,KACZ,YAAY,YAAY,SAAS;;;;;;;AAQvC,SAAgB,kBAAkB,WAAgC;AAChE,KAAI,UAAU,mBACZ,WAAU,mBAAmB,UAAU;;;;;;;;AAwB3C,SAAS,qBAAqB,MAAW,kBAAqC;CAC5E,MAAM,UAAoB,EAAE;AAE5B,KAAI,KAAK,UACP,SAAQ,KAAK,KAAK,UAAU;AAG9B,KAAI,kBAAkB;EACpB,MAAM,QAAQ,KAAK;AACnB,MAAI,OAAO;AACT,OAAI,OAAO,MAAM,aAAa,SAC5B,SAAQ,KAAK,MAAM,SAAS;AAE9B,OAAI,OAAO,MAAM,gBAAgB,SAC/B,SAAQ,KAAK,MAAM,YAAY;;;AAKrC,QAAO,QAAQ,SAAS,IAAI,UAAU,CAAC,KAAK,aAAa,GAAG;;;AAI9D,SAAS,gBACP,MACA,MACA,cACA,kBACS;AACT,QAAO,qBAAqB,MAAM,iBAAiB,CAAC,MAAM,SACxD,aAAa,MAAM,KAAK,CACzB;;;;;;;;AASH,SAAgB,sBACd,OACA,MACA,cACA,UAAmC,EAAE,EACtB;AACf,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,mBAAmB,QAAQ,oBAAoB;AAErD,QAAO,CAAC,GAAG,MAAM,CACd,KAAK,SAAc;AAClB,MAAI,KAAK,SAAS,aAAa,KAAK,YAAY;GAC9C,MAAM,mBAAmB,CAAC,GAAG,KAAK,WAAW,CAAC,QAAQ,UACpD,gBAAgB,OAAO,MAAM,cAAc,iBAAiB,CAC7D;AAED,OAAI,iBAAiB,WAAW,EAC9B,QAAO;AAGT,UAAO;IACL,GAAG;IACH,YAAY;IACZ,eAAe;IAChB;;AAGH,SAAO,gBAAgB,MAAM,MAAM,cAAc,iBAAiB,GAC9D,OACA;GACJ,CACD,OAAO,QAAQ"}

package/dist/components/fields/ListBoxPopover/useCompositeFocus.d.ts

@@ -0,0 +1,2 @@
+
+import React, { RefObject } from "react";

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

@@ -0,0 +1,53 @@
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
+import { useCallback, useEffect, useRef } from "react";
+
+//#region src/components/fields/ListBoxPopover/useCompositeFocus.ts
+/**
+* Tracks focus across a wrapper element and its (portaled) popover as a single
+* logical focus scope. Fires `onFocus` when focus enters either and `onBlur`
+* 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.
+*/
+function useCompositeFocus({ wrapperRef, popoverRef, onFocus, onBlur, isDisabled }) {
+	const wasInsideRef = useRef(false);
+	const rafRef = useRef(null);
+	const checkFocus = useCallback(() => {
+		if (isDisabled) return;
+		const activeElement = document.activeElement;
+		const isInside = (wrapperRef.current?.contains(activeElement) ?? false) || (popoverRef.current?.contains(activeElement) ?? false);
+		if (isInside !== wasInsideRef.current) {
+			wasInsideRef.current = isInside;
+			if (isInside) onFocus?.();
+			else onBlur?.();
+		}
+	}, [
+		wrapperRef,
+		popoverRef,
+		onFocus,
+		onBlur,
+		isDisabled
+	]);
+	const handleFocusOrBlur = useCallback((e) => {
+		if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+		rafRef.current = requestAnimationFrame(() => {
+			rafRef.current = null;
+			checkFocus();
+		});
+	}, [checkFocus]);
+	useEffect(() => {
+		return () => {
+			if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+		};
+	}, []);
+	return { compositeFocusProps: {
+		onFocus: handleFocusOrBlur,
+		onBlur: handleFocusOrBlur
+	} };
+}
+
+//#endregion
+export { useCompositeFocus };
+//# sourceMappingURL=useCompositeFocus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCompositeFocus.js","names":[],"sources":["../../../../src/components/fields/ListBoxPopover/useCompositeFocus.ts"],"sourcesContent":["import React, { RefObject, useCallback, 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.\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\n  const checkFocus = useCallback(() => {\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) {\n      wasInsideRef.current = isInside;\n      if (isInside) {\n        onFocus?.();\n      } else {\n        onBlur?.();\n      }\n    }\n  }, [wrapperRef, popoverRef, onFocus, onBlur, isDisabled]);\n\n  const handleFocusOrBlur = useCallback(\n    (e: React.FocusEvent) => {\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    [checkFocus],\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: handleFocusOrBlur,\n      onBlur: handleFocusOrBlur,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,SAAgB,kBAAkB,EAChC,YACA,YACA,SACA,QACA,cACkD;CAClD,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,SAAS,OAAsB,KAAK;CAE1C,MAAM,aAAa,kBAAkB;AACnC,MAAI,WAAY;EAEhB,MAAM,gBAAgB,SAAS;EAC/B,MAAM,YACH,WAAW,SAAS,SAAS,cAAc,IAAI,WAC/C,WAAW,SAAS,SAAS,cAAc,IAAI;AAElD,MAAI,aAAa,aAAa,SAAS;AACrC,gBAAa,UAAU;AACvB,OAAI,SACF,YAAW;OAEX,WAAU;;IAGb;EAAC;EAAY;EAAY;EAAS;EAAQ;EAAW,CAAC;CAEzD,MAAM,oBAAoB,aACvB,MAAwB;AAEvB,MAAI,OAAO,YAAY,KACrB,sBAAqB,OAAO,QAAQ;AAItC,SAAO,UAAU,4BAA4B;AAC3C,UAAO,UAAU;AACjB,eAAY;IACZ;IAEJ,CAAC,WAAW,CACb;AAGD,iBAAgB;AACd,eAAa;AACX,OAAI,OAAO,YAAY,KACrB,sBAAqB,OAAO,QAAQ;;IAGvC,EAAE,CAAC;AAEN,QAAO,EACL,qBAAqB;EACnB,SAAS;EACT,QAAQ;EACT,EACF"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SliderThumbElement } from "./elements.js";
 import { useMemo, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | 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/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -13,6 +13,8 @@ import { CubeTextAreaProps, _TextArea } from "./TextArea/TextArea.js";
 import { Input } from "./Input/Input.js";
 import "./Input/index.js";
 import "./TextArea/index.js";
+import { ActiveToken, CommandTextAreaFilterFn, CommandTrigger, CubeCommandTextAreaProps, _CommandTextArea } from "./CommandTextArea/CommandTextArea.js";
+import "./CommandTextArea/index.js";
 import { CubeCheckboxGroupProps, _CheckboxGroup } from "./Checkbox/CheckboxGroup.js";
 import { AriaCheckboxProps, CubeCheckboxProps, __Checkbox, useCheckbox } from "./Checkbox/Checkbox.js";
 import "./Checkbox/index.js";

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 //#region src/components/form/FieldWrapper/extract-field-wrapper-props.ts
 const createFieldWrapperPropsKeys = (arr) => new Set(arr);
 const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { FieldWrapper } from "../FieldWrapper/FieldWrapper.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";
 import { forwardRef, isValidElement, useContext } from "react";

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { useForm } from "./use-form.js";
 import { FormContext, _Form, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

package/dist/components/form/Form/use-field/use-field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
 import { delayValidationRule } from "../validation.js";

package/dist/components/form/Form/use-form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { applyRules } from "./validation.js";
 import { dotize } from "@tenphi/tasty";
 import { useRef, useState } from "react";

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { useEffect, useRef, useState } from "react";

package/dist/components/navigation/Tabs/TabPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";

package/dist/components/navigation/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.10 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.143.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { tasty } from "@tenphi/tasty";