@cube-dev/ui-kit 0.0.0-canary-aedbcc7 → 0.0.0-canary-a46ac70

package/dist/utils/react/mapProps.js

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

package/dist/utils/react/mergeProps.js

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

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | 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/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | 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

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

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

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

package/dist/utils/react/useLocalStorage.js

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

package/dist/utils/react/useMergeStyles.js

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

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

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

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

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

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a46ac70 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

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

package/package.json

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

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

@@ -1,99 +0,0 @@
-
-import { _CollectionItem } from "../../CollectionItem.js";
-import { CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
-import { ListStateLike, TextFilterFn } from "../ListBoxPopover/listNavigation.js";
-import "../ListBoxPopover/index.js";
-import { ForwardedRef, ReactElement, ReactNode, RefObject } from "react";
-import { Section } from "react-stately";
-import { Key as Key$1 } from "@react-types/shared";
-
-//#region src/components/fields/CommandTextArea/CommandTextArea.d.ts
-/** A single trigger character with optional placement constraint. */
-interface CommandTrigger {
-  /** The character that opens the autocomplete (e.g. `/` or `@`). */
-  char: string;
-  /**
-   * When true, the trigger token must start at the beginning of the line the
-   * caret is on (right after a newline, or at the very start of the input) —
-   * i.e. line-scoped slash commands. When false, the token may appear after
-   * any whitespace, anywhere in the text (Slack/Notion-style).
-   */
-  atLineStart?: boolean;
-}
-/** Result of scanning the textarea for an active trigger token. */
-interface ActiveToken {
-  /** The matched trigger descriptor. */
-  trigger: CommandTrigger;
-  /** The active token text, INCLUDING the trigger char (e.g. `/cle`). */
-  token: string;
-  /** Inclusive start index of the token in the textarea value. */
-  start: number;
-  /** Exclusive end index of the token (caret position while typing). */
-  end: number;
-}
-type CommandTextAreaFilterFn = TextFilterFn;
-interface CubeCommandTextAreaProps<T> extends Omit<CubeTextInputBaseProps, 'children' | 'multiLine'> {
-  /** Whether the textarea should resize to fit its content. */
-  autoSize?: boolean;
-  /** Max visible rows when `autoSize` is true. Defaults to 10. */
-  maxRows?: number;
-  /** Number of visible rows. Defaults to 3. */
-  rows?: number;
-  /** Command/option source (alternative to JSX children). */
-  items?: Iterable<T>;
-  /** Static items or a render function (same shape as ComboBox/ListBox). */
-  children?: ReactNode | ((item: T) => ReactElement);
-  /**
-   * Triggers that open the autocomplete. Defaults to a single slash command
-   * that must start at the beginning of the input.
-   */
-  triggers?: CommandTrigger[];
-  /**
-   * Custom filter. Pass `false` to disable internal filtering (server-side).
-   */
-  filter?: CommandTextAreaFilterFn | false;
-  /**
-   * Fired when the user picks a command (Enter/Tab/click). The option's
-   * `textValue` is also inserted into the textarea regardless.
-   */
-  onCommand?: (key: Key$1, item: {
-    textValue: string;
-    [k: string]: any;
-  }) => void;
-  /** Insert a trailing space after the chosen command. Defaults to true. */
-  insertSpaceAfter?: boolean;
-  /** Keys of disabled options. */
-  disabledKeys?: Iterable<Key$1>;
-  /** Popover placement. Chat inputs usually want `top`. Defaults to `top`. */
-  direction?: 'bottom' | 'top';
-  /** Whether the popover should flip when overflowing. Defaults to true. */
-  shouldFlip?: boolean;
-  /** Offset between the textarea and the popover. */
-  overlayOffset?: number;
-  /** Padding between the popover and the viewport edge. */
-  containerPadding?: number;
-  /** Ref for the textarea element. */
-  inputRef?: RefObject<HTMLTextAreaElement>;
-  /** Ref for the wrapper element (popover anchor). */
-  wrapperRef?: RefObject<HTMLDivElement>;
-  /** Ref for the popover overlay element. */
-  popoverRef?: RefObject<HTMLDivElement>;
-  /** Ref for the listbox element. */
-  listBoxRef?: RefObject<HTMLDivElement>;
-  /** Ref through which the internal list state is exposed. */
-  listStateRef?: RefObject<ListStateLike | null>;
-  overlayStyles?: any;
-  listBoxStyles?: any;
-  optionStyles?: any;
-  sectionStyles?: any;
-  headingStyles?: any;
-}
-declare const _CommandTextArea: (<T>(props: CubeCommandTextAreaProps<T> & {
-  ref?: ForwardedRef<HTMLElement>;
-}) => ReactElement) & {
-  Item: typeof _CollectionItem;
-  Section: typeof Section;
-};
-//#endregion
-export { ActiveToken, CommandTextAreaFilterFn, CommandTrigger, CubeCommandTextAreaProps, _CommandTextArea };
-//# sourceMappingURL=CommandTextArea.d.ts.map

package/dist/components/fields/CommandTextArea/CommandTextArea.js

@@ -1,383 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-aedbcc7 | Cube Dev Team */
-import { chain } from "../../../utils/react/chain.js";
-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";
-import { useProviderProps } from "../../../provider.js";
-import { _CollectionItem } from "../../CollectionItem.js";
-import { generateRandomId } from "../../../utils/random.js";
-import { useFormProps } from "../../form/Form/Form.js";
-import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
-import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
-import { TextInputBase } from "../TextInput/TextInputBase.js";
-import { ListBoxPopover } from "../ListBoxPopover/ListBoxPopover.js";
-import { useCompositeFocus } from "../ListBoxPopover/useCompositeFocus.js";
-import { filterCollectionNodes, getEdgeVisibleKey, getNextVisibleKey, markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
-import { useCaretAnchor } from "./useCaretAnchor.js";
-import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useFilter, useTextField } from "react-aria";
-import { Section, useListState } from "react-stately";
-
-//#region src/components/fields/CommandTextArea/CommandTextArea.tsx
-const DEFAULT_TRIGGERS = [{
-	char: "/",
-	atLineStart: true
-}];
-/**
-* Inspect the textarea contents up to the caret and find the active trigger
-* token, if any. The token includes the trigger character and ends at the
-* caret (so it grows as the user types). A token ends at whitespace or the end
-* of the input.
-*/
-function parseActiveToken(value, caret, triggers) {
-	if (!triggers.length) return null;
-	const before = value.slice(0, caret);
-	value.slice(caret);
-	for (const trigger of triggers) {
-		const ch = trigger.char;
-		if (trigger.atLineStart) {
-			const lineStart = before.lastIndexOf("\n") + 1;
-			const linePrefix = before.slice(lineStart);
-			if (linePrefix[0] !== ch) continue;
-			if (linePrefix.slice(1).search(/\s/) !== -1) continue;
-			if (!linePrefix) continue;
-			return {
-				trigger,
-				token: linePrefix,
-				start: lineStart,
-				end: caret
-			};
-		}
-		const match = /(?:^|\s)([\S]+)$/.exec(before);
-		if (!match) continue;
-		const candidate = match[1];
-		if (candidate[0] !== ch) continue;
-		return {
-			trigger,
-			token: candidate,
-			start: caret - candidate.length,
-			end: caret
-		};
-	}
-	return null;
-}
-function CommandTextArea(props, ref) {
-	props = castNullableStringValue(props);
-	props = useProviderProps(props);
-	props = useFormProps(props);
-	props = useFieldProps(props, {
-		defaultValidationTrigger: "onBlur",
-		valuePropsMapper: ({ value, onChange }) => ({
-			onChange,
-			value: value?.toString() ?? ""
-		})
-	});
-	let { qa, autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, maxRows = 10, rows = 3, labelProps: userLabelProps, inputRef: propsInputRef, value, placeholder, items, children: renderChildren, triggers = DEFAULT_TRIGGERS, filter, onCommand, insertSpaceAfter = true, disabledKeys, direction = "top", shouldFlip = true, overlayOffset = 8, containerPadding = 8, overlayStyles, listBoxStyles, optionStyles, sectionStyles, headingStyles, wrapperRef: propsWrapperRef, popoverRef: propsPopoverRef, listBoxRef: propsListBoxRef, listStateRef: propsListStateRef, onKeyDown, onFocus, onBlur, ...otherProps } = props;
-	rows = Math.max(rows, 1);
-	maxRows = Math.max(maxRows, rows);
-	const localInputRef = useRef(null);
-	const inputRef = propsInputRef ?? localInputRef;
-	const wrapperRef = useCombinedRefs(propsWrapperRef);
-	const popoverRef = useCombinedRefs(propsPopoverRef);
-	const listBoxRef = useCombinedRefs(propsListBoxRef);
-	const listStateRef = propsListStateRef ?? useRef(null);
-	const commandTextAreaId = useMemo(() => generateRandomId(), []);
-	const isControlled = value !== void 0;
-	const [internalValue, setInternalValue] = useState(value ?? "");
-	const effectiveValue = isControlled ? value : internalValue;
-	const handleChange = useEvent((next) => {
-		if (!isControlled) setInternalValue(next);
-		onChange?.(next);
-	});
-	let children = renderChildren;
-	const renderFn = renderChildren;
-	if (items && typeof renderFn === "function") children = Array.from(items).map((item, idx) => {
-		const rendered = renderFn(item);
-		if (React.isValidElement(rendered) && rendered.key == null) return React.cloneElement(rendered, { key: rendered?.key ?? item?.key ?? idx });
-		return rendered;
-	});
-	const [caret, setCaret] = useState(() => effectiveValue.length);
-	const syncCaret = useEvent(() => {
-		const el = inputRef.current;
-		if (!el) return;
-		setCaret(el.selectionStart ?? el.value.length);
-	});
-	const activeToken = useMemo(() => parseActiveToken(effectiveValue, caret, triggers), [
-		effectiveValue,
-		caret,
-		triggers
-	]);
-	const term = useMemo(() => {
-		if (!activeToken) return "";
-		const { token, trigger } = activeToken;
-		return token.startsWith(trigger.char) ? token.slice(trigger.char.length) : token;
-	}, [activeToken]);
-	const { contains } = useFilter({ sensitivity: "base" });
-	const textFilterFn = useMemo(() => filter === false ? () => true : filter || contains, [filter, contains]);
-	const localCollectionState = useListState({
-		children,
-		items,
-		selectionMode: "none"
-	});
-	const filterFn = useCallback((nodes) => filterCollectionNodes(nodes, term, textFilterFn), [term, textFilterFn]);
-	const filteredCount = useMemo(() => {
-		if (!activeToken) return 0;
-		const filtered = filterFn(localCollectionState.collection);
-		let count = 0;
-		for (const node of filtered) if (node.type === "section" && node.childNodes) {
-			for (const child of node.childNodes) if (child.type === "item") count++;
-		} else if (node.type === "item") count++;
-		return count;
-	}, [
-		activeToken,
-		filterFn,
-		localCollectionState.collection
-	]);
-	const [dismissedToken, setDismissedToken] = useState(null);
-	const [, setFocusTick] = useState(0);
-	const bumpFocus = useEvent(() => setFocusTick((t) => t + 1));
-	useEffect(() => {
-		setDismissedToken((prev) => prev != null && activeToken?.token !== prev ? null : prev);
-	}, [activeToken?.token]);
-	const shouldShowPopover = !!activeToken && activeToken.token !== dismissedToken && filteredCount > 0;
-	const { anchorRef: caretAnchorRef, positionApiRef } = useCaretAnchor({
-		inputRef,
-		wrapperRef,
-		caret,
-		value: effectiveValue,
-		isActive: shouldShowPopover
-	});
-	const adjustHeight = useEvent(() => {
-		const textarea = inputRef.current;
-		if (!textarea || !autoSize) return;
-		textarea.style.height = "auto";
-		const computedStyle = getComputedStyle(textarea);
-		const paddingTop = parseFloat(computedStyle.paddingTop) || 0;
-		const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;
-		const borderTop = parseFloat(computedStyle.borderTopWidth) || 0;
-		const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 0;
-		const lineHeight = parseInt(computedStyle.lineHeight) || 20;
-		const contentHeight = textarea.scrollHeight - paddingTop - paddingBottom;
-		const computedRows = Math.ceil(contentHeight / lineHeight);
-		const totalHeight = Math.max(Math.min(computedRows, maxRows), rows) * lineHeight + paddingTop + paddingBottom + borderTop + borderBottom;
-		textarea.style.height = `${totalHeight}px`;
-	});
-	let { labelProps, inputProps } = useTextField({
-		...otherProps,
-		value: effectiveValue,
-		placeholder,
-		isDisabled,
-		isReadOnly,
-		isRequired,
-		onChange: chain(handleChange, adjustHeight),
-		inputElementType: "textarea"
-	}, inputRef);
-	const mergedLabelProps = mergeProps$1(labelProps, userLabelProps);
-	const useEnvironmentalEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-	useEnvironmentalEffect(() => {
-		if (!autoSize || !inputRef.current) return;
-		adjustHeight();
-		const resizeObserver = new ResizeObserver(adjustHeight);
-		resizeObserver.observe(inputRef.current);
-		return () => resizeObserver.disconnect();
-	}, [autoSize, inputRef.current]);
-	useEnvironmentalEffect(() => {
-		if (autoSize && inputRef.current) adjustHeight();
-	}, [effectiveValue]);
-	const pendingCaretRef = useRef(null);
-	useEnvironmentalEffect(() => {
-		if (pendingCaretRef.current != null && inputRef.current) {
-			const pos = pendingCaretRef.current;
-			pendingCaretRef.current = null;
-			inputRef.current.focus();
-			inputRef.current.setSelectionRange(pos, pos);
-			setCaret(pos);
-		}
-	}, [effectiveValue]);
-	const getItemTextValue = useCallback((key) => {
-		return (localCollectionState?.collection?.getItem(key))?.textValue || String(key);
-	}, [localCollectionState?.collection]);
-	const commit = useEvent((key) => {
-		const listState = listStateRef.current;
-		const textValue = getItemTextValue(key);
-		const token = activeToken;
-		const el = inputRef.current;
-		if (token) {
-			const next = effectiveValue.slice(0, token.start) + textValue + (insertSpaceAfter ? " " : "") + effectiveValue.slice(token.end);
-			const caretPos = token.start + textValue.length + (insertSpaceAfter ? 1 : 0);
-			pendingCaretRef.current = caretPos;
-			handleChange(next);
-			if (el) {
-				el.focus();
-				try {
-					el.setSelectionRange(caretPos, caretPos);
-				} catch {}
-			}
-		} else if (el) {
-			const start = el.selectionStart ?? effectiveValue.length;
-			const end = el.selectionEnd ?? effectiveValue.length;
-			const next = effectiveValue.slice(0, start) + textValue + (insertSpaceAfter ? " " : "") + effectiveValue.slice(end);
-			pendingCaretRef.current = start + textValue.length + (insertSpaceAfter ? 1 : 0);
-			handleChange(next);
-		}
-		setDismissedToken(null);
-		onCommand?.(key, {
-			textValue,
-			...listState?.collection?.getItem(key)?.props ?? {}
-		});
-	});
-	const onKeyDownHandler = useCallback((e) => {
-		onKeyDown?.(e);
-		if (e.defaultPrevented) return;
-		if (!shouldShowPopover) return;
-		const listState = listStateRef.current;
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-			if (!listState) return;
-			e.preventDefault();
-			const nextKey = getNextVisibleKey(listState, e.key === "ArrowDown" ? 1 : -1);
-			if (nextKey != null) {
-				markKeyboardFocus(listState);
-				listState.selectionManager.setFocusedKey(nextKey);
-				bumpFocus();
-			}
-		} else if (e.key === "Home" || e.key === "End") {
-			if (!listState) return;
-			e.preventDefault();
-			const edgeKey = getEdgeVisibleKey(listState, e.key === "Home" ? "first" : "last");
-			if (edgeKey != null) {
-				markKeyboardFocus(listState);
-				listState.selectionManager.setFocusedKey(edgeKey);
-				bumpFocus();
-			}
-		} else if (e.key === "Enter" || e.key === "Tab") {
-			if (!listState) return;
-			const focused = listState.selectionManager.focusedKey;
-			if (focused != null) {
-				e.preventDefault();
-				commit(focused);
-			}
-		} else if (e.key === "Escape") {
-			e.preventDefault();
-			if (activeToken) setDismissedToken(activeToken.token);
-		}
-	}, [
-		shouldShowPopover,
-		activeToken,
-		commit,
-		onKeyDown,
-		listStateRef
-	]);
-	const focusInitAttemptsRef = useRef(0);
-	useLayoutEffect(() => {
-		if (!shouldShowPopover) return;
-		focusInitAttemptsRef.current = 0;
-		const tick = () => {
-			if (!shouldShowPopover) return;
-			const listState = listStateRef.current;
-			if (!listState) {
-				focusInitAttemptsRef.current += 1;
-				if (focusInitAttemptsRef.current < 8) requestAnimationFrame(tick);
-				return;
-			}
-			if (listState.selectionManager.focusedKey == null) {
-				const first = getEdgeVisibleKey(listState, "first");
-				if (first != null) {
-					markKeyboardFocus(listState);
-					listState.selectionManager.setFocusedKey(first);
-					bumpFocus();
-				}
-			}
-		};
-		requestAnimationFrame(() => requestAnimationFrame(tick));
-	}, [shouldShowPopover]);
-	const { compositeFocusProps } = useCompositeFocus({
-		wrapperRef,
-		popoverRef,
-		onFocus,
-		onBlur,
-		isDisabled
-	});
-	const focusedKey = listStateRef.current?.selectionManager.focusedKey ?? null;
-	const listBoxId = `CommandTextAreaListBox-${commandTextAreaId}`;
-	const popoverOverlayStyles = {
-		width: "30x max-content 50vw",
-		...overlayStyles
-	};
-	const commandInputProps = mergeProps$1(inputProps, {
-		role: "combobox",
-		"aria-autocomplete": "list",
-		"aria-expanded": shouldShowPopover,
-		"aria-haspopup": "listbox",
-		"aria-controls": shouldShowPopover ? listBoxId : void 0,
-		"aria-activedescendant": shouldShowPopover && focusedKey != null ? `ListBoxItem-${focusedKey}` : void 0,
-		onKeyDown: onKeyDownHandler,
-		onSelect: syncCaret,
-		onKeyUp: syncCaret,
-		onClick: syncCaret,
-		"data-input-type": "command-textarea"
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TextInputBase, {
-		ref,
-		...otherProps,
-		multiLine: true,
-		qa,
-		inputRef,
-		wrapperRef,
-		wrapperProps: compositeFocusProps,
-		labelProps: mergedLabelProps,
-		inputProps: commandInputProps,
-		isDisabled,
-		isReadOnly,
-		isRequired,
-		rows
-	}), /* @__PURE__ */ jsx(ListBoxPopover, {
-		isOpen: shouldShowPopover,
-		triggerRef: wrapperRef,
-		positionTargetRef: caretAnchorRef,
-		positionApiRef,
-		popoverRef,
-		listBoxRef,
-		direction,
-		shouldFlip,
-		overlayOffset,
-		containerPadding,
-		listBoxId,
-		overlayStyles: popoverOverlayStyles,
-		listBoxStyles,
-		optionStyles,
-		optionHighlight: term,
-		sectionStyles,
-		headingStyles,
-		isDisabled,
-		disabledKeys,
-		items,
-		listStateRef,
-		ariaLabel: props["aria-label"] || (typeof otherProps.label === "string" ? otherProps.label : "Commands"),
-		compositeFocusProps,
-		filter: filterFn,
-		onClose: () => {
-			if (activeToken) setDismissedToken(activeToken.token);
-		},
-		onSelectionChange: (selection) => {
-			const key = Array.isArray(selection) ? selection[0] : selection;
-			if (key != null) commit(key);
-		},
-		children
-	})] });
-}
-const _CommandTextArea = forwardRef(CommandTextArea);
-Object.assign(_CommandTextArea, {
-	Item: _CollectionItem,
-	Section,
-	displayName: "CommandTextArea"
-});
-Object.defineProperty(_CommandTextArea, "cubeInputType", {
-	value: "CommandTextArea",
-	enumerable: false,
-	configurable: false
-});
-
-//#endregion
-export { _CommandTextArea };
-//# sourceMappingURL=CommandTextArea.js.map