@cube-dev/ui-kit 0.0.0-canary-013a20c → 0.0.0-canary-163ee49

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

@@ -1 +1 @@
-{"version":3,"file":"CommandTextArea.js","names":["Collection","Key","Node","Styles","React","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFilter","useTextField","Section","BaseSection","useListState","useEvent","generateRandomId","chain","mergeProps","useCombinedRefs","castNullableStringValue","WithNullableValue","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","autoSize","maxRows","rows","items","Iterable","T","children","item","triggers","filter","onCommand","key","textValue","k","onOpenChange","isOpen","onActiveTokenChange","insertSpaceAfter","disabledKeys","direction","shouldFlip","overlayOffset","containerPadding","inputRef","HTMLTextAreaElement","wrapperRef","HTMLDivElement","popoverRef","listBoxRef","listStateRef","overlayStyles","listBoxStyles","optionStyles","sectionStyles","headingStyles","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","onFocus","onBlur","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","KeyboardEvent","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 { Collection, Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\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 { 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 { 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<CubeTextInputBaseProps, 'children' | 'multiLine'> {\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>;\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}\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    wrapperRef: propsWrapperRef,\n    popoverRef: propsPopoverRef,\n    listBoxRef: propsListBoxRef,\n    listStateRef: propsListStateRef,\n    onKeyDown,\n    onFocus,\n    onBlur,\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: React.KeyboardEvent<HTMLTextAreaElement>) => {\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: Styles = {\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        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":["Collection","Key","Node","Styles","React","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFilter","useTextField","Section","BaseSection","useListState","useEvent","generateRandomId","chain","mergeProps","useCombinedRefs","castNullableStringValue","WithNullableValue","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","autoSize","maxRows","rows","items","Iterable","T","children","item","triggers","filter","onCommand","key","textValue","k","onOpenChange","isOpen","onActiveTokenChange","insertSpaceAfter","disabledKeys","direction","shouldFlip","overlayOffset","containerPadding","inputRef","HTMLTextAreaElement","wrapperRef","HTMLDivElement","popoverRef","listBoxRef","listStateRef","overlayStyles","listBoxStyles","optionStyles","sectionStyles","headingStyles","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","onFocus","onBlur","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","KeyboardEvent","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 { Collection, Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\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 { 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 { 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<CubeTextInputBaseProps, 'children' | 'multiLine'> {\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>;\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}\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    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: React.KeyboardEvent<HTMLTextAreaElement>) => {\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: Styles = {\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        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.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { getCaretRect } from "./caretPosition.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useLayoutEffect, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Space } from "../../layout/Space.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | 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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/period.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/FilterListBox/FilterListBox.js

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

package/dist/components/fields/FilterPicker/FilterPicker.js

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

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { TextInput } from "../TextInput/TextInput.js";
 import { _FileInput } from "../FileInput/FileInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

package/dist/components/fields/ListBox/DraggableListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/ListBox/ListBox.js

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

package/dist/components/fields/ListBox/optionId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 //#region src/components/fields/ListBox/optionId.ts
 /**
 * The DOM id of the option with `key` in the listbox whose id is `listBoxId`,

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
@@ -36,7 +36,7 @@ function PasswordInput(props, ref) {
 	} else t1 = $[2];
 	props = useFieldProps(props, t1);
 	const [type, setType] = useState("password");
-	const { labelProps: userLabelProps, inputProps: userInputProps, suffix, multiLine, inputRef: propsInputRef, isBuffered, ...rest } = props;
+	const { labelProps: userLabelProps, inputProps: userInputProps, suffix, multiLine, inputRef: propsInputRef, form, isBuffered, ...rest } = props;
 	const localInputRef = useRef(null);
 	const inputRef = propsInputRef ?? localInputRef;
 	const buffered = useBufferedValue(rest.value, rest.onChange, {

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","names":["ForwardedRef","forwardRef","useCallback","useRef","useState","useTextField","useI18n","EyeIcon","EyeInvisibleIcon","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubePasswordInputProps","PasswordInput","props","ref","$","_c","t","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","type","setType","labelProps","userLabelProps","inputProps","userInputProps","suffix","multiLine","inputRef","propsInputRef","isBuffered","rest","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","t2","t3","t4","onBlur","reset","t5","t6","mergedLabelProps","t7","_temp2","toggleType","t8","t9","t10","t11","t12","t13","wrappedSuffix","t14","t15","paddingRight","t16","type_0","toString","_PasswordInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useCallback, useRef, useState } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { EyeIcon } from '../../../icons/EyeIcon';\nimport { EyeInvisibleIcon } from '../../../icons/EyeInvisibleIcon';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nexport interface CubePasswordInputProps\n  extends WithNullableValue<CubeTextInputBaseProps>,\n    CubeBufferedValueProps {}\n\nfunction PasswordInput(\n  props: CubePasswordInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value?.toString() ?? '',\n      onChange,\n    }),\n  });\n\n  let [type, setType] = useState('password');\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    suffix,\n    multiLine,\n    inputRef: propsInputRef,\n    isBuffered,\n    ...rest\n  } = props;\n  let localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  let buffered = useBufferedValue(rest.value, rest.onChange, {\n    isBuffered,\n    isDisabled: rest.isDisabled,\n    isReadOnly: rest.isReadOnly,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...rest,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(rest.onBlur, buffered.reset),\n      type,\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const toggleType = useCallback(() => {\n    setType((type) => (type === 'password' ? 'text' : 'password'));\n  }, []);\n\n  const wrappedSuffix = (\n    <>\n      {suffix}\n      {/*\n        The disabled state travels through the provider rather than as a prop on\n        the action. Both disable it, but the provider marks the state as\n        INHERITED from the field, and `current` paints from the colour it\n        inherits — which a disabled field has already faded — so a second fade\n        would multiply the two down to roughly a tenth opacity. No `type` is\n        passed, so the `context` mod stays off and the toggle keeps its margins.\n      */}\n      <ItemActionProvider isDisabled={rest.isDisabled}>\n        <ItemAction\n          // No `type` — the default `current` type inherits the input's own text\n          // color, so the toggle follows the field's theme, validation state and\n          // disabled state rather than staying opaque against faded text.\n          tooltip={t('passwordInput.toggleMasking', 'Toggle masking')}\n          icon={type === 'password' ? <EyeInvisibleIcon /> : <EyeIcon />}\n          onPress={toggleType}\n        />\n      </ItemActionProvider>\n    </>\n  );\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'passwordinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      inputStyles={{ paddingRight: '4x' }}\n      type={type}\n      suffixPosition=\"after\"\n      suffix={wrappedSuffix}\n      multiLine={multiLine}\n      {...rest}\n    />\n  );\n}\n\n/**\n * PasswordInputs are password inputs that allow users to input passwords or code entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _PasswordInput = forwardRef(PasswordInput);\n\n(_PasswordInput as any).cubeInputType = 'Text';\n_PasswordInput.displayName = 'PasswordInput';\n\nexport { _PasswordInput as PasswordInput };\n"],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","names":["ForwardedRef","forwardRef","useCallback","useRef","useState","useTextField","useI18n","EyeIcon","EyeInvisibleIcon","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubePasswordInputProps","PasswordInput","props","ref","$","_c","t","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","type","setType","labelProps","userLabelProps","inputProps","userInputProps","suffix","multiLine","inputRef","propsInputRef","form","isBuffered","rest","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","t2","t3","t4","onBlur","reset","t5","t6","mergedLabelProps","t7","_temp2","toggleType","t8","t9","t10","t11","t12","t13","wrappedSuffix","t14","t15","paddingRight","t16","type_0","toString","_PasswordInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useCallback, useRef, useState } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { EyeIcon } from '../../../icons/EyeIcon';\nimport { EyeInvisibleIcon } from '../../../icons/EyeInvisibleIcon';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nexport interface CubePasswordInputProps\n  extends WithNullableValue<CubeTextInputBaseProps>,\n    CubeBufferedValueProps {}\n\nfunction PasswordInput(\n  props: CubePasswordInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value?.toString() ?? '',\n      onChange,\n    }),\n  });\n\n  let [type, setType] = useState('password');\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    suffix,\n    multiLine,\n    inputRef: propsInputRef,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...rest\n  } = props;\n  let localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  let buffered = useBufferedValue(rest.value, rest.onChange, {\n    isBuffered,\n    isDisabled: rest.isDisabled,\n    isReadOnly: rest.isReadOnly,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...rest,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(rest.onBlur, buffered.reset),\n      type,\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const toggleType = useCallback(() => {\n    setType((type) => (type === 'password' ? 'text' : 'password'));\n  }, []);\n\n  const wrappedSuffix = (\n    <>\n      {suffix}\n      {/*\n        The disabled state travels through the provider rather than as a prop on\n        the action. Both disable it, but the provider marks the state as\n        INHERITED from the field, and `current` paints from the colour it\n        inherits — which a disabled field has already faded — so a second fade\n        would multiply the two down to roughly a tenth opacity. No `type` is\n        passed, so the `context` mod stays off and the toggle keeps its margins.\n      */}\n      <ItemActionProvider isDisabled={rest.isDisabled}>\n        <ItemAction\n          // No `type` — the default `current` type inherits the input's own text\n          // color, so the toggle follows the field's theme, validation state and\n          // disabled state rather than staying opaque against faded text.\n          tooltip={t('passwordInput.toggleMasking', 'Toggle masking')}\n          icon={type === 'password' ? <EyeInvisibleIcon /> : <EyeIcon />}\n          onPress={toggleType}\n        />\n      </ItemActionProvider>\n    </>\n  );\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'passwordinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      inputStyles={{ paddingRight: '4x' }}\n      type={type}\n      suffixPosition=\"after\"\n      suffix={wrappedSuffix}\n      multiLine={multiLine}\n      {...rest}\n    />\n  );\n}\n\n/**\n * PasswordInputs are password inputs that allow users to input passwords or code entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _PasswordInput = forwardRef(PasswordInput);\n\n(_PasswordInput as any).cubeInputType = 'Text';\n_PasswordInput.displayName = 'PasswordInput';\n\nexport { _PasswordInput as PasswordInput };\n"],"mappings":"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"}

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-013a20c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-163ee49 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
@@ -365,7 +365,6 @@ function Radio(props, ref) {
 				"aria-label": ariaLabel,
 				...mergeTooltipFocusProps(inputProps, tooltipFocusProps),
 				ref: inputRef,
-				form: null,
 				mods: {
 					button: isButton,
 					disabled: isRadioDisabled