@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/fields/ComboBox/comboBoxOptions.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { getEdgeVisibleKey, markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
-
 //#region src/components/fields/ComboBox/comboBoxOptions.ts
 /**
 * The text the input shows for `key`: its option's label, or the key itself
@@ -78,7 +77,7 @@ function highlightOption(listState, selectedKey) {
 	if (key != null && key !== listState.selectionManager.focusedKey) listState.selectionManager.setFocusedKey(key);
 	return key;
 }
-
 //#endregion
 export { collectOptions, findTypedOption, getItemLabel, highlightOption, resolveHighlightedKey, sortSelectedFirst };
+
 //# sourceMappingURL=comboBoxOptions.js.map

package/dist/components/fields/ComboBox/comboBoxOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"comboBoxOptions.js","names":["Key","getEdgeVisibleKey","ListStateLike","markKeyboardFocus","ComboBoxOption","key","textValue","CollectionLike","getItem","ListState","collection","getItemLabel","String","getDataKey","item","id","sortSelectedFirst","items","Iterable","T","isSelected","itemKey","itemsArray","Array","isArray","from","selectedItem","find","filter","collectOptions","nodes","options","node","children","type","childNodes","child","push","findTypedOption","text","selectedKey","disabledKeys","Set","isSameText","term","trim","exactMatches","option","match","has","length","resolveHighlightedKey","listState","selectionManager","focusedKey","highlightOption","setFocusedKey"],"sources":["../../../../src/components/fields/ComboBox/comboBoxOptions.ts"],"sourcesContent":["import { Key } from '@react-types/shared';\n\nimport {\n  getEdgeVisibleKey,\n  ListStateLike,\n  markKeyboardFocus,\n} from '../ListBoxPopover/listNavigation';\n\n/** An option the typed text can name. */\nexport interface ComboBoxOption {\n  key: Key;\n  textValue: string;\n}\n\nexport interface CollectionLike {\n  getItem: (key: Key) => { textValue?: string } | null | undefined;\n}\n\ntype ListState = ListStateLike & { collection: CollectionLike };\n\n/**\n * The text the input shows for `key`: its option's label, or the key itself\n * for a custom value or an option that has not loaded yet.\n */\nexport function getItemLabel(collection: CollectionLike, key: Key): string {\n  return collection.getItem(key)?.textValue || String(key);\n}\n\nfunction getDataKey(item: unknown): Key | undefined {\n  return (item as any)?.key ?? (item as any)?.id;\n}\n\n/**\n * `items` with the item keyed `key` moved to the front, or `items` itself when\n * there is no such item.\n */\nexport function sortSelectedFirst<T>(\n  items: Iterable<T>,\n  key: Key | null,\n): Iterable<T> {\n  if (!key) return items;\n\n  const isSelected = (item: T) => {\n    const itemKey = getDataKey(item);\n\n    return itemKey != null && String(itemKey) === String(key);\n  };\n  const itemsArray = Array.isArray(items) ? items : Array.from(items);\n  const selectedItem = itemsArray.find(isSelected);\n\n  if (!selectedItem) return items;\n\n  return [selectedItem, ...itemsArray.filter((item) => !isSelected(item))];\n}\n\n/** The options among (filtered) collection nodes, read through sections. */\nexport function collectOptions(nodes: Iterable<any>): ComboBoxOption[] {\n  const options: ComboBoxOption[] = [];\n\n  for (const node of nodes) {\n    const children = node.type === 'section' ? node.childNodes ?? [] : [node];\n\n    for (const child of children) {\n      if (child.type === 'item') {\n        options.push({ key: child.key, textValue: child.textValue || '' });\n      }\n    }\n  }\n\n  return options;\n}\n\n/**\n * The option the typed text names, or `null` when it names none that can be\n * selected: the exact match, otherwise the only option the filter left. Among\n * options sharing the label, the selection wins, then an enabled one. A\n * disabled match names nothing, as it cannot be picked any other way either,\n * unless it is already the selection.\n */\nexport function findTypedOption(\n  options: ComboBoxOption[],\n  text: string,\n  selectedKey: Key | null,\n  disabledKeys: Set<Key>,\n  isSameText: (textValue: string, text: string) => boolean,\n): Key | null {\n  const term = text.trim();\n\n  if (!term) return null;\n\n  const exactMatches = options.filter((option) =>\n    isSameText(option.textValue, term),\n  );\n  const match =\n    exactMatches.find((option) => option.key === selectedKey) ??\n    exactMatches.find((option) => !disabledKeys.has(option.key)) ??\n    exactMatches[0] ??\n    (options.length === 1 ? options[0] : null);\n\n  if (!match || (match.key !== selectedKey && disabledKeys.has(match.key))) {\n    return null;\n  }\n\n  return match.key;\n}\n\n/**\n * The option the list should highlight: the one it already highlights while\n * the filter keeps it, otherwise the selection when shown, otherwise the first\n * enabled option.\n */\nexport function resolveHighlightedKey(\n  listState: ListState,\n  selectedKey: Key | null,\n): Key | null {\n  const { collection, selectionManager } = listState;\n  const focusedKey = selectionManager.focusedKey;\n\n  if (focusedKey != null && collection.getItem(focusedKey) != null) {\n    return focusedKey;\n  }\n\n  if (selectedKey != null && collection.getItem(selectedKey) != null) {\n    return selectedKey;\n  }\n\n  return getEdgeVisibleKey(listState, 'first');\n}\n\n/**\n * Moves the list's virtual focus to {@link resolveHighlightedKey}, scrolling it\n * into view, and returns that key. `null` while the list has not mounted or\n * has nothing to highlight.\n */\nexport function highlightOption(\n  listState: ListState | null | undefined,\n  selectedKey: Key | null,\n): Key | null {\n  if (!listState?.selectionManager || !listState.collection) return null;\n\n  const key = resolveHighlightedKey(listState, selectedKey);\n\n  markKeyboardFocus(listState);\n\n  if (key != null && key !== listState.selectionManager.focusedKey) {\n    listState.selectionManager.setFocusedKey(key);\n  }\n\n  return key;\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgBW,aAAaD,YAA4BL,KAAkB;AACzE,QAAOK,WAAWF,QAAQH,IAAI,EAAEC,aAAaM,OAAOP,IAAI;;AAG1D,SAASQ,WAAWC,MAAgC;AAClD,QAAQA,MAAcT,OAAQS,MAAcC;;;;;;AAO9C,SAAgBC,kBACdC,OACAZ,KACa;AACb,KAAI,CAACA,IAAK,QAAOY;CAEjB,MAAMG,cAAcN,SAAY;EAC9B,MAAMO,UAAUR,WAAWC,KAAK;AAEhC,SAAOO,WAAW,QAAQT,OAAOS,QAAQ,KAAKT,OAAOP,IAAI;;CAE3D,MAAMiB,aAAaC,MAAMC,QAAQP,MAAM,GAAGA,QAAQM,MAAME,KAAKR,MAAM;CACnE,MAAMS,eAAeJ,WAAWK,KAAKP,WAAW;AAEhD,KAAI,CAACM,aAAc,QAAOT;AAE1B,QAAO,CAACS,cAAc,GAAGJ,WAAWM,QAAQd,SAAS,CAACM,WAAWN,KAAK,CAAC,CAAC;;;AAI1E,SAAgBe,eAAeC,OAAwC;CACrE,MAAMC,UAA4B,EAAE;AAEpC,MAAK,MAAMC,QAAQF,OAAO;EACxB,MAAMG,WAAWD,KAAKE,SAAS,YAAYF,KAAKG,cAAc,EAAE,GAAG,CAACH,KAAK;AAEzE,OAAK,MAAMI,SAASH,SAClB,KAAIG,MAAMF,SAAS,OACjBH,SAAQM,KAAK;GAAEhC,KAAK+B,MAAM/B;GAAKC,WAAW8B,MAAM9B,aAAa;GAAI,CAAC;;AAKxE,QAAOyB;;;;;;;;;AAUT,SAAgBO,gBACdP,SACAQ,MACAC,aACAC,cACAE,YACY;CACZ,MAAMC,OAAOL,KAAKM,MAAM;AAExB,KAAI,CAACD,KAAM,QAAO;CAElB,MAAME,eAAef,QAAQH,QAAQmB,WACnCJ,WAAWI,OAAOzC,WAAWsC,KAC/B,CAAC;CACD,MAAMI,QACJF,aAAanB,MAAMoB,WAAWA,OAAO1C,QAAQmC,YAAY,IACzDM,aAAanB,MAAMoB,WAAW,CAACN,aAAaQ,IAAIF,OAAO1C,IAAI,CAAC,IAC5DyC,aAAa,OACZf,QAAQmB,WAAW,IAAInB,QAAQ,KAAK;AAEvC,KAAI,CAACiB,SAAUA,MAAM3C,QAAQmC,eAAeC,aAAaQ,IAAID,MAAM3C,IAAK,CACtE,QAAO;AAGT,QAAO2C,MAAM3C;;;;;;;AAQf,SAAgB8C,sBACdC,WACAZ,aACY;CACZ,MAAM,EAAE9B,YAAY2C,qBAAqBD;CACzC,MAAME,aAAaD,iBAAiBC;AAEpC,KAAIA,cAAc,QAAQ5C,WAAWF,QAAQ8C,WAAW,IAAI,KAC1D,QAAOA;AAGT,KAAId,eAAe,QAAQ9B,WAAWF,QAAQgC,YAAY,IAAI,KAC5D,QAAOA;AAGT,QAAOvC,kBAAkBmD,WAAW,QAAQ;;;;;;;AAQ9C,SAAgBG,gBACdH,WACAZ,aACY;AACZ,KAAI,CAACY,WAAWC,oBAAoB,CAACD,UAAU1C,WAAY,QAAO;CAElE,MAAML,MAAM8C,sBAAsBC,WAAWZ,YAAY;AAEzDrC,mBAAkBiD,UAAU;AAE5B,KAAI/C,OAAO,QAAQA,QAAQ+C,UAAUC,iBAAiBC,WACpDF,WAAUC,iBAAiBG,cAAcnD,IAAI;AAG/C,QAAOA"}
+{"version":3,"file":"comboBoxOptions.js","names":["Key","getEdgeVisibleKey","ListStateLike","markKeyboardFocus","ComboBoxOption","key","textValue","CollectionLike","getItem","ListState","collection","getItemLabel","String","getDataKey","item","id","sortSelectedFirst","items","Iterable","T","isSelected","itemKey","itemsArray","Array","isArray","from","selectedItem","find","filter","collectOptions","nodes","options","node","children","type","childNodes","child","push","findTypedOption","text","selectedKey","disabledKeys","Set","isSameText","term","trim","exactMatches","option","match","has","length","resolveHighlightedKey","listState","selectionManager","focusedKey","highlightOption","setFocusedKey"],"sources":["../../../../src/components/fields/ComboBox/comboBoxOptions.ts"],"sourcesContent":["import { Key } from '@react-types/shared';\n\nimport {\n  getEdgeVisibleKey,\n  ListStateLike,\n  markKeyboardFocus,\n} from '../ListBoxPopover/listNavigation';\n\n/** An option the typed text can name. */\nexport interface ComboBoxOption {\n  key: Key;\n  textValue: string;\n}\n\nexport interface CollectionLike {\n  getItem: (key: Key) => { textValue?: string } | null | undefined;\n}\n\ntype ListState = ListStateLike & { collection: CollectionLike };\n\n/**\n * The text the input shows for `key`: its option's label, or the key itself\n * for a custom value or an option that has not loaded yet.\n */\nexport function getItemLabel(collection: CollectionLike, key: Key): string {\n  return collection.getItem(key)?.textValue || String(key);\n}\n\nfunction getDataKey(item: unknown): Key | undefined {\n  return (item as any)?.key ?? (item as any)?.id;\n}\n\n/**\n * `items` with the item keyed `key` moved to the front, or `items` itself when\n * there is no such item.\n */\nexport function sortSelectedFirst<T>(\n  items: Iterable<T>,\n  key: Key | null,\n): Iterable<T> {\n  if (!key) return items;\n\n  const isSelected = (item: T) => {\n    const itemKey = getDataKey(item);\n\n    return itemKey != null && String(itemKey) === String(key);\n  };\n  const itemsArray = Array.isArray(items) ? items : Array.from(items);\n  const selectedItem = itemsArray.find(isSelected);\n\n  if (!selectedItem) return items;\n\n  return [selectedItem, ...itemsArray.filter((item) => !isSelected(item))];\n}\n\n/** The options among (filtered) collection nodes, read through sections. */\nexport function collectOptions(nodes: Iterable<any>): ComboBoxOption[] {\n  const options: ComboBoxOption[] = [];\n\n  for (const node of nodes) {\n    const children = node.type === 'section' ? (node.childNodes ?? []) : [node];\n\n    for (const child of children) {\n      if (child.type === 'item') {\n        options.push({ key: child.key, textValue: child.textValue || '' });\n      }\n    }\n  }\n\n  return options;\n}\n\n/**\n * The option the typed text names, or `null` when it names none that can be\n * selected: the exact match, otherwise the only option the filter left. Among\n * options sharing the label, the selection wins, then an enabled one. A\n * disabled match names nothing, as it cannot be picked any other way either,\n * unless it is already the selection.\n */\nexport function findTypedOption(\n  options: ComboBoxOption[],\n  text: string,\n  selectedKey: Key | null,\n  disabledKeys: Set<Key>,\n  isSameText: (textValue: string, text: string) => boolean,\n): Key | null {\n  const term = text.trim();\n\n  if (!term) return null;\n\n  const exactMatches = options.filter((option) =>\n    isSameText(option.textValue, term),\n  );\n  const match =\n    exactMatches.find((option) => option.key === selectedKey) ??\n    exactMatches.find((option) => !disabledKeys.has(option.key)) ??\n    exactMatches[0] ??\n    (options.length === 1 ? options[0] : null);\n\n  if (!match || (match.key !== selectedKey && disabledKeys.has(match.key))) {\n    return null;\n  }\n\n  return match.key;\n}\n\n/**\n * The option the list should highlight: the one it already highlights while\n * the filter keeps it, otherwise the selection when shown, otherwise the first\n * enabled option.\n */\nexport function resolveHighlightedKey(\n  listState: ListState,\n  selectedKey: Key | null,\n): Key | null {\n  const { collection, selectionManager } = listState;\n  const focusedKey = selectionManager.focusedKey;\n\n  if (focusedKey != null && collection.getItem(focusedKey) != null) {\n    return focusedKey;\n  }\n\n  if (selectedKey != null && collection.getItem(selectedKey) != null) {\n    return selectedKey;\n  }\n\n  return getEdgeVisibleKey(listState, 'first');\n}\n\n/**\n * Moves the list's virtual focus to {@link resolveHighlightedKey}, scrolling it\n * into view, and returns that key. `null` while the list has not mounted or\n * has nothing to highlight.\n */\nexport function highlightOption(\n  listState: ListState | null | undefined,\n  selectedKey: Key | null,\n): Key | null {\n  if (!listState?.selectionManager || !listState.collection) return null;\n\n  const key = resolveHighlightedKey(listState, selectedKey);\n\n  markKeyboardFocus(listState);\n\n  if (key != null && key !== listState.selectionManager.focusedKey) {\n    listState.selectionManager.setFocusedKey(key);\n  }\n\n  return key;\n}\n"],"mappings":";;;;;;;AAwBA,SAAgBW,aAAaD,YAA4BL,KAAkB;CACzE,OAAOK,WAAWF,QAAQH,GAAG,CAAC,EAAEC,aAAaM,OAAOP,GAAG;AACzD;AAEA,SAASQ,WAAWC,MAAgC;CAClD,OAAQA,MAAcT,OAAQS,MAAcC;AAC9C;;;;;AAMA,SAAgBC,kBACdC,OACAZ,KACa;CACb,IAAI,CAACA,KAAK,OAAOY;CAEjB,MAAMG,cAAcN,SAAY;EAC9B,MAAMO,UAAUR,WAAWC,IAAI;EAE/B,OAAOO,WAAW,QAAQT,OAAOS,OAAO,MAAMT,OAAOP,GAAG;CAC1D;CACA,MAAMiB,aAAaC,MAAMC,QAAQP,KAAK,IAAIA,QAAQM,MAAME,KAAKR,KAAK;CAClE,MAAMS,eAAeJ,WAAWK,KAAKP,UAAU;CAE/C,IAAI,CAACM,cAAc,OAAOT;CAE1B,OAAO,CAACS,cAAc,GAAGJ,WAAWM,QAAQd,SAAS,CAACM,WAAWN,IAAI,CAAC,CAAC;AACzE;;AAGA,SAAgBe,eAAeC,OAAwC;CACrE,MAAMC,UAA4B,CAAA;CAElC,KAAK,MAAMC,QAAQF,OAAO;EACxB,MAAMG,WAAWD,KAAKE,SAAS,YAAaF,KAAKG,cAAc,CAAA,IAAM,CAACH,IAAI;EAE1E,KAAK,MAAMI,SAASH,UAClB,IAAIG,MAAMF,SAAS,QACjBH,QAAQM,KAAK;GAAEhC,KAAK+B,MAAM/B;GAAKC,WAAW8B,MAAM9B,aAAa;EAAG,CAAC;CAGvE;CAEA,OAAOyB;AACT;;;;;;;;AASA,SAAgBO,gBACdP,SACAQ,MACAC,aACAC,cACAE,YACY;CACZ,MAAMC,OAAOL,KAAKM,KAAK;CAEvB,IAAI,CAACD,MAAM,OAAO;CAElB,MAAME,eAAef,QAAQH,QAAQmB,WACnCJ,WAAWI,OAAOzC,WAAWsC,IAAI,CACnC;CACA,MAAMI,QACJF,aAAanB,MAAMoB,WAAWA,OAAO1C,QAAQmC,WAAW,KACxDM,aAAanB,MAAMoB,WAAW,CAACN,aAAaQ,IAAIF,OAAO1C,GAAG,CAAC,KAC3DyC,aAAa,OACZf,QAAQmB,WAAW,IAAInB,QAAQ,KAAK;CAEvC,IAAI,CAACiB,SAAUA,MAAM3C,QAAQmC,eAAeC,aAAaQ,IAAID,MAAM3C,GAAG,GACpE,OAAO;CAGT,OAAO2C,MAAM3C;AACf;;;;;;AAOA,SAAgB8C,sBACdC,WACAZ,aACY;CACZ,MAAM,EAAE9B,YAAY2C,qBAAqBD;CACzC,MAAME,aAAaD,iBAAiBC;CAEpC,IAAIA,cAAc,QAAQ5C,WAAWF,QAAQ8C,UAAU,KAAK,MAC1D,OAAOA;CAGT,IAAId,eAAe,QAAQ9B,WAAWF,QAAQgC,WAAW,KAAK,MAC5D,OAAOA;CAGT,OAAOvC,kBAAkBmD,WAAW,OAAO;AAC7C;;;;;;AAOA,SAAgBG,gBACdH,WACAZ,aACY;CACZ,IAAI,CAACY,WAAWC,oBAAoB,CAACD,UAAU1C,YAAY,OAAO;CAElE,MAAML,MAAM8C,sBAAsBC,WAAWZ,WAAW;CAExDrC,kBAAkBiD,SAAS;CAE3B,IAAI/C,OAAO,QAAQA,QAAQ+C,UAAUC,iBAAiBC,YACpDF,UAAUC,iBAAiBG,cAAcnD,GAAG;CAG9C,OAAOA;AACT"}

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

@@ -1,2 +1,3 @@
 
-import { ComboBox, CubeComboBoxProps } from "./ComboBox.js";
+import { ComboBox, CubeComboBoxProps } from "./ComboBox.js";
+export { ComboBox, type CubeComboBoxProps };

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

@@ -1,5 +1,5 @@
 
-import { _CollectionItem } from "../../CollectionItem.js";
+import { CollectionItem as _CollectionItem } from "../../CollectionItem.js";
 import { CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
 import { useCompositeFocus } from "../ListBoxPopover/useCompositeFocus.js";
 import { ListStateLike, TextFilterFn } from "../ListBoxPopover/listNavigation.js";
@@ -8,10 +8,9 @@ import { ForwardedRef, ReactElement, ReactNode, RefObject } from "react";
 import { AriaTextFieldProps } from "react-aria";
 import { Section } from "react-stately";
 import { Key as Key$2 } from "@react-types/shared";
-
 //#region src/components/fields/CommandTextArea/CommandTextArea.d.ts
 /** A single trigger character with optional placement constraint. */
-interface CommandTrigger {
+export interface CommandTrigger {
   /** The character that opens the autocomplete (e.g. `/` or `@`). */
   char: string;
   /**
@@ -23,7 +22,7 @@ interface CommandTrigger {
   atLineStart?: boolean;
 }
 /** Result of scanning the textarea for an active trigger token. */
-interface ActiveToken {
+export interface ActiveToken {
   /** The matched trigger descriptor. */
   trigger: CommandTrigger;
   /** The active token text, INCLUDING the trigger char (e.g. `/cle`). */
@@ -33,8 +32,8 @@ interface ActiveToken {
   /** Exclusive end index of the token (caret position while typing). */
   end: number;
 }
-type CommandTextAreaFilterFn = TextFilterFn;
-interface CubeCommandTextAreaProps<T> extends Omit<CubeTextInputBaseProps, 'children' | 'multiLine' | 'onFocus' | 'onBlur' | 'validate'> {
+export type CommandTextAreaFilterFn = TextFilterFn;
+export interface CubeCommandTextAreaProps<T> extends Omit<CubeTextInputBaseProps, 'children' | 'multiLine' | 'onFocus' | 'onBlur' | 'validate'> {
   onFocus?: () => void;
   onBlur?: Parameters<typeof useCompositeFocus>[0]['onBlur'];
   validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];
@@ -68,8 +67,10 @@ interface CubeCommandTextAreaProps<T> extends Omit<CubeTextInputBaseProps, 'chil
    * prefix of another's.
    */
   onCommand?: (key: Key$2, item: {
-    textValue: string; /** Index in the new value where the inserted text starts. */
-    start: number; /** Index where it ends, excluding any inserted trailing space. */
+    textValue: string;
+    /** Index in the new value where the inserted text starts. */
+    start: number;
+    /** Index where it ends, excluding any inserted trailing space. */
     end: number;
     [k: string]: any;
   }) => void;
@@ -122,5 +123,5 @@ declare const _CommandTextArea: (<T>(props: CubeCommandTextAreaProps<T> & {
   Section: typeof Section;
 };
 //#endregion
-export { ActiveToken, CommandTextAreaFilterFn, CommandTrigger, CubeCommandTextAreaProps, _CommandTextArea };
+export { _CommandTextArea as CommandTextArea };
 //# sourceMappingURL=CommandTextArea.d.ts.map

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

@@ -1,10 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 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 { _CollectionItem } from "../../CollectionItem.js";
+import { CollectionItem as _CollectionItem } from "../../CollectionItem.js";
 import { generateRandomId } from "../../../utils/random.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
@@ -19,7 +19,6 @@ import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, us
 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: "/",
@@ -333,7 +332,7 @@ function CommandTextArea(props, ref) {
 		onClick: syncCaret,
 		"data-input-type": "command-textarea"
 	}, userInputProps);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TextInputBase, {
+	const field = /* @__PURE__ */ jsx(TextInputBase, {
 		ref,
 		...otherProps,
 		multiLine: true,
@@ -347,7 +346,8 @@ function CommandTextArea(props, ref) {
 		isReadOnly,
 		isRequired,
 		rows
-	}), /* @__PURE__ */ jsx(ListBoxPopover, {
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [field, /* @__PURE__ */ jsx(ListBoxPopover, {
 		isOpen: shouldShowPopover,
 		triggerRef: wrapperRef,
 		positionTargetRef: caretAnchorRef,
@@ -394,7 +394,7 @@ Object.defineProperty(_CommandTextArea, "cubeInputType", {
 	enumerable: false,
 	configurable: false
 });
-
 //#endregion
-export { _CommandTextArea };
+export { _CommandTextArea as CommandTextArea, parseActiveToken };
+
 //# sourceMappingURL=CommandTextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandTextArea.js","names":["KeyboardEvent","AriaKeyboardEvent","Collection","Key","Node","React","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","AriaTextFieldProps","useFilter","useTextField","Section","BaseSection","useListState","useEvent","generateRandomId","chain","mergeProps","useCombinedRefs","castNullableStringValue","WithNullableValue","mergeStyleLayers","CollectionItem","Item","useFieldProps","getListBoxOptionId","collectVisibleKeys","filterCollectionNodes","getEdgeVisibleKey","getNextVisibleKey","ListBoxPopover","ListStateLike","markKeyboardFocus","TextFilterFn","useCompositeFocus","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","useCaretAnchor","CommandTrigger","char","atLineStart","ActiveToken","trigger","token","start","end","CommandTextAreaFilterFn","CubeCommandTextAreaProps","Omit","onFocus","onBlur","Parameters","validate","HTMLTextAreaElement","autoSize","maxRows","rows","items","Iterable","T","children","item","triggers","filter","onCommand","key","textValue","k","onOpenChange","isOpen","onActiveTokenChange","insertSpaceAfter","disabledKeys","direction","shouldFlip","overlayOffset","containerPadding","inputRef","wrapperRef","HTMLDivElement","popoverRef","listBoxRef","listStateRef","overlayStyles","listBoxStyles","optionStyles","sectionStyles","headingStyles","listGap","DEFAULT_TRIGGERS","parseActiveToken","value","caret","length","before","slice","after","ch","lineStart","lastIndexOf","linePrefix","wsIndex","search","match","exec","candidate","CommandTextArea","props","ref","HTMLElement","defaultValidationTrigger","valuePropsMapper","onChange","toString","qa","isDisabled","isReadOnly","isRequired","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","defaultValue","placeholder","renderChildren","propsWrapperRef","propsPopoverRef","propsListBoxRef","propsListStateRef","onKeyDown","form","otherProps","Math","max","localInputRef","localListStateRef","commandTextAreaId","isControlled","undefined","internalValue","setInternalValue","effectiveValue","handleChange","next","renderFn","itemsArray","Array","from","map","idx","rendered","it","isValidElement","cloneElement","setCaret","syncCaret","el","current","selectionStart","activeToken","min","term","startsWith","contains","sensitivity","textFilterFn","localCollectionState","selectionMode","filterFn","nodes","matchExtraFields","visibleFilteredKeys","keys","disabled","Set","collection","filteredCount","dismissedToken","setDismissedToken","setFocusTick","bumpFocus","t","prev","isCommandMode","shouldShowPopover","notifiedOpenRef","activeTokenSignature","notifiedTokenRef","anchorRef","caretAnchorRef","positionApiRef","isActive","adjustHeight","inputElementType","mergedLabelProps","useEnvironmentalEffect","window","pendingCaretRef","pos","focus","setSelectionRange","domCaret","getItemTextValue","getItem","String","commit","listState","includes","caretPos","selectionEnd","onKeyDownHandler","e","defaultPrevented","preventDefault","nextKey","selectionManager","setFocusedKey","edgeKey","focused","focusedKey","focusInitAttemptsRef","tick","requestAnimationFrame","first","compositeFocusProps","listBoxId","popoverOverlayStyles","width","commandInputProps","role","onSelect","onKeyUp","onClick","field","Element","label","selection","isArray","_CommandTextArea","Object","assign","displayName","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/CommandTextArea/CommandTextArea.tsx"],"sourcesContent":["import {\n  KeyboardEvent as AriaKeyboardEvent,\n  Collection,\n  Key,\n  Node,\n} from '@react-types/shared';\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { AriaTextFieldProps, useFilter, useTextField } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { chain, mergeProps, useCombinedRefs } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useFieldProps } from '../../form';\nimport { getListBoxOptionId } from '../ListBox/optionId';\nimport {\n  collectVisibleKeys,\n  filterCollectionNodes,\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  ListBoxPopover,\n  ListStateLike,\n  markKeyboardFocus,\n  TextFilterFn,\n  useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport { useCaretAnchor } from './useCaretAnchor';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single trigger character with optional placement constraint. */\nexport interface CommandTrigger {\n  /** The character that opens the autocomplete (e.g. `/` or `@`). */\n  char: string;\n  /**\n   * When true, the trigger token must start at the beginning of the line the\n   * caret is on (right after a newline, or at the very start of the input) —\n   * i.e. line-scoped slash commands. When false, the token may appear after\n   * any whitespace, anywhere in the text (Slack/Notion-style).\n   */\n  atLineStart?: boolean;\n}\n\n/** Result of scanning the textarea for an active trigger token. */\nexport interface ActiveToken {\n  /** The matched trigger descriptor. */\n  trigger: CommandTrigger;\n  /** The active token text, INCLUDING the trigger char (e.g. `/cle`). */\n  token: string;\n  /** Inclusive start index of the token in the textarea value. */\n  start: number;\n  /** Exclusive end index of the token (caret position while typing). */\n  end: number;\n}\n\nexport type CommandTextAreaFilterFn = TextFilterFn;\n\nexport interface CubeCommandTextAreaProps<T>\n  extends Omit<\n    CubeTextInputBaseProps,\n    'children' | 'multiLine' | 'onFocus' | 'onBlur' | 'validate'\n  > {\n  onFocus?: () => void;\n  onBlur?: Parameters<typeof useCompositeFocus>[0]['onBlur'];\n  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];\n  /** Whether the textarea should resize to fit its content. */\n  autoSize?: boolean;\n  /** Max visible rows when `autoSize` is true. Defaults to 10. */\n  maxRows?: number;\n  /** Number of visible rows. Defaults to 3. */\n  rows?: number;\n\n  /** Command/option source (alternative to JSX children). */\n  items?: Iterable<T>;\n  /** Static items or a render function (same shape as ComboBox/ListBox). */\n  children?: ReactNode | ((item: T) => ReactElement);\n  /**\n   * Triggers that open the autocomplete. Defaults to a single slash command\n   * that must start at the beginning of the input.\n   */\n  triggers?: CommandTrigger[];\n  /**\n   * Custom filter. Pass `false` to disable internal filtering (server-side).\n   */\n  filter?: CommandTextAreaFilterFn | false;\n  /**\n   * Fired when the user picks a command (Enter/Tab/click). The option's\n   * `textValue` is also inserted into the textarea regardless.\n   *\n   * `start` / `end` locate that insertion in the value handed to `onChange`, so\n   * a consumer can anchor its own record to the picked item rather than\n   * re-deriving the offset by searching the new value for the inserted text —\n   * a search that cannot tell two occurrences apart when one option's text is a\n   * prefix of another's.\n   */\n  onCommand?: (\n    key: Key,\n    item: {\n      textValue: string;\n      /** Index in the new value where the inserted text starts. */\n      start: number;\n      /** Index where it ends, excluding any inserted trailing space. */\n      end: number;\n      [k: string]: any;\n    },\n  ) => void;\n  /**\n   * Fired when the command popover opens or closes. Lets a consumer with its own\n   * `Enter` behaviour tell \"pick the focused option\" from \"submit\" without\n   * reading `aria-expanded` off the DOM.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Fired when the active trigger token changes, with the component's own\n   * caret-aware scan result — `null` once the caret leaves a token. Saves a\n   * consumer running a second, approximate scan of the same value.\n   */\n  onActiveTokenChange?: (token: ActiveToken | null) => void;\n  /** Insert a trailing space after the chosen command. Defaults to true. */\n  insertSpaceAfter?: boolean;\n  /** Keys of disabled options. */\n  disabledKeys?: Iterable<Key>;\n  /** Popover placement. Chat inputs usually want `top`. Defaults to `top`. */\n  direction?: 'bottom' | 'top';\n  /** Whether the popover should flip when overflowing. Defaults to true. */\n  shouldFlip?: boolean;\n  /** Offset between the textarea and the popover. */\n  overlayOffset?: number;\n  /** Padding between the popover and the viewport edge. */\n  containerPadding?: number;\n\n  // Refs\n  /** Ref for the textarea element. */\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  /** Ref for the wrapper element (popover anchor). */\n  wrapperRef?: RefObject<HTMLDivElement>;\n  /** Ref for the popover overlay element. */\n  popoverRef?: RefObject<HTMLDivElement>;\n  /** Ref for the listbox element. */\n  listBoxRef?: RefObject<HTMLDivElement>;\n  /** Ref through which the internal list state is exposed. */\n  listStateRef?: RefObject<ListStateLike | null>;\n\n  // Style props\n  overlayStyles?: any;\n  listBoxStyles?: any;\n  optionStyles?: any;\n  sectionStyles?: any;\n  headingStyles?: any;\n  /** Space between options, in pixels. Defaults to a hairline (`1bw`). */\n  listGap?: number;\n}\n\nconst DEFAULT_TRIGGERS: CommandTrigger[] = [{ char: '/', atLineStart: true }];\n\n// ---------------------------------------------------------------------------\n// Trigger parsing\n// ---------------------------------------------------------------------------\n\n/**\n * Inspect the textarea contents up to the caret and find the active trigger\n * token, if any. The token includes the trigger character and ends at the\n * caret (so it grows as the user types). A token ends at whitespace or the end\n * of the input.\n */\nexport function parseActiveToken(\n  value: string,\n  caret: number,\n  triggers: CommandTrigger[],\n): ActiveToken | null {\n  if (!triggers.length) return null;\n  const before = value.slice(0, caret);\n  const after = value.slice(caret);\n\n  for (const trigger of triggers) {\n    const ch = trigger.char;\n    if (trigger.atLineStart) {\n      // Line-start command: the trigger char must sit at the start of the line\n      // the caret is on (right after a newline, or at index 0), with no\n      // whitespace between it and the caret. On a single-line input with no\n      // newlines this is equivalent to \"index 0 of the whole input\".\n      const lineStart = before.lastIndexOf('\\n') + 1;\n      const linePrefix = before.slice(lineStart);\n      if (linePrefix[0] !== ch) continue;\n      // No whitespace allowed within the token (after the trigger char).\n      const wsIndex = linePrefix.slice(1).search(/\\s/);\n      if (wsIndex !== -1) continue;\n      if (!linePrefix) continue;\n      return { trigger, token: linePrefix, start: lineStart, end: caret };\n    }\n\n    // Caret-token mode: find the last trigger char that begins a token at or\n    // after a line start / whitespace boundary, with no whitespace between it\n    // and the caret.\n    const match = /(?:^|\\s)([\\S]+)$/.exec(before);\n    if (!match) continue;\n    const candidate = match[1];\n    if (candidate[0] !== ch) continue;\n    // Ensure the token hasn't already been closed by whitespace after caret.\n    // (If there's non-whitespace after the caret, the user is mid-token.)\n    const start = caret - candidate.length;\n    // If immediately after the caret there's whitespace (or end), the token is\n    // \"complete\" — still offer completions as long as the caret sits on the\n    // token. We accept it.\n    void after;\n    return { trigger, token: candidate, start, end: caret };\n  }\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nfunction CommandTextArea<T extends object>(\n  props: WithNullableValue<CubeCommandTextAreaProps<T>>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    qa,\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    defaultValue,\n    placeholder,\n    // command props\n    items,\n    children: renderChildren,\n    triggers = DEFAULT_TRIGGERS,\n    filter,\n    onCommand,\n    onOpenChange,\n    onActiveTokenChange,\n    insertSpaceAfter = true,\n    disabledKeys,\n    direction = 'top',\n    shouldFlip = true,\n    overlayOffset = 8,\n    containerPadding = 8,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    wrapperRef: propsWrapperRef,\n    popoverRef: propsPopoverRef,\n    listBoxRef: propsListBoxRef,\n    listStateRef: propsListStateRef,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  // ---- refs -------------------------------------------------------------\n  const localInputRef = useRef<HTMLTextAreaElement>(null);\n  const inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLTextAreaElement>;\n  const wrapperRef = useCombinedRefs<HTMLDivElement>(propsWrapperRef);\n  const popoverRef = useCombinedRefs<HTMLDivElement>(propsPopoverRef);\n  const listBoxRef = useCombinedRefs<HTMLDivElement>(propsListBoxRef);\n  const localListStateRef = useRef<ListStateLike | null>(null);\n  const listStateRef = (propsListStateRef ??\n    localListStateRef) as RefObject<ListStateLike | null>;\n\n  const commandTextAreaId = useMemo(() => generateRandomId(), []);\n\n  // ---- controlled / uncontrolled value ----------------------------------\n  // When no `value` is provided (standalone, no form), track the text\n  // internally so trigger detection and commit still work.\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<string>(\n    (value as string) ?? (defaultValue as string) ?? '',\n  );\n  const effectiveValue: string = isControlled\n    ? (value as string)\n    : internalValue;\n  const handleChange = useEvent((next: string) => {\n    if (!isControlled) setInternalValue(next);\n    onChange?.(next);\n  });\n\n  // ---- children / items normalization -----------------------------------\n  let children: ReactNode = renderChildren as ReactNode;\n  const renderFn = renderChildren as unknown;\n  if (items && typeof renderFn === 'function') {\n    const itemsArray = Array.from(items as Iterable<any>);\n    children = itemsArray.map((item, idx) => {\n      const rendered = (renderFn as (it: any) => ReactNode)(item);\n      if (\n        React.isValidElement(rendered) &&\n        (rendered as ReactElement).key == null\n      ) {\n        return React.cloneElement(rendered as ReactElement, {\n          key: (rendered as any)?.key ?? item?.key ?? idx,\n        });\n      }\n      return rendered as ReactNode;\n    });\n  }\n\n  // ---- caret tracking ---------------------------------------------------\n  // The caret drives trigger detection. We keep it in state so a caret move\n  // (arrow keys without typing) re-renders and recomputes the active token.\n  const [caret, setCaret] = useState(() => effectiveValue.length);\n  const syncCaret = useEvent(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    setCaret(el.selectionStart ?? el.value.length);\n  });\n\n  // ---- trigger detection ------------------------------------------------\n  const activeToken = useMemo(\n    () =>\n      parseActiveToken(\n        effectiveValue,\n        Math.min(caret, effectiveValue.length),\n        triggers,\n      ),\n    [effectiveValue, caret, triggers],\n  );\n\n  // The active token includes the trigger char (e.g. `/co`). Strip it before\n  // filtering so the query is matched against the meaningful text — this lets\n  // options match by their label/description (which don't contain the trigger\n  // char) as well as by their `textValue`.\n  const term = useMemo(() => {\n    if (!activeToken) return '';\n    const { token, trigger } = activeToken;\n    return token.startsWith(trigger.char)\n      ? token.slice(trigger.char.length)\n      : token;\n  }, [activeToken]);\n\n  // ---- filtering --------------------------------------------------------\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const textFilterFn = useMemo<CommandTextAreaFilterFn>(\n    () => (filter === false ? () => true : filter || contains),\n    [filter, contains],\n  );\n\n  // Local collection used to read option textValues and to count matches.\n  const localCollectionState = useListState({\n    children: children as any,\n    items: items as any,\n    selectionMode: 'none',\n  });\n\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) =>\n      filterCollectionNodes(nodes, term, textFilterFn, {\n        matchExtraFields: true,\n      }),\n    [term, textFilterFn],\n  );\n\n  // Keys of the currently visible (filtered) options, in display order.\n  // Derived from our own local collection + filter (rather than the ListBox's\n  // exposed state ref) so it is always in sync with the current token — the\n  // ListBox's `stateRef.collection` can momentarily lag by a render right after\n  // the token narrows, which would otherwise leave virtual focus on (and commit)\n  // an option that is no longer visible.\n  const visibleFilteredKeys = useMemo<Key[]>(() => {\n    if (!activeToken) return [];\n    const keys: Key[] = [];\n    const disabled = disabledKeys ? new Set<Key>(disabledKeys) : undefined;\n    collectVisibleKeys(\n      filterFn(localCollectionState.collection),\n      keys,\n      disabled,\n    );\n    return keys;\n  }, [activeToken, filterFn, localCollectionState.collection, disabledKeys]);\n\n  const filteredCount = visibleFilteredKeys.length;\n\n  // ---- dismiss handling (Escape keeps the text but hides the popover) ---\n  const [dismissedToken, setDismissedToken] = useState<string | null>(null);\n  // Bumped whenever we move the virtual focus so the textarea's\n  // `aria-activedescendant` (read from the ListBox's stateRef at render time)\n  // stays in sync — the ListBox's own state update does not re-render us.\n  const [, setFocusTick] = useState(0);\n  const bumpFocus = useEvent(() => setFocusTick((t) => t + 1));\n  // Reset dismissal whenever the active token changes (user typed/backspaced).\n  useEffect(() => {\n    setDismissedToken((prev) =>\n      prev != null && activeToken?.token !== prev ? null : prev,\n    );\n  }, [activeToken?.token]);\n\n  const isCommandMode = !!activeToken && activeToken.token !== dismissedToken;\n  const shouldShowPopover = isCommandMode && filteredCount > 0;\n\n  // ---- reporting open state / active token to the consumer --------------\n  // Both are already computed here; without these a consumer with its own\n  // `Enter` handling has to read `aria-expanded` off the DOM and run a second,\n  // approximate copy of the scan above — neither of which is a contract.\n  // Seeded with the closed / no-token defaults so mounting in that state is not\n  // reported as a change, while mounting with a `value` that already holds a\n  // token is.\n  const notifiedOpenRef = useRef(false);\n\n  useEffect(() => {\n    if (notifiedOpenRef.current === shouldShowPopover) return;\n\n    notifiedOpenRef.current = shouldShowPopover;\n    onOpenChange?.(shouldShowPopover);\n  }, [shouldShowPopover, onOpenChange]);\n\n  // `activeToken` is a fresh object on every value/caret change, so compare the\n  // content rather than the identity — otherwise a consumer is re-notified for\n  // a token that has not actually moved.\n  const activeTokenSignature = activeToken\n    ? `${activeToken.trigger.char}\\u0000${activeToken.token}\\u0000${activeToken.start}\\u0000${activeToken.end}`\n    : null;\n  const notifiedTokenRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (notifiedTokenRef.current === activeTokenSignature) return;\n\n    notifiedTokenRef.current = activeTokenSignature;\n    onActiveTokenChange?.(activeToken ?? null);\n    // `activeToken` is intentionally not a dependency: the signature above is\n    // its value-identity, and depending on the object would re-run this on every\n    // keystroke that leaves the token unchanged.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTokenSignature, onActiveTokenChange]);\n\n  // ---- caret-anchored popover ------------------------------------------\n  // A zero-size element positioned at the caret (both axes) drives the\n  // popover's geometry; the wrapper remains the dismiss/outside-click trigger.\n  const { anchorRef: caretAnchorRef, positionApiRef } = useCaretAnchor({\n    inputRef: inputRef as RefObject<HTMLTextAreaElement>,\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    caret,\n    value: effectiveValue,\n    isActive: shouldShowPopover,\n  });\n\n  // ---- height autosize (shared with TextArea) ---------------------------\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    value: effectiveValue,\n  });\n\n  // ---- useTextField (ARIA wiring for the textarea) ----------------------\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: effectiveValue,\n      placeholder,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(handleChange, adjustHeight),\n      inputElementType: 'textarea',\n    } as any,\n    inputRef as any,\n  );\n\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const useEnvironmentalEffect =\n    typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n  // ---- caret restore after commit --------------------------------------\n  const pendingCaretRef = useRef<number | null>(null);\n  useEnvironmentalEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n\n    if (pendingCaretRef.current != null) {\n      // Restore caret after we programmatically inserted a command.\n      const pos = pendingCaretRef.current;\n      pendingCaretRef.current = null;\n      el.focus();\n      el.setSelectionRange(pos, pos);\n      setCaret(pos);\n      return;\n    }\n\n    // The value changed without our own commit (controlled update from\n    // outside, form reset, or defaultValue seeding). Resync the caret from\n    // the DOM selection so trigger parsing works off a valid index instead of\n    // a stale one. We intentionally do not steal focus here.\n    const domCaret = el.selectionStart ?? el.value.length;\n    setCaret((prev) => (prev === domCaret ? prev : domCaret));\n  }, [effectiveValue]);\n\n  // ---- helpers ----------------------------------------------------------\n  const getItemTextValue = useCallback(\n    (key: Key): string => {\n      const item = localCollectionState?.collection?.getItem(key);\n      return item?.textValue || String(key);\n    },\n    [localCollectionState?.collection],\n  );\n\n  // ---- commit (insert the chosen option's literal value) ---------------\n  const commit = useEvent((key: Key) => {\n    const listState = listStateRef.current;\n    // Guard against committing a stale key that has been filtered out of the\n    // visible list (e.g. the token was narrowed after focus landed on it).\n    // Fall back to the first still-visible option so the inserted command\n    // always matches what the user can see.\n    if (visibleFilteredKeys.length > 0 && !visibleFilteredKeys.includes(key)) {\n      key = visibleFilteredKeys[0];\n    }\n    const textValue = getItemTextValue(key);\n    const token = activeToken;\n    const el = inputRef.current;\n\n    // Where the inserted text lands in the new value. Both branches below\n    // already compute this to place the caret; it is reported through\n    // `onCommand` instead of being thrown away. `end` excludes the trailing\n    // space, which is padding around the insertion rather than part of it.\n    let start = Math.min(caret, effectiveValue.length);\n\n    if (token) {\n      const next =\n        effectiveValue.slice(0, token.start) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(token.end);\n      const caretPos =\n        token.start + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = token.start;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n      // If controlled, caret is restored by the effect above; if not, set now.\n      if (el) {\n        el.focus();\n        try {\n          el.setSelectionRange(caretPos, caretPos);\n        } catch {\n          /* noop */\n        }\n      }\n    } else if (el) {\n      // Fallback: insert at caret.\n      const selectionStart = el.selectionStart ?? effectiveValue.length;\n      const selectionEnd = el.selectionEnd ?? effectiveValue.length;\n      const next =\n        effectiveValue.slice(0, selectionStart) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(selectionEnd);\n      const caretPos =\n        selectionStart + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = selectionStart;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n    }\n\n    setDismissedToken(null);\n    onCommand?.(key, {\n      textValue,\n      ...((\n        listState?.collection as Collection<Node<unknown>> | undefined\n      )?.getItem(key)?.props ?? {}),\n      // After the item's own props: the range is the component's measurement of\n      // what it just did, so an item that happens to carry a `start`/`end` prop\n      // must not shadow it.\n      start,\n      end: start + textValue.length,\n    });\n  });\n\n  // ---- keyboard navigation (only while the popover is open) -------------\n  const onKeyDownHandler = useCallback(\n    (e: AriaKeyboardEvent) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      if (!shouldShowPopover) {\n        // While not in command mode, the textarea behaves normally; but clear\n        // any dismissal when the user edits.\n        return;\n      }\n\n      const listState = listStateRef.current;\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        if (!listState) return;\n        e.preventDefault();\n        const nextKey = getNextVisibleKey(\n          listState,\n          e.key === 'ArrowDown' ? 1 : -1,\n        );\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(nextKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Home' || e.key === 'End') {\n        if (!listState) return;\n        e.preventDefault();\n        const edgeKey = getEdgeVisibleKey(\n          listState,\n          e.key === 'Home' ? 'first' : 'last',\n        );\n        if (edgeKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(edgeKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Enter' || e.key === 'Tab') {\n        if (!listState) return;\n        const focused = listState.selectionManager.focusedKey;\n        if (focused != null) {\n          e.preventDefault();\n          commit(focused);\n        }\n        // Otherwise pass through (newline / form submit / tab navigation).\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        if (activeToken) {\n          setDismissedToken(activeToken.token);\n        }\n      }\n    },\n    [shouldShowPopover, activeToken, commit, onKeyDown, listStateRef],\n  );\n\n  // ---- initial focus on the first option when the popover opens ---------\n  const focusInitAttemptsRef = useRef(0);\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    focusInitAttemptsRef.current = 0;\n\n    const tick = () => {\n      if (!shouldShowPopover) return;\n      const listState = listStateRef.current;\n      if (!listState) {\n        focusInitAttemptsRef.current += 1;\n        if (focusInitAttemptsRef.current < 8) {\n          requestAnimationFrame(tick);\n        }\n        return;\n      }\n      if (listState.selectionManager.focusedKey == null) {\n        const first = getEdgeVisibleKey(listState, 'first');\n        if (first != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(first);\n          bumpFocus();\n        }\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n  }, [shouldShowPopover]);\n\n  // ---- keep virtual focus valid as the filtered list narrows -----------\n  // When the user narrows the token, the previously focused option may drop\n  // out of the filtered list. Move focus to the first still-visible option so\n  // the highlight and any Enter/Tab commit stay in sync with what's shown.\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    const listState = listStateRef.current;\n    if (!listState) return;\n\n    if (visibleFilteredKeys.length === 0) return;\n\n    const focused = listState.selectionManager.focusedKey;\n    if (focused == null || !visibleFilteredKeys.includes(focused)) {\n      markKeyboardFocus(listState);\n      listState.selectionManager.setFocusedKey(visibleFilteredKeys[0]);\n      bumpFocus();\n    }\n  }, [visibleFilteredKeys, shouldShowPopover]);\n\n  // ---- composite focus (wrapper + portaled popover) ---------------------\n  const { compositeFocusProps } = useCompositeFocus({\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    popoverRef: popoverRef as RefObject<HTMLElement>,\n    onFocus,\n    onBlur,\n    isDisabled,\n  });\n\n  // ---- aria-activedescendant -------------------------------------------\n  const focusedKey = listStateRef.current?.selectionManager.focusedKey ?? null;\n  const listBoxId = `CommandTextAreaListBox-${commandTextAreaId}`;\n\n  // ---- popover width ----------------------------------------------------\n  // The popover is anchored to the caret (a point), so it must not be sized to\n  // the textarea. We use the same default as the shared `ListBoxPopover` /\n  // `Picker` popovers: a `30x` floor (240px), `max-content` preferred, `50vw`\n  // cap. The concrete floor keeps the virtualized ListBox from collapsing to a\n  // sliver (it has no intrinsic width), and `max-content` lets short option\n  // lists size to their content. The user's `overlayStyles` still win on top.\n  const popoverOverlayStyles = mergeStyleLayers(\n    { width: '30x max-content 50vw' },\n    overlayStyles,\n  );\n\n  // ---- assemble input props ---------------------------------------------\n  const commandInputProps = mergeProps(\n    inputProps,\n    {\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': shouldShowPopover,\n      'aria-haspopup': 'listbox',\n      'aria-controls': shouldShowPopover ? listBoxId : undefined,\n      'aria-activedescendant':\n        shouldShowPopover && focusedKey != null\n          ? getListBoxOptionId(listBoxId, focusedKey)\n          : undefined,\n      onKeyDown: onKeyDownHandler,\n      onSelect: syncCaret,\n      onKeyUp: syncCaret,\n      onClick: syncCaret,\n      'data-input-type': 'command-textarea',\n    },\n    userInputProps,\n  );\n\n  // ---- render -----------------------------------------------------------\n  const field = (\n    <TextInputBase\n      ref={ref as any}\n      {...otherProps}\n      multiLine\n      qa={qa}\n      inputRef={inputRef}\n      wrapperRef={wrapperRef}\n      wrapperProps={compositeFocusProps}\n      labelProps={mergedLabelProps}\n      inputProps={commandInputProps}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n\n  return (\n    <>\n      {field}\n      <ListBoxPopover\n        isOpen={shouldShowPopover}\n        triggerRef={wrapperRef as RefObject<HTMLElement>}\n        positionTargetRef={caretAnchorRef as RefObject<Element | null>}\n        positionApiRef={positionApiRef}\n        popoverRef={popoverRef}\n        listBoxRef={listBoxRef}\n        direction={direction}\n        shouldFlip={shouldFlip}\n        overlayOffset={overlayOffset}\n        containerPadding={containerPadding}\n        listBoxId={listBoxId}\n        overlayStyles={popoverOverlayStyles}\n        listBoxStyles={listBoxStyles}\n        optionStyles={optionStyles}\n        optionHighlight={term}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        listGap={listGap}\n        isDisabled={isDisabled}\n        disabledKeys={disabledKeys}\n        items={items as any}\n        listStateRef={listStateRef}\n        ariaLabel={\n          (props as any)['aria-label'] ||\n          (typeof otherProps.label === 'string' ? otherProps.label : 'Commands')\n        }\n        compositeFocusProps={compositeFocusProps}\n        filter={filterFn}\n        onClose={() => {\n          if (activeToken) setDismissedToken(activeToken.token);\n        }}\n        onSelectionChange={(selection) => {\n          const key = Array.isArray(selection) ? selection[0] : selection;\n          if (key != null) commit(key);\n        }}\n      >\n        {children as any}\n      </ListBoxPopover>\n    </>\n  );\n}\n\nconst _CommandTextArea = forwardRef(CommandTextArea) as unknown as (<T>(\n  props: CubeCommandTextAreaProps<T> & {\n    ref?: ForwardedRef<HTMLElement>;\n  },\n) => ReactElement) & {\n  Item: typeof Item;\n  Section: typeof BaseSection;\n};\n\nObject.assign(_CommandTextArea, {\n  Item,\n  Section: BaseSection,\n  displayName: 'CommandTextArea',\n});\n\nObject.defineProperty(_CommandTextArea, 'cubeInputType', {\n  value: 'CommandTextArea',\n  enumerable: false,\n  configurable: false,\n});\n\nexport { _CommandTextArea as CommandTextArea };\n"],"mappings":"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"}
+{"version":3,"file":"CommandTextArea.js","names":["KeyboardEvent","AriaKeyboardEvent","Collection","Key","Node","React","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","AriaTextFieldProps","useFilter","useTextField","Section","BaseSection","useListState","useEvent","generateRandomId","chain","mergeProps","useCombinedRefs","castNullableStringValue","WithNullableValue","mergeStyleLayers","CollectionItem","Item","useFieldProps","getListBoxOptionId","collectVisibleKeys","filterCollectionNodes","getEdgeVisibleKey","getNextVisibleKey","ListBoxPopover","ListStateLike","markKeyboardFocus","TextFilterFn","useCompositeFocus","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","useCaretAnchor","CommandTrigger","char","atLineStart","ActiveToken","trigger","token","start","end","CommandTextAreaFilterFn","CubeCommandTextAreaProps","Omit","onFocus","onBlur","Parameters","validate","HTMLTextAreaElement","autoSize","maxRows","rows","items","Iterable","T","children","item","triggers","filter","onCommand","key","textValue","k","onOpenChange","isOpen","onActiveTokenChange","insertSpaceAfter","disabledKeys","direction","shouldFlip","overlayOffset","containerPadding","inputRef","wrapperRef","HTMLDivElement","popoverRef","listBoxRef","listStateRef","overlayStyles","listBoxStyles","optionStyles","sectionStyles","headingStyles","listGap","DEFAULT_TRIGGERS","parseActiveToken","value","caret","length","before","slice","after","ch","lineStart","lastIndexOf","linePrefix","wsIndex","search","match","exec","candidate","CommandTextArea","props","ref","HTMLElement","defaultValidationTrigger","valuePropsMapper","onChange","toString","qa","isDisabled","isReadOnly","isRequired","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","defaultValue","placeholder","renderChildren","propsWrapperRef","propsPopoverRef","propsListBoxRef","propsListStateRef","onKeyDown","form","otherProps","Math","max","localInputRef","localListStateRef","commandTextAreaId","isControlled","undefined","internalValue","setInternalValue","effectiveValue","handleChange","next","renderFn","itemsArray","Array","from","map","idx","rendered","it","isValidElement","cloneElement","setCaret","syncCaret","el","current","selectionStart","activeToken","min","term","startsWith","contains","sensitivity","textFilterFn","localCollectionState","selectionMode","filterFn","nodes","matchExtraFields","visibleFilteredKeys","keys","disabled","Set","collection","filteredCount","dismissedToken","setDismissedToken","setFocusTick","bumpFocus","t","prev","isCommandMode","shouldShowPopover","notifiedOpenRef","activeTokenSignature","notifiedTokenRef","anchorRef","caretAnchorRef","positionApiRef","isActive","adjustHeight","inputElementType","mergedLabelProps","useEnvironmentalEffect","window","pendingCaretRef","pos","focus","setSelectionRange","domCaret","getItemTextValue","getItem","String","commit","listState","includes","caretPos","selectionEnd","onKeyDownHandler","e","defaultPrevented","preventDefault","nextKey","selectionManager","setFocusedKey","edgeKey","focused","focusedKey","focusInitAttemptsRef","tick","requestAnimationFrame","first","compositeFocusProps","listBoxId","popoverOverlayStyles","width","commandInputProps","role","onSelect","onKeyUp","onClick","field","Element","label","selection","isArray","_CommandTextArea","Object","assign","displayName","defineProperty","enumerable","configurable","mergeProps","BaseSection"],"sources":["../../../../src/components/fields/CommandTextArea/CommandTextArea.tsx"],"sourcesContent":["import {\n  KeyboardEvent as AriaKeyboardEvent,\n  Collection,\n  Key,\n  Node,\n} from '@react-types/shared';\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { AriaTextFieldProps, useFilter, useTextField } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { chain, mergeProps, useCombinedRefs } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useFieldProps } from '../../form';\nimport { getListBoxOptionId } from '../ListBox/optionId';\nimport {\n  collectVisibleKeys,\n  filterCollectionNodes,\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  ListBoxPopover,\n  ListStateLike,\n  markKeyboardFocus,\n  TextFilterFn,\n  useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport { useCaretAnchor } from './useCaretAnchor';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single trigger character with optional placement constraint. */\nexport interface CommandTrigger {\n  /** The character that opens the autocomplete (e.g. `/` or `@`). */\n  char: string;\n  /**\n   * When true, the trigger token must start at the beginning of the line the\n   * caret is on (right after a newline, or at the very start of the input) —\n   * i.e. line-scoped slash commands. When false, the token may appear after\n   * any whitespace, anywhere in the text (Slack/Notion-style).\n   */\n  atLineStart?: boolean;\n}\n\n/** Result of scanning the textarea for an active trigger token. */\nexport interface ActiveToken {\n  /** The matched trigger descriptor. */\n  trigger: CommandTrigger;\n  /** The active token text, INCLUDING the trigger char (e.g. `/cle`). */\n  token: string;\n  /** Inclusive start index of the token in the textarea value. */\n  start: number;\n  /** Exclusive end index of the token (caret position while typing). */\n  end: number;\n}\n\nexport type CommandTextAreaFilterFn = TextFilterFn;\n\nexport interface CubeCommandTextAreaProps<T> extends Omit<\n  CubeTextInputBaseProps,\n  'children' | 'multiLine' | 'onFocus' | 'onBlur' | 'validate'\n> {\n  onFocus?: () => void;\n  onBlur?: Parameters<typeof useCompositeFocus>[0]['onBlur'];\n  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];\n  /** Whether the textarea should resize to fit its content. */\n  autoSize?: boolean;\n  /** Max visible rows when `autoSize` is true. Defaults to 10. */\n  maxRows?: number;\n  /** Number of visible rows. Defaults to 3. */\n  rows?: number;\n\n  /** Command/option source (alternative to JSX children). */\n  items?: Iterable<T>;\n  /** Static items or a render function (same shape as ComboBox/ListBox). */\n  children?: ReactNode | ((item: T) => ReactElement);\n  /**\n   * Triggers that open the autocomplete. Defaults to a single slash command\n   * that must start at the beginning of the input.\n   */\n  triggers?: CommandTrigger[];\n  /**\n   * Custom filter. Pass `false` to disable internal filtering (server-side).\n   */\n  filter?: CommandTextAreaFilterFn | false;\n  /**\n   * Fired when the user picks a command (Enter/Tab/click). The option's\n   * `textValue` is also inserted into the textarea regardless.\n   *\n   * `start` / `end` locate that insertion in the value handed to `onChange`, so\n   * a consumer can anchor its own record to the picked item rather than\n   * re-deriving the offset by searching the new value for the inserted text —\n   * a search that cannot tell two occurrences apart when one option's text is a\n   * prefix of another's.\n   */\n  onCommand?: (\n    key: Key,\n    item: {\n      textValue: string;\n      /** Index in the new value where the inserted text starts. */\n      start: number;\n      /** Index where it ends, excluding any inserted trailing space. */\n      end: number;\n      [k: string]: any;\n    },\n  ) => void;\n  /**\n   * Fired when the command popover opens or closes. Lets a consumer with its own\n   * `Enter` behaviour tell \"pick the focused option\" from \"submit\" without\n   * reading `aria-expanded` off the DOM.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Fired when the active trigger token changes, with the component's own\n   * caret-aware scan result — `null` once the caret leaves a token. Saves a\n   * consumer running a second, approximate scan of the same value.\n   */\n  onActiveTokenChange?: (token: ActiveToken | null) => void;\n  /** Insert a trailing space after the chosen command. Defaults to true. */\n  insertSpaceAfter?: boolean;\n  /** Keys of disabled options. */\n  disabledKeys?: Iterable<Key>;\n  /** Popover placement. Chat inputs usually want `top`. Defaults to `top`. */\n  direction?: 'bottom' | 'top';\n  /** Whether the popover should flip when overflowing. Defaults to true. */\n  shouldFlip?: boolean;\n  /** Offset between the textarea and the popover. */\n  overlayOffset?: number;\n  /** Padding between the popover and the viewport edge. */\n  containerPadding?: number;\n\n  // Refs\n  /** Ref for the textarea element. */\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  /** Ref for the wrapper element (popover anchor). */\n  wrapperRef?: RefObject<HTMLDivElement>;\n  /** Ref for the popover overlay element. */\n  popoverRef?: RefObject<HTMLDivElement>;\n  /** Ref for the listbox element. */\n  listBoxRef?: RefObject<HTMLDivElement>;\n  /** Ref through which the internal list state is exposed. */\n  listStateRef?: RefObject<ListStateLike | null>;\n\n  // Style props\n  overlayStyles?: any;\n  listBoxStyles?: any;\n  optionStyles?: any;\n  sectionStyles?: any;\n  headingStyles?: any;\n  /** Space between options, in pixels. Defaults to a hairline (`1bw`). */\n  listGap?: number;\n}\n\nconst DEFAULT_TRIGGERS: CommandTrigger[] = [{ char: '/', atLineStart: true }];\n\n// ---------------------------------------------------------------------------\n// Trigger parsing\n// ---------------------------------------------------------------------------\n\n/**\n * Inspect the textarea contents up to the caret and find the active trigger\n * token, if any. The token includes the trigger character and ends at the\n * caret (so it grows as the user types). A token ends at whitespace or the end\n * of the input.\n */\nexport function parseActiveToken(\n  value: string,\n  caret: number,\n  triggers: CommandTrigger[],\n): ActiveToken | null {\n  if (!triggers.length) return null;\n  const before = value.slice(0, caret);\n  const after = value.slice(caret);\n\n  for (const trigger of triggers) {\n    const ch = trigger.char;\n    if (trigger.atLineStart) {\n      // Line-start command: the trigger char must sit at the start of the line\n      // the caret is on (right after a newline, or at index 0), with no\n      // whitespace between it and the caret. On a single-line input with no\n      // newlines this is equivalent to \"index 0 of the whole input\".\n      const lineStart = before.lastIndexOf('\\n') + 1;\n      const linePrefix = before.slice(lineStart);\n      if (linePrefix[0] !== ch) continue;\n      // No whitespace allowed within the token (after the trigger char).\n      const wsIndex = linePrefix.slice(1).search(/\\s/);\n      if (wsIndex !== -1) continue;\n      if (!linePrefix) continue;\n      return { trigger, token: linePrefix, start: lineStart, end: caret };\n    }\n\n    // Caret-token mode: find the last trigger char that begins a token at or\n    // after a line start / whitespace boundary, with no whitespace between it\n    // and the caret.\n    const match = /(?:^|\\s)([\\S]+)$/.exec(before);\n    if (!match) continue;\n    const candidate = match[1];\n    if (candidate[0] !== ch) continue;\n    // Ensure the token hasn't already been closed by whitespace after caret.\n    // (If there's non-whitespace after the caret, the user is mid-token.)\n    const start = caret - candidate.length;\n    // If immediately after the caret there's whitespace (or end), the token is\n    // \"complete\" — still offer completions as long as the caret sits on the\n    // token. We accept it.\n    void after;\n    return { trigger, token: candidate, start, end: caret };\n  }\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nfunction CommandTextArea<T extends object>(\n  props: WithNullableValue<CubeCommandTextAreaProps<T>>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    qa,\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    defaultValue,\n    placeholder,\n    // command props\n    items,\n    children: renderChildren,\n    triggers = DEFAULT_TRIGGERS,\n    filter,\n    onCommand,\n    onOpenChange,\n    onActiveTokenChange,\n    insertSpaceAfter = true,\n    disabledKeys,\n    direction = 'top',\n    shouldFlip = true,\n    overlayOffset = 8,\n    containerPadding = 8,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    wrapperRef: propsWrapperRef,\n    popoverRef: propsPopoverRef,\n    listBoxRef: propsListBoxRef,\n    listStateRef: propsListStateRef,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  // ---- refs -------------------------------------------------------------\n  const localInputRef = useRef<HTMLTextAreaElement>(null);\n  const inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLTextAreaElement>;\n  const wrapperRef = useCombinedRefs<HTMLDivElement>(propsWrapperRef);\n  const popoverRef = useCombinedRefs<HTMLDivElement>(propsPopoverRef);\n  const listBoxRef = useCombinedRefs<HTMLDivElement>(propsListBoxRef);\n  const localListStateRef = useRef<ListStateLike | null>(null);\n  const listStateRef = (propsListStateRef ??\n    localListStateRef) as RefObject<ListStateLike | null>;\n\n  const commandTextAreaId = useMemo(() => generateRandomId(), []);\n\n  // ---- controlled / uncontrolled value ----------------------------------\n  // When no `value` is provided (standalone, no form), track the text\n  // internally so trigger detection and commit still work.\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<string>(\n    (value as string) ?? (defaultValue as string) ?? '',\n  );\n  const effectiveValue: string = isControlled\n    ? (value as string)\n    : internalValue;\n  const handleChange = useEvent((next: string) => {\n    if (!isControlled) setInternalValue(next);\n    onChange?.(next);\n  });\n\n  // ---- children / items normalization -----------------------------------\n  let children: ReactNode = renderChildren as ReactNode;\n  const renderFn = renderChildren as unknown;\n  if (items && typeof renderFn === 'function') {\n    const itemsArray = Array.from(items as Iterable<any>);\n    children = itemsArray.map((item, idx) => {\n      const rendered = (renderFn as (it: any) => ReactNode)(item);\n      if (\n        React.isValidElement(rendered) &&\n        (rendered as ReactElement).key == null\n      ) {\n        return React.cloneElement(rendered as ReactElement, {\n          key: (rendered as any)?.key ?? item?.key ?? idx,\n        });\n      }\n      return rendered as ReactNode;\n    });\n  }\n\n  // ---- caret tracking ---------------------------------------------------\n  // The caret drives trigger detection. We keep it in state so a caret move\n  // (arrow keys without typing) re-renders and recomputes the active token.\n  const [caret, setCaret] = useState(() => effectiveValue.length);\n  const syncCaret = useEvent(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    setCaret(el.selectionStart ?? el.value.length);\n  });\n\n  // ---- trigger detection ------------------------------------------------\n  const activeToken = useMemo(\n    () =>\n      parseActiveToken(\n        effectiveValue,\n        Math.min(caret, effectiveValue.length),\n        triggers,\n      ),\n    [effectiveValue, caret, triggers],\n  );\n\n  // The active token includes the trigger char (e.g. `/co`). Strip it before\n  // filtering so the query is matched against the meaningful text — this lets\n  // options match by their label/description (which don't contain the trigger\n  // char) as well as by their `textValue`.\n  const term = useMemo(() => {\n    if (!activeToken) return '';\n    const { token, trigger } = activeToken;\n    return token.startsWith(trigger.char)\n      ? token.slice(trigger.char.length)\n      : token;\n  }, [activeToken]);\n\n  // ---- filtering --------------------------------------------------------\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const textFilterFn = useMemo<CommandTextAreaFilterFn>(\n    () => (filter === false ? () => true : filter || contains),\n    [filter, contains],\n  );\n\n  // Local collection used to read option textValues and to count matches.\n  const localCollectionState = useListState({\n    children: children as any,\n    items: items as any,\n    selectionMode: 'none',\n  });\n\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) =>\n      filterCollectionNodes(nodes, term, textFilterFn, {\n        matchExtraFields: true,\n      }),\n    [term, textFilterFn],\n  );\n\n  // Keys of the currently visible (filtered) options, in display order.\n  // Derived from our own local collection + filter (rather than the ListBox's\n  // exposed state ref) so it is always in sync with the current token — the\n  // ListBox's `stateRef.collection` can momentarily lag by a render right after\n  // the token narrows, which would otherwise leave virtual focus on (and commit)\n  // an option that is no longer visible.\n  const visibleFilteredKeys = useMemo<Key[]>(() => {\n    if (!activeToken) return [];\n    const keys: Key[] = [];\n    const disabled = disabledKeys ? new Set<Key>(disabledKeys) : undefined;\n    collectVisibleKeys(\n      filterFn(localCollectionState.collection),\n      keys,\n      disabled,\n    );\n    return keys;\n  }, [activeToken, filterFn, localCollectionState.collection, disabledKeys]);\n\n  const filteredCount = visibleFilteredKeys.length;\n\n  // ---- dismiss handling (Escape keeps the text but hides the popover) ---\n  const [dismissedToken, setDismissedToken] = useState<string | null>(null);\n  // Bumped whenever we move the virtual focus so the textarea's\n  // `aria-activedescendant` (read from the ListBox's stateRef at render time)\n  // stays in sync — the ListBox's own state update does not re-render us.\n  const [, setFocusTick] = useState(0);\n  const bumpFocus = useEvent(() => setFocusTick((t) => t + 1));\n  // Reset dismissal whenever the active token changes (user typed/backspaced).\n  useEffect(() => {\n    setDismissedToken((prev) =>\n      prev != null && activeToken?.token !== prev ? null : prev,\n    );\n  }, [activeToken?.token]);\n\n  const isCommandMode = !!activeToken && activeToken.token !== dismissedToken;\n  const shouldShowPopover = isCommandMode && filteredCount > 0;\n\n  // ---- reporting open state / active token to the consumer --------------\n  // Both are already computed here; without these a consumer with its own\n  // `Enter` handling has to read `aria-expanded` off the DOM and run a second,\n  // approximate copy of the scan above — neither of which is a contract.\n  // Seeded with the closed / no-token defaults so mounting in that state is not\n  // reported as a change, while mounting with a `value` that already holds a\n  // token is.\n  const notifiedOpenRef = useRef(false);\n\n  useEffect(() => {\n    if (notifiedOpenRef.current === shouldShowPopover) return;\n\n    notifiedOpenRef.current = shouldShowPopover;\n    onOpenChange?.(shouldShowPopover);\n  }, [shouldShowPopover, onOpenChange]);\n\n  // `activeToken` is a fresh object on every value/caret change, so compare the\n  // content rather than the identity — otherwise a consumer is re-notified for\n  // a token that has not actually moved.\n  const activeTokenSignature = activeToken\n    ? `${activeToken.trigger.char}\\u0000${activeToken.token}\\u0000${activeToken.start}\\u0000${activeToken.end}`\n    : null;\n  const notifiedTokenRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (notifiedTokenRef.current === activeTokenSignature) return;\n\n    notifiedTokenRef.current = activeTokenSignature;\n    onActiveTokenChange?.(activeToken ?? null);\n    // `activeToken` is intentionally not a dependency: the signature above is\n    // its value-identity, and depending on the object would re-run this on every\n    // keystroke that leaves the token unchanged.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTokenSignature, onActiveTokenChange]);\n\n  // ---- caret-anchored popover ------------------------------------------\n  // A zero-size element positioned at the caret (both axes) drives the\n  // popover's geometry; the wrapper remains the dismiss/outside-click trigger.\n  const { anchorRef: caretAnchorRef, positionApiRef } = useCaretAnchor({\n    inputRef: inputRef as RefObject<HTMLTextAreaElement>,\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    caret,\n    value: effectiveValue,\n    isActive: shouldShowPopover,\n  });\n\n  // ---- height autosize (shared with TextArea) ---------------------------\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    value: effectiveValue,\n  });\n\n  // ---- useTextField (ARIA wiring for the textarea) ----------------------\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: effectiveValue,\n      placeholder,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(handleChange, adjustHeight),\n      inputElementType: 'textarea',\n    } as any,\n    inputRef as any,\n  );\n\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const useEnvironmentalEffect =\n    typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n  // ---- caret restore after commit --------------------------------------\n  const pendingCaretRef = useRef<number | null>(null);\n  useEnvironmentalEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n\n    if (pendingCaretRef.current != null) {\n      // Restore caret after we programmatically inserted a command.\n      const pos = pendingCaretRef.current;\n      pendingCaretRef.current = null;\n      el.focus();\n      el.setSelectionRange(pos, pos);\n      setCaret(pos);\n      return;\n    }\n\n    // The value changed without our own commit (controlled update from\n    // outside, form reset, or defaultValue seeding). Resync the caret from\n    // the DOM selection so trigger parsing works off a valid index instead of\n    // a stale one. We intentionally do not steal focus here.\n    const domCaret = el.selectionStart ?? el.value.length;\n    setCaret((prev) => (prev === domCaret ? prev : domCaret));\n  }, [effectiveValue]);\n\n  // ---- helpers ----------------------------------------------------------\n  const getItemTextValue = useCallback(\n    (key: Key): string => {\n      const item = localCollectionState?.collection?.getItem(key);\n      return item?.textValue || String(key);\n    },\n    [localCollectionState?.collection],\n  );\n\n  // ---- commit (insert the chosen option's literal value) ---------------\n  const commit = useEvent((key: Key) => {\n    const listState = listStateRef.current;\n    // Guard against committing a stale key that has been filtered out of the\n    // visible list (e.g. the token was narrowed after focus landed on it).\n    // Fall back to the first still-visible option so the inserted command\n    // always matches what the user can see.\n    if (visibleFilteredKeys.length > 0 && !visibleFilteredKeys.includes(key)) {\n      key = visibleFilteredKeys[0];\n    }\n    const textValue = getItemTextValue(key);\n    const token = activeToken;\n    const el = inputRef.current;\n\n    // Where the inserted text lands in the new value. Both branches below\n    // already compute this to place the caret; it is reported through\n    // `onCommand` instead of being thrown away. `end` excludes the trailing\n    // space, which is padding around the insertion rather than part of it.\n    let start = Math.min(caret, effectiveValue.length);\n\n    if (token) {\n      const next =\n        effectiveValue.slice(0, token.start) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(token.end);\n      const caretPos =\n        token.start + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = token.start;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n      // If controlled, caret is restored by the effect above; if not, set now.\n      if (el) {\n        el.focus();\n        try {\n          el.setSelectionRange(caretPos, caretPos);\n        } catch {\n          /* noop */\n        }\n      }\n    } else if (el) {\n      // Fallback: insert at caret.\n      const selectionStart = el.selectionStart ?? effectiveValue.length;\n      const selectionEnd = el.selectionEnd ?? effectiveValue.length;\n      const next =\n        effectiveValue.slice(0, selectionStart) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(selectionEnd);\n      const caretPos =\n        selectionStart + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = selectionStart;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n    }\n\n    setDismissedToken(null);\n    onCommand?.(key, {\n      textValue,\n      ...((\n        listState?.collection as Collection<Node<unknown>> | undefined\n      )?.getItem(key)?.props ?? {}),\n      // After the item's own props: the range is the component's measurement of\n      // what it just did, so an item that happens to carry a `start`/`end` prop\n      // must not shadow it.\n      start,\n      end: start + textValue.length,\n    });\n  });\n\n  // ---- keyboard navigation (only while the popover is open) -------------\n  const onKeyDownHandler = useCallback(\n    (e: AriaKeyboardEvent) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      if (!shouldShowPopover) {\n        // While not in command mode, the textarea behaves normally; but clear\n        // any dismissal when the user edits.\n        return;\n      }\n\n      const listState = listStateRef.current;\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        if (!listState) return;\n        e.preventDefault();\n        const nextKey = getNextVisibleKey(\n          listState,\n          e.key === 'ArrowDown' ? 1 : -1,\n        );\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(nextKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Home' || e.key === 'End') {\n        if (!listState) return;\n        e.preventDefault();\n        const edgeKey = getEdgeVisibleKey(\n          listState,\n          e.key === 'Home' ? 'first' : 'last',\n        );\n        if (edgeKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(edgeKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Enter' || e.key === 'Tab') {\n        if (!listState) return;\n        const focused = listState.selectionManager.focusedKey;\n        if (focused != null) {\n          e.preventDefault();\n          commit(focused);\n        }\n        // Otherwise pass through (newline / form submit / tab navigation).\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        if (activeToken) {\n          setDismissedToken(activeToken.token);\n        }\n      }\n    },\n    [shouldShowPopover, activeToken, commit, onKeyDown, listStateRef],\n  );\n\n  // ---- initial focus on the first option when the popover opens ---------\n  const focusInitAttemptsRef = useRef(0);\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    focusInitAttemptsRef.current = 0;\n\n    const tick = () => {\n      if (!shouldShowPopover) return;\n      const listState = listStateRef.current;\n      if (!listState) {\n        focusInitAttemptsRef.current += 1;\n        if (focusInitAttemptsRef.current < 8) {\n          requestAnimationFrame(tick);\n        }\n        return;\n      }\n      if (listState.selectionManager.focusedKey == null) {\n        const first = getEdgeVisibleKey(listState, 'first');\n        if (first != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(first);\n          bumpFocus();\n        }\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n  }, [shouldShowPopover]);\n\n  // ---- keep virtual focus valid as the filtered list narrows -----------\n  // When the user narrows the token, the previously focused option may drop\n  // out of the filtered list. Move focus to the first still-visible option so\n  // the highlight and any Enter/Tab commit stay in sync with what's shown.\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    const listState = listStateRef.current;\n    if (!listState) return;\n\n    if (visibleFilteredKeys.length === 0) return;\n\n    const focused = listState.selectionManager.focusedKey;\n    if (focused == null || !visibleFilteredKeys.includes(focused)) {\n      markKeyboardFocus(listState);\n      listState.selectionManager.setFocusedKey(visibleFilteredKeys[0]);\n      bumpFocus();\n    }\n  }, [visibleFilteredKeys, shouldShowPopover]);\n\n  // ---- composite focus (wrapper + portaled popover) ---------------------\n  const { compositeFocusProps } = useCompositeFocus({\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    popoverRef: popoverRef as RefObject<HTMLElement>,\n    onFocus,\n    onBlur,\n    isDisabled,\n  });\n\n  // ---- aria-activedescendant -------------------------------------------\n  const focusedKey = listStateRef.current?.selectionManager.focusedKey ?? null;\n  const listBoxId = `CommandTextAreaListBox-${commandTextAreaId}`;\n\n  // ---- popover width ----------------------------------------------------\n  // The popover is anchored to the caret (a point), so it must not be sized to\n  // the textarea. We use the same default as the shared `ListBoxPopover` /\n  // `Picker` popovers: a `30x` floor (240px), `max-content` preferred, `50vw`\n  // cap. The concrete floor keeps the virtualized ListBox from collapsing to a\n  // sliver (it has no intrinsic width), and `max-content` lets short option\n  // lists size to their content. The user's `overlayStyles` still win on top.\n  const popoverOverlayStyles = mergeStyleLayers(\n    { width: '30x max-content 50vw' },\n    overlayStyles,\n  );\n\n  // ---- assemble input props ---------------------------------------------\n  const commandInputProps = mergeProps(\n    inputProps,\n    {\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': shouldShowPopover,\n      'aria-haspopup': 'listbox',\n      'aria-controls': shouldShowPopover ? listBoxId : undefined,\n      'aria-activedescendant':\n        shouldShowPopover && focusedKey != null\n          ? getListBoxOptionId(listBoxId, focusedKey)\n          : undefined,\n      onKeyDown: onKeyDownHandler,\n      onSelect: syncCaret,\n      onKeyUp: syncCaret,\n      onClick: syncCaret,\n      'data-input-type': 'command-textarea',\n    },\n    userInputProps,\n  );\n\n  // ---- render -----------------------------------------------------------\n  const field = (\n    <TextInputBase\n      ref={ref as any}\n      {...otherProps}\n      multiLine\n      qa={qa}\n      inputRef={inputRef}\n      wrapperRef={wrapperRef}\n      wrapperProps={compositeFocusProps}\n      labelProps={mergedLabelProps}\n      inputProps={commandInputProps}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n\n  return (\n    <>\n      {field}\n      <ListBoxPopover\n        isOpen={shouldShowPopover}\n        triggerRef={wrapperRef as RefObject<HTMLElement>}\n        positionTargetRef={caretAnchorRef as RefObject<Element | null>}\n        positionApiRef={positionApiRef}\n        popoverRef={popoverRef}\n        listBoxRef={listBoxRef}\n        direction={direction}\n        shouldFlip={shouldFlip}\n        overlayOffset={overlayOffset}\n        containerPadding={containerPadding}\n        listBoxId={listBoxId}\n        overlayStyles={popoverOverlayStyles}\n        listBoxStyles={listBoxStyles}\n        optionStyles={optionStyles}\n        optionHighlight={term}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        listGap={listGap}\n        isDisabled={isDisabled}\n        disabledKeys={disabledKeys}\n        items={items as any}\n        listStateRef={listStateRef}\n        ariaLabel={\n          (props as any)['aria-label'] ||\n          (typeof otherProps.label === 'string' ? otherProps.label : 'Commands')\n        }\n        compositeFocusProps={compositeFocusProps}\n        filter={filterFn}\n        onClose={() => {\n          if (activeToken) setDismissedToken(activeToken.token);\n        }}\n        onSelectionChange={(selection) => {\n          const key = Array.isArray(selection) ? selection[0] : selection;\n          if (key != null) commit(key);\n        }}\n      >\n        {children as any}\n      </ListBoxPopover>\n    </>\n  );\n}\n\nconst _CommandTextArea = forwardRef(CommandTextArea) as unknown as (<T>(\n  props: CubeCommandTextAreaProps<T> & {\n    ref?: ForwardedRef<HTMLElement>;\n  },\n) => ReactElement) & {\n  Item: typeof Item;\n  Section: typeof BaseSection;\n};\n\nObject.assign(_CommandTextArea, {\n  Item,\n  Section: BaseSection,\n  displayName: 'CommandTextArea',\n});\n\nObject.defineProperty(_CommandTextArea, 'cubeInputType', {\n  value: 'CommandTextArea',\n  enumerable: false,\n  configurable: false,\n});\n\nexport { _CommandTextArea as CommandTextArea };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",
@@ -83,7 +83,7 @@ function getCaretRect(textarea, index) {
 	}
 	return rect.height > 0 ? rect : null;
 }
-
 //#endregion
 export { getCaretRect };
+
 //# sourceMappingURL=caretPosition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"caretPosition.js","names":["CaretRect","left","top","height","MIRROR_STYLES","const","ReadonlyArray","CSSStyleDeclaration","getCaretRect","textarea","HTMLTextAreaElement","index","document","doc","ownerDocument","style","defaultView","getComputedStyle","box","getBoundingClientRect","width","mirror","createElement","setAttribute","position","visibility","whiteSpace","wordWrap","overflow","prop","value","setProperty","replace","m","toLowerCase","before","slice","after","textContent","marker","display","appendChild","body","rect","mirrorRect","markerRect","scrollTop","scrollLeft","parseFloat","lineHeight","remove"],"sources":["../../../../src/components/fields/CommandTextArea/caretPosition.ts"],"sourcesContent":["/**\n * Computes the caret's position for a `<textarea>` using a mirror-element\n * technique. jsdom returns zeros (no layout), but in a real browser this gives\n * the caret's viewport coordinates and its line height, so a popover can be\n * anchored to it.\n */\n\nexport interface CaretRect {\n  /** Caret left edge, in viewport coordinates (px). */\n  left: number;\n  /** Caret top edge, in viewport coordinates (px). */\n  top: number;\n  /** Caret height (the textarea's line height), in px. */\n  height: number;\n}\n\n// Computed styles that affect text wrapping / caret placement inside a textarea.\nconst MIRROR_STYLES = [\n  'boxSizing',\n  'width',\n  'height',\n  'overflowX',\n  'overflowY',\n  'paddingTop',\n  'paddingRight',\n  'paddingBottom',\n  'paddingLeft',\n  'borderTopWidth',\n  'borderRightWidth',\n  'borderBottomWidth',\n  'borderLeftWidth',\n  'fontStyle',\n  'fontVariant',\n  'fontWeight',\n  'fontStretch',\n  'fontSize',\n  'fontSizeAdjust',\n  'lineHeight',\n  'fontFamily',\n  'textAlign',\n  'textTransform',\n  'textIndent',\n  'textDecoration',\n  'letterSpacing',\n  'wordSpacing',\n  'tabSize',\n  'whiteSpace',\n  'wordWrap',\n  'wordBreak',\n  'overflowWrap',\n] as const satisfies ReadonlyArray<keyof CSSStyleDeclaration>;\n\n/**\n * Returns the viewport-space rect of the caret at `index` within `textarea`,\n * or `null` if it can't be measured (e.g. jsdom, no layout, detached node).\n */\nexport function getCaretRect(\n  textarea: HTMLTextAreaElement,\n  index: number,\n): CaretRect | null {\n  if (typeof document === 'undefined') return null;\n\n  const doc = textarea.ownerDocument;\n  const style = doc.defaultView?.getComputedStyle(textarea);\n  if (!style) return null;\n\n  // Bail out in environments without real layout (jsdom reports 0x0).\n  const box = textarea.getBoundingClientRect();\n  if (box.width === 0 && box.height === 0) return null;\n\n  const mirror = doc.createElement('div');\n  mirror.setAttribute('data-caret-mirror', '');\n  mirror.style.position = 'absolute';\n  mirror.style.visibility = 'hidden';\n  mirror.style.whiteSpace = 'pre-wrap';\n  mirror.style.wordWrap = 'break-word';\n  mirror.style.top = '0';\n  mirror.style.left = '0';\n  // Prevent the mirror from affecting scroll/anchor lookups.\n  mirror.style.overflow = 'hidden';\n\n  for (const prop of MIRROR_STYLES) {\n    const value = style[prop];\n    if (value != null) {\n      mirror.style.setProperty(\n        prop.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()),\n        value,\n      );\n    }\n  }\n\n  // Match the textarea's content width, not its border-box scroll width.\n  mirror.style.width = style.width;\n\n  const value = textarea.value;\n  const before = value.slice(0, index);\n  const after = value.slice(index) || '.';\n\n  mirror.textContent = before;\n\n  const marker = doc.createElement('span');\n  marker.textContent = after;\n  marker.style.display = 'inline-block';\n  mirror.appendChild(marker);\n\n  // The mirror must be attached to the same document to inherit fonts.\n  doc.body.appendChild(mirror);\n\n  let rect: CaretRect | null = null;\n  try {\n    const mirrorRect = mirror.getBoundingClientRect();\n    const markerRect = marker.getBoundingClientRect();\n    // The mirror is not scrolled, so subtract the textarea's scroll to map the\n    // unscrolled caret offset back into viewport space.\n    const { scrollTop, scrollLeft } = textarea;\n    rect = {\n      left: box.left - scrollLeft + (markerRect.left - mirrorRect.left),\n      top: box.top - scrollTop + (markerRect.top - mirrorRect.top),\n      height: markerRect.height || parseFloat(style.lineHeight) || 0,\n    };\n  } finally {\n    mirror.remove();\n  }\n\n  return rect.height > 0 ? rect : null;\n}\n"],"mappings":";;AAiBA,MAAMI,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;;AAMD,SAAgBI,aACdC,UACAE,OACkB;AAClB,KAAI,OAAOC,aAAa,YAAa,QAAO;CAE5C,MAAMC,MAAMJ,SAASK;CACrB,MAAMC,QAAQF,IAAIG,aAAaC,iBAAiBR,SAAS;AACzD,KAAI,CAACM,MAAO,QAAO;CAGnB,MAAMG,MAAMT,SAASU,uBAAuB;AAC5C,KAAID,IAAIE,UAAU,KAAKF,IAAIf,WAAW,EAAG,QAAO;CAEhD,MAAMkB,SAASR,IAAIS,cAAc,MAAM;AACvCD,QAAOE,aAAa,qBAAqB,GAAG;AAC5CF,QAAON,MAAMS,WAAW;AACxBH,QAAON,MAAMU,aAAa;AAC1BJ,QAAON,MAAMW,aAAa;AAC1BL,QAAON,MAAMY,WAAW;AACxBN,QAAON,MAAMb,MAAM;AACnBmB,QAAON,MAAMd,OAAO;AAEpBoB,QAAON,MAAMa,WAAW;AAExB,MAAK,MAAMC,QAAQzB,eAAe;EAChC,MAAM0B,QAAQf,MAAMc;AACpB,MAAIC,SAAS,KACXT,QAAON,MAAMgB,YACXF,KAAKG,QAAQ,WAAWC,MAAM,MAAMA,EAAEC,aAAa,CAAC,EACpDJ,MACD;;AAKLT,QAAON,MAAMK,QAAQL,MAAMK;CAE3B,MAAMU,QAAQrB,SAASqB;CACvB,MAAMK,SAASL,MAAMM,MAAM,GAAGzB,MAAM;CACpC,MAAM0B,QAAQP,MAAMM,MAAMzB,MAAM,IAAI;AAEpCU,QAAOiB,cAAcH;CAErB,MAAMI,SAAS1B,IAAIS,cAAc,OAAO;AACxCiB,QAAOD,cAAcD;AACrBE,QAAOxB,MAAMyB,UAAU;AACvBnB,QAAOoB,YAAYF,OAAO;AAG1B1B,KAAI6B,KAAKD,YAAYpB,OAAO;CAE5B,IAAIsB,OAAyB;AAC7B,KAAI;EACF,MAAMC,aAAavB,OAAOF,uBAAuB;EACjD,MAAM0B,aAAaN,OAAOpB,uBAAuB;EAGjD,MAAM,EAAE2B,WAAWC,eAAetC;AAClCkC,SAAO;GACL1C,MAAMiB,IAAIjB,OAAO8C,cAAcF,WAAW5C,OAAO2C,WAAW3C;GAC5DC,KAAKgB,IAAIhB,MAAM4C,aAAaD,WAAW3C,MAAM0C,WAAW1C;GACxDC,QAAQ0C,WAAW1C,UAAU6C,WAAWjC,MAAMkC,WAAW,IAAI;GAC9D;WACO;AACR5B,SAAO6B,QAAQ;;AAGjB,QAAOP,KAAKxC,SAAS,IAAIwC,OAAO"}
+{"version":3,"file":"caretPosition.js","names":["CaretRect","left","top","height","MIRROR_STYLES","const","ReadonlyArray","CSSStyleDeclaration","getCaretRect","textarea","HTMLTextAreaElement","index","document","doc","ownerDocument","style","defaultView","getComputedStyle","box","getBoundingClientRect","width","mirror","createElement","setAttribute","position","visibility","whiteSpace","wordWrap","overflow","prop","value","setProperty","replace","m","toLowerCase","before","slice","after","textContent","marker","display","appendChild","body","rect","mirrorRect","markerRect","scrollTop","scrollLeft","parseFloat","lineHeight","remove"],"sources":["../../../../src/components/fields/CommandTextArea/caretPosition.ts"],"sourcesContent":["/**\n * Computes the caret's position for a `<textarea>` using a mirror-element\n * technique. jsdom returns zeros (no layout), but in a real browser this gives\n * the caret's viewport coordinates and its line height, so a popover can be\n * anchored to it.\n */\n\nexport interface CaretRect {\n  /** Caret left edge, in viewport coordinates (px). */\n  left: number;\n  /** Caret top edge, in viewport coordinates (px). */\n  top: number;\n  /** Caret height (the textarea's line height), in px. */\n  height: number;\n}\n\n// Computed styles that affect text wrapping / caret placement inside a textarea.\nconst MIRROR_STYLES = [\n  'boxSizing',\n  'width',\n  'height',\n  'overflowX',\n  'overflowY',\n  'paddingTop',\n  'paddingRight',\n  'paddingBottom',\n  'paddingLeft',\n  'borderTopWidth',\n  'borderRightWidth',\n  'borderBottomWidth',\n  'borderLeftWidth',\n  'fontStyle',\n  'fontVariant',\n  'fontWeight',\n  'fontStretch',\n  'fontSize',\n  'fontSizeAdjust',\n  'lineHeight',\n  'fontFamily',\n  'textAlign',\n  'textTransform',\n  'textIndent',\n  'textDecoration',\n  'letterSpacing',\n  'wordSpacing',\n  'tabSize',\n  'whiteSpace',\n  'wordWrap',\n  'wordBreak',\n  'overflowWrap',\n] as const satisfies ReadonlyArray<keyof CSSStyleDeclaration>;\n\n/**\n * Returns the viewport-space rect of the caret at `index` within `textarea`,\n * or `null` if it can't be measured (e.g. jsdom, no layout, detached node).\n */\nexport function getCaretRect(\n  textarea: HTMLTextAreaElement,\n  index: number,\n): CaretRect | null {\n  if (typeof document === 'undefined') return null;\n\n  const doc = textarea.ownerDocument;\n  const style = doc.defaultView?.getComputedStyle(textarea);\n  if (!style) return null;\n\n  // Bail out in environments without real layout (jsdom reports 0x0).\n  const box = textarea.getBoundingClientRect();\n  if (box.width === 0 && box.height === 0) return null;\n\n  const mirror = doc.createElement('div');\n  mirror.setAttribute('data-caret-mirror', '');\n  mirror.style.position = 'absolute';\n  mirror.style.visibility = 'hidden';\n  mirror.style.whiteSpace = 'pre-wrap';\n  mirror.style.wordWrap = 'break-word';\n  mirror.style.top = '0';\n  mirror.style.left = '0';\n  // Prevent the mirror from affecting scroll/anchor lookups.\n  mirror.style.overflow = 'hidden';\n\n  for (const prop of MIRROR_STYLES) {\n    const value = style[prop];\n    if (value != null) {\n      mirror.style.setProperty(\n        prop.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()),\n        value,\n      );\n    }\n  }\n\n  // Match the textarea's content width, not its border-box scroll width.\n  mirror.style.width = style.width;\n\n  const value = textarea.value;\n  const before = value.slice(0, index);\n  const after = value.slice(index) || '.';\n\n  mirror.textContent = before;\n\n  const marker = doc.createElement('span');\n  marker.textContent = after;\n  marker.style.display = 'inline-block';\n  mirror.appendChild(marker);\n\n  // The mirror must be attached to the same document to inherit fonts.\n  doc.body.appendChild(mirror);\n\n  let rect: CaretRect | null = null;\n  try {\n    const mirrorRect = mirror.getBoundingClientRect();\n    const markerRect = marker.getBoundingClientRect();\n    // The mirror is not scrolled, so subtract the textarea's scroll to map the\n    // unscrolled caret offset back into viewport space.\n    const { scrollTop, scrollLeft } = textarea;\n    rect = {\n      left: box.left - scrollLeft + (markerRect.left - mirrorRect.left),\n      top: box.top - scrollTop + (markerRect.top - mirrorRect.top),\n      height: markerRect.height || parseFloat(style.lineHeight) || 0,\n    };\n  } finally {\n    mirror.remove();\n  }\n\n  return rect.height > 0 ? rect : null;\n}\n"],"mappings":";;AAiBA,MAAMI,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAc;;;;;AAOhB,SAAgBI,aACdC,UACAE,OACkB;CAClB,IAAI,OAAOC,aAAa,aAAa,OAAO;CAE5C,MAAMC,MAAMJ,SAASK;CACrB,MAAMC,QAAQF,IAAIG,aAAaC,iBAAiBR,QAAQ;CACxD,IAAI,CAACM,OAAO,OAAO;CAGnB,MAAMG,MAAMT,SAASU,sBAAsB;CAC3C,IAAID,IAAIE,UAAU,KAAKF,IAAIf,WAAW,GAAG,OAAO;CAEhD,MAAMkB,SAASR,IAAIS,cAAc,KAAK;CACtCD,OAAOE,aAAa,qBAAqB,EAAE;CAC3CF,OAAON,MAAMS,WAAW;CACxBH,OAAON,MAAMU,aAAa;CAC1BJ,OAAON,MAAMW,aAAa;CAC1BL,OAAON,MAAMY,WAAW;CACxBN,OAAON,MAAMb,MAAM;CACnBmB,OAAON,MAAMd,OAAO;CAEpBoB,OAAON,MAAMa,WAAW;CAExB,KAAK,MAAMC,QAAQzB,eAAe;EAChC,MAAM0B,QAAQf,MAAMc;EACpB,IAAIC,SAAS,MACXT,OAAON,MAAMgB,YACXF,KAAKG,QAAQ,WAAWC,MAAM,MAAMA,EAAEC,YAAY,CAAC,GACnDJ,KACF;CAEJ;CAGAT,OAAON,MAAMK,QAAQL,MAAMK;CAE3B,MAAMU,QAAQrB,SAASqB;CACvB,MAAMK,SAASL,MAAMM,MAAM,GAAGzB,KAAK;CACnC,MAAM0B,QAAQP,MAAMM,MAAMzB,KAAK,KAAK;CAEpCU,OAAOiB,cAAcH;CAErB,MAAMI,SAAS1B,IAAIS,cAAc,MAAM;CACvCiB,OAAOD,cAAcD;CACrBE,OAAOxB,MAAMyB,UAAU;CACvBnB,OAAOoB,YAAYF,MAAM;CAGzB1B,IAAI6B,KAAKD,YAAYpB,MAAM;CAE3B,IAAIsB,OAAyB;CAC7B,IAAI;EACF,MAAMC,aAAavB,OAAOF,sBAAsB;EAChD,MAAM0B,aAAaN,OAAOpB,sBAAsB;EAGhD,MAAM,EAAE2B,WAAWC,eAAetC;EAClCkC,OAAO;GACL1C,MAAMiB,IAAIjB,OAAO8C,cAAcF,WAAW5C,OAAO2C,WAAW3C;GAC5DC,KAAKgB,IAAIhB,MAAM4C,aAAaD,WAAW3C,MAAM0C,WAAW1C;GACxDC,QAAQ0C,WAAW1C,UAAU6C,WAAWjC,MAAMkC,UAAU,KAAK;EAC/D;CACF,UAAU;EACR5B,OAAO6B,OAAO;CAChB;CAEA,OAAOP,KAAKxC,SAAS,IAAIwC,OAAO;AAClC"}

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

@@ -1,2 +1,3 @@
 
-import { ActiveToken, CommandTextAreaFilterFn, CommandTrigger, CubeCommandTextAreaProps, _CommandTextArea } from "./CommandTextArea.js";
+import { ActiveToken, CommandTextArea as _CommandTextArea, CommandTextAreaFilterFn, CommandTrigger, CubeCommandTextAreaProps } from "./CommandTextArea.js";
+export { type ActiveToken, _CommandTextArea as CommandTextArea, type CommandTextAreaFilterFn, type CommandTrigger, type CubeCommandTextAreaProps };

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { getCaretRect } from "./caretPosition.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useLayoutEffect, useRef } from "react";
-
 //#region src/components/fields/CommandTextArea/useCaretAnchor.ts
 /**
 * Keeps a zero-size "caret anchor" element positioned at the textarea's caret
@@ -101,7 +100,7 @@ function useCaretAnchor(t0) {
 	} else t5 = $[14];
 	return t5;
 }
-
 //#endregion
 export { useCaretAnchor };
+
 //# sourceMappingURL=useCaretAnchor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCaretAnchor.js","names":["RefObject","useEffect","useLayoutEffect","useRef","CaretRect","getCaretRect","CaretAnchorApi","updatePosition","UseCaretAnchorOptions","inputRef","HTMLTextAreaElement","wrapperRef","HTMLElement","caret","value","isActive","UseCaretAnchorResult","anchorRef","positionApiRef","useCaretAnchor","t0","$","_c","t1","t2","wrapper","current","anchor","document","createElement","setAttribute","style","position","top","left","width","height","pointerEvents","overflow","opacity","appendChild","remove","t3","anchor_0","wrapper_0","input","transform","rect","wrapperRect","getBoundingClientRect","x","y","t4","t5","Symbol","for"],"sources":["../../../../src/components/fields/CommandTextArea/useCaretAnchor.ts"],"sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { CaretRect, getCaretRect } from './caretPosition';\n\nexport interface CaretAnchorApi {\n  updatePosition: () => void;\n}\n\nexport interface UseCaretAnchorOptions {\n  inputRef: RefObject<HTMLTextAreaElement>;\n  wrapperRef: RefObject<HTMLElement>;\n  caret: number;\n  value: string;\n  isActive: boolean;\n}\n\nexport interface UseCaretAnchorResult {\n  /** A real (zero-size) element positioned at the caret; used as the popover's\n   * geometric anchor. `null` until the wrapper mounts. */\n  anchorRef: RefObject<HTMLElement | null>;\n  /** Imperative handle to force the popover to re-position. */\n  positionApiRef: RefObject<CaretAnchorApi | null>;\n}\n\n/**\n * Keeps a zero-size \"caret anchor\" element positioned at the textarea's caret\n * (both axes), inside the (position: relative) input wrapper. The anchor is a\n * real DOM node so react-aria's `useOverlayPosition` can measure it with\n * `getBoundingClientRect`, while interaction/outside-click stays on the\n * wrapper via a separate `triggerRef`.\n */\nexport function useCaretAnchor({\n  inputRef,\n  wrapperRef,\n  caret,\n  value,\n  isActive,\n}: UseCaretAnchorOptions): UseCaretAnchorResult {\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const positionApiRef = useRef<CaretAnchorApi | null>(null);\n\n  // Lazily create the anchor element inside the wrapper and clean it up on\n  // unmount. It is not managed by React so the shared TextInputBase structure\n  // stays untouched.\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n\n    const anchor = document.createElement('span');\n    anchor.setAttribute('data-caret-anchor', '');\n    anchor.style.position = 'absolute';\n    anchor.style.top = '0';\n    anchor.style.left = '0';\n    anchor.style.width = '0';\n    anchor.style.height = '0';\n    anchor.style.pointerEvents = 'none';\n    // Off the flow so it never affects layout or a11y.\n    anchor.style.overflow = 'hidden';\n    anchor.style.opacity = '0';\n    wrapper.appendChild(anchor);\n    anchorRef.current = anchor;\n\n    return () => {\n      anchor.remove();\n      anchorRef.current = null;\n    };\n  }, [wrapperRef]);\n\n  // Position the anchor at the caret whenever the caret/value/active state\n  // changes, then nudge the popover to re-anchor.\n  useLayoutEffect(() => {\n    const anchor = anchorRef.current;\n    const wrapper = wrapperRef.current;\n    const input = inputRef.current;\n    if (!anchor || !wrapper || !input) return;\n\n    if (!isActive) {\n      // Reset to the wrapper's origin when not active so a stale position is\n      // never measured if the popover reopens without a caret move.\n      anchor.style.transform = 'translate(0px, 0px)';\n      return;\n    }\n\n    const rect = getCaretRect(input, caret);\n    if (!rect) return;\n\n    const wrapperRect = wrapper.getBoundingClientRect();\n    // Position relative to the wrapper's border-box (it's position: relative).\n    const x = rect.left - wrapperRect.left;\n    const y = rect.top - wrapperRect.top;\n    anchor.style.transform = `translate(${x}px, ${y}px)`;\n    // Give it a real height so cross-axis centering uses the caret line.\n    anchor.style.height = `${rect.height}px`;\n\n    positionApiRef.current?.updatePosition();\n  }, [caret, value, isActive, inputRef, wrapperRef]);\n\n  return { anchorRef, positionApiRef };\n}\n"],"mappings":";;;;;;;;;;;;;AA+BA,SAAOmB,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAwB,MAAA,EAAAb,UAAAE,YAAAE,OAAAC,OAAAC,aAAAK;CAO7B,MAAAH,YAAkBd,OAA2B,KAAK;CAClD,MAAAe,iBAAuBf,OAA8B,KAAK;CAAC,IAAAoB;CAAA,IAAAC;AAAA,KAAAH,EAAA,OAAAV,YAAA;AAKjDY,aAAA;GACR,MAAAE,UAAgBd,WAAUe;AAC1B,OAAI,CAACD,QAAO;GAEZ,MAAAE,SAAeC,SAAQC,cAAe,OAAO;AAC7CF,UAAMG,aAAc,qBAAqB,GAAG;AAC5CH,UAAMI,MAAMC,WAAY;AACxBL,UAAMI,MAAME,MAAO;AACnBN,UAAMI,MAAMG,OAAQ;AACpBP,UAAMI,MAAMI,QAAS;AACrBR,UAAMI,MAAMK,SAAU;AACtBT,UAAMI,MAAMM,gBAAiB;AAE7BV,UAAMI,MAAMO,WAAY;AACxBX,UAAMI,MAAMQ,UAAW;AACvBd,WAAOe,YAAab,OAAO;AAC3BV,aAASS,UAAWC;AAAH,gBAEV;AACLA,WAAMc,QAAS;AACfxB,cAASS,UAAW;;;AAErBF,OAAA,CAACb,WAAW;AAAAU,IAAA,KAAAV;AAAAU,IAAA,KAAAE;AAAAF,IAAA,KAAAG;QAAA;AAAAD,OAAAF,EAAA;AAAAG,OAAAH,EAAA;;AAtBfpB,WAAUsB,IAsBPC,GAAa;CAAA,IAAAkB;AAAA,KAAArB,EAAA,OAAAR,SAAAQ,EAAA,OAAAZ,YAAAY,EAAA,OAAAN,YAAAM,EAAA,OAAAV,YAAA;AAIA+B,aAAA;GACd,MAAAC,WAAe1B,UAASS;GACxB,MAAAkB,YAAgBjC,WAAUe;GAC1B,MAAAmB,QAAcpC,SAAQiB;AACtB,OAAI,CAACC,YAAD,CAAYF,aAAZ,CAAwBoB,MAAK;AAEjC,OAAI,CAAC9B,UAAQ;AAGXY,aAAMI,MAAMe,YAAa;AAAH;;GAIxB,MAAAC,OAAa1C,aAAawC,OAAOhC,MAAM;AACvC,OAAI,CAACkC,KAAI;GAET,MAAAC,cAAoBvB,UAAOwB,uBAAwB;GAEnD,MAAAC,IAAUH,KAAIb,OAAQc,YAAWd;GACjC,MAAAiB,IAAUJ,KAAId,MAAOe,YAAWf;AAChCN,YAAMI,MAAMe,YAAa,aAAaI,EAAC,MAAOC,EAAC;AAE/CxB,YAAMI,MAAMK,SAAU,GAAGW,KAAIX,OAAO;AAEpClB,kBAAcQ,SAAwBnB,gBAAE;;AACzCc,IAAA,KAAAR;AAAAQ,IAAA,KAAAZ;AAAAY,IAAA,KAAAN;AAAAM,IAAA,KAAAV;AAAAU,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAA+B;AAAA,KAAA/B,EAAA,OAAAR,SAAAQ,EAAA,OAAAZ,YAAAY,EAAA,QAAAN,YAAAM,EAAA,QAAAP,SAAAO,EAAA,QAAAV,YAAA;AAAEyC,OAAA;GAACvC;GAAOC;GAAOC;GAAUN;GAAUE;GAAW;AAAAU,IAAA,KAAAR;AAAAQ,IAAA,KAAAZ;AAAAY,IAAA,MAAAN;AAAAM,IAAA,MAAAP;AAAAO,IAAA,MAAAV;AAAAU,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;AAzBjDnB,iBAAgBwC,IAyBbU,GAA+C;CAAA,IAAAC;AAAA,KAAAhC,EAAA,QAAAiC,OAAAC,IAAA,4BAAA,EAAA;AAE3CF,OAAA;GAAApC;GAAAC;GAA6B;AAAAG,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;AAAA,QAA7BgC"}
+{"version":3,"file":"useCaretAnchor.js","names":["RefObject","useEffect","useLayoutEffect","useRef","CaretRect","getCaretRect","CaretAnchorApi","updatePosition","UseCaretAnchorOptions","inputRef","HTMLTextAreaElement","wrapperRef","HTMLElement","caret","value","isActive","UseCaretAnchorResult","anchorRef","positionApiRef","useCaretAnchor","t0","$","_c","t1","t2","wrapper","current","anchor","document","createElement","setAttribute","style","position","top","left","width","height","pointerEvents","overflow","opacity","appendChild","remove","t3","anchor_0","wrapper_0","input","transform","rect","wrapperRect","getBoundingClientRect","x","y","t4","t5","Symbol","for","_c"],"sources":["../../../../src/components/fields/CommandTextArea/useCaretAnchor.ts"],"sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { CaretRect, getCaretRect } from './caretPosition';\n\nexport interface CaretAnchorApi {\n  updatePosition: () => void;\n}\n\nexport interface UseCaretAnchorOptions {\n  inputRef: RefObject<HTMLTextAreaElement>;\n  wrapperRef: RefObject<HTMLElement>;\n  caret: number;\n  value: string;\n  isActive: boolean;\n}\n\nexport interface UseCaretAnchorResult {\n  /** A real (zero-size) element positioned at the caret; used as the popover's\n   * geometric anchor. `null` until the wrapper mounts. */\n  anchorRef: RefObject<HTMLElement | null>;\n  /** Imperative handle to force the popover to re-position. */\n  positionApiRef: RefObject<CaretAnchorApi | null>;\n}\n\n/**\n * Keeps a zero-size \"caret anchor\" element positioned at the textarea's caret\n * (both axes), inside the (position: relative) input wrapper. The anchor is a\n * real DOM node so react-aria's `useOverlayPosition` can measure it with\n * `getBoundingClientRect`, while interaction/outside-click stays on the\n * wrapper via a separate `triggerRef`.\n */\nexport function useCaretAnchor({\n  inputRef,\n  wrapperRef,\n  caret,\n  value,\n  isActive,\n}: UseCaretAnchorOptions): UseCaretAnchorResult {\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const positionApiRef = useRef<CaretAnchorApi | null>(null);\n\n  // Lazily create the anchor element inside the wrapper and clean it up on\n  // unmount. It is not managed by React so the shared TextInputBase structure\n  // stays untouched.\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n\n    const anchor = document.createElement('span');\n    anchor.setAttribute('data-caret-anchor', '');\n    anchor.style.position = 'absolute';\n    anchor.style.top = '0';\n    anchor.style.left = '0';\n    anchor.style.width = '0';\n    anchor.style.height = '0';\n    anchor.style.pointerEvents = 'none';\n    // Off the flow so it never affects layout or a11y.\n    anchor.style.overflow = 'hidden';\n    anchor.style.opacity = '0';\n    wrapper.appendChild(anchor);\n    anchorRef.current = anchor;\n\n    return () => {\n      anchor.remove();\n      anchorRef.current = null;\n    };\n  }, [wrapperRef]);\n\n  // Position the anchor at the caret whenever the caret/value/active state\n  // changes, then nudge the popover to re-anchor.\n  useLayoutEffect(() => {\n    const anchor = anchorRef.current;\n    const wrapper = wrapperRef.current;\n    const input = inputRef.current;\n    if (!anchor || !wrapper || !input) return;\n\n    if (!isActive) {\n      // Reset to the wrapper's origin when not active so a stale position is\n      // never measured if the popover reopens without a caret move.\n      anchor.style.transform = 'translate(0px, 0px)';\n      return;\n    }\n\n    const rect = getCaretRect(input, caret);\n    if (!rect) return;\n\n    const wrapperRect = wrapper.getBoundingClientRect();\n    // Position relative to the wrapper's border-box (it's position: relative).\n    const x = rect.left - wrapperRect.left;\n    const y = rect.top - wrapperRect.top;\n    anchor.style.transform = `translate(${x}px, ${y}px)`;\n    // Give it a real height so cross-axis centering uses the caret line.\n    anchor.style.height = `${rect.height}px`;\n\n    positionApiRef.current?.updatePosition();\n  }, [caret, value, isActive, inputRef, wrapperRef]);\n\n  return { anchorRef, positionApiRef };\n}\n"],"mappings":";;;;;;;;;;;;AA+BA,SAAOmB,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAwB,MAAA,EAAAb,UAAAE,YAAAE,OAAAC,OAAAC,aAAAK;CAO7B,MAAAH,YAAkBd,OAA2B,IAAI;CACjD,MAAAe,iBAAuBf,OAA8B,IAAI;CAAE,IAAAoB;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAV,YAAA;EAKjDY,WAAA;GACR,MAAAE,UAAgBd,WAAUe;GAC1B,IAAI,CAACD,SAAO;GAEZ,MAAAE,SAAeC,SAAQC,cAAe,MAAM;GAC5CF,OAAMG,aAAc,qBAAqB,EAAE;GAC3CH,OAAMI,MAAMC,WAAY;GACxBL,OAAMI,MAAME,MAAO;GACnBN,OAAMI,MAAMG,OAAQ;GACpBP,OAAMI,MAAMI,QAAS;GACrBR,OAAMI,MAAMK,SAAU;GACtBT,OAAMI,MAAMM,gBAAiB;GAE7BV,OAAMI,MAAMO,WAAY;GACxBX,OAAMI,MAAMQ,UAAW;GACvBd,QAAOe,YAAab,MAAM;GAC1BV,UAASS,UAAWC;GAAH,aAEV;IACLA,OAAMc,OAAQ;IACdxB,UAASS,UAAW;GAAH;EAClB;EACAF,KAAA,CAACb,UAAU;EAACU,EAAA,KAAAV;EAAAU,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAD,KAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAtBfpB,UAAUsB,IAsBPC,EAAY;CAAC,IAAAkB;CAAA,IAAArB,EAAA,OAAAR,SAAAQ,EAAA,OAAAZ,YAAAY,EAAA,OAAAN,YAAAM,EAAA,OAAAV,YAAA;EAIA+B,WAAA;GACd,MAAAC,WAAe1B,UAASS;GACxB,MAAAkB,YAAgBjC,WAAUe;GAC1B,MAAAmB,QAAcpC,SAAQiB;GACtB,IAAI,CAACC,YAAD,CAAYF,aAAZ,CAAwBoB,OAAK;GAEjC,IAAI,CAAC9B,UAAQ;IAGXY,SAAMI,MAAMe,YAAa;IAAH;GAAA;GAIxB,MAAAC,OAAa1C,aAAawC,OAAOhC,KAAK;GACtC,IAAI,CAACkC,MAAI;GAET,MAAAC,cAAoBvB,UAAOwB,sBAAuB;GAElD,MAAAC,IAAUH,KAAIb,OAAQc,YAAWd;GACjC,MAAAiB,IAAUJ,KAAId,MAAOe,YAAWf;GAChCN,SAAMI,MAAMe,YAAa,aAAaI,EAAC,MAAOC,EAAC;GAE/CxB,SAAMI,MAAMK,SAAU,GAAGW,KAAIX,OAAO;GAEpClB,eAAcQ,SAAwBnB,eAAC;EAAC;EACzCc,EAAA,KAAAR;EAAAQ,EAAA,KAAAZ;EAAAY,EAAA,KAAAN;EAAAM,EAAA,KAAAV;EAAAU,EAAA,KAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAA+B;CAAA,IAAA/B,EAAA,OAAAR,SAAAQ,EAAA,OAAAZ,YAAAY,EAAA,QAAAN,YAAAM,EAAA,QAAAP,SAAAO,EAAA,QAAAV,YAAA;EAAEyC,KAAA;GAACvC;GAAOC;GAAOC;GAAUN;GAAUE;EAAU;EAACU,EAAA,KAAAR;EAAAQ,EAAA,KAAAZ;EAAAY,EAAA,MAAAN;EAAAM,EAAA,MAAAP;EAAAO,EAAA,MAAAV;EAAAU,EAAA,MAAA+B;CAAA,OAAAA,KAAA/B,EAAA;CAzBjDnB,gBAAgBwC,IAyBbU,EAA8C;CAAC,IAAAC;CAAA,IAAAhC,EAAA,QAAAiC,OAAAC,IAAA,2BAAA,GAAA;EAE3CF,KAAA;GAAApC;GAAAC;EAA4B;EAACG,EAAA,MAAAgC;CAAA,OAAAA,KAAAhC,EAAA;CAAA,OAA7BgC;AAA6B"}

package/dist/components/fields/DatePicker/DateInput.d.ts

@@ -4,9 +4,8 @@ import "../../../shared/index.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import { ReactElement, Ref } from "react";
 import { AriaDateFieldProps, DateValue } from "react-aria";
-
 //#region src/components/fields/DatePicker/DateInput.d.ts
-interface CubeDateInputProps<T extends DateValue = DateValue> extends Omit<AriaDateFieldProps<T>, 'errorMessage' | 'form' | 'name'>, BaseProps, ContainerStyleProps, FieldBaseProps<T | null | undefined> {
+export interface CubeDateInputProps<T extends DateValue = DateValue> extends Omit<AriaDateFieldProps<T>, 'errorMessage' | 'form' | 'name'>, BaseProps, ContainerStyleProps, FieldBaseProps<T | null | undefined> {
   wrapperStyles?: Styles;
   inputStyles?: Styles;
   styles?: Styles;
@@ -21,5 +20,5 @@ declare const _DateInput: <T extends DateValue = DateValue>(props: CubeDateInput
   ref?: Ref<HTMLElement>;
 }) => ReactElement | null;
 //#endregion
-export { CubeDateInputProps, _DateInput };
+export { _DateInput as DateInput };
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
-import { _DateInputBase } from "./DateInputBase.js";
+import { DateInputBase as _DateInputBase } from "./DateInputBase.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { DEFAULT_DATE_PROPS } from "./props.js";
 import { formatSegments, useFocusManagerRef } from "./utils.js";
@@ -14,7 +14,6 @@ import { jsx } from "react/jsx-runtime";
 import { useDateField, useLocale } from "react-aria";
 import { useDateFieldState } from "react-stately";
 import { createCalendar } from "@internationalized/date";
-
 //#region src/components/fields/DatePicker/DateInput.tsx
 function DateInput(rawProps, ref) {
 	let props = useFieldProps(rawProps, {
@@ -27,7 +26,8 @@ function DateInput(rawProps, ref) {
 	props = Object.assign({}, DEFAULT_DATE_PROPS, props);
 	let { qa, autoFocus, isDisabled, inputStyles, wrapperStyles, isReadOnly, isRequired, isValid, size = "medium", useLocale: useLocaleProp } = props;
 	extractStyles(props, CONTAINER_STYLES, wrapperStyles);
-	let domRef = useFocusManagerRef(ref);
+	let domRef = useRef(null);
+	useFocusManagerRef(ref, domRef);
 	let { locale } = useLocale();
 	let state = useDateFieldState({
 		...props,
@@ -37,8 +37,9 @@ function DateInput(rawProps, ref) {
 	if (useLocaleProp == null) state.segments = formatSegments(state.segments);
 	let fieldRef = useRef(null);
 	let { labelProps, fieldProps } = useDateField(props, state, fieldRef);
-	return wrapWithField(/* @__PURE__ */ jsx(_DateInputBase, {
+	const component = /* @__PURE__ */ jsx(_DateInputBase, {
 		ref: fieldRef,
+		wrapperRef: domRef,
 		qa: qa || "DateInput",
 		inputType: "dateinput",
 		size,
@@ -56,7 +57,8 @@ function DateInput(rawProps, ref) {
 			isReadOnly,
 			isRequired
 		}, i))
-	}), domRef, {
+	});
+	return wrapWithField(component, {
 		...props,
 		labelProps: mergeProps$1(props.labelProps, labelProps)
 	});
@@ -67,7 +69,7 @@ function DateInput(rawProps, ref) {
 */
 const _DateInput = forwardRef(DateInput);
 _DateInput.displayName = "DateInput";
-
 //#endregion
-export { _DateInput };
+export { _DateInput as DateInput };
+
 //# sourceMappingURL=DateInput.js.map